amis-ui 2.1.1-beta.2 → 2.3.0

package/lib/components/calendar/DaysView.d.ts

@@ -40,6 +40,7 @@ interface CustomDaysViewProps extends LocaleProps {
         className?: string;
     }>;
     largeMode?: boolean;
+    todayActiveStyle?: React.CSSProperties;
     onScheduleClick?: (scheduleData: any) => void;
     hideHeader?: boolean;
     getColumns: (types: DateType[], dateBoundary: void) => any;
@@ -81,7 +82,6 @@ export declare class CustomDaysView extends React.Component<CustomDaysViewProps>
     alwaysValidDate(): number;
     renderDays(): React.DetailedReactHTMLElement<React.HTMLAttributes<HTMLElement>, HTMLElement>[];
     constructor(props: any);
-    componentWillMount(): void;
     componentDidMount(): void;
     updateSelectedDate: (event: React.MouseEvent<any>) => void;
     showTime: () => JSX.Element;
@@ -102,7 +102,69 @@ export declare class CustomDaysView extends React.Component<CustomDaysViewProps>
     renderPicker: () => JSX.Element;
     render(): JSX.Element;
 }
-declare const _default: (React.ComponentType<any> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<any>, {}>) & {
+declare const _default: {
+    new (props: Omit<CustomDaysViewProps, keyof LocaleProps> & {
+        locale?: string | undefined;
+        translate?: ((str: string, ...args: any[]) => string) | undefined;
+    }): {
+        ref: any;
+        childRef(ref: any): void;
+        getWrappedInstance(): any;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<CustomDaysViewProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<CustomDaysViewProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<CustomDaysViewProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<CustomDaysViewProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<CustomDaysViewProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<CustomDaysViewProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<CustomDaysViewProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<CustomDaysViewProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<CustomDaysViewProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<React.ComponentClass<CustomDaysViewProps, any>>;
+} & import("hoist-non-react-statics").NonReactStatics<React.ComponentClass<CustomDaysViewProps, any>, {}> & {
     ComposedComponent: React.ComponentClass<CustomDaysViewProps, any>;
 };
 export default _default;

package/lib/components/calendar/DaysView.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.1.1-beta.2
+ * amis-ui v2.3.0
  * Copyright 2018-2022 fex
  */
 
@@ -12,7 +12,11 @@ var moment = require('moment');
 var React = require('react');
 var Downshift = require('downshift');
 var findIndex = require('lodash/findIndex');
+var extend = require('lodash/extend');
 var merge = require('lodash/merge');
+var omit = require('lodash/omit');
+var each = require('lodash/each');
+var kebabCase = require('lodash/kebabCase');
 var amisCore = require('amis-core');
 var Picker = require('../Picker.js');
 var icons = require('../icons.js');
@@ -23,7 +27,11 @@ var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Downshift__default = /*#__PURE__*/_interopDefaultLegacy(Downshift);
 var findIndex__default = /*#__PURE__*/_interopDefaultLegacy(findIndex);
+var extend__default = /*#__PURE__*/_interopDefaultLegacy(extend);
 var merge__default = /*#__PURE__*/_interopDefaultLegacy(merge);
+var omit__default = /*#__PURE__*/_interopDefaultLegacy(omit);
+var each__default = /*#__PURE__*/_interopDefaultLegacy(each);
+var kebabCase__default = /*#__PURE__*/_interopDefaultLegacy(kebabCase);
 
 // 最早基于 react-datetime 2.16.2 版本，后来大部分都自己写了
 var CustomDaysView = /** @class */ (function (_super) {
@@ -123,17 +131,35 @@ var CustomDaysView = /** @class */ (function (_super) {
             _this.props.onClose && _this.props.onClose();
         };
         _this.renderDay = function (props, currentDate) {
+            var todayActiveStyle = props.todayActiveStyle; /** 只有today才会传入这个属性 */
+            var _a = _this.props, cx = _a.classnames, __ = _a.translate;
+            var injectedProps = omit__default["default"](props, ['todayActiveStyle']);
+            /** 某些情况下需要用inline style覆盖动态class，需要hack important的样式 */
+            var todayDomRef = function (node) {
+                if (todayActiveStyle && node) {
+                    each__default["default"](todayActiveStyle, function (value, key) {
+                        var _a, _b;
+                        if (typeof value === 'string' && !!~value.indexOf('!important')) {
+                            (_b = (_a = node === null || node === void 0 ? void 0 : node.style) === null || _a === void 0 ? void 0 : _a.setProperty) === null || _b === void 0 ? void 0 : _b.call(_a, kebabCase__default["default"](key), String(value)
+                                .replace(/\!important/, '')
+                                .trim(), 'important');
+                        }
+                    });
+                }
+            };
             if (_this.props.schedules) {
                 var schedule_1 = [];
                 _this.props.schedules.forEach(function (item) {
-                    if (currentDate.isSameOrAfter(moment__default["default"](item.startTime).subtract(1, 'days')) &&
-                        currentDate.isSameOrBefore(item.endTime)) {
+                    /** 时间全部统一到当天的00:00:00再做比较 */
+                    var currentDateBegin = currentDate.startOf('day');
+                    var startTime = moment__default["default"](item.startTime).startOf('day');
+                    var endTime = moment__default["default"](item.endTime).startOf('day');
+                    if (currentDateBegin.isSameOrAfter(startTime) &&
+                        currentDateBegin.isSameOrBefore(endTime)) {
                         schedule_1.push(item);
                     }
                 });
                 if (schedule_1.length > 0) {
-                    var cx_1 = _this.props.classnames;
-                    var __ = _this.props.translate;
                     // 日程数据
                     var scheduleData_1 = {
                         scheduleData: schedule_1.map(function (item) {
@@ -187,37 +213,46 @@ var CustomDaysView = /** @class */ (function (_super) {
                         // 最多展示3个
                         showSchedule_1 = showSchedule_1.slice(0, 3);
                         var scheduleDiv = showSchedule_1.map(function (item, index) {
+                            var diffDays = moment__default["default"](item.endTime).diff(moment__default["default"](item.startTime), 'days');
+                            /* 存在天数跨度小于1，但是横跨2天的case */
+                            if (diffDays <= 0) {
+                                diffDays = moment__default["default"](item.endTime)
+                                    .endOf('day')
+                                    .diff(moment__default["default"](item.startTime).startOf('day'), 'days');
+                            }
+                            /* 前面的计算结果是闭区间，所以最终结果要补足1 */
+                            diffDays += 1;
                             var width = item.width ||
-                                Math.min(moment__default["default"](item.endTime).diff(moment__default["default"](item.startTime), 'days') + 1, 7 - moment__default["default"](item.startTime).weekday());
-                            return (React__default["default"].createElement("div", { key: props.key + 'content' + index, className: cx_1('ScheduleCalendar-large-schedule-content', item.className), style: { width: width + '00%' }, onClick: function () {
+                                Math.min(diffDays, 7 - moment__default["default"](item.startTime).weekday());
+                            return (React__default["default"].createElement("div", { key: injectedProps.key + 'content' + index, className: cx('ScheduleCalendar-large-schedule-content', item.className), style: { width: width + '00%' }, onClick: function () {
                                     return _this.props.onScheduleClick &&
                                         _this.props.onScheduleClick(scheduleData_1);
                                 } },
-                                React__default["default"].createElement("div", { className: cx_1('ScheduleCalendar-text-overflow') }, item.content)));
+                                React__default["default"].createElement("div", { className: cx('ScheduleCalendar-text-overflow') }, item.content)));
                         });
-                        return (React__default["default"].createElement("td", tslib.__assign({}, props),
-                            React__default["default"].createElement("div", { className: cx_1('ScheduleCalendar-large-day-wrap') },
-                                React__default["default"].createElement("div", { className: cx_1('ScheduleCalendar-large-schedule-header') },
+                        return (React__default["default"].createElement("td", tslib.__assign({}, injectedProps),
+                            React__default["default"].createElement("div", { className: cx('ScheduleCalendar-large-day-wrap') },
+                                React__default["default"].createElement("div", { className: cx('ScheduleCalendar-large-schedule-header') },
                                     React__default["default"].createElement("span", null, currentDate.date())),
                                 scheduleDiv,
-                                schedule_1.length > 3 && (React__default["default"].createElement("div", { className: cx_1('ScheduleCalendar-large-schedule-footer') },
+                                schedule_1.length > 3 && (React__default["default"].createElement("div", { className: cx('ScheduleCalendar-large-schedule-footer') },
                                     schedule_1.length - 3,
                                     " ",
                                     __('more'))))));
                     }
                     // 正常模式
-                    var ScheduleIcon = (React__default["default"].createElement("span", { className: cx_1('ScheduleCalendar-icon', schedule_1[0].className), onClick: function () {
+                    var ScheduleIcon = (React__default["default"].createElement("span", { className: cx('ScheduleCalendar-icon', schedule_1[0].className), onClick: function () {
                             return _this.props.onScheduleClick &&
                                 _this.props.onScheduleClick(scheduleData_1);
                         } }));
-                    return (React__default["default"].createElement("td", tslib.__assign({}, props),
-                        React__default["default"].createElement("span", null,
+                    return (React__default["default"].createElement("td", tslib.__assign({}, injectedProps),
+                        React__default["default"].createElement("span", { style: todayActiveStyle, ref: todayDomRef },
                             currentDate.date(),
                             ScheduleIcon)));
                 }
             }
-            return (React__default["default"].createElement("td", tslib.__assign({}, props),
-                React__default["default"].createElement("span", null, currentDate.date())));
+            return (React__default["default"].createElement("td", tslib.__assign({}, injectedProps),
+                React__default["default"].createElement("span", { style: todayActiveStyle, ref: todayDomRef }, currentDate.date())));
         };
         _this.renderTimes = function () {
             var _a = _this.props, timeFormat = _a.timeFormat, selectedDate = _a.selectedDate, viewDate = _a.viewDate, isEndDate = _a.isEndDate, cx = _a.classnames;
@@ -325,7 +360,7 @@ var CustomDaysView = /** @class */ (function (_super) {
             columns: columns,
             types: types,
             pickerValue: currentDate.toArray(),
-            uniqueTag: 0
+            uniqueTag: new Date().valueOf()
         };
         if (_this.props.timeConstraints) {
             _this.timeConstraints = merge__default["default"](_this.timeConstraints, props.timeConstraints);
@@ -344,6 +379,7 @@ var CustomDaysView = /** @class */ (function (_super) {
     };
     CustomDaysView.prototype.renderDays = function () {
         var date = this.props.viewDate, selected = this.props.selectedDate && this.props.selectedDate.clone(), prevMonth = date.clone().subtract(1, 'months'), currentYear = date.year(), currentMonth = date.month(), weeks = [], days = [], renderer = this.props.renderDay || this.renderDay, isValid = this.props.isValidDate || this.alwaysValidDate, classes, isDisabled, dayProps, currentDate;
+        var _a = this.props.todayActiveStyle, todayActiveStyle = _a === void 0 ? {} : _a;
         // Go to the last week of the previous month
         prevMonth.date(prevMonth.daysInMonth()).startOf('week');
         var lastDay = prevMonth.clone().add(42, 'd');
@@ -365,11 +401,11 @@ var CustomDaysView = /** @class */ (function (_super) {
             isDisabled = !isValid(currentDate, selected);
             if (isDisabled)
                 classes += ' rdtDisabled';
-            dayProps = {
+            dayProps = extend__default["default"]({
                 'key': prevMonth.format('M_D'),
                 'data-value': prevMonth.date(),
                 'className': classes
-            };
+            }, classes.includes('rdtToday') ? { todayActiveStyle: todayActiveStyle } : {});
             if (!isDisabled)
                 dayProps.onClick = this.updateSelectedDate;
             days.push(renderer(dayProps, currentDate, selected));
@@ -381,9 +417,6 @@ var CustomDaysView = /** @class */ (function (_super) {
         }
         return weeks;
     };
-    CustomDaysView.prototype.componentWillMount = function () {
-        this.setState({ uniqueTag: new Date().valueOf() });
-    };
     CustomDaysView.prototype.componentDidMount = function () {
         var _this = this;
         var _a = this.props, timeFormat = _a.timeFormat, selectedDate = _a.selectedDate, viewDate = _a.viewDate, isEndDate = _a.isEndDate;
@@ -440,7 +473,7 @@ var CustomDaysView = /** @class */ (function (_super) {
                                 React__default["default"].createElement(icons.Icon, { icon: "right-arrow", className: "icon date-icon-arrow" })),
                             React__default["default"].createElement("a", { className: "rdtNext", onClick: this.props.addTime(1, 'years') },
                                 React__default["default"].createElement(icons.Icon, { icon: "right-double-arrow", className: "icon date-icon-arrow" }))),
-                        React__default["default"].createElement("div", { className: 'header-line' }))),
+                        React__default["default"].createElement("div", { className: "header-line" }))),
                 React__default["default"].createElement("tr", null, this.getDaysOfWeek(locale).map(function (day, index) { return (React__default["default"].createElement("th", { key: day + index, className: "dow" }, day)); })))),
             React__default["default"].createElement("tbody", { key: "tb" }, this.renderDays())
         ];

package/lib/components/calendar/MonthsView.d.ts

@@ -60,7 +60,69 @@ export declare class CustomMonthsView extends React.Component<CustomMonthsViewPr
     renderPicker: () => JSX.Element;
     render(): JSX.Element;
 }
-declare const _default: (React.ComponentType<any> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<any>, {}>) & {
+declare const _default: {
+    new (props: Omit<any, keyof LocaleProps> & {
+        locale?: string | undefined;
+        translate?: ((str: string, ...args: any[]) => string) | undefined;
+    }): {
+        ref: any;
+        childRef(ref: any): void;
+        getWrappedInstance(): any;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<any, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<any, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<any, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<any, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<any, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<any, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<any, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<any, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<any, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<any>;
+} & import("hoist-non-react-statics").NonReactStatics<any, {}> & {
     ComposedComponent: any;
 };
 export default _default;

package/lib/components/calendar/MonthsView.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.1.1-beta.2
+ * amis-ui v2.3.0
  * Copyright 2018-2022 fex
  */
 

package/lib/components/calendar/QuartersView.d.ts

@@ -24,7 +24,69 @@ export declare class QuarterView extends React.Component<QuarterViewProps> {
     alwaysValidDate(): boolean;
     render(): JSX.Element;
 }
-declare const _default: (React.ComponentType<any> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<any>, {}>) & {
+declare const _default: {
+    new (props: Omit<QuarterViewProps, keyof LocaleProps> & {
+        locale?: string | undefined;
+        translate?: ((str: string, ...args: any[]) => string) | undefined;
+    }): {
+        ref: any;
+        childRef(ref: any): void;
+        getWrappedInstance(): any;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<QuarterViewProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<QuarterViewProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<QuarterViewProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<QuarterViewProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<QuarterViewProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<QuarterViewProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<QuarterViewProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<QuarterViewProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<QuarterViewProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<typeof QuarterView>;
+} & import("hoist-non-react-statics").NonReactStatics<typeof QuarterView, {}> & {
     ComposedComponent: typeof QuarterView;
 };
 export default _default;

package/lib/components/calendar/QuartersView.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.1.1-beta.2
+ * amis-ui v2.3.0
  * Copyright 2018-2022 fex
  */
 

package/lib/components/calendar/TimeView.d.ts

@@ -69,7 +69,6 @@ export declare class CustomTimeView extends React.Component<CustomTimeViewProps
     timer?: any;
     increaseTimer?: any;
     constructor(props: any);
-    componentWillMount(): void;
     componentDidMount(): void;
     updateSelectedDate: (event: React.MouseEvent<any>) => void;
     componentDidUpdate(preProps: CustomTimeViewProps): void;
@@ -110,7 +109,69 @@ export declare class CustomTimeView extends React.Component<CustomTimeViewProps
     }[];
     render(): JSX.Element;
 }
-declare const _default: (React.ComponentType<any> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<any>, {}>) & {
+declare const _default: {
+    new (props: Omit<any, keyof LocaleProps> & {
+        locale?: string | undefined;
+        translate?: ((str: string, ...args: any[]) => string) | undefined;
+    }): {
+        ref: any;
+        childRef(ref: any): void;
+        getWrappedInstance(): any;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<any, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<any, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<any, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<any, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<any, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<any, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<any, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<any, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<any, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<any>;
+} & import("hoist-non-react-statics").NonReactStatics<any, {}> & {
     ComposedComponent: any;
 };
 export default _default;

package/lib/components/calendar/TimeView.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.1.1-beta.2
+ * amis-ui v2.3.0
  * Copyright 2018-2022 fex
  */
 
@@ -242,15 +242,12 @@ var CustomTimeView = /** @class */ (function (_super) {
         _this.cancel = function () {
             _this.props.onClose && _this.props.onClose();
         };
-        _this.state = tslib.__assign(tslib.__assign({}, _this.calculateState(_this.props)), { uniqueTag: 0 });
+        _this.state = tslib.__assign(tslib.__assign({}, _this.calculateState(_this.props)), { uniqueTag: new Date().valueOf() });
         if (_this.props.timeConstraints) {
             _this.timeConstraints = merge__default["default"](_this.timeConstraints, _this.props.timeConstraints);
         }
         return _this;
     }
-    CustomTimeView.prototype.componentWillMount = function () {
-        this.setState({ uniqueTag: new Date().valueOf() });
-    };
     CustomTimeView.prototype.componentDidMount = function () {
         var _this = this;
         var _a = this.props, timeFormat = _a.timeFormat, selectedDate = _a.selectedDate, viewDate = _a.viewDate, isEndDate = _a.isEndDate;
@@ -455,7 +452,9 @@ var CustomTimeView = /** @class */ (function (_super) {
             }
         });
         inputs.length && inputs.pop();
-        var quickLists = [React__default["default"].createElement("a", { onClick: this.selectNowTime }, __('TimeNow'))];
+        var quickLists = [
+            React__default["default"].createElement("a", { key: "select-now", onClick: this.selectNowTime }, __('TimeNow'))
+        ];
         return (React__default["default"].createElement(React__default["default"].Fragment, null,
             React__default["default"].createElement("div", { className: cx(timeRangeHeader ? 'TimeRangeHeaderWrapper' : null) }, timeRangeHeader),
             React__default["default"].createElement("div", { className: cx('TimeContentWrapper') }, inputs),

package/lib/components/calendar/YearsView.d.ts

@@ -34,7 +34,69 @@ export declare class CustomYearsView extends React.Component<CustomYearsViewProp
     alwaysValidDate(): boolean;
     render(): JSX.Element;
 }
-declare const _default: (React.ComponentType<any> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<any>, {}>) & {
+declare const _default: {
+    new (props: Omit<any, keyof LocaleProps> & {
+        locale?: string | undefined;
+        translate?: ((str: string, ...args: any[]) => string) | undefined;
+    }): {
+        ref: any;
+        childRef(ref: any): void;
+        getWrappedInstance(): any;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<any, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<any, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<any, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<any, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<any, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<any, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<any, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<any, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<any, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<any>;
+} & import("hoist-non-react-statics").NonReactStatics<any, {}> & {
     ComposedComponent: any;
 };
 export default _default;

package/lib/components/calendar/YearsView.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.1.1-beta.2
+ * amis-ui v2.3.0
  * Copyright 2018-2022 fex
  */