mirror of
https://gitee.com/baidu/amis.git
synced 2024-11-29 10:38:16 +08:00
翻译基于 key 而不是中文，方便以后其他语言扩展 (#1416)
This commit is contained in:
吴多益
GitHub
parent
97a55e6bca
commit
2be472580b
10
.prettierrc
10
.prettierrc
@ -8,5 +8,13 @@
|
||||
"bracketSpacing": false,
|
||||
"quoteProps": "consistent",
|
||||
"arrowParens": "avoid",
|
||||
"jsxBracketSameLine": false
|
||||
"jsxBracketSameLine": false,
|
||||
"overrides": [
|
||||
{
|
||||
"files": "src/locale/*.ts",
|
||||
"options": {
|
||||
"printWidth": 800
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
@ -358,7 +358,7 @@ Action 行为按钮，是触发页面行为的主要方法之一
|
||||
"title": "表单设置",
|
||||
"body": {
|
||||
"type": "form",
|
||||
"api": "https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/mock2/form/saveForm?waitSeconds=1",
|
||||
"api": "https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/mock2/form/saveForm",
|
||||
"controls": [
|
||||
{
|
||||
"type": "text",
|
||||
@ -371,6 +371,49 @@ Action 行为按钮，是触发页面行为的主要方法之一
|
||||
}
|
||||
```
|
||||
|
||||
### 弹框结合 reload 刷新下拉框的例子
|
||||
|
||||
下面是一种典型场景，有个一个下拉框，然后有个按钮能弹框新增数据，新增了之后需要下拉框重新拉取最新列表（这个例子因为没实现新增功能，所以看不出更新，如果看网络请求会发现重新请求了一次）。
|
||||
|
||||
```schema: scope="body"
|
||||
{
|
||||
"type": "form",
|
||||
"api": "https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/mock2/form/saveForm",
|
||||
"name": "myForm",
|
||||
"controls": [
|
||||
{
|
||||
"type": "select",
|
||||
"name": "group",
|
||||
"label": "分组",
|
||||
"source": "https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/mock2/form/getOptions"
|
||||
},
|
||||
{
|
||||
"label": "新增分组",
|
||||
"type": "button",
|
||||
"level": "primary",
|
||||
"actionType": "dialog",
|
||||
"reload": "myForm.group",
|
||||
"dialog": {
|
||||
"title": "新增分组",
|
||||
"body": {
|
||||
"type": "form",
|
||||
"api": "https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/mock2/form/saveForm",
|
||||
"controls": [
|
||||
{
|
||||
"type": "text",
|
||||
"name": "groupName",
|
||||
"label": "分组名"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
```
|
||||
|
||||
可以看到 `reload` 是 `myForm.group`，第一个是表单的 name，第二个是下拉框的 name。
|
||||
|
||||
**属性表**
|
||||
|
||||
| 属性名 | 类型 | 默认值 | 说明 |
|
||||
|
||||
@ -66,7 +66,7 @@ order: 13
|
||||
}
|
||||
```
|
||||
|
||||
如果你想要其他格式的日期值，，那么可以配置`format`参数用于调整表单项的值格式。
|
||||
如果你想要其他格式的日期值，那么可以配置`format`参数用于调整表单项的值格式。
|
||||
|
||||
例如你调整值为`2020-04-14`这样的格式，查找 [moment 文档](https://momentjs.com/docs/#/displaying/format/) 可知配置格式应为 `YYYY-MM-DD`，即：
|
||||
|
||||
|
||||
@ -66,7 +66,7 @@ order: 14
|
||||
}
|
||||
```
|
||||
|
||||
如果你想要其他格式的日期值，，那么可以配置`format`参数用于调整表单项的值格式。
|
||||
如果你想要其他格式的日期值，那么可以配置`format`参数用于调整表单项的值格式。
|
||||
|
||||
例如你调整值为`2020-04-14 12:20:10`这样的格式，查找 [moment 文档](https://momentjs.com/docs/#/displaying/format/) 可知配置格式应为 `YYYY-MM-DD HH:mm:ss`，即：
|
||||
|
||||
|
||||
@ -163,6 +163,7 @@ order: 21
|
||||
| hideUploadButton | `boolean` | `false` | 隐藏上传按钮 |
|
||||
| stateTextMap | object | `{ init: '', pending: '等待上传', uploading: '上传中', error: '上传出错', uploaded: '已上传', ready: '' }` | 上传状态文案 |
|
||||
| fileField | `string` | `file` | 如果你不想自己存储，则可以忽略此属性。 |
|
||||
| btnLabel | `string` | | 上传按钮的文字 |
|
||||
| downloadUrl | `boolean`或`string` | `""` | 默认显示文件路径的时候会支持直接下载，可以支持加前缀如：`http://xx.dom/filename=` ，如果不希望这样，可以把当前配置项设置为 `false`。 |
|
||||
| useChunk | `boolean`或`"auto"` | `"auto"` | amis 所在服务器，限制了文件上传大小不得超出 10M，所以 amis 在用户选择大文件的时候，自动会改成分块上传模式。 |
|
||||
| chunkSize | `number` | `5 * 1024 * 1024` | 分块大小 |
|
||||
|
||||
@ -63,6 +63,29 @@ order: 27
|
||||
|
||||
想要限制多个类型，则用逗号分隔，例如：`.jpg,.png`
|
||||
|
||||
## 限制文件大小
|
||||
|
||||
配置 `limit`，更多属性请参考后面的属性说明。
|
||||
|
||||
```schema: scope="body"
|
||||
{
|
||||
"type": "form",
|
||||
"api": "https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/mock2/form/saveForm",
|
||||
"controls": [
|
||||
{
|
||||
"type": "image",
|
||||
"name": "image",
|
||||
"label": "限制只能上传宽度大于 1000 的图片",
|
||||
"accept": ".jpg",
|
||||
"limit": {
|
||||
"minWidth": 1000
|
||||
},
|
||||
"reciever": "https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/upload/file"
|
||||
}
|
||||
]
|
||||
}
|
||||
```
|
||||
|
||||
## 支持裁剪
|
||||
|
||||
```schema: scope="body"
|
||||
|
||||
@ -66,7 +66,7 @@ order: 81
|
||||
}
|
||||
```
|
||||
|
||||
如果你想要其他格式的月份值，，那么可以配置`format`参数用于调整表单项的值格式。
|
||||
如果你想要其他格式的月份值，那么可以配置`format`参数用于调整表单项的值格式。
|
||||
|
||||
例如你调整值为`01`这样的格式，查找 moment 文档可知配置格式应为 `MM`，即：
|
||||
|
||||
|
||||
@ -66,7 +66,7 @@ order: 58
|
||||
}
|
||||
```
|
||||
|
||||
如果你想要其他格式的日期值，，那么可以配置`format`参数用于调整表单项的值格式。
|
||||
如果你想要其他格式的日期值，那么可以配置`format`参数用于调整表单项的值格式。
|
||||
|
||||
例如你调整值为`01:11`这样的格式，查找 moment 文档可知配置格式应为 `HH:mm`，即：
|
||||
|
||||
|
||||
@ -87,7 +87,7 @@ import 'amis/lib/locale/en-US';
|
||||
|
||||
## 扩展内置组件的语言
|
||||
|
||||
如果想扩展其他语言，首先参考 `https://github.com/baidu/amis/blob/master/src/locale/en.ts` 文件，了解需要翻译哪些文字，以中文为 key，然后参考后面的示例注册新语言，未翻译的文字都将使用默认语言，即中文。
|
||||
如果想扩展其他语言，首先参考 `https://github.com/baidu/amis/blob/master/src/locale/en-US.ts` 文件，然后参考后面的示例注册新语言，未翻译的文字都将使用中文。
|
||||
|
||||
> 目前这种方式将会在未来修改，为了支持更多语言而不再使用中文为 key
|
||||
|
||||
@ -96,7 +96,7 @@ import 'amis/lib/locale/en-US';
|
||||
```javascript
|
||||
let amisLib = amisRequire('amis');
|
||||
amisLib.registerLocale('jp', {
|
||||
提交: '送信'
|
||||
'Form.submit': '送信'
|
||||
});
|
||||
```
|
||||
|
||||
@ -105,6 +105,6 @@ amisLib.registerLocale('jp', {
|
||||
```javascript
|
||||
import {registerLocale} from 'amis';
|
||||
registerLocale('jp', {
|
||||
提交: '送信'
|
||||
'Form.submit': '送信'
|
||||
});
|
||||
```
|
||||
|
||||
@ -1078,6 +1078,8 @@
|
||||
--Switch-onDisabled-color: #fff;
|
||||
--Switch-valueColor: var(--white);
|
||||
--Switch-width: #{px2rem(50px)};
|
||||
--Switch-label: '关';
|
||||
--Switch-checked-label: '开';
|
||||
|
||||
--Table--unsaved-heading-bg: #e8f0fe;
|
||||
--Table--unsaved-heading-color: #4285f4;
|
||||
|
||||
@ -17,7 +17,7 @@
|
||||
|
||||
i {
|
||||
&:before {
|
||||
content: '\5173';
|
||||
content: var(--Switch-label);
|
||||
color: var(--Switch-valueColor);
|
||||
text-indent: calc(var(--Switch-width) / 2);
|
||||
text-transform: uppercase;
|
||||
@ -81,7 +81,7 @@
|
||||
&:after {
|
||||
margin-left: calc(var(--Switch-width) - var(--Switch-height));
|
||||
|
||||
content: '\5f00';
|
||||
content: var(--Switch-checked-label);
|
||||
color: var(--white);
|
||||
text-indent: px2rem(-18px); // todo
|
||||
text-transform: uppercase;
|
||||
|
||||
@ -66,9 +66,9 @@ export class Alert extends React.Component<AlertProps, AlertState> {
|
||||
}
|
||||
|
||||
static defaultProps = {
|
||||
confirmText: '确认',
|
||||
cancelText: '取消',
|
||||
title: '系统消息',
|
||||
confirmText: 'confirm',
|
||||
cancelText: 'cancel',
|
||||
title: 'Alert.info',
|
||||
alertBtnLevel: 'primary',
|
||||
confirmBtnLevel: 'danger'
|
||||
};
|
||||
@ -147,8 +147,8 @@ export class Alert extends React.Component<AlertProps, AlertState> {
|
||||
prompt(
|
||||
controls: any,
|
||||
defaultValue?: any,
|
||||
title: string = '请输入',
|
||||
confirmText: string = '确认'
|
||||
title: string = 'placeholder.enter',
|
||||
confirmText: string = 'confirm'
|
||||
) {
|
||||
if (typeof controls === 'string') {
|
||||
// 兼容浏览器标准用法。
|
||||
|
||||
@ -32,7 +32,7 @@ export interface ArrayInputProps extends ThemeProps, LocaleProps {
|
||||
|
||||
export class ArrayInput extends React.Component<ArrayInputProps> {
|
||||
static defaultProps = {
|
||||
placeholder: '<空>',
|
||||
placeholder: 'empty',
|
||||
itemRender: ({
|
||||
value,
|
||||
onChange
|
||||
@ -210,7 +210,7 @@ export class ArrayInput extends React.Component<ArrayInputProps> {
|
||||
disabled={disabled}
|
||||
>
|
||||
<Icon icon="plus" className="icon" />
|
||||
<span>{__('新增一条')}</span>
|
||||
<span>{__('Combo.add')}</span>
|
||||
</Button>
|
||||
) : null}
|
||||
|
||||
|
||||
@ -160,9 +160,9 @@ export class AssociatedCheckboxes extends BaseCheckboxes<
|
||||
</div>
|
||||
|
||||
{selectdOption.loading ? (
|
||||
<p>{__('加载中')}</p>
|
||||
<p>{__('loading')}</p>
|
||||
) : (
|
||||
<p>{__('点击刷新重新加载')}</p>
|
||||
<p>{__('Transfer.refreshIcon')}</p>
|
||||
)}
|
||||
</div>
|
||||
) : rightMode === 'table' ? (
|
||||
@ -202,12 +202,12 @@ export class AssociatedCheckboxes extends BaseCheckboxes<
|
||||
)
|
||||
) : (
|
||||
<div className={cx('AssociatedCheckboxes-box')}>
|
||||
{__('配置错误，选项无法与左侧选项对应')}
|
||||
{__('Transfer.configError')}
|
||||
</div>
|
||||
)
|
||||
) : (
|
||||
<div className={cx('AssociatedCheckboxes-box')}>
|
||||
{__('请先选择左侧数据')}
|
||||
{__('Transfer.selectFromLeft')}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
@ -37,7 +37,7 @@ export class BaseCheckboxes<
|
||||
S = any
|
||||
> extends React.Component<T, S> {
|
||||
static defaultProps = {
|
||||
placeholder: '暂无选项',
|
||||
placeholder: 'placeholder.noOption',
|
||||
itemRender: (option: Option) => <span>{option.label}</span>
|
||||
};
|
||||
|
||||
|
||||
@ -45,7 +45,7 @@ export class ColorControl extends React.PureComponent<
|
||||
static defaultProps = {
|
||||
format: 'hex',
|
||||
clearable: true,
|
||||
placeholder: '请选择颜色',
|
||||
placeholder: 'ColorPicker.placeholder',
|
||||
allowCustomColor: true
|
||||
// closeOnSelect: true
|
||||
};
|
||||
|
||||
@ -19,76 +19,76 @@ import {localeable, LocaleProps, TranslateFn} from '../locale';
|
||||
|
||||
const availableShortcuts: {[propName: string]: any} = {
|
||||
now: {
|
||||
label: '现在',
|
||||
label: 'Date.now',
|
||||
date: (now: moment.Moment) => {
|
||||
return now;
|
||||
}
|
||||
},
|
||||
today: {
|
||||
label: '今天',
|
||||
label: 'Date.today',
|
||||
date: (now: moment.Moment) => {
|
||||
return now.startOf('day');
|
||||
}
|
||||
},
|
||||
|
||||
yesterday: {
|
||||
label: '昨天',
|
||||
label: 'Date.yesterday',
|
||||
date: (now: moment.Moment) => {
|
||||
return now.add(-1, 'days').startOf('day');
|
||||
}
|
||||
},
|
||||
|
||||
thisweek: {
|
||||
label: '本周一',
|
||||
label: 'Date.monday',
|
||||
date: (now: moment.Moment) => {
|
||||
return now.startOf('week').startOf('day');
|
||||
}
|
||||
},
|
||||
|
||||
thismonth: {
|
||||
label: '本月初',
|
||||
label: 'Date.startOfMonth',
|
||||
date: (now: moment.Moment) => {
|
||||
return now.startOf('month');
|
||||
}
|
||||
},
|
||||
|
||||
prevmonth: {
|
||||
label: '上个月初',
|
||||
label: 'Date.startOfLastMonth',
|
||||
date: (now: moment.Moment) => {
|
||||
return now.startOf('month').add(-1, 'month');
|
||||
}
|
||||
},
|
||||
|
||||
prevquarter: {
|
||||
label: '上个季节初',
|
||||
label: 'Date.startOfLastQuarter',
|
||||
date: (now: moment.Moment) => {
|
||||
return now.startOf('quarter').add(-1, 'quarter');
|
||||
}
|
||||
},
|
||||
|
||||
thisquarter: {
|
||||
label: '本季度初',
|
||||
label: 'Date.startOfQuarter',
|
||||
date: (now: moment.Moment) => {
|
||||
return now.startOf('quarter');
|
||||
}
|
||||
},
|
||||
|
||||
tomorrow: {
|
||||
label: '明天',
|
||||
label: 'Date.tomorrow',
|
||||
date: (now: moment.Moment) => {
|
||||
return now.add(1, 'days').startOf('day');
|
||||
}
|
||||
},
|
||||
|
||||
endofthisweek: {
|
||||
label: '本周日',
|
||||
label: 'Date.endOfWeek',
|
||||
date: (now: moment.Moment) => {
|
||||
return now.endOf('week');
|
||||
}
|
||||
},
|
||||
|
||||
endofthismonth: {
|
||||
label: '本月底',
|
||||
label: 'Date.endOfMonth',
|
||||
date: (now: moment.Moment) => {
|
||||
return now.endOf('month');
|
||||
}
|
||||
@ -100,7 +100,7 @@ const advancedShortcuts = [
|
||||
regexp: /^(\d+)hoursago$/,
|
||||
resolve: (__: TranslateFn, _: string, hours: string) => {
|
||||
return {
|
||||
label: __('{{hours}}小时前', {hours}),
|
||||
label: __('Date.hoursago', {hours}),
|
||||
date: (now: moment.Moment) => {
|
||||
return now.subtract(hours, 'hours');
|
||||
}
|
||||
@ -111,7 +111,7 @@ const advancedShortcuts = [
|
||||
regexp: /^(\d+)hourslater$/,
|
||||
resolve: (__: TranslateFn, _: string, hours: string) => {
|
||||
return {
|
||||
label: __('{{hours}}小时后', {hours}),
|
||||
label: __('Date.hourslater', {hours}),
|
||||
date: (now: moment.Moment) => {
|
||||
return now.add(hours, 'hours');
|
||||
}
|
||||
@ -122,7 +122,7 @@ const advancedShortcuts = [
|
||||
regexp: /^(\d+)daysago$/,
|
||||
resolve: (__: TranslateFn, _: string, days: string) => {
|
||||
return {
|
||||
label: __('{{days}}天前', {days}),
|
||||
label: __('Date.daysago', {days}),
|
||||
date: (now: moment.Moment) => {
|
||||
return now.subtract(days, 'days');
|
||||
}
|
||||
@ -133,7 +133,7 @@ const advancedShortcuts = [
|
||||
regexp: /^(\d+)dayslater$/,
|
||||
resolve: (__: TranslateFn, _: string, days: string) => {
|
||||
return {
|
||||
label: __('{{days}}天后', {days}),
|
||||
label: __('Date.dayslater', {days}),
|
||||
date: (now: moment.Moment) => {
|
||||
return now.add(days, 'days');
|
||||
}
|
||||
@ -144,7 +144,7 @@ const advancedShortcuts = [
|
||||
regexp: /^(\d+)weeksago$/,
|
||||
resolve: (__: TranslateFn, _: string, weeks: string) => {
|
||||
return {
|
||||
label: __('{{weeks}}周前', {weeks}),
|
||||
label: __('Date.weeksago', {weeks}),
|
||||
date: (now: moment.Moment) => {
|
||||
return now.subtract(weeks, 'weeks');
|
||||
}
|
||||
@ -155,7 +155,7 @@ const advancedShortcuts = [
|
||||
regexp: /^(\d+)weekslater$/,
|
||||
resolve: (__: TranslateFn, _: string, weeks: string) => {
|
||||
return {
|
||||
label: __('{{weeks}}周后', {weeks}),
|
||||
label: __('Date.weekslater', {weeks}),
|
||||
date: (now: moment.Moment) => {
|
||||
return now.add(weeks, 'weeks');
|
||||
}
|
||||
@ -166,7 +166,7 @@ const advancedShortcuts = [
|
||||
regexp: /^(\d+)monthsago$/,
|
||||
resolve: (__: TranslateFn, _: string, months: string) => {
|
||||
return {
|
||||
label: __('{{months}}月前', {months}),
|
||||
label: __('Date.monthsago', {months}),
|
||||
date: (now: moment.Moment) => {
|
||||
return now.subtract(months, 'months');
|
||||
}
|
||||
@ -177,7 +177,7 @@ const advancedShortcuts = [
|
||||
regexp: /^(\d+)monthslater$/,
|
||||
resolve: (__: TranslateFn, _: string, months: string) => {
|
||||
return {
|
||||
label: __('{{months}}月后', {months}),
|
||||
label: __('Date.monthslater', {months}),
|
||||
date: (now: moment.Moment) => {
|
||||
return now.add(months, 'months');
|
||||
}
|
||||
@ -188,7 +188,7 @@ const advancedShortcuts = [
|
||||
regexp: /^(\d+)quartersago$/,
|
||||
resolve: (__: TranslateFn, _: string, quarters: string) => {
|
||||
return {
|
||||
label: __('{{quarters}}季度前', {quarters}),
|
||||
label: __('Date.quartersago', {quarters}),
|
||||
date: (now: moment.Moment) => {
|
||||
return now.subtract(quarters, 'quarters');
|
||||
}
|
||||
@ -199,7 +199,7 @@ const advancedShortcuts = [
|
||||
regexp: /^(\d+)quarterslater$/,
|
||||
resolve: (__: TranslateFn, _: string, quarters: string) => {
|
||||
return {
|
||||
label: __('{{quarters}}季度后', {quarters}),
|
||||
label: __('Date.quarterslater', {quarters}),
|
||||
date: (now: moment.Moment) => {
|
||||
return now.add(quarters, 'quarters');
|
||||
}
|
||||
|
||||
@ -53,7 +53,7 @@ export interface DateRangePickerState {
|
||||
|
||||
const availableRanges: {[propName: string]: any} = {
|
||||
'today': {
|
||||
label: '今天',
|
||||
label: 'Date.today',
|
||||
startDate: (now: moment.Moment) => {
|
||||
return now.startOf('day');
|
||||
},
|
||||
@ -63,7 +63,7 @@ const availableRanges: {[propName: string]: any} = {
|
||||
},
|
||||
|
||||
'yesterday': {
|
||||
label: '昨天',
|
||||
label: 'Date.yesterday',
|
||||
startDate: (now: moment.Moment) => {
|
||||
return now.add(-1, 'days').startOf('day');
|
||||
},
|
||||
@ -73,7 +73,7 @@ const availableRanges: {[propName: string]: any} = {
|
||||
},
|
||||
|
||||
'1dayago': {
|
||||
label: '最近1天',
|
||||
label: 'DateRange.lastDay',
|
||||
startDate: (now: moment.Moment) => {
|
||||
return now.add(-1, 'days');
|
||||
},
|
||||
@ -83,7 +83,7 @@ const availableRanges: {[propName: string]: any} = {
|
||||
},
|
||||
|
||||
'7daysago': {
|
||||
label: '最近7天',
|
||||
label: 'DateRange.last7Days',
|
||||
startDate: (now: moment.Moment) => {
|
||||
return now.add(-7, 'days').startOf('day');
|
||||
},
|
||||
@ -93,7 +93,7 @@ const availableRanges: {[propName: string]: any} = {
|
||||
},
|
||||
|
||||
'90daysago': {
|
||||
label: '最近90天',
|
||||
label: 'DateRange.last90Days',
|
||||
startDate: (now: moment.Moment) => {
|
||||
return now.add(-90, 'days').startOf('day');
|
||||
},
|
||||
@ -103,7 +103,7 @@ const availableRanges: {[propName: string]: any} = {
|
||||
},
|
||||
|
||||
'prevweek': {
|
||||
label: '上周',
|
||||
label: 'DateRange.lastWeek',
|
||||
startDate: (now: moment.Moment) => {
|
||||
return now.startOf('week').add(-1, 'weeks');
|
||||
},
|
||||
@ -113,7 +113,7 @@ const availableRanges: {[propName: string]: any} = {
|
||||
},
|
||||
|
||||
'thismonth': {
|
||||
label: '本月',
|
||||
label: 'DateRange.thisMonth',
|
||||
startDate: (now: moment.Moment) => {
|
||||
return now.startOf('month');
|
||||
},
|
||||
@ -123,7 +123,7 @@ const availableRanges: {[propName: string]: any} = {
|
||||
},
|
||||
|
||||
'prevmonth': {
|
||||
label: '上个月',
|
||||
label: 'DateRange.lastMonth',
|
||||
startDate: (now: moment.Moment) => {
|
||||
return now.startOf('month').add(-1, 'month');
|
||||
},
|
||||
@ -133,7 +133,7 @@ const availableRanges: {[propName: string]: any} = {
|
||||
},
|
||||
|
||||
'prevquarter': {
|
||||
label: '上个季度',
|
||||
label: 'DateRange.lastQuarter',
|
||||
startDate: (now: moment.Moment) => {
|
||||
return now.startOf('quarter').add(-1, 'quarter');
|
||||
},
|
||||
@ -143,7 +143,7 @@ const availableRanges: {[propName: string]: any} = {
|
||||
},
|
||||
|
||||
'thisquarter': {
|
||||
label: '本季度',
|
||||
label: 'DateRange.thisQuarter',
|
||||
startDate: (now: moment.Moment) => {
|
||||
return now.startOf('quarter');
|
||||
},
|
||||
@ -158,7 +158,7 @@ export class DateRangePicker extends React.Component<
|
||||
DateRangePickerState
|
||||
> {
|
||||
static defaultProps = {
|
||||
placeholder: '请选择日期范围',
|
||||
placeholder: 'DateRange.placeholder',
|
||||
format: 'X',
|
||||
inputFormat: 'YYYY-MM-DD',
|
||||
joinValues: true,
|
||||
@ -577,8 +577,7 @@ export class DateRangePicker extends React.Component<
|
||||
embed
|
||||
} = this.props;
|
||||
const __ = this.props.translate;
|
||||
let viewMode: 'days' | 'months' | 'years' | 'months' | 'days' | 'time' =
|
||||
'days';
|
||||
let viewMode: 'days' | 'months' | 'years' | 'time' = 'days';
|
||||
|
||||
const {startDate, endDate} = this.state;
|
||||
return (
|
||||
@ -625,10 +624,10 @@ export class DateRangePicker extends React.Component<
|
||||
})}
|
||||
onClick={this.confirm}
|
||||
>
|
||||
{__('确认')}
|
||||
{__('confirm')}
|
||||
</a>
|
||||
<a className="rdtBtn rdtBtnCancel" onClick={this.close}>
|
||||
{__('取消')}
|
||||
{__('cancle')}
|
||||
</a>
|
||||
</div>
|
||||
)}
|
||||
@ -707,7 +706,7 @@ export class DateRangePicker extends React.Component<
|
||||
>
|
||||
{arr.length ? (
|
||||
<span className={`${ns}DateRangePicker-value`}>
|
||||
{arr.join(__(' 至 '))}
|
||||
{arr.join(__('DateRange.valueConcat'))}
|
||||
</span>
|
||||
) : (
|
||||
<span className={`${ns}DateRangePicker-placeholder`}>
|
||||
|
||||
@ -103,7 +103,7 @@ export class ImageGallery extends React.Component<
|
||||
container={modalContainer}
|
||||
>
|
||||
<a
|
||||
data-tooltip={__('关闭')}
|
||||
data-tooltip={__('Dialog.close')}
|
||||
data-position="left"
|
||||
className={cx('ImageGallery-close')}
|
||||
onClick={this.close}
|
||||
|
||||
@ -22,7 +22,7 @@ interface RenderResult {
|
||||
|
||||
export class ListMenu extends React.Component<ListMenuProps> {
|
||||
static defaultProps = {
|
||||
placeholder: '暂无选项',
|
||||
placeholder: 'placeholder.noOption',
|
||||
itemRender: (option: Option) => <>{option.label}</>,
|
||||
getItemProps: (props: {item: Option; index: number}) => null
|
||||
};
|
||||
|
||||
@ -31,7 +31,7 @@ export class BaseRadios<
|
||||
selected: Option | undefined | null;
|
||||
|
||||
static defaultProps = {
|
||||
placeholder: '暂无选项',
|
||||
placeholder: 'placeholder.noOption',
|
||||
itemRender: (option: Option) => <span>{option.label}</span>
|
||||
};
|
||||
static resolveSelected(
|
||||
|
||||
@ -35,7 +35,7 @@ export class LocationPicker extends React.Component<
|
||||
LocationState
|
||||
> {
|
||||
static defaultProps = {
|
||||
placeholder: '请选择位置',
|
||||
placeholder: 'LocationPicker.placeholder',
|
||||
clearable: false
|
||||
};
|
||||
domRef: React.RefObject<HTMLDivElement> = React.createRef();
|
||||
|
||||
@ -65,7 +65,7 @@ export class Modal extends React.Component<ModalProps, ModalState> {
|
||||
<div {...rest} className={cx('Modal-header', className)}>
|
||||
{showCloseButton !== false ? (
|
||||
<a
|
||||
data-tooltip={__('关闭弹窗')}
|
||||
data-tooltip={__('Dialog.close')}
|
||||
data-position="left"
|
||||
onClick={onClose}
|
||||
className={cx('Modal-close')}
|
||||
|
||||
@ -26,8 +26,8 @@ export class ResultBox extends React.Component<ResultBoxProps> {
|
||||
'clearable' | 'placeholder' | 'itemRender' | 'inputPlaceholder'
|
||||
> = {
|
||||
clearable: false,
|
||||
placeholder: '暂无结果',
|
||||
inputPlaceholder: '手动输入内容',
|
||||
placeholder: 'placeholder.noData',
|
||||
inputPlaceholder: 'placeholder.enter',
|
||||
itemRender: (option: any) => (
|
||||
<span>{`${option.scopeLabel || ''}${option.label}`}</span>
|
||||
)
|
||||
@ -150,7 +150,7 @@ export class ResultBox extends React.Component<ResultBoxProps> {
|
||||
<span className={cx('ResultBox-singleValue')}>{result}</span>
|
||||
) : allowInput && !disabled ? null : (
|
||||
<span className={cx('ResultBox-placeholder')}>
|
||||
{__(placeholder || '无')}
|
||||
{__(placeholder || 'placeholder.noData')}
|
||||
</span>
|
||||
)}
|
||||
|
||||
@ -176,12 +176,7 @@ export class ResultBox extends React.Component<ResultBoxProps> {
|
||||
{clearable &&
|
||||
!disabled &&
|
||||
(Array.isArray(result) ? result.length : result) ? (
|
||||
<a
|
||||
// data-tooltip="清空"
|
||||
// data-position="bottom"
|
||||
onClick={this.clearValue}
|
||||
className={cx('ResultBox-clear')}
|
||||
>
|
||||
<a onClick={this.clearValue} className={cx('ResultBox-clear')}>
|
||||
<Icon icon="close" className="icon" />
|
||||
</a>
|
||||
) : null}
|
||||
|
||||
@ -24,7 +24,7 @@ export interface ResultListProps extends ThemeProps, LocaleProps {
|
||||
|
||||
export class ResultList extends React.Component<ResultListProps> {
|
||||
static defaultProps: Pick<ResultListProps, 'placeholder' | 'itemRender'> = {
|
||||
placeholder: '请先选择数据',
|
||||
placeholder: 'placeholder.selectData',
|
||||
itemRender: (option: any) => (
|
||||
<span>{`${option.scopeLabel || ''}${option.label}`}</span>
|
||||
)
|
||||
|
||||
@ -107,7 +107,7 @@ export class SearchBox extends React.Component<SearchBoxProps> {
|
||||
disabled={disabled}
|
||||
onChange={this.handleChange}
|
||||
value={value || ''}
|
||||
placeholder={__(placeholder || '输入关键字')}
|
||||
placeholder={__(placeholder || 'placeholder.enter')}
|
||||
ref={this.inputRef}
|
||||
autoComplete="off"
|
||||
onKeyDown={this.handleKeyDown}
|
||||
|
||||
@ -354,20 +354,20 @@ export class Select extends React.Component<SelectProps, SelectState> {
|
||||
multiple: false,
|
||||
clearable: true,
|
||||
creatable: false,
|
||||
createBtnLabel: '新增选项',
|
||||
searchPromptText: '输入内容进行检索',
|
||||
loadingPlaceholder: '加载中..',
|
||||
noResultsText: '未找到任何结果',
|
||||
clearAllText: '移除所有',
|
||||
clearValueText: '移除',
|
||||
placeholder: '请选择',
|
||||
createBtnLabel: 'Select.createLabel',
|
||||
searchPromptText: 'Select.searchPromptText',
|
||||
loadingPlaceholder: 'loading',
|
||||
noResultsText: 'noResult',
|
||||
clearAllText: 'Select.clearAll',
|
||||
clearValueText: 'Select.clear',
|
||||
placeholder: 'Select.placeholder',
|
||||
valueField: 'value',
|
||||
labelField: 'label',
|
||||
resetValue: '',
|
||||
inline: false,
|
||||
disabled: false,
|
||||
checkAll: false,
|
||||
checkAllLabel: '全选',
|
||||
checkAllLabel: 'Select.checkAll',
|
||||
defaultCheckAll: false,
|
||||
overlayPlacement: 'auto'
|
||||
};
|
||||
@ -814,7 +814,7 @@ export class Select extends React.Component<SelectProps, SelectState> {
|
||||
})}
|
||||
>
|
||||
{removable ? (
|
||||
<a data-tooltip="移除" data-position="left">
|
||||
<a data-tooltip={__('Select.clear')} data-position="left">
|
||||
<Icon
|
||||
icon="minus"
|
||||
className="icon"
|
||||
|
||||
@ -31,8 +31,8 @@ export interface TabsTransferProps
|
||||
|
||||
export class TabsTransfer extends React.Component<TabsTransferProps> {
|
||||
static defaultProps = {
|
||||
selectTitle: '请选择',
|
||||
resultTitle: '当前选择',
|
||||
selectTitle: 'Select.placeholder',
|
||||
resultTitle: 'Transfer.selectd',
|
||||
itemRender: (option: Option) => <span>{option.label}</span>
|
||||
};
|
||||
|
||||
@ -115,7 +115,7 @@ export class TabsTransfer extends React.Component<TabsTransferProps> {
|
||||
if (!Array.isArray(options) || !options.length) {
|
||||
return (
|
||||
<div className={cx('TabsTransfer-placeholder')}>
|
||||
{__(placeholder || '暂无选项')}
|
||||
{__(placeholder || 'placeholder.noOption')}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@ -136,7 +136,7 @@ export class TabsTransfer extends React.Component<TabsTransferProps> {
|
||||
>
|
||||
{searchResult !== null
|
||||
? [
|
||||
<Tab title={__('搜索结果')} key={0} eventKey={0}>
|
||||
<Tab title={__('searchResult')} key={0} eventKey={0}>
|
||||
{this.renderSearchResult(searchResult)}
|
||||
</Tab>
|
||||
]
|
||||
|
||||
@ -79,8 +79,8 @@ export interface TransferState {
|
||||
|
||||
export class Transfer extends React.Component<TransferProps, TransferState> {
|
||||
static defaultProps = {
|
||||
selectTitle: '请选择',
|
||||
resultTitle: '当前选择',
|
||||
selectTitle: 'Select.placeholder',
|
||||
resultTitle: 'Transfer.selectd',
|
||||
itemRender: (option: Option) => <span>{option.label}</span>
|
||||
};
|
||||
|
||||
@ -238,7 +238,7 @@ export class Transfer extends React.Component<TransferProps, TransferState> {
|
||||
disabled || !options.length ? 'is-disabled' : ''
|
||||
)}
|
||||
>
|
||||
{__('全选')}
|
||||
{__('Select.placeholder')}
|
||||
</a>
|
||||
) : null}
|
||||
</div>
|
||||
@ -248,7 +248,7 @@ export class Transfer extends React.Component<TransferProps, TransferState> {
|
||||
<InputBox
|
||||
value={this.state.inputValue}
|
||||
onChange={this.handleSearch}
|
||||
placeholder={__('请输入关键字')}
|
||||
placeholder={__('Transfer.searchKeyword')}
|
||||
clearable={false}
|
||||
onKeyDown={this.handleSearchKeyDown}
|
||||
>
|
||||
@ -463,7 +463,7 @@ export class Transfer extends React.Component<TransferProps, TransferState> {
|
||||
disabled || !this.valueArray.length ? 'is-disabled' : ''
|
||||
)}
|
||||
>
|
||||
{__('清空')}
|
||||
{__('clear')}
|
||||
</a>
|
||||
</div>
|
||||
<ResultList
|
||||
@ -472,7 +472,7 @@ export class Transfer extends React.Component<TransferProps, TransferState> {
|
||||
disabled={disabled}
|
||||
value={value}
|
||||
onChange={onChange}
|
||||
placeholder={__('请先选择左侧数据')}
|
||||
placeholder={__('Transfer.selectFromLeft')}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -118,14 +118,14 @@ export class TreeSelector extends React.Component<
|
||||
extractValue: false,
|
||||
delimiter: ',',
|
||||
hideRoot: true,
|
||||
rootLabel: '顶级',
|
||||
rootLabel: 'Tree.root',
|
||||
rootValue: 0,
|
||||
cascade: false,
|
||||
selfDisabledAffectChildren: true,
|
||||
rootCreateTip: '添加一级节点',
|
||||
createTip: '添加子节点',
|
||||
editTip: '编辑该节点',
|
||||
removeTip: '移除该节点'
|
||||
rootCreateTip: 'Tree.addRoot',
|
||||
createTip: 'Tree.addChild',
|
||||
editTip: 'Tree.editNode',
|
||||
removeTip: 'Tree.removeNode'
|
||||
};
|
||||
|
||||
componentWillMount() {
|
||||
@ -436,12 +436,12 @@ export class TreeSelector extends React.Component<
|
||||
<input
|
||||
onChange={this.handleInputChange}
|
||||
value={inputValue}
|
||||
placeholder={__('请输入')}
|
||||
placeholder={__('placeholder.enter')}
|
||||
/>
|
||||
<a data-tooltip={__('取消')} onClick={this.handleCancel}>
|
||||
<a data-tooltip={__('cancle')} onClick={this.handleCancel}>
|
||||
<Icon icon="close" className="icon" />
|
||||
</a>
|
||||
<a data-tooltip={__('确认')} onClick={this.handleConfirm}>
|
||||
<a data-tooltip={__('confirm')} onClick={this.handleConfirm}>
|
||||
<Icon icon="check" className="icon" />
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@ -180,10 +180,10 @@ export class CustomDaysView extends DaysView {
|
||||
{this.props.requiredConfirm ? (
|
||||
<div key="button" className="rdtActions">
|
||||
<a className="rdtBtn rdtBtnConfirm" onClick={this.confirm}>
|
||||
{__('确认')}
|
||||
{__('confirm')}
|
||||
</a>
|
||||
<a className="rdtBtn rdtBtnCancel" onClick={this.cancel}>
|
||||
{__('取消')}
|
||||
{__('cancle')}
|
||||
</a>
|
||||
</div>
|
||||
) : null}
|
||||
@ -219,7 +219,7 @@ export class CustomDaysView extends DaysView {
|
||||
|
||||
<div className="rdtCenter">
|
||||
<a className="rdtSwitch" onClick={this.props.showView('years')}>
|
||||
{date.format(__('YYYY年'))}
|
||||
{date.format(__('dateformat.year'))}
|
||||
</a>
|
||||
<a
|
||||
className="rdtSwitch"
|
||||
|
||||
@ -62,11 +62,11 @@ export class CustomMonthsView extends MonthsView {
|
||||
className="rdtSwitch"
|
||||
onClick={this.props.showView('years')}
|
||||
>
|
||||
{this.props.viewDate.format(__('YYYY年'))}
|
||||
{this.props.viewDate.format(__('dateformat.year'))}
|
||||
</th>
|
||||
) : (
|
||||
<th className="rdtSwitch">
|
||||
{this.props.viewDate.format(__('YYYY年'))}
|
||||
{this.props.viewDate.format(__('dateformat.year'))}
|
||||
</th>
|
||||
)}
|
||||
|
||||
|
||||
@ -49,11 +49,11 @@ export class QuarterView extends React.Component<QuarterViewProps> {
|
||||
</th>
|
||||
{canClick ? (
|
||||
<th className="rdtSwitch" onClick={this.props.showView('years')}>
|
||||
{this.props.viewDate.format(__('YYYY年'))}
|
||||
{this.props.viewDate.format(__('dateformat.year'))}
|
||||
</th>
|
||||
) : (
|
||||
<th className="rdtSwitch">
|
||||
{this.props.viewDate.format(__('YYYY年'))}
|
||||
{this.props.viewDate.format(__('dateformat.year'))}
|
||||
</th>
|
||||
)}
|
||||
|
||||
|
||||
@ -44,7 +44,7 @@ export class CustomYearsView extends YearsView {
|
||||
«
|
||||
</th>
|
||||
<th className="rdtSwitch">
|
||||
{__('{{from}}年-{{to}}年', {from: year, to: year + 9})}
|
||||
{__('year-to-year', {from: year, to: year + 9})}
|
||||
</th>
|
||||
<th className="rdtNext" onClick={this.props.addTime(10, 'years')}>
|
||||
»
|
||||
|
||||
@ -6,8 +6,9 @@ import NumberInput from '../NumberInput';
|
||||
import DatePicker from '../DatePicker';
|
||||
import Select from '../Select';
|
||||
import Switch from '../Switch';
|
||||
import {LocaleProps} from '../../locale';
|
||||
|
||||
export interface ValueProps extends ThemeProps {
|
||||
export interface ValueProps extends ThemeProps, LocaleProps {
|
||||
value: any;
|
||||
onChange: (value: any) => void;
|
||||
field: FieldSimple;
|
||||
@ -16,7 +17,14 @@ export interface ValueProps extends ThemeProps {
|
||||
|
||||
export class Value extends React.Component<ValueProps> {
|
||||
render() {
|
||||
const {classnames: cx, field, value, onChange, op} = this.props;
|
||||
const {
|
||||
classnames: cx,
|
||||
field,
|
||||
value,
|
||||
onChange,
|
||||
op,
|
||||
translate: __
|
||||
} = this.props;
|
||||
let input: JSX.Element | undefined = undefined;
|
||||
|
||||
if (field.type === 'text') {
|
||||
@ -30,7 +38,7 @@ export class Value extends React.Component<ValueProps> {
|
||||
} else if (field.type === 'number') {
|
||||
input = (
|
||||
<NumberInput
|
||||
placeholder={field.placeholder || '请输入数字'}
|
||||
placeholder={field.placeholder || __('NumberInput.placeholder')}
|
||||
min={field.minimum}
|
||||
max={field.maximum}
|
||||
value={value ?? field.defaultValue}
|
||||
@ -40,7 +48,7 @@ export class Value extends React.Component<ValueProps> {
|
||||
} else if (field.type === 'date') {
|
||||
input = (
|
||||
<DatePicker
|
||||
placeholder={field.placeholder || '请选择日期'}
|
||||
placeholder={field.placeholder || __('Date.placeholder')}
|
||||
format={field.format || 'YYYY-MM-DD'}
|
||||
inputFormat={field.inputFormat || 'YYYY-MM-DD'}
|
||||
value={value ?? field.defaultValue}
|
||||
@ -52,7 +60,7 @@ export class Value extends React.Component<ValueProps> {
|
||||
input = (
|
||||
<DatePicker
|
||||
viewMode="time"
|
||||
placeholder={field.placeholder || '请选择时间'}
|
||||
placeholder={field.placeholder || 'Time.placeholder'}
|
||||
format={field.format || 'HH:mm'}
|
||||
inputFormat={field.inputFormat || 'HH:mm'}
|
||||
value={value ?? field.defaultValue}
|
||||
|
||||
@ -36,6 +36,9 @@ import {
|
||||
makeTranslator,
|
||||
register as registerLocale
|
||||
} from './locale';
|
||||
|
||||
import 'locale/zh-CN';
|
||||
|
||||
import animation from './utils/Animation';
|
||||
|
||||
export * from './Schema';
|
||||
|
||||
@ -1,212 +1,196 @@
|
||||
import {register} from '../locale';
|
||||
|
||||
register('en-US', {
|
||||
'确认': 'Confirm',
|
||||
'取消': 'Cancel',
|
||||
'YYYY年': 'YYYY',
|
||||
'{{from}}年-{{to}}年': '{{from}} - {{to}}',
|
||||
'请选择日期': 'Select Date',
|
||||
'请选择日期以及时间': 'Select Datetime',
|
||||
'请选择时间': 'Select Time',
|
||||
'系统消息': 'System Info',
|
||||
'加载中': 'Loading',
|
||||
'点击刷新重新加载': 'Click to refresh',
|
||||
'请先选择左侧数据': 'Select from left first.',
|
||||
'请选择颜色': 'Select color',
|
||||
'现在': 'Now',
|
||||
'今天': 'Today',
|
||||
'昨天': 'Yesterday',
|
||||
'本周一': 'Monday',
|
||||
'本月初': 'Earlier this month',
|
||||
'上个月初': 'Earlier last month',
|
||||
'上个季节初': 'Earlier last quarter',
|
||||
'明天': 'Tomorrow',
|
||||
'本周日': 'Sunday',
|
||||
'本月底': 'last day of this month',
|
||||
'{{hours}}小时前': '{{hours}} hour(s) ago',
|
||||
'{{hours}}小时后': '{{hours}} hour(s) after',
|
||||
'{{days}}天前': '{{days}} day(s) ago',
|
||||
'{{days}}天后': '{{days}} day(s) after',
|
||||
'{{weeks}}周前': '{{weeks}} week(s) ago',
|
||||
'{{weeks}}周后': '{{weeks}} week(s) after',
|
||||
'{{months}}月前': '{{months}} month(s) ago',
|
||||
'{{months}}月后': '{{months}} month(s) after',
|
||||
'{{quarters}}季度前': '{{quarters}} quarter(s) ago',
|
||||
'{{quarters}}季度后': '{{quarters}} quarter(s) after',
|
||||
' 至 ': ' to ',
|
||||
'最近1天': 'Last day',
|
||||
'最近7天': 'Last 7 days',
|
||||
'最近90天': 'Last 90 days',
|
||||
'上周': 'Last week',
|
||||
'本月': 'This month',
|
||||
'上个月': 'Last month',
|
||||
'上个季节': 'Last quarter',
|
||||
'本季度': 'This quarter',
|
||||
'请选择日期范围': 'Select Daterange',
|
||||
'关闭': 'Close',
|
||||
'暂无选项': 'No options',
|
||||
'请选择位置': 'Pick location',
|
||||
'无': 'None',
|
||||
'没有数据': 'No data',
|
||||
'请先选择数据': 'Select data first',
|
||||
'请选择': 'Select',
|
||||
'全选': 'Check all',
|
||||
'搜索结果': 'Search result',
|
||||
'清空': 'Clear',
|
||||
'当前选择': 'Selected',
|
||||
'添加一级节点': 'Add root node',
|
||||
'添加子节点': 'Add child',
|
||||
'编辑该节点': 'Edit this node',
|
||||
'移除该节点': 'Remove this node',
|
||||
'请输入': 'Enter',
|
||||
'请输入关键字': 'Enter keywords',
|
||||
'新增选项': 'New option',
|
||||
'请输入街道信息': 'Enter street info',
|
||||
'删除': 'Delete',
|
||||
'新增': 'New',
|
||||
'新增一条': 'Add a data',
|
||||
'新增一条数据': 'Add a data',
|
||||
'类型': 'Type',
|
||||
'拖拽排序': 'Drag to sort',
|
||||
'删除失败': 'Delete failed',
|
||||
'确认要删除？': 'Are you sure you want to delete?',
|
||||
'组合表单成员数量不够，低于设定的最小{{minLength}}个，请添加更多的成员。':
|
||||
'The number of combined form members is not enough. It is lower than the minimum {{minLength}} set. Please add more members.',
|
||||
'组合表单成员数量超出，超出设定的最大{{maxLength}}个，请删除多余的成员。':
|
||||
'The number of combined form members exceeds the set maximum of {{MaxLength}}}. Please delete the extra members.',
|
||||
'子表单验证失败，请仔细检查': 'Validate failed, please check this Subform.',
|
||||
'成员{{index}}': 'Member {{index}}',
|
||||
'清空数据': 'Clear data',
|
||||
'您选择的文件 {{filename}} 大小为 {{actualSize}} 超出了最大为 {{maxSize}} 的限制，请重新选择。':
|
||||
'The file {{filename}} you selected has a size of {actualsize}} which exceeds the maximum limit of {{maxsize}}. Please select again.',
|
||||
|
||||
'您添加的文件{{files}}不符合类型的`{{accept}}`的设定，请仔细检查。':
|
||||
'The file you added {{files}} does not match the setting of the type `{{accept}}`. Please check it carefully.',
|
||||
'把文件拖到这，然后松完成添加！':
|
||||
'Drag the file here, then release to finish adding!',
|
||||
'把图片拖到这，然后松开完成添加！':
|
||||
'Drag the picture here, then release to finish adding!',
|
||||
'重新上传': 'Repick',
|
||||
'重试上传': 'Retry',
|
||||
'继续添加': 'Continue add',
|
||||
'上传文件': 'Upload file',
|
||||
'移除': 'Remove',
|
||||
'暂停上传': 'Pause uplaod',
|
||||
'开始上传': 'Start upload',
|
||||
'已成功上传{{uploaded}}个文件，{{failed}}个文件上传失败，':
|
||||
'Successfully uploaded {{uploaded}} files, failed to upload {{failed}} files,',
|
||||
'失败文件': 'Failed files.',
|
||||
'高度{{height}}px': 'height: {{height}}px',
|
||||
'宽度{{width}}px': 'width: {{width}}px',
|
||||
'尺寸（{{width}} x {{height}}）': 'size: ({{width}}px x {{height}}px)',
|
||||
'您选择的图片不符合尺寸要求, 请上传{{info}}的图片':
|
||||
'The picture you selected does not meet the size requirements. Please upload the picture of {{info}}',
|
||||
'您选择的图片不符合尺寸要求, 请上传不要超过{{info}}的图片':
|
||||
'The picture you selected does not meet the size requirements. Please upload a picture that does not exceed {{info}}`.',
|
||||
'您选择的图片不符合尺寸要求, 请上传不要小于{{info}}的图片':
|
||||
'The picture you selected does not meet the size requirements. Please upload a picture no less than {{info}}',
|
||||
'您选择的图片不符合尺寸要求, 请上传尺寸比率为 {{ratio}} 的图片':
|
||||
'The picture you selected does not meet the size requirements. Please upload the picture with the size ratio of ${ration}',
|
||||
'文件上传失败请重试': 'File upload failed, please try again',
|
||||
'文件上传中': 'File uploading',
|
||||
'查看大图': 'Zoom In',
|
||||
'裁剪图片': 'Crop picture',
|
||||
'当前状态支持从剪切板中粘贴图片文件。':
|
||||
'The current state supports pasting picture files from the clipboard.',
|
||||
'表单': 'Form',
|
||||
'提交': 'Submit',
|
||||
'初始化失败': 'Initialization failed',
|
||||
'保存成功': 'Saved successfully',
|
||||
'保存失败': 'Save failed',
|
||||
'依赖的部分字段没有通过验证，请注意填写！':
|
||||
'Some of the dependent fields failed to pass the verification, please fill in!',
|
||||
'请输入名称': 'Please enter a name',
|
||||
'编辑{{label}}': 'Edit {{label}}',
|
||||
'每': 'Per',
|
||||
'编辑详情': 'Detail',
|
||||
'删除当前行': 'Delete current row',
|
||||
'操作': 'Operation',
|
||||
'新增一行': 'Add a row',
|
||||
'暂无标签': 'No tag yet',
|
||||
'新增：{{label}}': 'New {{label}}',
|
||||
'顶级': 'Root',
|
||||
'点击复制': 'Copy',
|
||||
'{{page}}/{{lastPage}} 总共：{{total}} 项。':
|
||||
'{{page}} of {{lastPage}} total: {{total}}.',
|
||||
'每页显示': 'Per page',
|
||||
'加载更多': 'Load more',
|
||||
'筛选': 'Filter',
|
||||
'搜索': 'Search',
|
||||
'日期无效': 'Invalid date',
|
||||
'关闭弹窗': 'Close',
|
||||
'链接': 'Link',
|
||||
'当前有 {{modified}} 条记录修改了内容, 但并没有提交。请选择:':
|
||||
'There are currently {{modified}} records that have modified the contents, but they have not been submitted. Please select:',
|
||||
'放弃': 'Give up',
|
||||
'当前有 {{moved}} 条记录修改了顺序, 但并没有提交。请选择:':
|
||||
'There are currently {{moved}} records that have changed the order, but have not been committed. Please select:',
|
||||
'点击开始排序': 'Click to start sorting',
|
||||
'点击选择显示列': 'Click to select columns to display',
|
||||
'请拖动左边的按钮进行排序': 'Please drag the button on the left to sort',
|
||||
'排序': 'Sort',
|
||||
'正序': 'Asc',
|
||||
'降序': 'Desc',
|
||||
'返回数据格式不正确，payload.data 没有数据':
|
||||
'The return data format is incorrect, nothing is in `payload.data`',
|
||||
'获取失败': 'Fetch failed',
|
||||
'返回数据格式不正确，payload.data.items 必须是数组':
|
||||
'The return data format is incorrect, payload.data.items Must be an array',
|
||||
'验证错误': 'Validate failed',
|
||||
'表单验证失败，请仔细检查': 'Form validation failed, please check carefully',
|
||||
'验证失败': 'Validate failed',
|
||||
'当前值不唯一': 'Current value is not unique',
|
||||
'加载选项失败，原因：{{reason}}':
|
||||
'Failed to load options because: {{reason}}',
|
||||
'获取失败，请重试': 'Fetch failed, please try again',
|
||||
'请仔细检查表单规则，部分表单项没通过验证':
|
||||
'Please check the form rules carefully. Some form items fail to pass the verification',
|
||||
'Email 格式不正确': 'Email format is incorrect',
|
||||
'这是必填项': 'This is required',
|
||||
'Url 格式不正确': 'Incorrect URL format',
|
||||
'请输入整型数字': 'Please enter an integer number',
|
||||
'请输入字母': 'Please enter letters',
|
||||
'请输入数字': 'Please enter a number',
|
||||
'请输入字母或者数字': 'Please enter letters or numbers',
|
||||
'请输入浮点型数值': 'Please enter a floating point value',
|
||||
'只能输入字母、数字、`-` 和 `_`.':
|
||||
'You can only enter letters, numbers, `-` and`_` .',
|
||||
'格式不正确, 请输入符合规则为 `${1|raw}` 的内容。':
|
||||
'The format is not correct. Please enter the content with the rule `${1| raw}`.',
|
||||
'请输入更多的内容，至少输入 $1 个字符。':
|
||||
'Please enter more, at least $1 characters.',
|
||||
'请控制内容长度, 不要输入 $1 个字符以上':
|
||||
'Please control the content length, do not enter more than $1 characters',
|
||||
'当前输入值超出最大值 $1，请检查':
|
||||
'The current input value exceeds the maximum value of $1, please check',
|
||||
'请输入小于 $1 的值': 'Please enter a value less than $1',
|
||||
'当前输入值低于最小值 $1，请检查':
|
||||
'The current input value is lower than the minimum value of $1, please check',
|
||||
'请输入大于 $1 的值': 'Please enter a value greater than $1',
|
||||
'请检查 Json 格式。': 'Please check the JSON format.',
|
||||
'请输入长度为 $1 的内容':
|
||||
'Please enter make sure the length of contents is $1',
|
||||
'请不要全输入空白字符': 'Please do not enter all blank characters',
|
||||
'输入的数据与 $1 值不一致':
|
||||
'The entered data is inconsistent with the value of $1',
|
||||
'输入的数据与 $1 不一致': 'The entered data is inconsistent with $1',
|
||||
'请输入合法的手机号码': 'Please enter a valid mobile phone number',
|
||||
'请输入合法的电话号码': 'Please enter a valid phone number',
|
||||
'请输入合法的邮编地址': 'Please enter a legal postal address',
|
||||
'请输入合法的身份证号': 'Please enter a valid ID number',
|
||||
'系统错误': 'System Error',
|
||||
'<空>': '<Empty>',
|
||||
'可拖拽排序': 'Drag and drop sorting',
|
||||
'上一步': 'Prev',
|
||||
'下一步': 'Next',
|
||||
'导出 CSV': 'Export CSV',
|
||||
'保存并下一步': 'Save & Next',
|
||||
'完成': 'Finish',
|
||||
'点击选择图片或者将图片拖入该区域':
|
||||
'Click to select the picture or drag the picture into the area',
|
||||
'重置': 'Reset'
|
||||
'Alert.info': 'System Info',
|
||||
'asc': 'Asc',
|
||||
'cancel': 'Cancel',
|
||||
'Card.dragTip': 'Drag top button to sort',
|
||||
'Card.toggleDrag': 'Toggle drag to sort',
|
||||
'City.street': 'Enter street info',
|
||||
'clear': 'Clear',
|
||||
'ColorPicker.placeholder': 'Select color',
|
||||
'Combo.add': 'New',
|
||||
'Combo.dragDropSort': 'Drag to sort',
|
||||
'Combo.invalidData': 'invalid data, please remove',
|
||||
'Combo.maxLength': 'Maximum item ia {{MaxLength}}}. Please delete some',
|
||||
'Combo.minLength': 'A least {{minLength}} item. Please add more',
|
||||
'Combo.type': 'Type',
|
||||
'confirm': 'Confirm',
|
||||
'Copyable.tip': 'Copy',
|
||||
'CRUD.exportCSV': 'Export CSV',
|
||||
'CRUD.exportExcel': 'Export Excel',
|
||||
'CRUD.fetchFailed': 'Fetch failed',
|
||||
'CRUD.filter': 'Filter',
|
||||
'CRUD.invalidArray': 'data.items must be an array',
|
||||
'CRUD.invalidData': 'data is empty',
|
||||
'CRUD.loadMore': 'Load more',
|
||||
'CRUD.perPage': 'Per page',
|
||||
'CRUD.stat': '{{page}} of {{lastPage}} total: {{total}}.',
|
||||
'Date.daysago': '{{days}} day(s) ago',
|
||||
'Date.dayslater': '{{days}} day(s) later',
|
||||
'Date.endOfMonth': 'last day of the month',
|
||||
'Date.endOfWeek': 'Saturday',
|
||||
'Date.hoursago': '{{hours}} hour(s) ago',
|
||||
'Date.hourslater': '{{hours}} hour(s) later',
|
||||
'Date.invalid': 'Invalid date',
|
||||
'Date.monday': 'Monday',
|
||||
'Date.monthsago': '{{months}} month(s) ago',
|
||||
'Date.monthslater': '{{months}} month(s) later',
|
||||
'Date.now': 'Now',
|
||||
'Date.placeholder': 'Select Date',
|
||||
'Date.quartersago': '{{quarters}} quarter(s) ago',
|
||||
'Date.quarterslater': '{{quarters}} quarter(s) later',
|
||||
'Date.startOfLastMonth': 'First day of the last month',
|
||||
'Date.startOfLastQuarter': 'First day of the last quarter',
|
||||
'Date.startOfMonth': 'First day of the month',
|
||||
'Date.startOfQuarter': 'First day of the quarter',
|
||||
'Date.today': 'Today',
|
||||
'Date.tomorrow': 'Tomorrow',
|
||||
'Date.weeksago': '{{weeks}} week(s) ago',
|
||||
'Date.weekslater': '{{weeks}} week(s) later',
|
||||
'Date.yesterday': 'Yesterday',
|
||||
'dateformat.year': 'YYYY',
|
||||
'DateRange.last7Days': 'Last 7 days',
|
||||
'DateRange.last90Days': 'Last 90 days',
|
||||
'DateRange.lastDay': 'Last day',
|
||||
'DateRange.lastMonth': 'Last month',
|
||||
'DateRange.lastQuarter': 'Last quarter',
|
||||
'DateRange.lastWeek': 'Last week',
|
||||
'DateRange.placeholder': 'Select a Date range',
|
||||
'DateRange.thisMonth': 'This month',
|
||||
'DateRange.thisQuarter': 'This quarter',
|
||||
'DateRange.valueConcat': ' to ',
|
||||
'DateTime.placeholder': 'Select Datetime',
|
||||
'delete': 'Delete',
|
||||
'deleteConfirm': 'Are your sure to delete?',
|
||||
'deleteFailed': 'Delete failed',
|
||||
'desc': 'Desc',
|
||||
'Dialog.close': 'Close',
|
||||
'fetchFailed': 'Fetch api failed',
|
||||
'File.continueAdd': 'Continue add',
|
||||
'File.dragDrop': `Drag 'n' drop some files here`,
|
||||
'File.errorRetry': 'File upload failed, please try again',
|
||||
'File.failed': 'Failed files.',
|
||||
'File.invalidType': '{{files}} does not match type `{{accept}}`',
|
||||
'File.maxSize': '{{filename}} you selected exceeds the maximum limit of {{maxsize}} (in bytes)',
|
||||
'File.pause': 'Pause uplaod',
|
||||
'File.repick': 'Repick',
|
||||
'File.result': 'Successfully uploaded {{uploaded}} files, failed to upload {{failed}} files',
|
||||
'File.retry': 'Retry',
|
||||
'File.start': 'Start upload',
|
||||
'File.upload': 'Upload',
|
||||
'File.uploadFailed': 'return data of udpload api is empty',
|
||||
'File.uploading': 'Uploading',
|
||||
'Form.loadOptionsFailed': 'Failed to load options because: {{reason}}',
|
||||
'Form.submit': 'Submit',
|
||||
'Form.title': 'Form',
|
||||
'Form.unique': 'Current value is not unique',
|
||||
'Form.validateFailed': 'Form input validation failed',
|
||||
'Image.configError': 'Can only set one of crop or multiple',
|
||||
'Image.crop': 'Crop image',
|
||||
'Image.dragDrop': `Drag 'n' drop some photos here`,
|
||||
'Image.height': 'height: {{height}}px',
|
||||
'Image.limitMax': 'Minimum image size is {{info}}',
|
||||
'Image.limitMin': 'Maximum image size is {{info}}',
|
||||
'Image.limitRatio': 'Please upload image with the size ratio of {{ration}}',
|
||||
'Image.pasteTip': 'You can paste image from the clipboard',
|
||||
'Image.placeholder': 'Click to select image or drag into this area',
|
||||
'Image.size': 'size: ({{width}}px x {{height}}px)',
|
||||
'Image.sizeNotEqual': 'The image you selected does not meet the size requirements {{info}}',
|
||||
'Image.width': 'width: {{width}}px',
|
||||
'Image.zoomIn': 'Zoom In',
|
||||
'link': 'Link',
|
||||
'loading': 'Loading',
|
||||
'LocationPicker.placeholder': 'Pick location',
|
||||
'Month.placeholder': 'Select a month',
|
||||
'Nav.sourceError': 'Fetch link error',
|
||||
'networkError': 'Network error or missing CORS configuration',
|
||||
'noResult': 'No Result',
|
||||
'NumberInput.placeholder': 'Please enter a number',
|
||||
'Options.addPlaceholder': 'Please enter a name',
|
||||
'Options.deleteAPI': 'Must have deleteAPI',
|
||||
'Options.editLabel': 'Edit {{label}}',
|
||||
'Options.label': 'option',
|
||||
'placeholder.empty': '<Empty>',
|
||||
'placeholder.enter': 'Enter',
|
||||
'placeholder.noData': 'No data',
|
||||
'placeholder.noOption': 'No option',
|
||||
'placeholder.selectData': 'Select data',
|
||||
'Quarter.placeholder': 'Select a quarter',
|
||||
'Repeat.pre': 'Per',
|
||||
'reset': 'Reset',
|
||||
'saveFailed': 'Save failed',
|
||||
'saveSuccess': 'Saved successfully',
|
||||
'search': 'Search',
|
||||
'searchResult': 'Search result',
|
||||
'Select.checkAll': 'Check all',
|
||||
'Select.clear': 'Clear',
|
||||
'Select.clearAll': 'Clear all',
|
||||
'Select.createLabel': 'New option',
|
||||
'Select.placeholder': 'Select',
|
||||
'Select.searchPromptText': 'Input to search',
|
||||
'sort': 'Sort',
|
||||
'SubForm.button': 'Config',
|
||||
'SubForm.editDetail': 'Edit Detail',
|
||||
'Table.addRow': 'Add a row',
|
||||
'Table.columnsVisibility': 'Click to control columns visibility',
|
||||
'Table.deleteRow': 'Delete current row',
|
||||
'Table.discard': 'Discard',
|
||||
'Table.dragTip': 'Drag the button on the left to sort',
|
||||
'Table.editing': 'You should finished editing',
|
||||
'Table.editRow': 'Edit current row',
|
||||
'Table.modified': 'There are {{modified}} records have been modified, you can:',
|
||||
'Table.moved': 'There are {{moved}} records changed the order, you can:',
|
||||
'Table.operation': 'Operation',
|
||||
'Table.playload': 'Must have playload',
|
||||
'Table.startSort': 'Click to start sorting',
|
||||
'Table.valueField': 'Must have valueField',
|
||||
'Tag.placeholder': 'No tag yet',
|
||||
'Tag.tip': 'Recently used tag',
|
||||
'Text.add': 'New {{label}}',
|
||||
'Time.placeholder': 'Select Time',
|
||||
'Transfer.configError': 'Config error',
|
||||
'Transfer.refreshIcon': 'Click to refresh',
|
||||
'Transfer.searchKeyword': 'Enter keywords',
|
||||
'Transfer.selectd': 'Selected',
|
||||
'Transfer.selectFromLeft': 'Select from the left',
|
||||
'Tree.addChild': 'Add child',
|
||||
'Tree.addRoot': 'Add root node',
|
||||
'Tree.editNode': 'Edit this node',
|
||||
'Tree.removeNode': 'Remove this node',
|
||||
'Tree.root': 'Root',
|
||||
'validate.equals': 'value must be $1',
|
||||
'validate.equalsField': 'value must be $1',
|
||||
'validate.gt': 'Please enter a value greater than $1',
|
||||
'validate.isAlpha': 'Please enter letters',
|
||||
'validate.isAlphanumeric': 'Please enter letters or numbers',
|
||||
'validate.isEmail': 'Email format is incorrect',
|
||||
'validate.isFloat': 'Please enter a floating point value',
|
||||
'validate.isId': 'invalid ID Card number',
|
||||
'validate.isInt': 'Please enter an integer number',
|
||||
'validate.isJson': 'invalid JSON format.',
|
||||
'validate.isLength': 'Please make sure the length of contents is $1',
|
||||
'validate.isNumeric': 'Please enter a number',
|
||||
'validate.isPhoneNumber': 'invalid phone number',
|
||||
'validate.isRequired': 'This is required',
|
||||
'validate.isTelNumber': 'invalid telephone number',
|
||||
'validate.isUrl': 'Incorrect URL format',
|
||||
'validate.isUrlPath': 'You can only enter letters, numbers, `-` and`_` .',
|
||||
'validate.isWords': 'Please enter word',
|
||||
'validate.isZipcode': 'invalid postal address',
|
||||
'validate.lt': 'Please enter a value less than $1',
|
||||
'validate.matchRegexp': 'The format is not correct. Please enter the content with the rule `${1| raw}`.',
|
||||
'validate.maximum': 'The input value exceeds the maximum value of $1',
|
||||
'validate.maxLength': 'Please control the content length, do not enter more than $1 letters',
|
||||
'validate.minimum': 'The input value is lower than the minimum value of $1',
|
||||
'validate.minLength': 'Please enter more, at least $1 characters.',
|
||||
'validate.notEmptyString': 'Please do not enter all blank characters',
|
||||
'validateFailed': 'Validate failed,',
|
||||
'Wizard.configError': 'Config error',
|
||||
'Wizard.finish': 'Finish',
|
||||
'Wizard.next': 'Next',
|
||||
'Wizard.prev': 'Prev',
|
||||
'Wizard.saveAndNext': 'Save & Next',
|
||||
'year-to-year': '{{from}} - {{to}}',
|
||||
'Year.placeholder': 'Select a Year'
|
||||
});
|
||||
|
||||
196
src/locale/zh-CN.ts
Normal file
196
src/locale/zh-CN.ts
Normal file
@ -0,0 +1,196 @@
|
||||
import {register} from '../locale';
|
||||
|
||||
register('zh-CN', {
|
||||
'Alert.info': '系统消息',
|
||||
'asc': '正序',
|
||||
'cancel': '取消',
|
||||
'Card.dragTip': '请拖动顶部的按钮进行排序',
|
||||
'Card.toggleDrag': '对卡片进行排序操作',
|
||||
'City.street': '请输入街道信息',
|
||||
'clear': '清空',
|
||||
'ColorPicker.placeholder': '请选择颜色',
|
||||
'Combo.add': '新增',
|
||||
'Combo.dragDropSort': '拖拽排序',
|
||||
'Combo.invalidData': '数据非法，或者数据已失效，请移除',
|
||||
'Combo.maxLength': '组合表单超出{{maxLength}}个，请删除',
|
||||
'Combo.minLength': '组合表单数量不足{{minLength}}个，请添加更多',
|
||||
'Combo.type': '类型',
|
||||
'confirm': '确认',
|
||||
'Copyable.tip': '点击复制',
|
||||
'CRUD.exportCSV': '导出 CSV',
|
||||
'CRUD.exportExcel': '导出 Excel',
|
||||
'CRUD.fetchFailed': '获取失败',
|
||||
'CRUD.filter': '筛选',
|
||||
'CRUD.invalidArray': 'data.items 必须是数组',
|
||||
'CRUD.invalidData': '返回数据格式不正确，data 没有数据',
|
||||
'CRUD.loadMore': '加载更多',
|
||||
'CRUD.perPage': '每页显示',
|
||||
'CRUD.stat': '{{page}}/{{lastPage}} 总共：{{total}} 项',
|
||||
'Date.daysago': '{{days}}天前',
|
||||
'Date.dayslater': '{{days}}天后',
|
||||
'Date.endOfMonth': '本月最后一天',
|
||||
'Date.endOfWeek': '周日',
|
||||
'Date.hoursago': '{{hours}}小时前',
|
||||
'Date.hourslater': '{{hours}}小时后',
|
||||
'Date.invalid': '日期无效',
|
||||
'Date.monday': '本周一',
|
||||
'Date.monthsago': '{{months}}月前',
|
||||
'Date.monthslater': '{{months}}月后',
|
||||
'Date.now': '现在',
|
||||
'Date.placeholder': '请选择日期',
|
||||
'Date.quartersago': '{{quarters}}季度前',
|
||||
'Date.quarterslater': '{{quarters}}季度后',
|
||||
'Date.startOfLastMonth': '上个月第一天',
|
||||
'Date.startOfLastQuarter': '上个季度第一天',
|
||||
'Date.startOfMonth': '本月第一天',
|
||||
'Date.startOfQuarter': '本季度第一天',
|
||||
'Date.today': '今天',
|
||||
'Date.tomorrow': '明天',
|
||||
'Date.weeksago': '{{weeks}}周前',
|
||||
'Date.weekslater': '{{weeks}}周后',
|
||||
'Date.yesterday': '昨天',
|
||||
'dateformat.year': 'YYYY年',
|
||||
'DateRange.last7Days': '最近7天',
|
||||
'DateRange.last90Days': '最近90天',
|
||||
'DateRange.lastDay': '最近1天',
|
||||
'DateRange.lastMonth': '上个月',
|
||||
'DateRange.lastQuarter': '上个季度',
|
||||
'DateRange.lastWeek': '上周',
|
||||
'DateRange.placeholder': '请选择日期范围',
|
||||
'DateRange.thisMonth': '这个月',
|
||||
'DateRange.thisQuarter': '这个季度',
|
||||
'DateRange.valueConcat': ' 至 ',
|
||||
'DateTime.placeholder': '请选择日期以及时间',
|
||||
'delete': '删除',
|
||||
'deleteConfirm': '确认要删除？',
|
||||
'deleteFailed': '删除失败',
|
||||
'desc': '降序',
|
||||
'Dialog.close': '关闭',
|
||||
'fetchFailed': '初始化失败',
|
||||
'File.continueAdd': '继续添加',
|
||||
'File.dragDrop': '将文件拖拽到此处',
|
||||
'File.errorRetry': '文件上传失败请重试',
|
||||
'File.failed': '失败文件',
|
||||
'File.invalidType': '{{files}} 不符合类型的 {{accept}} 的设定，请仔细检查',
|
||||
'File.maxSize': '{{filename}} 大小为 {{actualSize}} 超出了最大为 {{maxSize}} （字节）的限制',
|
||||
'File.pause': '暂停上传',
|
||||
'File.repick': '重新选择',
|
||||
'File.result': '已成功上传 {{uploaded}} 个文件，{{failed}} 个文件上传失败，',
|
||||
'File.retry': '重试上传',
|
||||
'File.start': '开始上传',
|
||||
'File.upload': '上传文件',
|
||||
'File.uploadFailed': '接口返回错误，请仔细检查',
|
||||
'File.uploading': '文件上传中',
|
||||
'Form.loadOptionsFailed': '加载选项失败，原因：{{reason}}',
|
||||
'Form.submit': '提交',
|
||||
'Form.title': '表单',
|
||||
'Form.unique': '当前值不唯一',
|
||||
'Form.validateFailed': '依赖的部分字段没有通过验证',
|
||||
'Image.configError': '图片多选配置和裁剪配置只能设置一个',
|
||||
'Image.crop': '裁剪图片',
|
||||
'Image.dragDrop': '将图片拖拽到此处',
|
||||
'Image.height': '高度 {{height}}px',
|
||||
'Image.limitRatio': '请上传尺寸比率为 {{ratio}} 的图片',
|
||||
'Image.pasteTip': '可以粘贴剪切板中的图片',
|
||||
'Image.placeholder': '点击选择图片或拖拽图片到这里',
|
||||
'Image.size': '尺寸（{{width}} x {{height}}）',
|
||||
'Image.sizeMax': '请上传不要大于{{info}}的图片',
|
||||
'Image.sizeMin': '请上传不要小于{{info}}的图片',
|
||||
'Image.sizeNotEqual': '请上传{{info}}的图片',
|
||||
'Image.width': '宽度 {{width}}px',
|
||||
'Image.zoomIn': '查看大图',
|
||||
'link': '链接',
|
||||
'loading': '加载中',
|
||||
'LocationPicker.placeholder': '请选择位置',
|
||||
'Month.placeholder': '请选择月份',
|
||||
'Nav.sourceError': '获取链接错误',
|
||||
'networkError': '网络错误，可能是未配置跨域 CORS',
|
||||
'noResult': '未找到任何结果',
|
||||
'NumberInput.placeholder': '请输入数字',
|
||||
'Options.addPlaceholder': '请输入名称',
|
||||
'Options.deleteAPI': '必须设置 deleteAPI',
|
||||
'Options.editLabel': '编辑{{label}}',
|
||||
'Options.label': '选项',
|
||||
'placeholder.empty': '<空>',
|
||||
'placeholder.enter': '请输入',
|
||||
'placeholder.noData': '暂无数据',
|
||||
'placeholder.noOption': '暂无选项',
|
||||
'placeholder.selectData': '请先选择数据',
|
||||
'Quarter.placeholder': '请选择季度',
|
||||
'Repeat.pre': '每',
|
||||
'reset': '重置',
|
||||
'saveFailed': '保存失败',
|
||||
'saveSuccess': '保存成功',
|
||||
'search': '搜索',
|
||||
'searchResult': '搜索结果',
|
||||
'Select.checkAll': '全选',
|
||||
'Select.clear': '移除',
|
||||
'Select.clearAll': '移除所有',
|
||||
'Select.createLabel': '新增选项',
|
||||
'Select.placeholder': '请选择',
|
||||
'Select.searchPromptText': '输入内容进行检索',
|
||||
'sort': '排序',
|
||||
'SubForm.button': '设置',
|
||||
'SubForm.editDetail': '编辑详情',
|
||||
'Table.addRow': '新增一行',
|
||||
'Table.columnsVisibility': '点击选择显示列',
|
||||
'Table.deleteRow': '删除当前行',
|
||||
'Table.discard': '放弃',
|
||||
'Table.dragTip': '请拖动左边的按钮进行排序',
|
||||
'Table.editing': '请先处理表格编辑项',
|
||||
'Table.editRow': '编辑当前行',
|
||||
'Table.modified': '当前有 {{modified}} 条记录修改但没有提交，你可以：',
|
||||
'Table.moved': '当前有 {{moved}} 条记录修改了顺序但没有提交，你可以：',
|
||||
'Table.operation': '操作',
|
||||
'Table.playload': 'action 上请配置 payload, 否则不清楚要删除哪个',
|
||||
'Table.startSort': '点击开始排序',
|
||||
'Table.valueField': '请配置 valueField',
|
||||
'Tag.placeholder': '暂无标签',
|
||||
'Tag.tip': '最近使用的标签',
|
||||
'Text.add': '新增：{{label}}}',
|
||||
'Time.placeholder': '请选择时间',
|
||||
'Transfer.configError': '配置错误，选项无法与左侧选项对应',
|
||||
'Transfer.refreshIcon': '点击刷新重新加载',
|
||||
'Transfer.searchKeyword': '请输入关键字',
|
||||
'Transfer.selectd': '当前选择',
|
||||
'Transfer.selectFromLeft': '请从左侧选择数据',
|
||||
'Tree.addChild': '添加子节点',
|
||||
'Tree.addRoot': '添加一级节点',
|
||||
'Tree.editNode': '编辑该节点',
|
||||
'Tree.removeNode': '移除该节点',
|
||||
'Tree.root': '顶级',
|
||||
'validate.equals': '输入的数据与 $1 不一致',
|
||||
'validate.equalsField': '输入的数据与 $1 值不一致',
|
||||
'validate.gt': '请输入大于 $1 的值',
|
||||
'validate.isAlpha': '请输入字母',
|
||||
'validate.isAlphanumeric': '请输入字母或者数字',
|
||||
'validate.isEmail': 'Email 格式不正确',
|
||||
'validate.isFloat': '请输入浮点型数值',
|
||||
'validate.isId': '请输入合法的身份证号',
|
||||
'validate.isInt': '请输入整型数字',
|
||||
'validate.isJson': 'JSON 格式不正确',
|
||||
'validate.isLength': '请输入长度为 $1 的内容',
|
||||
'validate.isNumeric': '请输入数字',
|
||||
'validate.isPhoneNumber': '请输入合法的手机号码',
|
||||
'validate.isRequired': '这是必填项',
|
||||
'validate.isTelNumber': '请输入合法的电话号码',
|
||||
'validate.isUrl': 'URL 格式不正确',
|
||||
'validate.isUrlPath': '只能输入字母、数字、`-` 和 `_`.',
|
||||
'validate.isWords': '请输入单词',
|
||||
'validate.isZipcode': '请输入合法的邮编地址',
|
||||
'validate.lt': '请输入小于 $1 的值',
|
||||
'validate.matchRegexp': '格式不正确, 请输入符合规则为 `${1|raw}` 的内容。',
|
||||
'validate.maximum': '当前输入值超出最大值 $1',
|
||||
'validate.maxLength': '请控制内容长度, 不要输入 $1 个以上字符',
|
||||
'validate.minimum': '当前输入值低于最小值 $1',
|
||||
'validate.minLength': '请输入更多的内容，至少输入 $1 个字符。',
|
||||
'validate.notEmptyString': '请不要全输入空白字符',
|
||||
'validateFailed': '表单验证失败',
|
||||
'Wizard.configError': '配置错误',
|
||||
'Wizard.finish': '完成',
|
||||
'Wizard.next': '下一步',
|
||||
'Wizard.prev': '上一步',
|
||||
'Wizard.saveAndNext': '保存并下一步',
|
||||
'year-to-year': '{{from}} 年 - {{to}} 年',
|
||||
'Year.placeholder': '请选择年'
|
||||
});
|
||||
@ -1612,7 +1612,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
|
||||
|
||||
return (
|
||||
<div className={cx('Crud-statistics')}>
|
||||
{__('{{page}}/{{lastPage}} 总共：{{total}} 项。', {
|
||||
{__('CRUD.stat', {
|
||||
page: store.page,
|
||||
lastPage: store.lastPage,
|
||||
total: store.total
|
||||
@ -1645,11 +1645,11 @@ export default class CRUD extends React.Component<CRUDProps, any> {
|
||||
|
||||
return (
|
||||
<div className={cx('Crud-pageSwitch')}>
|
||||
{__('每页显示')}
|
||||
{__('CRUD.perPage')}
|
||||
<Select
|
||||
classPrefix={ns}
|
||||
searchable={false}
|
||||
placeholder={__('请选择')}
|
||||
placeholder={__('Select.placeholder')}
|
||||
options={perPages}
|
||||
value={store.perPage + ''}
|
||||
onChange={(value: any) => this.handleChangePage(1, value.value)}
|
||||
@ -1672,7 +1672,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
|
||||
}
|
||||
size="sm"
|
||||
>
|
||||
{__('加载更多')}
|
||||
{__('CRUD.loadMore')}
|
||||
</Button>
|
||||
</div>
|
||||
) : (
|
||||
@ -1695,7 +1695,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
|
||||
})}
|
||||
>
|
||||
<Icon icon="filter" className="icon m-r-xs" />
|
||||
{__('筛选')}
|
||||
{__('CRUD.filter')}
|
||||
</button>
|
||||
);
|
||||
}
|
||||
@ -1719,7 +1719,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
|
||||
}}
|
||||
size="sm"
|
||||
>
|
||||
{__('导出 CSV')}
|
||||
{__('CRUD.exportCSV')}
|
||||
</Button>
|
||||
);
|
||||
}
|
||||
@ -1893,7 +1893,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
|
||||
{store.selectedItems.map((item, index) => (
|
||||
<div key={index} className={cx(`Crud-value`)}>
|
||||
<span
|
||||
data-tooltip={__('删除')}
|
||||
data-tooltip={__('delete')}
|
||||
data-position="bottom"
|
||||
className={cx('Crud-valueIcon')}
|
||||
onClick={this.unSelectItem.bind(this, item, index)}
|
||||
@ -1911,7 +1911,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
|
||||
</div>
|
||||
))}
|
||||
<a onClick={this.clearSelection} className={cx('Crud-selectionClear')}>
|
||||
{__('清空')}
|
||||
{__('clear')}
|
||||
</a>
|
||||
</div>
|
||||
);
|
||||
@ -1954,9 +1954,9 @@ export default class CRUD extends React.Component<CRUDProps, any> {
|
||||
? render(
|
||||
'filter',
|
||||
{
|
||||
title: __('条件过滤'),
|
||||
title: __('CRUD.filter'),
|
||||
mode: 'inline',
|
||||
submitText: __('搜索'),
|
||||
submitText: __('search'),
|
||||
...filter,
|
||||
type: 'form',
|
||||
api: null
|
||||
|
||||
@ -179,7 +179,7 @@ export default class Cards extends React.Component<GridProps, object> {
|
||||
];
|
||||
static defaultProps: Partial<GridProps> = {
|
||||
className: '',
|
||||
placeholder: '没有数据',
|
||||
placeholder: 'placeholder.noData',
|
||||
source: '$items',
|
||||
selectable: false,
|
||||
headerClassName: '',
|
||||
@ -706,7 +706,7 @@ export default class Cards extends React.Component<GridProps, object> {
|
||||
{child}
|
||||
{store.dragging ? (
|
||||
<div className={cx('Cards-dragTip')} ref={this.dragTipRef}>
|
||||
{__('请拖动顶部的按钮进行排序')}
|
||||
{__('Card.dragTip')}
|
||||
</div>
|
||||
) : null}
|
||||
</div>
|
||||
@ -804,7 +804,7 @@ export default class Cards extends React.Component<GridProps, object> {
|
||||
<Button
|
||||
iconOnly
|
||||
key="dragging-toggle"
|
||||
tooltip={__('对卡片进行排序操作')}
|
||||
tooltip={__('Card.toggleDrag')}
|
||||
tooltipContainer={
|
||||
env && env.getModalContainer ? env.getModalContainer : undefined
|
||||
}
|
||||
|
||||
@ -65,7 +65,7 @@ export const HocCopyable = () => (Component: React.ComponentType<any>): any => {
|
||||
<Component {...this.props} wrapperComponent={''} noHoc />
|
||||
<a
|
||||
key="edit-btn"
|
||||
data-tooltip={__('点击复制')}
|
||||
data-tooltip={__('Copyable.tip')}
|
||||
className={cx('Field-copyBtn')}
|
||||
onClick={this.handleClick.bind(this, content)}
|
||||
>
|
||||
|
||||
@ -117,7 +117,7 @@ export class DateField extends React.Component<DateProps, DateState> {
|
||||
}
|
||||
|
||||
viewValue = !viewValue ? (
|
||||
<span className="text-danger">{__('日期无效')}</span>
|
||||
<span className="text-danger">{__('Date.invalid')}</span>
|
||||
) : (
|
||||
viewValue
|
||||
);
|
||||
|
||||
@ -192,14 +192,14 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
|
||||
ret.push({
|
||||
type: 'button',
|
||||
actionType: 'cancel',
|
||||
label: __('取消')
|
||||
label: __('cancle')
|
||||
});
|
||||
|
||||
if (confirm) {
|
||||
ret.push({
|
||||
type: 'button',
|
||||
actionType: 'confirm',
|
||||
label: __('确认'),
|
||||
label: __('confirm'),
|
||||
primary: true
|
||||
});
|
||||
}
|
||||
@ -477,7 +477,7 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
|
||||
<div className={cx('Modal-header', headerClassName)}>
|
||||
{showCloseButton !== false && !store.loading ? (
|
||||
<a
|
||||
data-tooltip={__('关闭')}
|
||||
data-tooltip={__('Dialog.close')}
|
||||
data-position="left"
|
||||
onClick={this.handleSelfClose}
|
||||
className={cx('Modal-close')}
|
||||
@ -493,7 +493,7 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
|
||||
<div className={cx('Modal-header', headerClassName)}>
|
||||
{showCloseButton !== false && !store.loading ? (
|
||||
<a
|
||||
data-tooltip={__('关闭')}
|
||||
data-tooltip={__('Dialog.close')}
|
||||
onClick={this.handleSelfClose}
|
||||
className={cx('Modal-close')}
|
||||
>
|
||||
@ -506,7 +506,7 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
|
||||
</div>
|
||||
) : showCloseButton !== false && !store.loading ? (
|
||||
<a
|
||||
data-tooltip={__('关闭')}
|
||||
data-tooltip={__('Dialog.close')}
|
||||
onClick={this.handleSelfClose}
|
||||
className={cx('Modal-close')}
|
||||
>
|
||||
|
||||
@ -203,14 +203,14 @@ export default class Drawer extends React.Component<DrawerProps, object> {
|
||||
ret.push({
|
||||
type: 'button',
|
||||
actionType: 'close',
|
||||
label: __('取消')
|
||||
label: __('cancle')
|
||||
});
|
||||
|
||||
if (confirm) {
|
||||
ret.push({
|
||||
type: 'button',
|
||||
actionType: 'confirm',
|
||||
label: __('确认'),
|
||||
label: __('confirm'),
|
||||
primary: true
|
||||
});
|
||||
}
|
||||
|
||||
@ -57,9 +57,9 @@ export default class CheckboxesControl extends React.Component<
|
||||
static defaultProps = {
|
||||
columnsCount: 1,
|
||||
multiple: true,
|
||||
placeholder: '暂无选项',
|
||||
placeholder: 'placeholder.noOption',
|
||||
creatable: false,
|
||||
createBtnLabel: '新增选项'
|
||||
createBtnLabel: 'Select.createLabel'
|
||||
};
|
||||
|
||||
componentDidMount() {
|
||||
@ -141,7 +141,8 @@ export default class CheckboxesControl extends React.Component<
|
||||
labelClassName,
|
||||
labelField,
|
||||
removable,
|
||||
editable
|
||||
editable,
|
||||
translate: __
|
||||
} = this.props;
|
||||
|
||||
return (
|
||||
@ -157,7 +158,7 @@ export default class CheckboxesControl extends React.Component<
|
||||
>
|
||||
{String(option[labelField || 'label'])}
|
||||
{removable ? (
|
||||
<a data-tooltip="移除" data-position="left">
|
||||
<a data-tooltip={__('Select.clear')} data-position="left">
|
||||
<Icon
|
||||
icon="minus"
|
||||
className="icon"
|
||||
|
||||
@ -400,7 +400,7 @@ export class CityPicker extends React.Component<
|
||||
value={street}
|
||||
onChange={this.handleStreetChange}
|
||||
onBlur={this.handleStreetEnd}
|
||||
placeholder={__('请输入街道信息')}
|
||||
placeholder={__('City.street')}
|
||||
disabled={disabled}
|
||||
/>
|
||||
) : null}
|
||||
|
||||
@ -182,7 +182,7 @@ export interface ComboControlSchema extends FormBaseControl {
|
||||
|
||||
/**
|
||||
* 没有成员时显示。
|
||||
* @default <空>
|
||||
* @default empty
|
||||
*/
|
||||
placeholder?: string;
|
||||
|
||||
@ -283,14 +283,14 @@ export default class ComboControl extends React.Component<ComboProps> {
|
||||
formClassName: '',
|
||||
subFormMode: 'normal',
|
||||
draggableTip: '',
|
||||
addButtonText: '新增',
|
||||
addButtonText: 'Combo.add',
|
||||
canAccessSuperData: false,
|
||||
addIcon: true,
|
||||
dragIcon: '',
|
||||
deleteIcon: '',
|
||||
tabsMode: false,
|
||||
tabsStyle: '',
|
||||
placeholder: '<空>'
|
||||
placeholder: 'empty'
|
||||
};
|
||||
static propsList: Array<string> = [
|
||||
'minLength',
|
||||
@ -520,7 +520,7 @@ export default class ComboControl extends React.Component<ComboProps> {
|
||||
|
||||
if (isEffectiveApi(deleteApi, ctx)) {
|
||||
const confirmed = await env.confirm(
|
||||
deleteConfirmText ? filter(deleteConfirmText, ctx) : __('确认要删除？')
|
||||
deleteConfirmText ? filter(deleteConfirmText, ctx) : __('deleteConfirm')
|
||||
);
|
||||
if (!confirmed) {
|
||||
// 如果不确认，则跳过！
|
||||
@ -530,7 +530,7 @@ export default class ComboControl extends React.Component<ComboProps> {
|
||||
const result = await env.fetcher(deleteApi as Api, ctx);
|
||||
|
||||
if (!result.ok) {
|
||||
env.notify('error', __('删除失败'));
|
||||
env.notify('error', __('deleteFailed'));
|
||||
return;
|
||||
}
|
||||
}
|
||||
@ -680,14 +680,12 @@ export default class ComboControl extends React.Component<ComboProps> {
|
||||
|
||||
if (minLength && (!Array.isArray(value) || value.length < minLength)) {
|
||||
return __(
|
||||
(messages && messages.minLengthValidateFailed) ||
|
||||
'组合表单成员数量不够，低于设定的最小{{minLength}}个，请添加更多的成员。',
|
||||
(messages && messages.minLengthValidateFailed) || 'Combo.minLength',
|
||||
{minLength}
|
||||
);
|
||||
} else if (maxLength && Array.isArray(value) && value.length > maxLength) {
|
||||
return __(
|
||||
(messages && messages.maxLengthValidateFailed) ||
|
||||
'组合表单成员数量超出，超出设定的最大{{maxLength}}个，请删除多余的成员。',
|
||||
(messages && messages.maxLengthValidateFailed) || 'Combo.maxLength',
|
||||
{maxLength}
|
||||
);
|
||||
} else if (this.subForms.length && (!nullable || value)) {
|
||||
@ -695,8 +693,7 @@ export default class ComboControl extends React.Component<ComboProps> {
|
||||
values => {
|
||||
if (~values.indexOf(false)) {
|
||||
return __(
|
||||
(messages && messages.validateFailed) ||
|
||||
'子表单验证失败，请仔细检查'
|
||||
(messages && messages.validateFailed) || 'validateFailed'
|
||||
);
|
||||
}
|
||||
|
||||
@ -896,7 +893,11 @@ export default class ComboControl extends React.Component<ComboProps> {
|
||||
|
||||
renderPlaceholder() {
|
||||
const {placeholder, translate: __} = this.props;
|
||||
return <span className="text-muted">{__(placeholder || '没有数据')}</span>;
|
||||
return (
|
||||
<span className="text-muted">
|
||||
{__(placeholder || 'placeholder.noData')}
|
||||
</span>
|
||||
);
|
||||
}
|
||||
|
||||
renderTabsMode() {
|
||||
@ -963,7 +964,7 @@ export default class ComboControl extends React.Component<ComboProps> {
|
||||
) : (
|
||||
''
|
||||
),
|
||||
label: __(addButtonText || '新增'),
|
||||
label: __(addButtonText || 'Combo.add'),
|
||||
level: 'info',
|
||||
size: 'sm',
|
||||
closeOnClick: true
|
||||
@ -982,10 +983,10 @@ export default class ComboControl extends React.Component<ComboProps> {
|
||||
<a
|
||||
onClick={this.addItem}
|
||||
data-position="left"
|
||||
data-tooltip={__('新增一条数据')}
|
||||
data-tooltip={__('Combo.add')}
|
||||
>
|
||||
{addIcon ? <Icon icon="plus" className="icon" /> : null}
|
||||
<span>{__(addButtonText || '新增')}</span>
|
||||
<span>{__(addButtonText || 'Combo.add')}</span>
|
||||
</a>
|
||||
)
|
||||
) : null}
|
||||
@ -1009,7 +1010,7 @@ export default class ComboControl extends React.Component<ComboProps> {
|
||||
className={cx(
|
||||
`Combo-tab-delBtn ${!store.removable ? 'is-disabled' : ''}`
|
||||
)}
|
||||
data-tooltip={__('删除')}
|
||||
data-tooltip={__('delete')}
|
||||
data-position="bottom"
|
||||
>
|
||||
{deleteIcon ? (
|
||||
@ -1044,7 +1045,7 @@ export default class ComboControl extends React.Component<ComboProps> {
|
||||
<Tab
|
||||
title={filter(
|
||||
tabsLabelTpl ||
|
||||
__('成员{{index}}', {index: (data as any).index + 1}),
|
||||
__('{{index}}', {index: (data as any).index + 1}),
|
||||
data
|
||||
)}
|
||||
key={this.keys[index] || (this.keys[index] = guid())}
|
||||
@ -1056,7 +1057,7 @@ export default class ComboControl extends React.Component<ComboProps> {
|
||||
>
|
||||
{condition && typeSwitchable !== false ? (
|
||||
<div className={cx('Combo-itemTag')}>
|
||||
<label>{__('类型')}</label>
|
||||
<label>{__('Combo.type')}</label>
|
||||
<Select
|
||||
onChange={this.handleComboTypeChange.bind(this, index)}
|
||||
options={(conditions as Array<ComboCondition>).map(
|
||||
@ -1099,7 +1100,7 @@ export default class ComboControl extends React.Component<ComboProps> {
|
||||
)
|
||||
) : (
|
||||
<Alert2 level="warning" className="m-b-none">
|
||||
{__('数据非法，或者数据已失效，请移除')}
|
||||
{__('Combo.invalidData')}
|
||||
</Alert2>
|
||||
)}
|
||||
</div>
|
||||
@ -1187,7 +1188,7 @@ export default class ComboControl extends React.Component<ComboProps> {
|
||||
className={cx(
|
||||
`Combo-delBtn ${!store.removable ? 'is-disabled' : ''}`
|
||||
)}
|
||||
data-tooltip={__('删除')}
|
||||
data-tooltip={__('delete')}
|
||||
data-position="bottom"
|
||||
>
|
||||
{deleteIcon ? (
|
||||
@ -1226,7 +1227,7 @@ export default class ComboControl extends React.Component<ComboProps> {
|
||||
<div className={cx('Combo-itemDrager')}>
|
||||
<a
|
||||
key="drag"
|
||||
data-tooltip={__('拖拽排序')}
|
||||
data-tooltip={__('Combo.dragDropSort')}
|
||||
data-position="bottom"
|
||||
>
|
||||
{dragIcon ? (
|
||||
@ -1239,7 +1240,7 @@ export default class ComboControl extends React.Component<ComboProps> {
|
||||
) : null}
|
||||
{condition && typeSwitchable !== false ? (
|
||||
<div className={cx('Combo-itemTag')}>
|
||||
<label>{__('类型')}</label>
|
||||
<label>{__('Combo.type')}</label>
|
||||
<Select
|
||||
onChange={this.handleComboTypeChange.bind(this, index)}
|
||||
options={(conditions as Array<ComboCondition>).map(
|
||||
@ -1283,7 +1284,7 @@ export default class ComboControl extends React.Component<ComboProps> {
|
||||
)
|
||||
) : (
|
||||
<Alert2 level="warning" className="m-b-none">
|
||||
{__('数据非法，或者数据已失效，请移除')}
|
||||
{__('Combo.invalidData')}
|
||||
</Alert2>
|
||||
)}
|
||||
</div>
|
||||
@ -1303,7 +1304,7 @@ export default class ComboControl extends React.Component<ComboProps> {
|
||||
'add-button',
|
||||
{
|
||||
type: 'dropdown-button',
|
||||
label: __(addButtonText || '新增'),
|
||||
label: __(addButtonText || 'Combo.add'),
|
||||
level: 'info',
|
||||
size: 'sm',
|
||||
closeOnClick: true
|
||||
@ -1323,10 +1324,10 @@ export default class ComboControl extends React.Component<ComboProps> {
|
||||
type="button"
|
||||
onClick={this.addItem}
|
||||
className={cx(`Button Combo-addBtn`, addButtonClassName)}
|
||||
data-tooltip={__('新增一条数据')}
|
||||
data-tooltip={__('Combo.add')}
|
||||
>
|
||||
{addIcon ? <Icon icon="plus" className="icon" /> : null}
|
||||
<span>{__(addButtonText || '新增')}</span>
|
||||
<span>{__(addButtonText || 'Combo.add')}</span>
|
||||
</button>
|
||||
)
|
||||
) : null}
|
||||
@ -1380,7 +1381,7 @@ export default class ComboControl extends React.Component<ComboProps> {
|
||||
<div className={cx(`Combo-item`)}>
|
||||
{condition && typeSwitchable !== false ? (
|
||||
<div className={cx('Combo-itemTag')}>
|
||||
<label>{__('类型')}</label>
|
||||
<label>{__('Combo.type')}</label>
|
||||
<Select
|
||||
onChange={this.handleComboTypeChange.bind(this, 0)}
|
||||
options={(conditions as Array<ComboCondition>).map(item => ({
|
||||
@ -1416,14 +1417,14 @@ export default class ComboControl extends React.Component<ComboProps> {
|
||||
)
|
||||
) : (
|
||||
<Alert2 level="warning" className="m-b-none">
|
||||
{__('数据非法，或者数据已失效，请移除')}
|
||||
{__('Combo.invalidData')}
|
||||
</Alert2>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
{value && nullable ? (
|
||||
<a className={cx('Combo-setNullBtn')} href="#" onClick={this.setNull}>
|
||||
{__('清空数据')}
|
||||
{__('clear')}
|
||||
</a>
|
||||
) : null}
|
||||
</div>
|
||||
|
||||
@ -343,7 +343,7 @@ export default class DateControl extends React.PureComponent<
|
||||
export class DateControlRenderer extends DateControl {
|
||||
static defaultProps = {
|
||||
...DateControl.defaultProps,
|
||||
placeholder: '请选择日期',
|
||||
placeholder: 'Date.placeholder',
|
||||
dateFormat: 'YYYY-MM-DD',
|
||||
timeFormat: '',
|
||||
strictMode: false
|
||||
@ -356,7 +356,7 @@ export class DateControlRenderer extends DateControl {
|
||||
export class DatetimeControlRenderer extends DateControl {
|
||||
static defaultProps = {
|
||||
...DateControl.defaultProps,
|
||||
placeholder: '请选择日期以及时间',
|
||||
placeholder: 'DateTime.placeholder',
|
||||
inputFormat: 'YYYY-MM-DD HH:mm:ss',
|
||||
dateFormat: 'LL',
|
||||
timeFormat: 'HH:mm:ss',
|
||||
@ -371,7 +371,7 @@ export class DatetimeControlRenderer extends DateControl {
|
||||
export class TimeControlRenderer extends DateControl {
|
||||
static defaultProps = {
|
||||
...DateControl.defaultProps,
|
||||
placeholder: '请选择时间',
|
||||
placeholder: 'Time.placeholder',
|
||||
inputFormat: 'HH:mm',
|
||||
dateFormat: '',
|
||||
timeFormat: 'HH:mm',
|
||||
@ -386,7 +386,7 @@ export class TimeControlRenderer extends DateControl {
|
||||
export class MonthControlRenderer extends DateControl {
|
||||
static defaultProps = {
|
||||
...DateControl.defaultProps,
|
||||
placeholder: '请选择月份',
|
||||
placeholder: 'Month.placeholder',
|
||||
inputFormat: 'YYYY-MM',
|
||||
dateFormat: 'MM',
|
||||
timeFormat: '',
|
||||
@ -401,7 +401,7 @@ export class MonthControlRenderer extends DateControl {
|
||||
export class QuarterControlRenderer extends DateControl {
|
||||
static defaultProps = {
|
||||
...DateControl.defaultProps,
|
||||
placeholder: '请选择季度',
|
||||
placeholder: 'Quarter.placeholder',
|
||||
inputFormat: 'YYYY [Q]Q',
|
||||
dateFormat: 'YYYY [Q]Q',
|
||||
timeFormat: '',
|
||||
@ -416,7 +416,7 @@ export class QuarterControlRenderer extends DateControl {
|
||||
export class YearControlRenderer extends DateControl {
|
||||
static defaultProps = {
|
||||
...DateControl.defaultProps,
|
||||
placeholder: '请选择年',
|
||||
placeholder: 'Year.placeholder',
|
||||
inputFormat: 'YYYY',
|
||||
dateFormat: 'YYYY',
|
||||
timeFormat: '',
|
||||
|
||||
@ -251,7 +251,6 @@ export default class FileControl extends React.Component<FileProps, FileState> {
|
||||
maxSize: 0,
|
||||
maxLength: 0,
|
||||
placeholder: '',
|
||||
btnLabel: '文件上传',
|
||||
reciever: '/api/upload/file',
|
||||
fileField: 'file',
|
||||
joinValues: true,
|
||||
@ -435,14 +434,11 @@ export default class FileControl extends React.Component<FileProps, FileState> {
|
||||
[].slice.call(files, 0, allowed).forEach((file: FileX) => {
|
||||
if (maxSize && file.size > maxSize) {
|
||||
this.props.env.alert(
|
||||
__(
|
||||
'您选择的文件 {{filename}} 大小为 {{actualSize}} 超出了最大为 {{maxSize}} 的限制，请重新选择。',
|
||||
{
|
||||
filename: file.name,
|
||||
actualSize: ImageControl.formatFileSize(file.size),
|
||||
maxSize: ImageControl.formatFileSize(maxSize)
|
||||
}
|
||||
)
|
||||
__('File.maxSize', {
|
||||
filename: file.name,
|
||||
actualSize: ImageControl.formatFileSize(file.size),
|
||||
maxSize: ImageControl.formatFileSize(maxSize)
|
||||
})
|
||||
);
|
||||
file.state = 'invalid';
|
||||
} else {
|
||||
@ -497,7 +493,7 @@ export default class FileControl extends React.Component<FileProps, FileState> {
|
||||
// });
|
||||
|
||||
env.alert(
|
||||
__('您添加的文件{{files}}不符合类型的`{{accept}}`的设定，请仔细检查。', {
|
||||
__('File.invalidType', {
|
||||
files: files.map((item: any) => `「${item.name}」`).join(' '),
|
||||
accept
|
||||
})
|
||||
@ -634,7 +630,7 @@ export default class FileControl extends React.Component<FileProps, FileState> {
|
||||
if (this.resolve) {
|
||||
this.resolve(
|
||||
this.state.files.some(file => file.state === 'error')
|
||||
? __('文件上传失败请重试')
|
||||
? __('File.errorRetry')
|
||||
: null
|
||||
);
|
||||
this.resolve = undefined;
|
||||
@ -717,7 +713,7 @@ export default class FileControl extends React.Component<FileProps, FileState> {
|
||||
)
|
||||
.then(ret => {
|
||||
if (ret.status || !ret.data) {
|
||||
throw new Error(ret.msg || __('上传失败, 请重试'));
|
||||
throw new Error(ret.msg || __('File.errorRetry'));
|
||||
}
|
||||
|
||||
onProgress(1);
|
||||
@ -737,7 +733,7 @@ export default class FileControl extends React.Component<FileProps, FileState> {
|
||||
});
|
||||
})
|
||||
.catch(error => {
|
||||
cb(error.message || __('上传失败, 请重试'), file);
|
||||
cb(error.message || __('File.errorRetry'), file);
|
||||
});
|
||||
}
|
||||
|
||||
@ -874,7 +870,7 @@ export default class FileControl extends React.Component<FileProps, FileState> {
|
||||
progressArr = tasks.map(() => 0);
|
||||
|
||||
if (!ret.data) {
|
||||
throw new Error(__('接口返回错误，请仔细检查'));
|
||||
throw new Error(__('File.uploadFailed'));
|
||||
}
|
||||
|
||||
state = {
|
||||
@ -1036,7 +1032,7 @@ export default class FileControl extends React.Component<FileProps, FileState> {
|
||||
this.startUpload();
|
||||
});
|
||||
} else if (this.state.files.some(item => item.state === 'error')) {
|
||||
return __('文件上传失败请重试');
|
||||
return __('File.errorRetry');
|
||||
}
|
||||
}
|
||||
|
||||
@ -1096,7 +1092,7 @@ export default class FileControl extends React.Component<FileProps, FileState> {
|
||||
|
||||
{isDragActive ? (
|
||||
<div className={cx('FileControl-acceptTip')}>
|
||||
{__('把文件拖到这，然后松完成添加！')}
|
||||
{__('File.dragDrop')}
|
||||
</div>
|
||||
) : (
|
||||
<>
|
||||
@ -1110,10 +1106,12 @@ export default class FileControl extends React.Component<FileProps, FileState> {
|
||||
>
|
||||
<Icon icon="upload" className="icon" />
|
||||
{!multiple && files.length
|
||||
? __('重新上传')
|
||||
? __('File.repick')
|
||||
: multiple && files.length
|
||||
? __('继续添加')
|
||||
: __('上传文件')}
|
||||
? __('File.continueAdd')
|
||||
: btnLabel
|
||||
? btnLabel
|
||||
: __('File.upload')}
|
||||
</Button>
|
||||
) : null}
|
||||
|
||||
@ -1156,7 +1154,7 @@ export default class FileControl extends React.Component<FileProps, FileState> {
|
||||
) : null}
|
||||
{file.state !== 'uploading' && !disabled ? (
|
||||
<a
|
||||
data-tooltip={__('移除')}
|
||||
data-tooltip={__('Select.clear')}
|
||||
className={cx('FileControl-clear')}
|
||||
onClick={() => this.removeFile(file, index)}
|
||||
>
|
||||
@ -1200,12 +1198,12 @@ export default class FileControl extends React.Component<FileProps, FileState> {
|
||||
|
||||
{failed ? (
|
||||
<div className={cx('FileControl-sum')}>
|
||||
{__('已成功上传{{uploaded}}个文件，{{failed}}个文件上传失败，', {
|
||||
{__('File.result', {
|
||||
uploaded,
|
||||
failed
|
||||
})}
|
||||
<a onClick={this.retry}>{__('重试上传')}</a>
|
||||
{__('失败文件。')}
|
||||
<a onClick={this.retry}>{__('File.retry')}</a>
|
||||
{__('File.failed')}
|
||||
</div>
|
||||
) : null}
|
||||
|
||||
@ -1216,7 +1214,7 @@ export default class FileControl extends React.Component<FileProps, FileState> {
|
||||
className={cx('FileControl-uploadBtn')}
|
||||
onClick={this.toggleUpload}
|
||||
>
|
||||
{__(uploading ? '暂停上传' : '开始上传')}
|
||||
{__(uploading ? 'File.pause' : 'File.start')}
|
||||
</Button>
|
||||
) : null}
|
||||
</div>
|
||||
|
||||
@ -280,7 +280,7 @@ export default class ImageControl extends React.Component<
|
||||
accept: 'image/jpeg, image/jpg, image/png, image/gif',
|
||||
reciever: '/api/upload',
|
||||
hideUploadButton: false,
|
||||
placeholder: '点击选择图片或者将图片拖入该区域',
|
||||
placeholder: 'Image.placeholder点击选择图片或者将图片拖入该区域',
|
||||
joinValues: true,
|
||||
extractValue: false,
|
||||
delimiter: ',',
|
||||
@ -326,12 +326,12 @@ export default class ImageControl extends React.Component<
|
||||
__: TranslateFn
|
||||
): string {
|
||||
if (!width) {
|
||||
return __('高度{{height}}px', {height: height});
|
||||
return __('Image.height', {height: height});
|
||||
} else if (!height) {
|
||||
return __('宽度{{width}}px', {width: width});
|
||||
return __('Image.width', {width: width});
|
||||
}
|
||||
|
||||
return __('尺寸（{{width}} x {{height}}）', {width, height});
|
||||
return __('Image.size', {width, height});
|
||||
}
|
||||
|
||||
state: ImageState = {
|
||||
@ -456,9 +456,7 @@ export default class ImageControl extends React.Component<
|
||||
const __ = this.props.translate;
|
||||
|
||||
if (crop && props.multiple) {
|
||||
props.env &&
|
||||
props.env.alert &&
|
||||
props.env.alert(__('图片多选配置和裁剪配置冲突，目前不能二者都支持！'));
|
||||
props.env && props.env.alert && props.env.alert(__('Image.configError'));
|
||||
return null;
|
||||
}
|
||||
|
||||
@ -506,7 +504,7 @@ export default class ImageControl extends React.Component<
|
||||
// });
|
||||
|
||||
env.alert(
|
||||
__('您添加的文件{{files}}不符合类型的`{{accept}}`的设定，请仔细检查。', {
|
||||
__('File.invalidType', {
|
||||
files: files.map((file: any) => `「${file.name}」`).join(' '),
|
||||
accept
|
||||
})
|
||||
@ -597,7 +595,7 @@ export default class ImageControl extends React.Component<
|
||||
);
|
||||
}
|
||||
|
||||
env.notify('error', error || __('图片上传失败，请重试'));
|
||||
env.notify('error', error || __('File.errorRetry'));
|
||||
} else {
|
||||
newFile = {
|
||||
name: file.name,
|
||||
@ -652,7 +650,7 @@ export default class ImageControl extends React.Component<
|
||||
if (this.resolve) {
|
||||
this.resolve(
|
||||
this.files.some(file => file.state === 'error')
|
||||
? __('文件上传失败请重试')
|
||||
? __('File.errorRetry')
|
||||
: null
|
||||
);
|
||||
this.resolve = undefined;
|
||||
@ -852,14 +850,11 @@ export default class ImageControl extends React.Component<
|
||||
[].slice.call(files, 0, allowed).forEach((file: FileX) => {
|
||||
if (maxSize && file.size > maxSize) {
|
||||
this.props.env.alert(
|
||||
__(
|
||||
'您选择的文件 {{filename}} 大小为 {{actualSize}} 超出了最大为 {{maxSize}} 的限制，请重新选择。',
|
||||
{
|
||||
filename: file.name,
|
||||
actualSize: ImageControl.formatFileSize(file.size),
|
||||
maxSize: ImageControl.formatFileSize(maxSize)
|
||||
}
|
||||
)
|
||||
__('File.maxSize', {
|
||||
filename: file.name,
|
||||
actualSize: ImageControl.formatFileSize(file.size),
|
||||
maxSize: ImageControl.formatFileSize(maxSize)
|
||||
})
|
||||
);
|
||||
return;
|
||||
}
|
||||
@ -913,33 +908,30 @@ export default class ImageControl extends React.Component<
|
||||
(limit.width && limit.width != width) ||
|
||||
(limit.height && limit.height != height)
|
||||
) {
|
||||
error = __('您选择的图片不符合尺寸要求, 请上传{{info}}的图片', {
|
||||
error = __('Image.sizeNotEqual', {
|
||||
info: ImageControl.sizeInfo(limit.width, limit.height, __)
|
||||
});
|
||||
} else if (
|
||||
(limit.maxWidth && limit.maxWidth < width) ||
|
||||
(limit.maxHeight && limit.maxHeight < height)
|
||||
) {
|
||||
error = __('您选择的图片不符合尺寸要求, 请上传不要超过{{info}}的图片', {
|
||||
error = __('Image.limitMax', {
|
||||
info: ImageControl.sizeInfo(limit.maxWidth, limit.maxHeight, __)
|
||||
});
|
||||
} else if (
|
||||
(limit.minWidth && limit.minWidth > width) ||
|
||||
(limit.minHeight && limit.minHeight > height)
|
||||
) {
|
||||
error = __('您选择的图片不符合尺寸要求, 请上传不要小于{{info}}的图片', {
|
||||
error = __('Image.limitMin', {
|
||||
info: ImageControl.sizeInfo(limit.minWidth, limit.minHeight, __)
|
||||
});
|
||||
} else if (
|
||||
limit.aspectRatio &&
|
||||
Math.abs(width / height - limit.aspectRatio) > 0.01
|
||||
) {
|
||||
error = __(
|
||||
'您选择的图片不符合尺寸要求, 请上传尺寸比率为 {{ratio}} 的图片',
|
||||
{
|
||||
ratio: limit.aspectRatioLabel || limit.aspectRatio
|
||||
}
|
||||
);
|
||||
error = __(limit.aspectRatioLabel || 'Image.limitRatio', {
|
||||
ratio: limit.aspectRatio
|
||||
});
|
||||
}
|
||||
|
||||
if (error) {
|
||||
@ -961,7 +953,7 @@ export default class ImageControl extends React.Component<
|
||||
this._send(file, this.props.reciever as string, {}, onProgress)
|
||||
.then((ret: Payload) => {
|
||||
if (ret.status) {
|
||||
throw new Error(ret.msg || __('上传失败, 请重试'));
|
||||
throw new Error(ret.msg || __('File.errorRetry'));
|
||||
}
|
||||
|
||||
const obj: FileValue = {
|
||||
@ -972,7 +964,7 @@ export default class ImageControl extends React.Component<
|
||||
|
||||
cb(null, file, obj);
|
||||
})
|
||||
.catch(error => cb(error.message || __('上传失败，请重试'), file));
|
||||
.catch(error => cb(error.message || __('File.errorRetry'), file));
|
||||
}
|
||||
|
||||
_send(
|
||||
@ -1082,7 +1074,7 @@ export default class ImageControl extends React.Component<
|
||||
this.startUpload();
|
||||
});
|
||||
} else if (this.files.some(item => item.state === 'error')) {
|
||||
return __('文件上传失败请重试');
|
||||
return __('File.errorRetry');
|
||||
}
|
||||
}
|
||||
|
||||
@ -1115,7 +1107,7 @@ export default class ImageControl extends React.Component<
|
||||
<a
|
||||
className={cx('ImageControl-cropCancel')}
|
||||
onClick={this.cancelCrop}
|
||||
data-tooltip={__('取消')}
|
||||
data-tooltip={__('cancle')}
|
||||
data-position="left"
|
||||
>
|
||||
<Icon icon="close" className="icon" />
|
||||
@ -1123,7 +1115,7 @@ export default class ImageControl extends React.Component<
|
||||
<a
|
||||
className={cx('ImageControl-cropConfirm')}
|
||||
onClick={this.handleCrop}
|
||||
data-tooltip={__('确认')}
|
||||
data-tooltip={__('confirm')}
|
||||
data-position="left"
|
||||
>
|
||||
<Icon icon="check" className="icon" />
|
||||
@ -1167,7 +1159,7 @@ export default class ImageControl extends React.Component<
|
||||
'is-reject': isDragReject
|
||||
})}
|
||||
>
|
||||
{__('把图片拖到这，然后松开完成添加！')}
|
||||
{__('Image.dragDrop')}
|
||||
</div>
|
||||
) : (
|
||||
<>
|
||||
@ -1187,7 +1179,7 @@ export default class ImageControl extends React.Component<
|
||||
<>
|
||||
<a
|
||||
className={cx('ImageControl-itemClear')}
|
||||
data-tooltip={__('移除')}
|
||||
data-tooltip={__('Select.clear')}
|
||||
data-position="bottom"
|
||||
onClick={this.removeFile.bind(
|
||||
this,
|
||||
@ -1206,7 +1198,7 @@ export default class ImageControl extends React.Component<
|
||||
>
|
||||
<Icon icon="retry" className="icon" />
|
||||
<p className="ImageControl-itemInfoError">
|
||||
{__('重新上传')}
|
||||
{__('File.repick')}
|
||||
</p>
|
||||
</a>
|
||||
</>
|
||||
@ -1220,7 +1212,7 @@ export default class ImageControl extends React.Component<
|
||||
)}
|
||||
key="clear"
|
||||
className={cx('ImageControl-itemClear')}
|
||||
data-tooltip={__('移除')}
|
||||
data-tooltip={__('Select.clear')}
|
||||
>
|
||||
<Icon icon="close" className="icon" />
|
||||
</a>
|
||||
@ -1228,7 +1220,7 @@ export default class ImageControl extends React.Component<
|
||||
key="info"
|
||||
className={cx('ImageControl-itemInfo')}
|
||||
>
|
||||
<p>{__('文件上传中')}</p>
|
||||
<p>{__('File.uploading')}</p>
|
||||
<div className={cx('ImageControl-progress')}>
|
||||
<span
|
||||
style={{
|
||||
@ -1280,7 +1272,7 @@ export default class ImageControl extends React.Component<
|
||||
)}
|
||||
|
||||
<a
|
||||
data-tooltip={__('查看大图')}
|
||||
data-tooltip={__('Image.zoomIn')}
|
||||
data-position="bottom"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
@ -1298,7 +1290,7 @@ export default class ImageControl extends React.Component<
|
||||
reCropable !== false &&
|
||||
!disabled ? (
|
||||
<a
|
||||
data-tooltip={__('裁剪图片')}
|
||||
data-tooltip={__('Image.crop')}
|
||||
data-position="bottom"
|
||||
onClick={this.editImage.bind(this, key)}
|
||||
>
|
||||
@ -1307,7 +1299,7 @@ export default class ImageControl extends React.Component<
|
||||
) : null}
|
||||
{!disabled ? (
|
||||
<a
|
||||
data-tooltip={__('移除')}
|
||||
data-tooltip={__('Select.clear')}
|
||||
data-position="bottom"
|
||||
onClick={this.removeFile.bind(
|
||||
this,
|
||||
@ -1349,7 +1341,7 @@ export default class ImageControl extends React.Component<
|
||||
|
||||
{isFocused ? (
|
||||
<span className={cx('ImageControl-pasteTip')}>
|
||||
{__('当前状态支持从剪切板中粘贴图片文件。')}
|
||||
{__('Image.pasteTip')}
|
||||
</span>
|
||||
) : null}
|
||||
</label>
|
||||
@ -1362,7 +1354,7 @@ export default class ImageControl extends React.Component<
|
||||
disabled={!hasPending}
|
||||
onClick={this.toggleUpload}
|
||||
>
|
||||
{__(uploading ? '暂停上传' : '开始上传')}
|
||||
{__(uploading ? 'File.pause' : 'File.start')}
|
||||
</Button>
|
||||
) : null}
|
||||
|
||||
|
||||
@ -1260,7 +1260,6 @@ export function asFormItem(config: Omit<FormItemConfig, 'component'>) {
|
||||
if (config.validate && !Control.prototype.validate) {
|
||||
const fn = config.validate;
|
||||
Control.prototype.validate = function () {
|
||||
// console.warn('推荐直接在类中定义，而不是 FormItem HOC 的参数中传入。');
|
||||
const host = {
|
||||
input: this
|
||||
};
|
||||
|
||||
@ -198,7 +198,7 @@ export default class MatrixCheckbox extends React.Component<
|
||||
.fetcher(source, data)
|
||||
.then(ret => {
|
||||
if (!ret.ok) {
|
||||
throw new Error(ret.msg || __('数据请求错误'));
|
||||
throw new Error(ret.msg || __('fetchFailed'));
|
||||
}
|
||||
if (!this.mounted) {
|
||||
return resolve();
|
||||
|
||||
@ -50,7 +50,7 @@ export default class NestedSelectControl extends React.Component<
|
||||
static defaultProps: Partial<NestedSelectProps> = {
|
||||
cascade: false,
|
||||
withChildren: false,
|
||||
searchPromptText: '输入内容进行检索',
|
||||
searchPromptText: 'Select.searchPromptText',
|
||||
checkAll: true,
|
||||
checkAllLabel: '全选'
|
||||
};
|
||||
@ -127,12 +127,13 @@ export default class NestedSelectControl extends React.Component<
|
||||
selectedOptions,
|
||||
labelField,
|
||||
placeholder,
|
||||
translate: __,
|
||||
disabled
|
||||
} = this.props;
|
||||
|
||||
if (!(selectedOptions && selectedOptions.length > 0)) {
|
||||
return (
|
||||
<div className={cx('NestedSelect-placeholder')}>{placeholder}</div>
|
||||
<div className={cx('NestedSelect-placeholder')}>{__(placeholder)}</div>
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
@ -247,7 +247,7 @@ export function registerOptionsControl(config: OptionsConfig) {
|
||||
joinValues: true,
|
||||
extractValue: false,
|
||||
multiple: false,
|
||||
placeholder: '请选择',
|
||||
placeholder: 'Select.placeholder',
|
||||
resetValue: '',
|
||||
deleteConfirmText: '确定要删除？',
|
||||
...Control.defaultProps
|
||||
@ -714,7 +714,7 @@ export function registerOptionsControl(config: OptionsConfig) {
|
||||
type: 'text',
|
||||
name: labelField || 'label',
|
||||
label: false,
|
||||
placeholder: __('请输入名称')
|
||||
placeholder: __('Options.addPlaceholder')
|
||||
}
|
||||
];
|
||||
}
|
||||
@ -825,7 +825,7 @@ export function registerOptionsControl(config: OptionsConfig) {
|
||||
type: 'text',
|
||||
name: labelField || 'label',
|
||||
label: false,
|
||||
placeholder: __('请输入名称')
|
||||
placeholder: __('Options.addPlaceholder')
|
||||
}
|
||||
];
|
||||
}
|
||||
@ -835,8 +835,8 @@ export function registerOptionsControl(config: OptionsConfig) {
|
||||
: await onOpenDialog(
|
||||
{
|
||||
type: 'dialog',
|
||||
title: __('编辑{{label}}', {
|
||||
label: optionLabel || '选项'
|
||||
title: __('Options.editLabel', {
|
||||
label: optionLabel || __('Options.label')
|
||||
}),
|
||||
body: {
|
||||
type: 'form',
|
||||
@ -859,7 +859,7 @@ export function registerOptionsControl(config: OptionsConfig) {
|
||||
);
|
||||
|
||||
if (!payload.ok) {
|
||||
env.notify('error', payload.msg || __('保存失败，请仔细检查'));
|
||||
env.notify('error', payload.msg || __('saveFailed'));
|
||||
result = null;
|
||||
} else {
|
||||
result = payload.data || result;
|
||||
@ -924,7 +924,7 @@ export function registerOptionsControl(config: OptionsConfig) {
|
||||
// 通过 deleteApi 删除。
|
||||
try {
|
||||
if (!deleteApi) {
|
||||
throw new Error(__('请配置 deleteApi'));
|
||||
throw new Error(__('Options.deleteAPI'));
|
||||
}
|
||||
|
||||
const result = await env.fetcher(deleteApi!, ctx, {
|
||||
@ -932,7 +932,7 @@ export function registerOptionsControl(config: OptionsConfig) {
|
||||
});
|
||||
|
||||
if (!result.ok) {
|
||||
env.notify('error', result.msg || __('删除失败，请重试'));
|
||||
env.notify('error', result.msg || __('deleteFailed'));
|
||||
} else if (source) {
|
||||
this.reload();
|
||||
} else {
|
||||
|
||||
@ -484,7 +484,7 @@ export default class PickerControl extends React.PureComponent<
|
||||
{render(
|
||||
'modal',
|
||||
{
|
||||
title: __('请选择'),
|
||||
title: __('Select.placeholder'),
|
||||
size: size,
|
||||
type: modalMode,
|
||||
body: {
|
||||
|
||||
@ -197,7 +197,7 @@ export default class RepeatControl extends React.Component<RepeatProps, any> {
|
||||
<div className="repeat-control hbox">
|
||||
{input ? (
|
||||
<div className="col v-middle" style={{width: 30}}>
|
||||
<span>{__('每')}</span>
|
||||
<span>{__('Repeat.pre')}</span>
|
||||
</div>
|
||||
) : null}
|
||||
|
||||
|
||||
@ -41,7 +41,7 @@ export default class RichTextControl extends React.Component<
|
||||
imageEditable: true,
|
||||
reciever: '/api/upload/image',
|
||||
videoReciever: '/api/upload/video',
|
||||
placeholder: '请输入',
|
||||
placeholder: 'placeholder.enter',
|
||||
options: {
|
||||
toolbarButtonsSM: [
|
||||
'paragraphFormat',
|
||||
|
||||
@ -100,7 +100,7 @@ export default class SubFormControl extends React.PureComponent<
|
||||
addButtonClassName: '',
|
||||
editButtonClassName: '',
|
||||
labelField: 'label',
|
||||
btnLabel: '设置'
|
||||
btnLabel: 'SubForm.button'
|
||||
};
|
||||
|
||||
state: SubFormState = {
|
||||
@ -230,7 +230,7 @@ export default class SubFormControl extends React.PureComponent<
|
||||
key={key}
|
||||
>
|
||||
<span
|
||||
data-tooltip={__('删除')}
|
||||
data-tooltip={__('delete')}
|
||||
data-position="bottom"
|
||||
className={`${ns}Select-valueIcon`}
|
||||
onClick={this.removeItem.bind(this, key)}
|
||||
@ -240,7 +240,7 @@ export default class SubFormControl extends React.PureComponent<
|
||||
<span
|
||||
onClick={this.open.bind(this, key)}
|
||||
className={`${ns}SubForm-valueLabel`}
|
||||
data-tooltip={__('编辑详情')}
|
||||
data-tooltip={__('SubForm.editDetail')}
|
||||
data-position="bottom"
|
||||
>
|
||||
{(value &&
|
||||
@ -268,10 +268,10 @@ export default class SubFormControl extends React.PureComponent<
|
||||
onClick={this.addItem}
|
||||
className={cx(`${ns}Button ${ns}SubForm-addBtn`, addButtonClassName)}
|
||||
disabled={disabled}
|
||||
data-tooltip={__('新增一条数据')}
|
||||
data-tooltip={__('Combo.add')}
|
||||
>
|
||||
<Icon icon="plus" className="icon" />
|
||||
<span>{__('新增')}</span>
|
||||
<span>{__('Combo.add')}</span>
|
||||
</button>
|
||||
];
|
||||
}
|
||||
@ -300,7 +300,7 @@ export default class SubFormControl extends React.PureComponent<
|
||||
btnClassName
|
||||
)}
|
||||
onClick={this.open.bind(this, 0)}
|
||||
data-tooltip={__('编辑详情')}
|
||||
data-tooltip={__('SubForm.editDetail')}
|
||||
data-position="bottom"
|
||||
>
|
||||
<span className={`${ns}SubForm-valueLabel`}>
|
||||
|
||||
@ -222,19 +222,13 @@ export default class FormTable extends React.Component<TableProps, TableState> {
|
||||
|
||||
// todo: 如果当前正在编辑中，表单提交了，应该先让正在编辑的东西提交然后再做验证。
|
||||
if (~this.state.editIndex) {
|
||||
return __('请先处理表格编辑项');
|
||||
return __('Table.editing');
|
||||
}
|
||||
|
||||
if (minLength && (!Array.isArray(value) || value.length < minLength)) {
|
||||
return __(
|
||||
'组合表单成员数量不够，低于设定的最小{{minLength}}个，请添加更多的成员。',
|
||||
{minLength}
|
||||
);
|
||||
return __('Combo.minLength', {minLength});
|
||||
} else if (maxLength && Array.isArray(value) && value.length > maxLength) {
|
||||
return __(
|
||||
'组合表单成员数量超出，超出设定的最大{{maxLength}}个，请删除多余的成员。',
|
||||
{maxLength}
|
||||
);
|
||||
return __('Combo.maxLength', {maxLength});
|
||||
} else {
|
||||
const subForms: Array<any> = [];
|
||||
Object.keys(this.subForms).forEach(
|
||||
@ -244,7 +238,7 @@ export default class FormTable extends React.Component<TableProps, TableState> {
|
||||
return Promise.all(subForms.map(item => item.validate())).then(
|
||||
values => {
|
||||
if (~values.indexOf(false)) {
|
||||
return __('内部表单验证失败');
|
||||
return __('Form.validateFailed');
|
||||
}
|
||||
|
||||
return;
|
||||
@ -275,7 +269,7 @@ export default class FormTable extends React.Component<TableProps, TableState> {
|
||||
if (isEffectiveApi(addApi, ctx)) {
|
||||
const payload = await env.fetcher(addApi, ctx);
|
||||
if (payload && !payload.ok) {
|
||||
env.notify('error', payload.msg || __('请求失败'));
|
||||
env.notify('error', payload.msg || __('fetchFailed'));
|
||||
return;
|
||||
} else if (payload && payload.ok) {
|
||||
toAdd = payload.data;
|
||||
@ -313,9 +307,9 @@ export default class FormTable extends React.Component<TableProps, TableState> {
|
||||
action.actionType === 'delete'
|
||||
) {
|
||||
if (!valueField) {
|
||||
return env.alert(__('请配置 valueField'));
|
||||
return env.alert(__('Table.valueField'));
|
||||
} else if (!action.payload) {
|
||||
return env.alert(__('action 上请配置 payload, 否则不清楚要删除哪个'));
|
||||
return env.alert(__('Table.playload'));
|
||||
}
|
||||
|
||||
const rows = Array.isArray(value) ? value.concat() : [];
|
||||
@ -407,7 +401,7 @@ export default class FormTable extends React.Component<TableProps, TableState> {
|
||||
}
|
||||
|
||||
if (remote && !remote.ok) {
|
||||
env.notify('error', remote.msg || __('保存失败'));
|
||||
env.notify('error', remote.msg || __('saveFailed'));
|
||||
return;
|
||||
} else if (remote && remote.ok) {
|
||||
item = {
|
||||
@ -465,7 +459,7 @@ export default class FormTable extends React.Component<TableProps, TableState> {
|
||||
const ctx = createObject(data, item);
|
||||
if (isEffectiveApi(deleteApi, ctx)) {
|
||||
const confirmed = await env.confirm(
|
||||
deleteConfirmText ? filter(deleteConfirmText, ctx) : __('确认要删除？')
|
||||
deleteConfirmText ? filter(deleteConfirmText, ctx) : __('deleteConfirm')
|
||||
);
|
||||
if (!confirmed) {
|
||||
// 如果不确认，则跳过！
|
||||
@ -475,7 +469,7 @@ export default class FormTable extends React.Component<TableProps, TableState> {
|
||||
const result = await env.fetcher(deleteApi, ctx);
|
||||
|
||||
if (!result.ok) {
|
||||
env.notify('error', __('删除失败'));
|
||||
env.notify('error', __('deleteFailed'));
|
||||
return;
|
||||
}
|
||||
}
|
||||
@ -514,7 +508,7 @@ export default class FormTable extends React.Component<TableProps, TableState> {
|
||||
size="sm"
|
||||
key={key}
|
||||
level="link"
|
||||
tooltip={__('新增一行')}
|
||||
tooltip={__('Table.addRow')}
|
||||
tooltipContainer={
|
||||
env && env.getModalContainer ? env.getModalContainer : undefined
|
||||
}
|
||||
@ -581,7 +575,7 @@ export default class FormTable extends React.Component<TableProps, TableState> {
|
||||
size="sm"
|
||||
key={key}
|
||||
level="link"
|
||||
tooltip={__('编辑当前行')}
|
||||
tooltip={__('Table.editRow')}
|
||||
tooltipContainer={
|
||||
env && env.getModalContainer ? env.getModalContainer : undefined
|
||||
}
|
||||
@ -605,7 +599,7 @@ export default class FormTable extends React.Component<TableProps, TableState> {
|
||||
size="sm"
|
||||
key={key}
|
||||
level="link"
|
||||
tooltip={__('保存')}
|
||||
tooltip={__('save')}
|
||||
tooltipContainer={
|
||||
env && env.getModalContainer ? env.getModalContainer : undefined
|
||||
}
|
||||
@ -629,7 +623,7 @@ export default class FormTable extends React.Component<TableProps, TableState> {
|
||||
size="sm"
|
||||
key={key}
|
||||
level="link"
|
||||
tooltip={__('取消')}
|
||||
tooltip={__('cancle')}
|
||||
tooltipContainer={
|
||||
env && env.getModalContainer ? env.getModalContainer : undefined
|
||||
}
|
||||
@ -664,7 +658,7 @@ export default class FormTable extends React.Component<TableProps, TableState> {
|
||||
size="sm"
|
||||
key={key}
|
||||
level="link"
|
||||
tooltip={__('删除当前行')}
|
||||
tooltip={__('Table.deleteRow')}
|
||||
tooltipContainer={
|
||||
env && env.getModalContainer ? env.getModalContainer : undefined
|
||||
}
|
||||
@ -685,7 +679,7 @@ export default class FormTable extends React.Component<TableProps, TableState> {
|
||||
columns.push({
|
||||
type: 'operation',
|
||||
buttons: btns,
|
||||
label: __('操作'),
|
||||
label: __('Table.operation'),
|
||||
className: 'v-middle nowrap',
|
||||
fixed: 'right',
|
||||
width: '1%',
|
||||
|
||||
@ -60,8 +60,8 @@ export default class TagControl extends React.PureComponent<
|
||||
labelField: 'label',
|
||||
valueField: 'value',
|
||||
multiple: true,
|
||||
placeholder: '暂无标签',
|
||||
optionsTip: '最近您使用的标签'
|
||||
placeholder: 'Tag.placeholder',
|
||||
optionsTip: 'Tag.tip'
|
||||
};
|
||||
|
||||
state = {
|
||||
@ -324,7 +324,7 @@ export default class TagControl extends React.PureComponent<
|
||||
{...getInputProps({
|
||||
name,
|
||||
ref: this.input,
|
||||
placeholder: __(placeholder || '暂无标签'),
|
||||
placeholder: __(placeholder || 'Tag.placeholder'),
|
||||
value: this.state.inputValue,
|
||||
onKeyDown: this.handleKeyDown,
|
||||
onFocus: this.handleFocus,
|
||||
|
||||
@ -600,7 +600,7 @@ export default class TextControl extends React.PureComponent<
|
||||
>
|
||||
{option.isNew ? (
|
||||
<span>
|
||||
{__('新增：{{label}}', {label: option.label})}
|
||||
{__('Text.add', {label: option.label})}
|
||||
<Icon icon="enter" className="icon" />
|
||||
</span>
|
||||
) : (
|
||||
|
||||
@ -153,7 +153,7 @@ export class BaseTransferRenderer<
|
||||
const result =
|
||||
payload.data.options || payload.data.items || payload.data;
|
||||
if (!Array.isArray(result)) {
|
||||
throw new Error('期望接口返回数组信息');
|
||||
throw new Error('CRUD.invalidArray');
|
||||
}
|
||||
|
||||
return result.map(item => {
|
||||
|
||||
@ -62,7 +62,7 @@ export interface TreeProps
|
||||
|
||||
export default class TreeControl extends React.Component<TreeProps> {
|
||||
static defaultProps: Partial<TreeProps> = {
|
||||
placeholder: '选项加载中...',
|
||||
placeholder: 'loading',
|
||||
multiple: false,
|
||||
rootLabel: '顶级',
|
||||
rootValue: '',
|
||||
|
||||
@ -87,8 +87,8 @@ export default class TreeSelectControl extends React.Component<
|
||||
TreeSelectState
|
||||
> {
|
||||
static defaultProps = {
|
||||
placeholder: '请选择',
|
||||
optionsPlaceholder: '暂无数据',
|
||||
placeholder: 'Select.placeholder',
|
||||
optionsPlaceholder: 'placeholder.noData',
|
||||
multiple: false,
|
||||
clearable: true,
|
||||
rootLabel: '顶级',
|
||||
|
||||
@ -306,8 +306,8 @@ export interface FormProps extends RendererProps, Omit<FormSchema, 'mode'> {
|
||||
|
||||
export default class Form extends React.Component<FormProps, object> {
|
||||
static defaultProps = {
|
||||
title: '表单',
|
||||
submitText: '提交',
|
||||
title: 'Form.title',
|
||||
submitText: 'Form.submit',
|
||||
initFetch: true,
|
||||
wrapWithPanel: true,
|
||||
mode: 'normal',
|
||||
@ -320,9 +320,9 @@ export default class Form extends React.Component<FormProps, object> {
|
||||
},
|
||||
panelClassName: 'Panel--default',
|
||||
messages: {
|
||||
fetchFailed: '初始化失败',
|
||||
saveSuccess: '保存成功',
|
||||
saveFailed: '保存失败'
|
||||
fetchFailed: 'fetchFailed',
|
||||
saveSuccess: 'saveSuccess',
|
||||
saveFailed: 'saveFailed'
|
||||
},
|
||||
wrapperComponent: '',
|
||||
finishedField: 'finished',
|
||||
@ -821,7 +821,7 @@ export default class Form extends React.Component<FormProps, object> {
|
||||
if (Array.isArray(action.required) && action.required.length) {
|
||||
return store.validateFields(action.required).then(result => {
|
||||
if (!result) {
|
||||
env.notify('error', __('依赖的部分字段没有通过验证，请注意填写！'));
|
||||
env.notify('error', __('Form.validateFailed'));
|
||||
} else {
|
||||
this.handleAction(
|
||||
e,
|
||||
|
||||
@ -124,7 +124,7 @@ export class ImageThumb extends React.Component<ImageThumbProps> {
|
||||
{enlargeAble ? (
|
||||
<div key="overlay" className={cx('Image-overlay')}>
|
||||
<a
|
||||
data-tooltip={__('查看大图')}
|
||||
data-tooltip={__('Image.zoomIn')}
|
||||
data-position="bottom"
|
||||
target="_blank"
|
||||
onClick={this.handleEnlarge}
|
||||
|
||||
@ -54,7 +54,7 @@ export class LinkField extends React.Component<LinkProps, object> {
|
||||
target={htmlTarget || (blank ? '_blank' : '_self')}
|
||||
className={cx('Link', className)}
|
||||
>
|
||||
{body ? render('body', body) : finnalHref || value || __('链接')}
|
||||
{body ? render('body', body) : finnalHref || value || __('link')}
|
||||
</a>
|
||||
);
|
||||
}
|
||||
|
||||
@ -254,7 +254,7 @@ export default class List extends React.Component<ListProps, object> {
|
||||
];
|
||||
static defaultProps: Partial<ListProps> = {
|
||||
className: '',
|
||||
placeholder: '没有数据',
|
||||
placeholder: 'placeholder.noData',
|
||||
source: '$items',
|
||||
selectable: false,
|
||||
headerClassName: '',
|
||||
|
||||
@ -180,7 +180,7 @@ export class Navigation extends React.Component<
|
||||
|
||||
if (!payload.ok) {
|
||||
this.setState({
|
||||
error: payload.msg || __('获取链接错误')
|
||||
error: payload.msg || __('Nav.sourceError')
|
||||
});
|
||||
} else {
|
||||
const links = Array.isArray(payload.data)
|
||||
|
||||
@ -209,7 +209,7 @@ export const HocPopOver = (
|
||||
type: popOver.mode,
|
||||
actions: [
|
||||
{
|
||||
label: __('关闭'),
|
||||
label: __('Dialog.close'),
|
||||
type: 'button',
|
||||
actionType: 'cancel'
|
||||
}
|
||||
|
||||
@ -423,12 +423,12 @@ export const HocQuickEdit = (config: Partial<QuickEditConfig> = {}) => (
|
||||
: [
|
||||
{
|
||||
type: 'button',
|
||||
label: __('取消'),
|
||||
label: __('cancle'),
|
||||
actionType: 'cancel'
|
||||
},
|
||||
|
||||
{
|
||||
label: __('确认'),
|
||||
label: __('confirm'),
|
||||
type: 'submit',
|
||||
primary: true
|
||||
}
|
||||
|
||||
@ -102,7 +102,7 @@ export default class Service extends React.Component<ServiceProps> {
|
||||
|
||||
static defaultProps: Partial<ServiceProps> = {
|
||||
messages: {
|
||||
fetchFailed: '初始化失败'
|
||||
fetchFailed: 'fetchFailed'
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
@ -251,7 +251,7 @@ export class HeadCellFilterDropDown extends React.Component<
|
||||
key="DropDown-menu-reset"
|
||||
onClick={this.handleReset.bind(this)}
|
||||
>
|
||||
{__('重置')}
|
||||
{__('reset')}
|
||||
</li>
|
||||
) : null}
|
||||
</ul>
|
||||
|
||||
@ -91,14 +91,14 @@ export class HeadCellSearchDropDown extends React.Component<
|
||||
{
|
||||
type: 'button-group',
|
||||
name: 'orderDir',
|
||||
label: __('排序'),
|
||||
label: __('sort'),
|
||||
options: [
|
||||
{
|
||||
label: __('正序'),
|
||||
label: __('asc'),
|
||||
value: 'asc'
|
||||
},
|
||||
{
|
||||
label: __('降序'),
|
||||
label: __('desc'),
|
||||
value: 'desc'
|
||||
}
|
||||
]
|
||||
@ -123,18 +123,18 @@ export class HeadCellSearchDropDown extends React.Component<
|
||||
actions: [
|
||||
{
|
||||
type: 'button',
|
||||
label: __('重置'),
|
||||
label: __('reset'),
|
||||
actionType: 'reset'
|
||||
},
|
||||
|
||||
{
|
||||
type: 'button',
|
||||
label: __('取消'),
|
||||
label: __('cancle'),
|
||||
actionType: 'cancel'
|
||||
},
|
||||
|
||||
{
|
||||
label: __('搜索'),
|
||||
label: __('search'),
|
||||
type: 'submit',
|
||||
primary: true
|
||||
}
|
||||
|
||||
@ -262,7 +262,7 @@ export class TableBody extends React.Component<TableBodyProps> {
|
||||
) : (
|
||||
<tr className={cx('Table-placeholder')}>
|
||||
<td colSpan={columns.length}>
|
||||
{render('placeholder', placeholder || '暂无数据')}
|
||||
{render('placeholder', placeholder || 'placeholder.noData')}
|
||||
</td>
|
||||
</tr>
|
||||
)}
|
||||
|
||||
@ -337,7 +337,7 @@ export default class Table extends React.Component<TableProps, object> {
|
||||
];
|
||||
static defaultProps: Partial<TableProps> = {
|
||||
className: '',
|
||||
placeholder: '暂无数据',
|
||||
placeholder: 'placeholder.noData',
|
||||
tableClassName: '',
|
||||
source: '$items',
|
||||
selectable: false,
|
||||
@ -1162,19 +1162,16 @@ export default class Table extends React.Component<TableProps, object> {
|
||||
<div className={cx('Table-heading', headingClassName)} key="heading">
|
||||
{!saveImmediately && store.modified && !hideQuickSaveBtn ? (
|
||||
<span>
|
||||
{__(
|
||||
'当前有 {{modified}} 条记录修改了内容, 但并没有提交。请选择:',
|
||||
{
|
||||
modified: store.modified
|
||||
}
|
||||
)}
|
||||
{__('Table.modified', {
|
||||
modified: store.modified
|
||||
})}
|
||||
<button
|
||||
type="button"
|
||||
className={cx('Button Button--xs Button--success m-l-sm')}
|
||||
onClick={this.handleSave}
|
||||
>
|
||||
<Icon icon="check" className="icon m-r-xs" />
|
||||
{__('提交')}
|
||||
{__('Form.submit')}
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
@ -1182,12 +1179,12 @@ export default class Table extends React.Component<TableProps, object> {
|
||||
onClick={this.reset}
|
||||
>
|
||||
<Icon icon="close" className="icon m-r-xs" />
|
||||
{__('放弃')}
|
||||
{__('Table.discard')}
|
||||
</button>
|
||||
</span>
|
||||
) : store.moved ? (
|
||||
<span>
|
||||
{__('当前有 {{moved}} 条记录修改了顺序, 但并没有提交。请选择:', {
|
||||
{__('Table.moved', {
|
||||
moved: store.moved
|
||||
})}
|
||||
<button
|
||||
@ -1196,7 +1193,7 @@ export default class Table extends React.Component<TableProps, object> {
|
||||
onClick={this.handleSaveOrder}
|
||||
>
|
||||
<Icon icon="check" className="icon m-r-xs" />
|
||||
{__('提交')}
|
||||
{__('Form.submit')}
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
@ -1204,7 +1201,7 @@ export default class Table extends React.Component<TableProps, object> {
|
||||
onClick={this.reset}
|
||||
>
|
||||
<Icon icon="close" className="icon m-r-xs" />
|
||||
{__('放弃')}
|
||||
{__('Table.discard')}
|
||||
</button>
|
||||
</span>
|
||||
) : title ? (
|
||||
@ -1706,7 +1703,7 @@ export default class Table extends React.Component<TableProps, object> {
|
||||
return (
|
||||
<DropDownButton
|
||||
{...rest}
|
||||
tooltip={__('点击选择显示列')}
|
||||
tooltip={__('Table.columnsVisibility')}
|
||||
tooltipContainer={
|
||||
env && env.getModalContainer ? env.getModalContainer : undefined
|
||||
}
|
||||
@ -1744,7 +1741,7 @@ export default class Table extends React.Component<TableProps, object> {
|
||||
disabled={!!store.modified}
|
||||
classPrefix={ns}
|
||||
key="dragging-toggle"
|
||||
tooltip={__('点击开始排序')}
|
||||
tooltip={__('Table.startSort')}
|
||||
tooltipContainer={
|
||||
env && env.getModalContainer ? env.getModalContainer : undefined
|
||||
}
|
||||
@ -1932,7 +1929,7 @@ export default class Table extends React.Component<TableProps, object> {
|
||||
}}
|
||||
size="sm"
|
||||
>
|
||||
{__('导出 Excel')}
|
||||
{__('CRUD.exportExcel')}
|
||||
</Button>
|
||||
);
|
||||
}
|
||||
@ -2037,7 +2034,7 @@ export default class Table extends React.Component<TableProps, object> {
|
||||
{child}
|
||||
{store.dragging ? (
|
||||
<div className={cx('Table-dragTip')} ref={this.dragTipRef}>
|
||||
{__('请拖动左边的按钮进行排序')}
|
||||
{__('Table.dragTip')}
|
||||
</div>
|
||||
) : null}
|
||||
</div>
|
||||
|
||||
@ -157,7 +157,7 @@ export default class Task extends React.Component<TaskProps, TaskState> {
|
||||
className: 'b-a bg-white table-responsive',
|
||||
tableClassName: 'table table-striped m-b-none',
|
||||
taskNameLabel: '任务名称',
|
||||
operationLabel: '操作',
|
||||
operationLabel: 'Table.operation',
|
||||
statusLabel: '状态',
|
||||
remarkLabel: '备注说明',
|
||||
btnText: '上线',
|
||||
@ -370,6 +370,7 @@ export default class Task extends React.Component<TaskProps, TaskState> {
|
||||
readyStatusCode,
|
||||
loadingStatusCode,
|
||||
canRetryStatusCode,
|
||||
translate: __,
|
||||
render
|
||||
} = this.props;
|
||||
const items = this.state.items;
|
||||
@ -381,7 +382,7 @@ export default class Task extends React.Component<TaskProps, TaskState> {
|
||||
<thead>
|
||||
<tr>
|
||||
<th>{taskNameLabel}</th>
|
||||
<th>{operationLabel}</th>
|
||||
<th>{__(operationLabel)}</th>
|
||||
<th>{statusLabel}</th>
|
||||
<th>{remarkLabel}</th>
|
||||
</tr>
|
||||
|
||||
@ -174,10 +174,10 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
|
||||
readOnly: false,
|
||||
messages: {},
|
||||
actionClassName: '',
|
||||
actionPrevLabel: '上一步',
|
||||
actionNextLabel: '下一步',
|
||||
actionNextSaveLabel: '保存并下一步',
|
||||
actionFinishLabel: '完成'
|
||||
actionPrevLabel: 'Wizard.prev',
|
||||
actionNextLabel: 'Wizard.next',
|
||||
actionNextSaveLabel: 'Wizard.saveAndNext',
|
||||
actionFinishLabel: 'Wizard.finish'
|
||||
};
|
||||
|
||||
static propsList: Array<string> = [
|
||||
@ -916,7 +916,8 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
|
||||
classPrefix: ns,
|
||||
classnames: cx,
|
||||
popOverContainer,
|
||||
mode
|
||||
mode,
|
||||
translate: __
|
||||
} = this.props;
|
||||
|
||||
const currentStep = this.state.currentStep;
|
||||
@ -962,9 +963,9 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
|
||||
}
|
||||
)
|
||||
) : currentStep === -1 ? (
|
||||
'初始中。。'
|
||||
__('loading')
|
||||
) : (
|
||||
<p className="text-danger">配置错误</p>
|
||||
<p className="text-danger">{__('Wizard.configError')}</p>
|
||||
)}
|
||||
</div>
|
||||
{this.renderFooter()}
|
||||
|
||||
@ -192,7 +192,7 @@ export const CRUDStore = ServiceStore.named('CRUDStore')
|
||||
|
||||
if (!json.ok) {
|
||||
self.updateMessage(
|
||||
json.msg || options.errorMessage || self.__('获取失败'),
|
||||
json.msg || options.errorMessage || self.__('CRUD.fetchFailed'),
|
||||
true
|
||||
);
|
||||
getEnv(self).notify(
|
||||
@ -207,9 +207,7 @@ export const CRUDStore = ServiceStore.named('CRUDStore')
|
||||
);
|
||||
} else {
|
||||
if (!json.data) {
|
||||
throw new Error(
|
||||
self.__('返回数据格式不正确，payload.data 没有数据')
|
||||
);
|
||||
throw new Error(self.__('CRUD.invalidData'));
|
||||
}
|
||||
|
||||
self.updatedAt = Date.now();
|
||||
@ -243,9 +241,7 @@ export const CRUDStore = ServiceStore.named('CRUDStore')
|
||||
}
|
||||
|
||||
if (!Array.isArray(items)) {
|
||||
throw new Error(
|
||||
self.__('返回数据格式不正确，payload.data.items 必须是数组')
|
||||
);
|
||||
throw new Error(self.__('CRUD.invalidArray'));
|
||||
} else {
|
||||
// 确保成员是对象。
|
||||
items.map((item: any) =>
|
||||
@ -375,7 +371,7 @@ export const CRUDStore = ServiceStore.named('CRUDStore')
|
||||
|
||||
if (!json.ok) {
|
||||
self.updateMessage(
|
||||
json.msg || options.errorMessage || self.__('保存失败'),
|
||||
json.msg || options.errorMessage || self.__('saveFailed'),
|
||||
true
|
||||
);
|
||||
getEnv(self).notify(
|
||||
|
||||
@ -304,7 +304,9 @@ export const FormStore = ServiceStore.named('FormStore')
|
||||
}
|
||||
|
||||
self.updateMessage(
|
||||
json.msg || `${msgs.join('\n')}` || self.__('验证错误'),
|
||||
json.msg ||
|
||||
`${msgs.join('\n')}` ||
|
||||
self.__('Form.validateFailed'),
|
||||
true
|
||||
);
|
||||
} else {
|
||||
@ -391,9 +393,9 @@ export const FormStore = ServiceStore.named('FormStore')
|
||||
let valid = yield validate(hooks);
|
||||
|
||||
if (!valid) {
|
||||
const msg = failedMessage ?? self.__('表单验证失败，请仔细检查');
|
||||
const msg = failedMessage ?? self.__('Form.validateFailed');
|
||||
msg && getEnv(self).notify('error', msg);
|
||||
throw new Error(self.__('验证失败'));
|
||||
throw new Error(self.__('Form.validateFailed'));
|
||||
}
|
||||
|
||||
if (fn) {
|
||||
|
||||
@ -474,7 +474,7 @@ export const FormItemStore = StoreNode.named('FormItemStore')
|
||||
if (!json.ok) {
|
||||
setErrorFlag !== false &&
|
||||
setError(
|
||||
self.__('加载选项失败，原因：{{reason}}', {
|
||||
self.__('Form.loadOptionsFailed', {
|
||||
reason: json.msg || (config && config.errorMessage)
|
||||
})
|
||||
);
|
||||
|
||||
@ -133,7 +133,7 @@ export const ServiceStore = iRendererStore
|
||||
e.stack && console.error(e.stack);
|
||||
let message = e.message || e;
|
||||
if (e && e.message === 'Network Error') {
|
||||
message = self.__('网络错误，可能是未配置跨域 CORS');
|
||||
message = self.__('networkError');
|
||||
}
|
||||
env.notify('error', message);
|
||||
return;
|
||||
@ -226,7 +226,7 @@ export const ServiceStore = iRendererStore
|
||||
e.stack && console.error(e.stack);
|
||||
let message = e.message || e;
|
||||
if (e && e.message === 'Network Error') {
|
||||
message = self.__('网络错误，可能是未配置跨域 CORS');
|
||||
message = self.__('networkError');
|
||||
}
|
||||
env.notify('error', message);
|
||||
return;
|
||||
@ -270,7 +270,7 @@ export const ServiceStore = iRendererStore
|
||||
updateMessage(
|
||||
json.msg ||
|
||||
(options && options.errorMessage) ||
|
||||
self.__('保存失败'),
|
||||
self.__('saveFailed'),
|
||||
true
|
||||
);
|
||||
throw new ServerError(self.msg, json);
|
||||
@ -364,7 +364,7 @@ export const ServiceStore = iRendererStore
|
||||
updateMessage(
|
||||
json.msg ||
|
||||
(options && options.errorMessage) ||
|
||||
self.__('获取失败，请重试'),
|
||||
self.__('fetchFailed'),
|
||||
true
|
||||
);
|
||||
getEnv(self).notify(
|
||||
@ -413,7 +413,7 @@ export const ServiceStore = iRendererStore
|
||||
e.stack && console.error(e.stack);
|
||||
let message = e.message || e;
|
||||
if (e && e.message === 'Network Error') {
|
||||
message = self.__('网络错误，可能是未配置跨域 CORS');
|
||||
message = self.__('networkError');
|
||||
}
|
||||
env.notify('error', message);
|
||||
}
|
||||
|
||||
@ -222,32 +222,32 @@ export function addRule(
|
||||
export const validateMessages: {
|
||||
[propName: string]: string;
|
||||
} = {
|
||||
isEmail: 'Email 格式不正确',
|
||||
isRequired: '这是必填项',
|
||||
isUrl: 'Url 格式不正确',
|
||||
isInt: '请输入整型数字',
|
||||
isAlpha: '请输入字母',
|
||||
isNumeric: '请输入数字',
|
||||
isAlphanumeric: '请输入字母或者数字',
|
||||
isFloat: '请输入浮点型数值',
|
||||
isWords: '请输入字母',
|
||||
isUrlPath: '只能输入字母、数字、`-` 和 `_`.',
|
||||
matchRegexp: '格式不正确, 请输入符合规则为 `${1|raw}` 的内容。',
|
||||
minLength: '请输入更多的内容，至少输入 $1 个字符。',
|
||||
maxLength: '请控制内容长度, 不要输入 $1 个字符以上',
|
||||
maximum: '当前输入值超出最大值 $1，请检查',
|
||||
lt: '请输入小于 $1 的值',
|
||||
minimum: '当前输入值低于最小值 $1，请检查',
|
||||
gt: '请输入大于 $1 的值',
|
||||
isJson: '请检查 Json 格式。',
|
||||
isLength: '请输入长度为 $1 的内容',
|
||||
notEmptyString: '请不要全输入空白字符',
|
||||
equalsField: '输入的数据与 $1 值不一致',
|
||||
equals: '输入的数据与 $1 不一致',
|
||||
isPhoneNumber: '请输入合法的手机号码',
|
||||
isTelNumber: '请输入合法的电话号码',
|
||||
isZipcode: '请输入合法的邮编地址',
|
||||
isId: '请输入合法的身份证号'
|
||||
isEmail: 'validate.isEmail',
|
||||
isRequired: 'validate.isRequired',
|
||||
isUrl: 'validate.isUrl',
|
||||
isInt: 'validate.isInt',
|
||||
isAlpha: 'validate.isAlpha',
|
||||
isNumeric: 'validate.isNumeric',
|
||||
isAlphanumeric: 'validate.isAlphanumeric',
|
||||
isFloat: 'validate.isFloat',
|
||||
isWords: 'validate.isWords',
|
||||
isUrlPath: 'validate.isUrlPath',
|
||||
matchRegexp: 'validate.matchRegexp',
|
||||
minLength: 'validate.minLength',
|
||||
maxLength: 'validate.maxLength',
|
||||
maximum: 'validate.maximum',
|
||||
lt: 'validate.lt',
|
||||
minimum: 'validate.minimum',
|
||||
gt: 'validate.gt',
|
||||
isJson: 'validate.isJson',
|
||||
isLength: 'validate.isLength',
|
||||
notEmptyString: 'validate.notEmptyString',
|
||||
equalsField: 'validate.equalsField',
|
||||
equals: 'validate.equals',
|
||||
isPhoneNumber: 'validate.isPhoneNumber',
|
||||
isTelNumber: 'validate.isTelNumber',
|
||||
isZipcode: 'validate.isZipcode',
|
||||
isId: 'validate.isId'
|
||||
};
|
||||
|
||||
export function validate(
|
||||
|
||||
Loading…
Reference in New Issue
Block a user