amis 1.5.8-beta.2 → 1.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/CalendarMobile.js +5 -5
- package/lib/components/CalendarMobile.js.map +2 -2
- package/lib/components/Card.d.ts +20 -20
- package/lib/components/Cascader.d.ts +123 -0
- package/lib/components/Cascader.js +487 -0
- package/lib/components/Cascader.js.map +13 -0
- package/lib/components/CityArea.d.ts +527 -0
- package/lib/components/CityArea.js +177 -0
- package/lib/components/CityArea.js.map +13 -0
- package/lib/components/ColorPicker.js +4 -3
- package/lib/components/ColorPicker.js.map +2 -2
- package/lib/components/DatePicker.d.ts +85 -84
- package/lib/components/DatePicker.js +7 -6
- package/lib/components/DatePicker.js.map +2 -2
- package/lib/components/DateRangePicker.js +8 -11
- package/lib/components/DateRangePicker.js.map +2 -2
- package/lib/components/MonthRangePicker.js +5 -8
- package/lib/components/MonthRangePicker.js.map +2 -2
- package/lib/components/Picker.d.ts +1 -0
- package/lib/components/Picker.js +10 -6
- package/lib/components/Picker.js.map +2 -2
- package/lib/components/PickerColumn.d.ts +1 -0
- package/lib/components/PickerColumn.js +21 -17
- package/lib/components/PickerColumn.js.map +2 -2
- package/lib/components/PopOverContainer.d.ts +1 -0
- package/lib/components/PopOverContainer.js +5 -3
- package/lib/components/PopOverContainer.js.map +2 -2
- package/lib/components/PopUp.d.ts +1040 -28
- package/lib/components/PopUp.js +32 -8
- package/lib/components/PopUp.js.map +2 -2
- package/lib/components/ResultBox.d.ts +85 -84
- package/lib/components/ResultBox.js +7 -3
- package/lib/components/ResultBox.js.map +2 -2
- package/lib/components/Select.js +9 -6
- package/lib/components/Select.js.map +2 -2
- package/lib/components/TransferDropDown.d.ts +85 -84
- package/lib/components/TransferDropDown.js +9 -6
- package/lib/components/TransferDropDown.js.map +2 -2
- package/lib/components/calendar/Calendar.d.ts +14 -0
- package/lib/components/calendar/Calendar.js +62 -5
- package/lib/components/calendar/Calendar.js.map +2 -2
- package/lib/components/calendar/DaysView.d.ts +20 -0
- package/lib/components/calendar/DaysView.js +51 -4
- package/lib/components/calendar/DaysView.js.map +2 -2
- package/lib/components/calendar/MonthsView.d.ts +7 -1
- package/lib/components/calendar/MonthsView.js +41 -52
- package/lib/components/calendar/MonthsView.js.map +2 -2
- package/lib/components/calendar/TimeView.d.ts +27 -20
- package/lib/components/calendar/TimeView.js +40 -4
- package/lib/components/calendar/TimeView.js.map +2 -2
- package/lib/components/calendar/YearsView.d.ts +6 -0
- package/lib/components/calendar/YearsView.js +15 -6
- package/lib/components/calendar/YearsView.js.map +2 -2
- package/lib/index.js +1 -1
- package/lib/locale/de-DE.js +4 -0
- package/lib/locale/de-DE.js.map +2 -2
- package/lib/locale/en-US.js +4 -0
- package/lib/locale/en-US.js.map +2 -2
- package/lib/locale/zh-CN.js +4 -0
- package/lib/locale/zh-CN.js.map +2 -2
- package/lib/renderers/DropDownButton.d.ts +11 -2
- package/lib/renderers/DropDownButton.js +30 -12
- package/lib/renderers/DropDownButton.js.map +2 -2
- package/lib/renderers/Form/CityDB.js +526 -2
- package/lib/renderers/Form/CityDB.js.map +2 -2
- package/lib/renderers/Form/InputCity.d.ts +85 -84
- package/lib/renderers/Form/InputCity.js +4 -2
- package/lib/renderers/Form/InputCity.js.map +2 -2
- package/lib/renderers/Form/InputColor.js +6 -2
- package/lib/renderers/Form/InputColor.js.map +2 -2
- package/lib/renderers/Form/InputDate.js +5 -2
- package/lib/renderers/Form/InputDate.js.map +2 -2
- package/lib/renderers/Form/InputDateRange.js +6 -2
- package/lib/renderers/Form/InputDateRange.js.map +2 -2
- package/lib/renderers/Form/Item.d.ts +10 -14
- package/lib/renderers/Form/Item.js +7 -5
- package/lib/renderers/Form/Item.js.map +2 -2
- package/lib/renderers/Form/NestedSelect.d.ts +1 -0
- package/lib/renderers/Form/NestedSelect.js +7 -3
- package/lib/renderers/Form/NestedSelect.js.map +2 -2
- package/lib/renderers/Form/Select.d.ts +2 -0
- package/lib/renderers/Form/Select.js +7 -4
- package/lib/renderers/Form/Select.js.map +2 -2
- package/lib/renderers/Form/TreeSelect.js +4 -4
- package/lib/renderers/Form/TreeSelect.js.map +2 -2
- package/lib/renderers/Remark.js +2 -1
- package/lib/renderers/Remark.js.map +2 -2
- package/lib/schemaExtend.js +23 -9
- package/lib/schemaExtend.js.map +2 -2
- package/lib/themes/ang-ie11.css +312 -29
- package/lib/themes/ang.css +312 -29
- package/lib/themes/ang.css.map +1 -1
- package/lib/themes/antd-ie11.css +312 -29
- package/lib/themes/antd.css +312 -29
- package/lib/themes/antd.css.map +1 -1
- package/lib/themes/cxd-ie11.css +315 -41
- package/lib/themes/cxd.css +315 -41
- package/lib/themes/cxd.css.map +1 -1
- package/lib/themes/dark-ie11.css +312 -29
- package/lib/themes/dark.css +312 -29
- package/lib/themes/dark.css.map +1 -1
- package/lib/themes/default.css +315 -41
- package/lib/themes/default.css.map +1 -1
- package/lib/utils/helper.d.ts +1 -6
- package/lib/utils/helper.js +6 -17
- package/lib/utils/helper.js.map +2 -2
- package/package.json +1 -2
- package/schema.json +2192 -20
- package/scss/_properties.scss +10 -6
- package/scss/components/_calendar.scss +9 -2
- package/scss/components/_cascader.scss +102 -0
- package/scss/components/_city-area.scss +27 -0
- package/scss/components/_dropdown.scss +39 -9
- package/scss/components/_picker-columns.scss +15 -5
- package/scss/components/_popup.scss +35 -12
- package/scss/components/_result-box.scss +31 -0
- package/scss/components/form/_checks.scss +2 -0
- package/scss/components/form/_color.scss +2 -2
- package/scss/components/form/_date-range.scss +1 -1
- package/scss/components/form/_date.scss +46 -1
- package/scss/components/form/_nested-select.scss +3 -0
- package/scss/components/form/_select.scss +32 -3
- package/scss/components/form/_transfer.scss +3 -0
- package/scss/components/form/_tree-select.scss +1 -1
- package/scss/themes/_common.scss +2 -0
- package/scss/themes/_cxd-variables.scss +3 -3
- package/scss/themes/cxd.scss +0 -12
- package/sdk/ang-ie11.css +368 -29
- package/sdk/ang.css +367 -30
- package/sdk/antd-ie11.css +368 -29
- package/sdk/antd.css +367 -30
- package/sdk/charts.js +18 -18
- package/sdk/codemirror.js +7 -7
- package/sdk/color-picker.js +65 -65
- package/sdk/cropperjs.js +3 -3
- package/sdk/cxd-ie11.css +370 -42
- package/sdk/cxd.css +370 -44
- package/sdk/dark-ie11.css +368 -29
- package/sdk/dark.css +367 -30
- package/sdk/exceljs.js +1 -1
- package/sdk/locale/de-DE.js +4 -0
- package/sdk/markdown.js +69 -69
- package/sdk/papaparse.js +1 -1
- package/sdk/renderers/Form/CityDB.js +1 -1
- package/sdk/rest.js +18 -18
- package/sdk/rich-text.js +62 -62
- package/sdk/sdk-ie11.css +370 -42
- package/sdk/sdk.css +370 -44
- package/sdk/sdk.js +1309 -1227
- package/sdk/thirds/hls.js/hls.js +18 -18
- package/sdk/thirds/mpegts.js/mpegts.js +2 -2
- package/sdk/tinymce.js +57 -57
- package/src/components/CalendarMobile.tsx +5 -5
- package/src/components/Cascader.tsx +564 -0
- package/src/components/CityArea.tsx +315 -0
- package/src/components/ColorPicker.tsx +5 -2
- package/src/components/DatePicker.tsx +15 -5
- package/src/components/DateRangePicker.tsx +52 -43
- package/src/components/MonthRangePicker.tsx +44 -38
- package/src/components/Picker.tsx +27 -12
- package/src/components/PickerColumn.tsx +28 -18
- package/src/components/PopOverContainer.tsx +31 -17
- package/src/components/PopUp.tsx +55 -13
- package/src/components/ResultBox.tsx +10 -1
- package/src/components/Select.tsx +20 -23
- package/src/components/TransferDropDown.tsx +19 -5
- package/src/components/calendar/Calendar.tsx +86 -9
- package/src/components/calendar/DaysView.tsx +86 -2
- package/src/components/calendar/MonthsView.tsx +56 -63
- package/src/components/calendar/TimeView.tsx +82 -29
- package/src/components/calendar/YearsView.tsx +25 -6
- package/src/locale/de-DE.ts +4 -0
- package/src/locale/en-US.ts +4 -0
- package/src/locale/zh-CN.ts +4 -0
- package/src/renderers/DropDownButton.tsx +69 -35
- package/src/renderers/Form/CityDB.ts +526 -2
- package/src/renderers/Form/InputCity.tsx +23 -3
- package/src/renderers/Form/InputColor.tsx +21 -2
- package/src/renderers/Form/InputDate.tsx +10 -1
- package/src/renderers/Form/InputDateRange.tsx +9 -1
- package/src/renderers/Form/Item.tsx +14 -4
- package/src/renderers/Form/NestedSelect.tsx +31 -3
- package/src/renderers/Form/Select.tsx +15 -2
- package/src/renderers/Form/TreeSelect.tsx +10 -6
- package/src/renderers/Remark.tsx +2 -1
- package/src/schemaExtend.ts +22 -10
- package/src/utils/helper.ts +6 -16
@@ -26,74 +26,63 @@ var CustomMonthsView = /** @class */ (function (_super) {
|
|
26
26
|
react_1.default.createElement("span", null, monthStrFixedLength)));
|
27
27
|
};
|
28
28
|
_this.onConfirm = function (value) {
|
29
|
-
// 将月份的值减1 ,月份是0-11
|
30
|
-
value[1] && --value[1];
|
31
29
|
_this.props.onConfirm && _this.props.onConfirm(value, ['year', 'month']);
|
32
30
|
};
|
33
31
|
_this.onPickerChange = function (value, index) {
|
32
|
+
var _a = _this.props, maxDate = _a.maxDate, minDate = _a.minDate;
|
33
|
+
var year = (0, moment_1.default)().year();
|
34
34
|
var columns = (0, tslib_1.__spreadArray)([], _this.state.columns, true);
|
35
|
+
var maxDateObject = maxDate
|
36
|
+
? maxDate.toObject()
|
37
|
+
: {
|
38
|
+
years: year + 100,
|
39
|
+
months: 11
|
40
|
+
};
|
41
|
+
var minDateObject = minDate
|
42
|
+
? minDate.toObject()
|
43
|
+
: {
|
44
|
+
years: year - 100,
|
45
|
+
months: 0
|
46
|
+
};
|
47
|
+
var range = [];
|
35
48
|
// 选择年份是最大值的年或者最小值的月时,需要重新计算月分选择的cloumn
|
36
49
|
if (index === 0) {
|
37
|
-
if (value[0] ===
|
38
|
-
value[0] ===
|
39
|
-
|
40
|
-
options: (0, helper_1.getRange)(_this.minDateObject.month, _this.maxDateObject.month, 1)
|
41
|
-
};
|
50
|
+
if (value[0] === minDateObject.years &&
|
51
|
+
value[0] === maxDateObject.years) {
|
52
|
+
range = (0, helper_1.getRange)(minDateObject.months, maxDateObject.months, 1);
|
42
53
|
}
|
43
|
-
else if (value[0] ===
|
44
|
-
|
45
|
-
options: (0, helper_1.getRange)(_this.minDateObject.month, 12, 1)
|
46
|
-
};
|
54
|
+
else if (value[0] === minDateObject.years) {
|
55
|
+
range = (0, helper_1.getRange)(minDateObject.months, 11, 1);
|
47
56
|
}
|
48
|
-
else if (value[0] ===
|
49
|
-
|
50
|
-
options: (0, helper_1.getRange)(1, _this.maxDateObject.month, 1)
|
51
|
-
};
|
57
|
+
else if (value[0] === maxDateObject.years) {
|
58
|
+
range = (0, helper_1.getRange)(0, maxDateObject.months, 1);
|
52
59
|
}
|
53
60
|
else {
|
54
|
-
|
55
|
-
options: (0, helper_1.getRange)(1, 12, 1)
|
56
|
-
};
|
61
|
+
range = (0, helper_1.getRange)(0, 11, 1);
|
57
62
|
}
|
58
|
-
|
63
|
+
columns[1] = {
|
64
|
+
options: range.map(function (i) {
|
65
|
+
return {
|
66
|
+
text: _this.props.timeCell(i + 1, 'month'),
|
67
|
+
value: i
|
68
|
+
};
|
69
|
+
})
|
70
|
+
};
|
71
|
+
_this.setState({ columns: columns, pickerValue: value });
|
59
72
|
}
|
60
73
|
};
|
61
74
|
_this.renderPicker = function () {
|
62
|
-
var
|
63
|
-
var
|
64
|
-
|
65
|
-
var month = parseInt(currentDate.format('MM'), 10);
|
66
|
-
return (react_1.default.createElement(Picker_1.default, { translate: _this.props.translate, locale: _this.props.locale, columns: _this.state.columns, value: [year, month], onChange: _this.onPickerChange, onConfirm: _this.onConfirm, onClose: _this.props.onClose }));
|
75
|
+
var __ = _this.props.translate;
|
76
|
+
var title = __('Date.titleMonth');
|
77
|
+
return (react_1.default.createElement(Picker_1.default, { translate: _this.props.translate, locale: _this.props.locale, title: title, columns: _this.state.columns, value: _this.state.pickerValue, onChange: _this.onPickerChange, onConfirm: _this.onConfirm, onClose: _this.props.onClose }));
|
67
78
|
};
|
68
|
-
var
|
69
|
-
var currentDate = selectedDate || viewDate || (0, moment_1.default)();
|
70
|
-
var
|
71
|
-
_this.
|
72
|
-
? (0, helper_1.convertDateToObject)(maxDate)
|
73
|
-
: {
|
74
|
-
year: year + 100,
|
75
|
-
month: 12
|
76
|
-
};
|
77
|
-
_this.minDateObject = minDate
|
78
|
-
? (0, helper_1.convertDateToObject)(minDate)
|
79
|
-
: {
|
80
|
-
year: year - 100,
|
81
|
-
month: 1
|
82
|
-
};
|
83
|
-
var columns = ['year', 'month'].map(function (type) {
|
84
|
-
if (type === 'month') {
|
85
|
-
var minMonth = year === _this.minDateObject.year ? _this.minDateObject.month : 1;
|
86
|
-
var maxMonth = year === _this.maxDateObject.year ? _this.maxDateObject.month : 12;
|
87
|
-
return {
|
88
|
-
options: (0, helper_1.getRange)(minMonth, maxMonth, 1)
|
89
|
-
};
|
90
|
-
}
|
91
|
-
return {
|
92
|
-
options: (0, helper_1.getRange)(_this.minDateObject[type], _this.maxDateObject[type], 1)
|
93
|
-
};
|
94
|
-
});
|
79
|
+
var selectedDate = props.selectedDate, viewDate = props.viewDate;
|
80
|
+
var currentDate = (selectedDate || viewDate || (0, moment_1.default)());
|
81
|
+
var dateBoundary = _this.props.getDateBoundary(currentDate);
|
82
|
+
var columns = _this.props.getColumns(['year', 'month'], dateBoundary);
|
95
83
|
_this.state = {
|
96
|
-
columns: columns
|
84
|
+
columns: columns,
|
85
|
+
pickerValue: currentDate.toArray()
|
97
86
|
};
|
98
87
|
return _this;
|
99
88
|
}
|
@@ -6,8 +6,8 @@
|
|
6
6
|
"/src/components/calendar/MonthsView.tsx"
|
7
7
|
],
|
8
8
|
"names": [],
|
9
|
-
"mappings": ";;;;AAAA,aAAa;AACb,0FAAuD;AACvD,+DAA4B;AAC5B,6DAA0B;AAC1B,uCAAkE;AAClE,kEAA+B;
|
9
|
+
"mappings": "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",
|
10
10
|
"sourcesContent": [
|
11
|
-
"// @ts-ignore\nimport MonthsView from 'react-datetime/src/MonthsView';\nimport moment from 'moment';\nimport React from 'react';\nimport {LocaleProps, localeable, TranslateFn} from '../../locale';\nimport Picker from '../Picker';\nimport {
|
11
|
+
"// @ts-ignore\nimport MonthsView from 'react-datetime/src/MonthsView';\nimport moment from 'moment';\nimport React from 'react';\nimport {LocaleProps, localeable, TranslateFn} from '../../locale';\nimport Picker from '../Picker';\nimport {PickerOption} from '../PickerColumn';\nimport {getRange, isMobile} from '../../utils/helper';\nimport {DateType} from './Calendar';\n\nexport interface OtherProps {\n inputFormat?: string;\n hideHeader?: boolean;\n}\n\nexport class CustomMonthsView extends MonthsView {\n props: {\n viewDate: moment.Moment;\n selectedDate: moment.Moment;\n subtractTime: (\n amount: number,\n type: string,\n toSelected?: moment.Moment\n ) => () => void;\n addTime: (\n amount: number,\n type: string,\n toSelected?: moment.Moment\n ) => () => void;\n showView: (view: string) => () => void;\n minDate?: moment.Moment;\n maxDate?: moment.Moment;\n onChange?: () => void;\n onClose?: () => void;\n onConfirm?: (value: number[], types: string[]) => void;\n getColumns: (types: DateType[], dateBoundary: void) => any;\n timeCell: (value: number, type: DateType) => string;\n getDateBoundary: (currentDate: moment.Moment) => any;\n useMobileUI: boolean;\n } & LocaleProps &\n OtherProps;\n maxDateObject: {year: number; month: number; day?: number};\n minDateObject: {year: number; month: number; day?: number};\n state: { columns: { options: PickerOption[] }[]; pickerValue: number[]};\n setState: (arg0: any) => () => any;\n renderMonths: () => JSX.Element;\n\n\n constructor(props: any) {\n super(props);\n\n const {selectedDate, viewDate} = props;\n const currentDate = (selectedDate || viewDate || moment());\n\n const dateBoundary = this.props.getDateBoundary(currentDate);\n const columns = this.props.getColumns(['year', 'month'], dateBoundary);\n this.state = {\n columns,\n pickerValue: currentDate.toArray()\n }\n }\n\n renderMonth = (props: any, month: number) => {\n var localMoment = this.props.viewDate;\n var monthStr = localMoment\n .localeData()\n .monthsShort(localMoment.month(month));\n var strLength = 3;\n // Because some months are up to 5 characters long, we want to\n // use a fixed string length for consistency\n var monthStrFixedLength = monthStr.substring(0, strLength);\n return (\n <td {...props}>\n <span>{monthStrFixedLength}</span>\n </td>\n );\n };\n\n onConfirm = (value: number[]) => {\n this.props.onConfirm && this.props.onConfirm(value, ['year', 'month']);\n };\n\n onPickerChange = (value: number[], index: number) => {\n const {maxDate, minDate} = this.props;\n const year = moment().year();\n const columns = [...this.state.columns];\n const maxDateObject = maxDate\n ? maxDate.toObject()\n : {\n years: year + 100,\n months: 11\n };\n const minDateObject = minDate\n ? minDate.toObject()\n : {\n years: year - 100,\n months: 0\n };\n let range = [];\n // 选择年份是最大值的年或者最小值的月时,需要重新计算月分选择的cloumn\n if (index === 0) {\n if (\n value[0] === minDateObject.years &&\n value[0] === maxDateObject.years\n ) {\n range = getRange(minDateObject.months, maxDateObject.months, 1);\n }\n else if (value[0] === minDateObject.years) {\n range = getRange(minDateObject.months, 11, 1);\n }\n else if (value[0] === maxDateObject.years) {\n range = getRange(0, maxDateObject.months, 1);\n }\n else {\n range = getRange(0, 11, 1);\n }\n columns[1] = {\n options: range.map(i => {\n return {\n text: this.props.timeCell(i+1, 'month'),\n value: i\n };\n })\n };\n this.setState({columns, pickerValue: value});\n }\n };\n\n renderPicker = () => {\n const {translate: __} = this.props;\n const title = __('Date.titleMonth');\n\n return (\n <Picker\n translate={this.props.translate}\n locale={this.props.locale}\n title={title}\n columns={this.state.columns}\n value={this.state.pickerValue}\n onChange={this.onPickerChange}\n onConfirm={this.onConfirm}\n onClose={this.props.onClose}\n />\n );\n };\n\n render() {\n const __ = this.props.translate;\n const showYearHead = !/^mm$/i.test(this.props.inputFormat || '') && !this.props.hideHeader;\n const canClick = /yy/i.test(this.props.inputFormat || '');\n\n if (isMobile() && this.props.useMobileUI) {\n return <div className=\"rdtYears\">{this.renderPicker()}</div>;\n }\n return (\n <div className=\"rdtMonths\">\n {showYearHead && (\n <table>\n <thead>\n <tr>\n <th\n className=\"rdtPrev\"\n onClick={this.props.subtractTime(1, 'years')}\n >\n «\n </th>\n {canClick ? (\n <th\n className=\"rdtSwitch\"\n onClick={this.props.showView('years')}\n >\n {this.props.viewDate.format(__('dateformat.year'))}\n </th>\n ) : (\n <th className=\"rdtSwitch\">\n {this.props.viewDate.format(__('dateformat.year'))}\n </th>\n )}\n\n <th\n className=\"rdtNext\"\n onClick={this.props.addTime(1, 'years')}\n >\n »\n </th>\n </tr>\n </thead>\n </table>\n )}\n\n <table>\n <tbody>{this.renderMonths()}</tbody>\n </table>\n </div>\n );\n }\n}\n\nexport default localeable(CustomMonthsView as any);\n"
|
12
12
|
]
|
13
13
|
}
|
@@ -4,31 +4,34 @@ import moment from 'moment';
|
|
4
4
|
import React from 'react';
|
5
5
|
import { LocaleProps } from '../../locale';
|
6
6
|
import { ClassNamesFn } from '../../theme';
|
7
|
+
interface State {
|
8
|
+
daypart: any;
|
9
|
+
counters: Array<string>;
|
10
|
+
[propName: string]: any;
|
11
|
+
}
|
12
|
+
interface CustomTimeViewProps {
|
13
|
+
viewDate: moment.Moment;
|
14
|
+
selectedDate: moment.Moment;
|
15
|
+
subtractTime: (amount: number, type: string, toSelected?: moment.Moment) => () => void;
|
16
|
+
addTime: (amount: number, type: string, toSelected?: moment.Moment) => () => void;
|
17
|
+
showView: (view: string) => () => void;
|
18
|
+
timeFormat: string;
|
19
|
+
classnames: ClassNamesFn;
|
20
|
+
setTime: (type: string, value: any) => void;
|
21
|
+
onClose?: () => void;
|
22
|
+
onConfirm?: (value: number[], types: string[]) => void;
|
23
|
+
useMobileUI: boolean;
|
24
|
+
showToolbar?: boolean;
|
25
|
+
onChange?: (value: any) => void;
|
26
|
+
}
|
7
27
|
export declare class CustomTimeView extends TimeView {
|
8
|
-
props:
|
9
|
-
viewDate: moment.Moment;
|
10
|
-
subtractTime: (amount: number, type: string, toSelected?: moment.Moment) => () => void;
|
11
|
-
addTime: (amount: number, type: string, toSelected?: moment.Moment) => () => void;
|
12
|
-
showView: (view: string) => () => void;
|
13
|
-
timeFormat: string;
|
14
|
-
classnames: ClassNamesFn;
|
15
|
-
setTime: (type: string, value: any) => void;
|
16
|
-
onClose?: () => void;
|
17
|
-
onConfirm?: (value: number[], types: string[]) => void;
|
18
|
-
useMobileUI: boolean;
|
19
|
-
showToolbar?: boolean;
|
20
|
-
onChange?: (value: any) => void;
|
21
|
-
} & LocaleProps;
|
28
|
+
props: CustomTimeViewProps & LocaleProps;
|
22
29
|
onStartClicking: any;
|
23
30
|
disableContextMenu: any;
|
24
31
|
updateMilli: any;
|
25
32
|
renderHeader: any;
|
26
33
|
pad: any;
|
27
|
-
state:
|
28
|
-
daypart: any;
|
29
|
-
counters: Array<string>;
|
30
|
-
[propName: string]: any;
|
31
|
-
};
|
34
|
+
state: State;
|
32
35
|
timeConstraints: any;
|
33
36
|
padValues: {
|
34
37
|
hours: number;
|
@@ -36,17 +39,21 @@ export declare class CustomTimeView extends TimeView {
|
|
36
39
|
seconds: number;
|
37
40
|
milliseconds: number;
|
38
41
|
};
|
42
|
+
setState: (arg0: any) => () => any;
|
43
|
+
calculateState: (props: CustomTimeViewProps) => () => any;
|
39
44
|
static defaultProps: {
|
40
45
|
showToolbar: boolean;
|
41
46
|
};
|
47
|
+
componentWillReceiveProps(nextProps: CustomTimeViewProps): void;
|
42
48
|
renderDayPart: () => JSX.Element;
|
43
49
|
getCounterValue: (type: string) => number;
|
44
50
|
renderCounter: (type: string) => JSX.Element | null;
|
45
|
-
onConfirm: (value: number[]) => void;
|
51
|
+
onConfirm: (value: (number | string)[]) => void;
|
46
52
|
getDayPartOptions: () => {
|
47
53
|
text: any;
|
48
54
|
value: string;
|
49
55
|
}[];
|
56
|
+
onPickerChange: (value: (number | string)[], index: number) => void;
|
50
57
|
renderTimeViewPicker: () => JSX.Element;
|
51
58
|
render(): JSX.Element;
|
52
59
|
}
|
@@ -9,6 +9,7 @@ var locale_1 = require("../../locale");
|
|
9
9
|
var icons_1 = require("../icons");
|
10
10
|
var Picker_1 = (0, tslib_1.__importDefault)(require("../Picker"));
|
11
11
|
var helper_1 = require("../../utils/helper");
|
12
|
+
;
|
12
13
|
var CustomTimeView = /** @class */ (function (_super) {
|
13
14
|
(0, tslib_1.__extends)(CustomTimeView, _super);
|
14
15
|
function CustomTimeView() {
|
@@ -61,6 +62,17 @@ var CustomTimeView = /** @class */ (function (_super) {
|
|
61
62
|
return null;
|
62
63
|
};
|
63
64
|
_this.onConfirm = function (value) {
|
65
|
+
// 修正am、pm
|
66
|
+
var hourIndex = _this.state.counters.indexOf('hours');
|
67
|
+
if (hourIndex !== -1 &&
|
68
|
+
_this.state.daypart !== false &&
|
69
|
+
_this.props.timeFormat.toLowerCase().indexOf(' a') !== -1) {
|
70
|
+
var amMode = value.splice(-1, 1)[0];
|
71
|
+
var hour = value[hourIndex] % 12;
|
72
|
+
// 修正pm
|
73
|
+
amMode.toLowerCase().indexOf('p') !== -1 && (hour = hour + 12);
|
74
|
+
value[hourIndex] = hour;
|
75
|
+
}
|
64
76
|
_this.props.onConfirm && _this.props.onConfirm(value, _this.state.counters);
|
65
77
|
};
|
66
78
|
_this.getDayPartOptions = function () {
|
@@ -74,12 +86,24 @@ var CustomTimeView = /** @class */ (function (_super) {
|
|
74
86
|
value: daypart
|
75
87
|
}); });
|
76
88
|
};
|
89
|
+
_this.onPickerChange = function (value, index) {
|
90
|
+
var time = {};
|
91
|
+
_this.state.counters.forEach(function (type, i) { return time[type] = value[i]; });
|
92
|
+
if (_this.state.daypart !== false && index > _this.state.counters.length - 1) {
|
93
|
+
time.daypart = value[value.length - 1];
|
94
|
+
}
|
95
|
+
_this.setState(function (prevState) {
|
96
|
+
return (0, tslib_1.__assign)((0, tslib_1.__assign)({}, prevState), time);
|
97
|
+
});
|
98
|
+
_this.props.onChange && _this.props.onChange(value);
|
99
|
+
};
|
77
100
|
_this.renderTimeViewPicker = function () {
|
101
|
+
var __ = _this.props.translate;
|
102
|
+
var title = __('Date.titleTime');
|
78
103
|
var columns = [];
|
79
104
|
var values = [];
|
80
105
|
_this.state.counters.forEach(function (type) {
|
81
106
|
if (type !== 'daypart') {
|
82
|
-
var counterValue = _this.getCounterValue(type);
|
83
107
|
var _a = _this.timeConstraints[type], min = _a.min, max = _a.max, step = _a.step;
|
84
108
|
// 修正am pm时hours可选最大值
|
85
109
|
if (type === 'hours' &&
|
@@ -88,9 +112,14 @@ var CustomTimeView = /** @class */ (function (_super) {
|
|
88
112
|
max = max > 12 ? 12 : max;
|
89
113
|
}
|
90
114
|
columns.push({
|
91
|
-
options: (0, helper_1.getRange)(min, max, step)
|
115
|
+
options: (0, helper_1.getRange)(min, max, step).map(function (item) {
|
116
|
+
return {
|
117
|
+
text: _this.pad(type, item),
|
118
|
+
value: item
|
119
|
+
};
|
120
|
+
})
|
92
121
|
});
|
93
|
-
values.push(
|
122
|
+
values.push(parseInt(_this.state[type], 10));
|
94
123
|
}
|
95
124
|
});
|
96
125
|
if (_this.state.daypart !== false) {
|
@@ -99,10 +128,17 @@ var CustomTimeView = /** @class */ (function (_super) {
|
|
99
128
|
});
|
100
129
|
values.push(_this.state.daypart);
|
101
130
|
}
|
102
|
-
return (react_1.default.createElement(Picker_1.default, { translate: _this.props.translate, locale: _this.props.locale, columns: columns, value: values, onConfirm: _this.onConfirm, onClose: _this.props.onClose, showToolbar: _this.props.showToolbar, onChange: _this.
|
131
|
+
return (react_1.default.createElement(Picker_1.default, { translate: _this.props.translate, locale: _this.props.locale, title: title, columns: columns, value: values, onConfirm: _this.onConfirm, onClose: _this.props.onClose, showToolbar: _this.props.showToolbar, onChange: _this.onPickerChange }));
|
103
132
|
};
|
104
133
|
return _this;
|
105
134
|
}
|
135
|
+
CustomTimeView.prototype.componentWillReceiveProps = function (nextProps) {
|
136
|
+
if (nextProps.viewDate !== this.props.viewDate
|
137
|
+
|| nextProps.selectedDate !== this.props.selectedDate
|
138
|
+
|| nextProps.timeFormat !== this.props.timeFormat) {
|
139
|
+
this.setState(this.calculateState(nextProps));
|
140
|
+
}
|
141
|
+
};
|
106
142
|
CustomTimeView.prototype.render = function () {
|
107
143
|
var _this = this;
|
108
144
|
var counters = [];
|
@@ -6,8 +6,8 @@
|
|
6
6
|
"/src/components/calendar/TimeView.tsx"
|
7
7
|
],
|
8
8
|
"names": [],
|
9
|
-
"mappings": ";;;;AAAA,aAAa;AACb,sFAAmD;AAEnD,6DAA0B;AAC1B,uCAAqD;AACrD,kCAA8B;AAE9B,kEAA+B;AAE/B,6CAAsD;
|
9
|
+
"mappings": "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",
|
10
10
|
"sourcesContent": [
|
11
|
-
"// @ts-ignore\nimport TimeView from 'react-datetime/src/TimeView';\nimport moment from 'moment';\nimport React from 'react';\nimport {LocaleProps, localeable} from '../../locale';\nimport {Icon} from '../icons';\nimport {ClassNamesFn} from '../../theme';\nimport Picker from '../Picker';\nimport {PickerColumnItem} from '../PickerColumn';\nimport {getRange, isMobile} from '../../utils/helper';\n\
|
11
|
+
"// @ts-ignore\nimport TimeView from 'react-datetime/src/TimeView';\nimport moment from 'moment';\nimport React from 'react';\nimport {LocaleProps, localeable} from '../../locale';\nimport {Icon} from '../icons';\nimport {ClassNamesFn} from '../../theme';\nimport Picker from '../Picker';\nimport {PickerColumnItem} from '../PickerColumn';\nimport {getRange, isMobile} from '../../utils/helper';\n\ninterface State {\n daypart: any;\n counters: Array<string>;\n [propName: string]: any;\n}\n\ninterface CustomTimeViewProps {\n viewDate: moment.Moment;\n selectedDate: moment.Moment;\n subtractTime: (\n amount: number,\n type: string,\n toSelected?: moment.Moment\n ) => () => void;\n addTime: (\n amount: number,\n type: string,\n toSelected?: moment.Moment\n ) => () => void;\n showView: (view: string) => () => void;\n timeFormat: string;\n classnames: ClassNamesFn;\n setTime: (type: string, value: any) => void;\n onClose?: () => void;\n onConfirm?: (value: number[], types: string[]) => void;\n useMobileUI: boolean;\n showToolbar?: boolean;\n onChange?: (value: any) => void;\n};\n\nexport class CustomTimeView extends TimeView {\n props: CustomTimeViewProps & LocaleProps;\n onStartClicking: any;\n disableContextMenu: any;\n updateMilli: any;\n renderHeader: any;\n pad: any;\n state: State;\n timeConstraints: any;\n padValues = {\n hours: 2,\n minutes: 2,\n seconds: 2,\n milliseconds: 3\n };\n setState: (arg0: any) => () => any;\n calculateState: (props: CustomTimeViewProps) => () => any;\n\n static defaultProps = {\n showToolbar: true\n };\n\n \n componentWillReceiveProps(nextProps: CustomTimeViewProps) {\n if (nextProps.viewDate !== this.props.viewDate\n || nextProps.selectedDate !== this.props.selectedDate\n || nextProps.timeFormat !== this.props.timeFormat) {\n this.setState(this.calculateState(nextProps));\n }\n }\n \n renderDayPart = () => {\n const {translate: __, classnames: cx} = this.props;\n return (\n <div\n key=\"dayPart\"\n className={cx('CalendarCounter CalendarCounter--daypart')}\n >\n <span\n key=\"up\"\n className={cx('CalendarCounter-btn CalendarCounter-btn--up')}\n onClick={this.onStartClicking('toggleDayPart', 'hours')}\n onContextMenu={this.disableContextMenu}\n >\n <Icon icon=\"right-arrow-bold\" />\n </span>\n <div className={cx('CalendarCounter-value')} key={this.state.daypart}>\n {__(this.state.daypart)}\n </div>\n <span\n key=\"down\"\n className={cx('CalendarCounter-btn CalendarCounter-btn--down')}\n onClick={this.onStartClicking('toggleDayPart', 'hours')}\n onContextMenu={this.disableContextMenu}\n >\n <Icon icon=\"right-arrow-bold\" />\n </span>\n </div>\n );\n };\n\n getCounterValue = (type: string) => {\n if (type !== 'daypart') {\n let value = this.state[type];\n if (\n type === 'hours' &&\n this.props.timeFormat.toLowerCase().indexOf(' a') !== -1\n ) {\n value = ((value - 1) % 12) + 1;\n\n if (value === 0) {\n value = 12;\n }\n }\n return parseInt(value);\n }\n return 0;\n };\n\n renderCounter = (type: string) => {\n const cx = this.props.classnames;\n if (type !== 'daypart') {\n const value = this.getCounterValue(type);\n\n const {min, max, step} = this.timeConstraints[type];\n\n return (\n <div key={type} className={cx('CalendarCounter')}>\n <span\n key=\"up\"\n className={cx('CalendarCounter-btn CalendarCounter-btn--up')}\n onMouseDown={this.onStartClicking('increase', type)}\n onContextMenu={this.disableContextMenu}\n >\n <Icon icon=\"right-arrow-bold\" />\n </span>\n\n <div key=\"c\" className={cx('CalendarCounter-value')}>\n <input\n type=\"text\"\n value={this.pad(type, value)}\n className={cx('CalendarInput')}\n min={min}\n max={max}\n step={step}\n onChange={e =>\n this.props.setTime(\n type,\n Math.max(\n min,\n Math.min(\n parseInt(e.currentTarget.value.replace(/\\D/g, ''), 10) ||\n 0,\n max\n )\n )\n )\n }\n />\n </div>\n\n <span\n key=\"do\"\n className={cx('CalendarCounter-btn CalendarCounter-btn--down')}\n onMouseDown={this.onStartClicking('decrease', type)}\n onContextMenu={this.disableContextMenu}\n >\n <Icon icon=\"right-arrow-bold\" />\n </span>\n </div>\n );\n }\n return null;\n };\n\n onConfirm = (value: (number | string)[]) => {\n // 修正am、pm\n const hourIndex = this.state.counters.indexOf('hours');\n if (\n hourIndex !== -1 &&\n this.state.daypart !== false &&\n this.props.timeFormat.toLowerCase().indexOf(' a') !== -1 \n ) {\n const amMode: string = value.splice(-1, 1)[0] as string;\n let hour = (value[hourIndex] as number) % 12;\n // 修正pm\n amMode.toLowerCase().indexOf('p') !== -1 && (hour = hour + 12);\n value[hourIndex] = hour;\n }\n\n this.props.onConfirm && this.props.onConfirm(value as number[], this.state.counters);\n };\n\n getDayPartOptions = () => {\n const {translate: __} = this.props;\n let options = ['am', 'pm'];\n if (this.props.timeFormat.indexOf(' A') !== -1) {\n options = ['AM', 'PM'];\n }\n\n return options.map(daypart => ({\n text: __(daypart),\n value: daypart\n }));\n };\n\n onPickerChange = (value: (number | string)[], index: number) => {\n const time: {[prop:string]: any} = {};\n this.state.counters.forEach((type, i) => time[type] = value[i]);\n if (this.state.daypart !== false && index > this.state.counters.length -1) {\n time.daypart = value[value.length -1];\n }\n this.setState((prevState: State) => {\n return {...prevState, ...time}\n });\n this.props.onChange && this.props.onChange(value);\n }\n\n renderTimeViewPicker = () => {\n const {translate: __} = this.props;\n const title = __('Date.titleTime');\n const columns: PickerColumnItem[] = [];\n const values = [];\n\n this.state.counters.forEach(type => {\n if (type !== 'daypart') {\n let {min, max, step} = this.timeConstraints[type];\n // 修正am pm时hours可选最大值\n if (\n type === 'hours' &&\n this.state.daypart !== false &&\n this.props.timeFormat.toLowerCase().indexOf(' a') !== -1\n ) {\n max = max > 12 ? 12 : max;\n }\n columns.push({\n options: getRange(min, max, step).map(item => {\n return {\n text: this.pad(type, item),\n value: item\n }\n })\n });\n values.push(parseInt(this.state[type], 10));\n }\n });\n if (this.state.daypart !== false) {\n columns.push({\n options: this.getDayPartOptions()\n });\n values.push(this.state.daypart);\n }\n\n return (\n <Picker\n translate={this.props.translate}\n locale={this.props.locale}\n title={title}\n columns={columns}\n value={values}\n onConfirm={this.onConfirm}\n onClose={this.props.onClose}\n showToolbar={this.props.showToolbar}\n onChange={this.onPickerChange}\n />\n );\n };\n\n render() {\n let counters: Array<JSX.Element | null> = [];\n const cx = this.props.classnames;\n\n if (isMobile() && this.props.useMobileUI) {\n return (\n <div className={cx('CalendarTime')}>{this.renderTimeViewPicker()}</div>\n );\n }\n this.state.counters.forEach(c => {\n if (counters.length) {\n counters.push(\n <div\n key={`sep${counters.length}`}\n className={cx('CalendarCounter-sep')}\n >\n :\n </div>\n );\n }\n counters.push(this.renderCounter(c));\n });\n\n if (this.state.daypart !== false) {\n counters.push(this.renderDayPart());\n }\n\n if (\n this.state.counters.length === 3 &&\n this.props.timeFormat.indexOf('S') !== -1\n ) {\n counters.push(\n <div className={cx('CalendarCounter-sep')} key=\"sep5\">\n :\n </div>\n );\n counters.push(\n <div className={cx('CalendarCounter CalendarCounter--milli')}>\n <input\n value={this.state.milliseconds}\n type=\"text\"\n onChange={this.updateMilli}\n />\n </div>\n );\n }\n\n return <div className={cx('CalendarTime')}>{counters}</div>;\n }\n}\n\nexport default localeable(CustomTimeView as any);\n"
|
12
12
|
]
|
13
13
|
}
|
@@ -17,9 +17,15 @@ export declare class CustomYearsView extends YearsView {
|
|
17
17
|
onConfirm?: (value: number[], types: string[]) => void;
|
18
18
|
useMobileUI: boolean;
|
19
19
|
} & LocaleProps;
|
20
|
+
state: {
|
21
|
+
pickerValue: number[];
|
22
|
+
};
|
23
|
+
setState: (arg0: any) => () => any;
|
20
24
|
renderYears: (year: number) => JSX.Element;
|
21
25
|
renderYear: (props: any, year: number) => JSX.Element;
|
26
|
+
constructor(props: any);
|
22
27
|
onConfirm: (value: number[]) => void;
|
28
|
+
onPickerChange: (value: number[]) => void;
|
23
29
|
renderYearPicker: () => JSX.Element;
|
24
30
|
render(): JSX.Element;
|
25
31
|
}
|
@@ -11,8 +11,8 @@ var Picker_1 = (0, tslib_1.__importDefault)(require("../Picker"));
|
|
11
11
|
var helper_1 = require("../../utils/helper");
|
12
12
|
var CustomYearsView = /** @class */ (function (_super) {
|
13
13
|
(0, tslib_1.__extends)(CustomYearsView, _super);
|
14
|
-
function CustomYearsView() {
|
15
|
-
var _this = _super
|
14
|
+
function CustomYearsView(props) {
|
15
|
+
var _this = _super.call(this, props) || this;
|
16
16
|
_this.renderYear = function (props, year) {
|
17
17
|
return (react_1.default.createElement("td", (0, tslib_1.__assign)({}, props),
|
18
18
|
react_1.default.createElement("span", null, year)));
|
@@ -20,17 +20,26 @@ var CustomYearsView = /** @class */ (function (_super) {
|
|
20
20
|
_this.onConfirm = function (value) {
|
21
21
|
_this.props.onConfirm && _this.props.onConfirm(value, ['year']);
|
22
22
|
};
|
23
|
+
_this.onPickerChange = function (value) {
|
24
|
+
_this.setState({ pickerValue: value[0] });
|
25
|
+
};
|
23
26
|
_this.renderYearPicker = function () {
|
24
|
-
var _a = _this.props, minDate = _a.minDate, maxDate = _a.maxDate, selectedDate = _a.selectedDate, viewDate = _a.viewDate;
|
27
|
+
var _a = _this.props, __ = _a.translate, minDate = _a.minDate, maxDate = _a.maxDate, selectedDate = _a.selectedDate, viewDate = _a.viewDate;
|
25
28
|
var year = (selectedDate || viewDate || (0, moment_1.default)()).year();
|
26
|
-
var maxYear = maxDate ?
|
27
|
-
var minYear = minDate ?
|
29
|
+
var maxYear = maxDate ? maxDate.toObject().years : year + 100;
|
30
|
+
var minYear = minDate ? minDate.toObject().years : year - 100;
|
31
|
+
var title = __('Date.titleYear');
|
28
32
|
var columns = [
|
29
33
|
{
|
30
34
|
options: (0, helper_1.getRange)(minYear, maxYear, 1)
|
31
35
|
}
|
32
36
|
];
|
33
|
-
return (react_1.default.createElement(Picker_1.default, { translate: _this.props.translate, locale: _this.props.locale, columns: columns, value:
|
37
|
+
return (react_1.default.createElement(Picker_1.default, { translate: _this.props.translate, locale: _this.props.locale, title: title, columns: columns, value: _this.state.pickerValue, onConfirm: _this.onConfirm, onChange: _this.onPickerChange, onClose: _this.props.onClose }));
|
38
|
+
};
|
39
|
+
var selectedDate = props.selectedDate, viewDate = props.viewDate;
|
40
|
+
var currentDate = (selectedDate || viewDate || (0, moment_1.default)());
|
41
|
+
_this.state = {
|
42
|
+
pickerValue: currentDate.toObject().years
|
34
43
|
};
|
35
44
|
return _this;
|
36
45
|
}
|
@@ -6,8 +6,8 @@
|
|
6
6
|
"/src/components/calendar/YearsView.tsx"
|
7
7
|
],
|
8
8
|
"names": [],
|
9
|
-
"mappings": ";;;;AAAA,aAAa;AACb,wFAAqD;AACrD,+DAA4B;AAC5B,6DAA0B;AAC1B,uCAAqD;AACrD,kEAA+B;AAC/B,
|
9
|
+
"mappings": "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",
|
10
10
|
"sourcesContent": [
|
11
|
-
"// @ts-ignore\nimport YearsView from 'react-datetime/src/YearsView';\nimport moment from 'moment';\nimport React from 'react';\nimport {LocaleProps, localeable} from '../../locale';\nimport Picker from '../Picker';\nimport {
|
11
|
+
"// @ts-ignore\nimport YearsView from 'react-datetime/src/YearsView';\nimport moment from 'moment';\nimport React from 'react';\nimport {LocaleProps, localeable} from '../../locale';\nimport Picker from '../Picker';\nimport {getRange, isMobile} from '../../utils/helper';\n\nexport class CustomYearsView extends YearsView {\n props: {\n viewDate: moment.Moment;\n selectedDate: moment.Moment;\n subtractTime: (\n amount: number,\n type: string,\n toSelected?: moment.Moment\n ) => () => void;\n addTime: (\n amount: number,\n type: string,\n toSelected?: moment.Moment\n ) => () => void;\n showView: (view: string) => () => void;\n minDate?: moment.Moment;\n maxDate?: moment.Moment;\n onChange?: () => void;\n onClose?: () => void;\n onConfirm?: (value: number[], types: string[]) => void;\n useMobileUI: boolean;\n } & LocaleProps;\n state: {pickerValue: number[]};\n setState: (arg0: any) => () => any;\n renderYears: (year: number) => JSX.Element;\n renderYear = (props: any, year: number) => {\n return (\n <td {...props}>\n <span>{year}</span>\n </td>\n );\n };\n\n constructor(props: any) {\n super(props);\n\n const {selectedDate, viewDate} = props;\n const currentDate = (selectedDate || viewDate || moment());\n\n this.state = {\n pickerValue: currentDate.toObject().years\n }\n }\n\n onConfirm = (value: number[]) => {\n this.props.onConfirm && this.props.onConfirm(value, ['year']);\n };\n\n onPickerChange = (value: number[]) => {\n this.setState({pickerValue: value[0]});\n }\n\n renderYearPicker = () => {\n const {translate: __, minDate, maxDate, selectedDate, viewDate} = this.props;\n const year = (selectedDate || viewDate || moment()).year();\n const maxYear = maxDate ? maxDate.toObject().years : year + 100;\n const minYear = minDate ? minDate.toObject().years : year - 100;\n const title = __('Date.titleYear');\n\n const columns = [\n {\n options: getRange(minYear, maxYear, 1)\n }\n ];\n\n return (\n <Picker\n translate={this.props.translate}\n locale={this.props.locale}\n title={title}\n columns={columns}\n value={this.state.pickerValue}\n onConfirm={this.onConfirm}\n onChange={this.onPickerChange}\n onClose={this.props.onClose}\n />\n );\n };\n\n render() {\n let year = this.props.viewDate.year();\n year = year - (year % 10);\n const __ = this.props.translate;\n if (isMobile() && this.props.useMobileUI) {\n return <div className=\"rdtYears\">{this.renderYearPicker()}</div>;\n }\n return (\n <div className=\"rdtYears\">\n <table>\n <thead>\n <tr>\n <th\n className=\"rdtPrev\"\n onClick={this.props.subtractTime(10, 'years')}\n >\n «\n </th>\n <th className=\"rdtSwitch\">\n {__('year-to-year', {from: year, to: year + 9})}\n </th>\n <th className=\"rdtNext\" onClick={this.props.addTime(10, 'years')}>\n »\n </th>\n </tr>\n </thead>\n </table>\n <table>\n <tbody>{this.renderYears(year)}</tbody>\n </table>\n </div>\n );\n }\n}\n\nexport default localeable(CustomYearsView as any);\n"
|
12
12
|
]
|
13
13
|
}
|
package/lib/index.js
CHANGED
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.registerLocale = exports.setDefaultLocale = exports.getDefaultLocale = exports.classnames = exports.getClassPrefix = exports.classPrefix = exports.getTheme = exports.theme = exports.setDefaultTheme = exports.validateObject = exports.validate = exports.ScopedContext = exports.Scoped = exports.registerIcon = exports.Icon = exports.setIconVendor = exports.resolveVariableAndFilter = exports.resolveVariable = exports.relativeValueRe = exports.filterDate = exports.filterSchema = exports.resolveRenderer = exports.registerOptionsControl = exports.registerFormItem = exports.getRenderers = exports.unRegisterRenderer = exports.registerRenderer = exports.getRendererByName = exports.normalizeOptions = exports.str2rules = exports.addRule = exports.setCustomEvalExpression = exports.setCustomEvalJs = exports.evalJS = exports.evalExpression = exports.registerTplEnginer = exports.registerFilter = exports.resizeSensor = exports.utils = exports.filter = exports.buildApi = exports.wrapFetcher = exports.OptionsControl = exports.FormItemWrap = exports.FormItem = exports.RegisterStore = exports.Renderer = exports.updateEnv = exports.clearStoresCache = exports.render = void 0;
|
4
4
|
exports.animation = exports.makeTranslator = void 0;
|
5
5
|
var tslib_1 = require("tslib");
|
6
|
-
/** @license amis v1.
|
6
|
+
/** @license amis v1.6.0
|
7
7
|
*
|
8
8
|
* Copyright Baidu
|
9
9
|
*
|
package/lib/locale/de-DE.js
CHANGED
@@ -44,6 +44,10 @@ var locale_1 = require("../locale");
|
|
44
44
|
'CRUD.paginationGoText': 'Wechseln zu',
|
45
45
|
'CRUD.paginationPageText': 'Seite',
|
46
46
|
'PaginationWrapper.placeholder': 'Textkörper konfigurieren',
|
47
|
+
'Date.titleYear': '',
|
48
|
+
'Date.titleMonth': '',
|
49
|
+
'Date.titleDate': '',
|
50
|
+
'Date.titleTime': '',
|
47
51
|
'Date.daysago': 'Vor {{days}} Tag(en)',
|
48
52
|
'Date.dayslater': '{{days}} Tag(e) später',
|
49
53
|
'Date.endOfMonth': 'Letzter Tag des Monats',
|