amis-ui 2.0.2 → 2.2.0

package/esm/components/TransferDropDown.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 
@@ -19,7 +19,7 @@ var TransferDropDown = /** @class */ (function (_super) {
     }
     TransferDropDown.prototype.render = function () {
         var _this = this;
-        var _a = this.props, cx = _a.classnames, value = _a.value, itemRender = _a.itemRender, __ = _a.translate, disabled = _a.disabled, clearable = _a.clearable, className = _a.className, onChange = _a.onChange, onSearch = _a.onSearch, multiple = _a.multiple, borderMode = _a.borderMode, useMobileUI = _a.useMobileUI, popOverContainer = _a.popOverContainer, maxTagCount = _a.maxTagCount, overflowTagPopover = _a.overflowTagPopover;
+        var _a = this.props, cx = _a.classnames, value = _a.value, itemRender = _a.itemRender, __ = _a.translate, disabled = _a.disabled, clearable = _a.clearable, className = _a.className, onChange = _a.onChange, onSearch = _a.onSearch, multiple = _a.multiple, borderMode = _a.borderMode, useMobileUI = _a.useMobileUI, popOverContainer = _a.popOverContainer, placeholder = _a.placeholder, maxTagCount = _a.maxTagCount, overflowTagPopover = _a.overflowTagPopover;
         var _b = this.state, inputValue = _b.inputValue, searchResult = _b.searchResult;
         var mobileUI = useMobileUI && isMobile();
         return (React__default.createElement(PopOverContainer, { useMobileUI: useMobileUI, popOverContainer: popOverContainer, popOverClassName: cx('TransferDropDown-popover'), popOverRender: function (_a) {
@@ -28,7 +28,7 @@ var TransferDropDown = /** @class */ (function (_super) {
                         'is-mobile': mobileUI
                     }) },
                     onSearch ? (React__default.createElement("div", { className: cx('Transfer-search') },
-                        React__default.createElement(InputBox, { value: inputValue, onChange: _this.handleSearch, placeholder: __('Transfer.searchKeyword'), clearable: false, onKeyDown: _this.handleSearchKeyDown }, searchResult !== null ? (React__default.createElement("a", { onClick: _this.handleSeachCancel },
+                        React__default.createElement(InputBox, { value: inputValue, onChange: _this.handleSearch, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : __('Transfer.searchKeyword'), clearable: false, onKeyDown: _this.handleSearchKeyDown }, searchResult !== null ? (React__default.createElement("a", { onClick: _this.handleSeachCancel },
                             React__default.createElement(Icon, { icon: "close", className: "icon" }))) : (React__default.createElement(Icon, { icon: "search", className: "icon" }))))) : null,
                     searchResult !== null
                         ? _this.renderSearchResult(__assign(__assign({}, _this.props), { value: value, onChange: multiple
@@ -45,8 +45,7 @@ var TransferDropDown = /** @class */ (function (_super) {
                                 }, multiple: multiple }))));
             } }, function (_a) {
             var onClick = _a.onClick, isOpened = _a.isOpened, ref = _a.ref;
-            return (React__default.createElement(ResultBox, { className: cx('TransferDropDown', className, isOpened ? 'is-active' : ''), borderMode: borderMode, allowInput: false, result: multiple ? value : (value === null || value === void 0 ? void 0 : value[0]) ? value === null || value === void 0 ? void 0 : value[0] : null, onResultChange: onChange, onResultClick: onClick, placeholder: __('Select.placeholder'), disabled: disabled, clearable: clearable, maxTagCount: maxTagCount, overflowTagPopover: overflowTagPopover, ref: ref, itemRender: itemRender, useMobileUI: useMobileUI }, !mobileUI ? (React__default.createElement("span", { className: cx('TransferDropDown-icon') },
-                React__default.createElement(Icon, { icon: "right-arrow-bold", className: "icon" }))) : (React__default.createElement(React__default.Fragment, null))));
+            return (React__default.createElement(ResultBox, { className: cx('TransferDropDown', className, isOpened ? 'is-opened' : ''), borderMode: borderMode, allowInput: false, result: multiple ? value : (value === null || value === void 0 ? void 0 : value[0]) ? value === null || value === void 0 ? void 0 : value[0] : null, onResultChange: onChange, onResultClick: onClick, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : __('Select.placeholder'), disabled: disabled, clearable: clearable, maxTagCount: maxTagCount, overflowTagPopover: overflowTagPopover, ref: ref, itemRender: itemRender, useMobileUI: useMobileUI, hasDropDownArrow: !mobileUI }));
         }));
     };
     return TransferDropDown;

package/esm/components/TransferPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/esm/components/TransferSearch.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/esm/components/Tree.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 
@@ -538,38 +538,39 @@ var TreeSelector = /** @class */ (function (_super) {
                         }) },
                         React__default.createElement(Icon, { icon: "down-arrow-bold", className: "icon" }))) : (React__default.createElement("span", { className: cx('Tree-itemArrowPlaceholder') })),
                     checkbox,
-                    showIcon ? (React__default.createElement("i", { className: cx("Tree-itemIcon ".concat(childrenItems ? 'Tree-folderIcon' : 'Tree-leafIcon')), onClick: function () {
-                            return !nodeDisabled &&
-                                (multiple
-                                    ? _this.handleCheck(item, !selfChecked)
-                                    : _this.handleSelect(item));
-                        } }, getIcon(iconValue) ? (React__default.createElement(Icon, { icon: iconValue, className: "icon" })) : (React__default.createElement("i", { className: iconValue })))) : null,
-                    React__default.createElement("span", { className: cx('Tree-itemText'), onClick: function () {
-                            return !nodeDisabled &&
-                                (multiple
-                                    ? _this.handleCheck(item, !selfChecked)
-                                    : _this.handleSelect(item));
-                        } }, highlightTxt
-                        ? highlight("".concat(item[labelField]), highlightTxt)
-                        : itemRender
-                            ? itemRender(item, {
-                                index: key,
-                                multiple: multiple,
-                                checked: checked,
-                                onChange: function () { return _this.handleCheck(item, !selfChecked); },
-                                disabled: disabled || item.disabled
-                            })
-                            : "".concat(item[labelField])),
-                    !nodeDisabled &&
-                        !isAdding &&
-                        !isEditing &&
-                        !(item.defer && !item.loaded) ? (React__default.createElement("div", { className: cx('Tree-item-icons') },
-                        creatable && hasAbility(item, 'creatable') ? (React__default.createElement("a", { onClick: _this.handleAdd.bind(_this, item), "data-tooltip": __(createTip), "data-position": "left" },
-                            React__default.createElement(Icon, { icon: "plus", className: "icon" }))) : null,
-                        removable && hasAbility(item, 'removable') ? (React__default.createElement("a", { onClick: _this.handleRemove.bind(_this, item), "data-tooltip": __(removeTip), "data-position": "left" },
-                            React__default.createElement(Icon, { icon: "minus", className: "icon" }))) : null,
-                        editable && hasAbility(item, 'editable') ? (React__default.createElement("a", { onClick: _this.handleEdit.bind(_this, item), "data-tooltip": __(editTip), "data-position": "left" },
-                            React__default.createElement(Icon, { icon: "pencil", className: "icon" }))) : null)) : null)),
+                    React__default.createElement("div", { className: cx('Tree-itemLabel-item') },
+                        showIcon ? (React__default.createElement("i", { className: cx("Tree-itemIcon ".concat(childrenItems ? 'Tree-folderIcon' : 'Tree-leafIcon')), onClick: function () {
+                                return !nodeDisabled &&
+                                    (multiple
+                                        ? _this.handleCheck(item, !selfChecked)
+                                        : _this.handleSelect(item));
+                            } }, getIcon(iconValue) ? (React__default.createElement(Icon, { icon: iconValue, className: "icon" })) : React__default.isValidElement(iconValue) ? (iconValue) : (React__default.createElement("i", { className: iconValue })))) : null,
+                        React__default.createElement("span", { className: cx('Tree-itemText'), onClick: function () {
+                                return !nodeDisabled &&
+                                    (multiple
+                                        ? _this.handleCheck(item, !selfChecked)
+                                        : _this.handleSelect(item));
+                            }, title: item[labelField] }, highlightTxt
+                            ? highlight("".concat(item[labelField]), highlightTxt)
+                            : itemRender
+                                ? itemRender(item, {
+                                    index: key,
+                                    multiple: multiple,
+                                    checked: checked,
+                                    onChange: function () { return _this.handleCheck(item, !selfChecked); },
+                                    disabled: disabled || item.disabled
+                                })
+                                : "".concat(item[labelField])),
+                        !nodeDisabled &&
+                            !isAdding &&
+                            !isEditing &&
+                            !(item.defer && !item.loaded) ? (React__default.createElement("div", { className: cx('Tree-item-icons') },
+                            creatable && hasAbility(item, 'creatable') ? (React__default.createElement("a", { onClick: _this.handleAdd.bind(_this, item), "data-tooltip": __(createTip), "data-position": "left" },
+                                React__default.createElement(Icon, { icon: "plus", className: "icon" }))) : null,
+                            removable && hasAbility(item, 'removable') ? (React__default.createElement("a", { onClick: _this.handleRemove.bind(_this, item), "data-tooltip": __(removeTip), "data-position": "left" },
+                                React__default.createElement(Icon, { icon: "minus", className: "icon" }))) : null,
+                            editable && hasAbility(item, 'editable') ? (React__default.createElement("a", { onClick: _this.handleEdit.bind(_this, item), "data-tooltip": __(editTip), "data-position": "left" },
+                                React__default.createElement(Icon, { icon: "new-edit", className: "icon" }))) : null)) : null))),
                 (childrenItems && _this.isUnfolded(item)) ||
                     (isAdding && addingParent === item) ? (React__default.createElement("ul", { className: cx('Tree-sublist') },
                     isAdding && addingParent === item ? (React__default.createElement("li", { className: cx('Tree-item') }, _this.renderInput(checkbox

package/esm/components/TreeSelection.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/esm/components/UserSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 
@@ -154,7 +154,8 @@ var UserSelect = /** @class */ (function (_super) {
     }
     UserSelect.prototype.componentDidMount = function () { };
     UserSelect.prototype.componentDidUpdate = function (prevProps) {
-        var _a = this.props, options = _a.options, value = _a.value;
+        var _a;
+        var _b = this.props, options = _b.options, value = _b.value;
         if (prevProps.options !== options) {
             if (options &&
                 options.length === 1 &&
@@ -173,7 +174,8 @@ var UserSelect = /** @class */ (function (_super) {
             }
         }
         if (JSON.stringify(value) !== JSON.stringify(prevProps.value) ||
-            JSON.stringify(options) !== JSON.stringify(prevProps.options)) {
+            (JSON.stringify(options) !== JSON.stringify(prevProps.options) &&
+                ((_a = prevProps.options) === null || _a === void 0 ? void 0 : _a.length))) {
             var selection = value2array(value, this.props);
             this.setState({
                 selection: selection

package/esm/components/UserTabSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/esm/components/WithRemoteConfig.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/esm/components/WithStore.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/esm/components/calendar/Calendar.d.ts

@@ -47,6 +47,7 @@ interface BaseDatePickerProps {
         color?: string;
     }>;
     largeMode?: boolean;
+    todayActiveStyle?: React.CSSProperties;
     onScheduleClick?: (scheduleData: any) => void;
     hideHeader?: boolean;
     updateOn?: string;

package/esm/components/calendar/Calendar.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 
@@ -429,6 +429,7 @@ var BaseDatePicker = /** @class */ (function (_super) {
             'maxDate',
             'schedules',
             'largeMode',
+            'todayActiveStyle',
             'onScheduleClick',
             'hideHeader',
             'updateOn',
@@ -479,7 +480,11 @@ var BaseDatePicker = /** @class */ (function (_super) {
                         ? 'rdtPickerTime'
                         : dateFormat && !timeFormat
                             ? 'rdtPickerDate'
-                            : '') },
+                            : '', viewMode === 'months' ||
+                    viewMode === 'years' ||
+                    viewMode === 'quarters'
+                    ? 'rdtPickerNotDays'
+                    : '') },
                 React__default.createElement(Component, { view: this.state.currentView, viewProps: viewProps, timeRangeHeader: timeRangeHeader }))));
     };
     return BaseDatePicker;

package/esm/components/calendar/CalendarContainer.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/esm/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;

package/esm/components/calendar/DaysView.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 
@@ -8,9 +8,14 @@ import moment from 'moment';
 import React__default from 'react';
 import Downshift from 'downshift';
 import findIndex from 'lodash/findIndex';
+import extend from 'lodash/extend';
 import merge from 'lodash/merge';
+import omit from 'lodash/omit';
+import each from 'lodash/each';
+import kebabCase from 'lodash/kebabCase';
 import { convertArrayValueToMoment, isMobile, localeable } from 'amis-core';
 import Picker from '../Picker.js';
+import { Icon } from '../icons.js';
 
 // 最早基于 react-datetime 2.16.2 版本，后来大部分都自己写了
 var CustomDaysView = /** @class */ (function (_super) {
@@ -110,17 +115,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(props, ['todayActiveStyle']);
+            /** 某些情况下需要用inline style覆盖动态class，需要hack important的样式 */
+            var todayDomRef = function (node) {
+                if (todayActiveStyle && node) {
+                    each(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(key), String(value)
+                                .replace(/\!important/, '')
+                                .trim(), 'important');
+                        }
+                    });
+                }
+            };
             if (_this.props.schedules) {
                 var schedule_1 = [];
                 _this.props.schedules.forEach(function (item) {
-                    if (currentDate.isSameOrAfter(moment(item.startTime).subtract(1, 'days')) &&
-                        currentDate.isSameOrBefore(item.endTime)) {
+                    /** 时间全部统一到当天的00:00:00再做比较 */
+                    var currentDateBegin = currentDate.startOf('day');
+                    var startTime = moment(item.startTime).startOf('day');
+                    var endTime = moment(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) {
@@ -174,44 +197,52 @@ var CustomDaysView = /** @class */ (function (_super) {
                         // 最多展示3个
                         showSchedule_1 = showSchedule_1.slice(0, 3);
                         var scheduleDiv = showSchedule_1.map(function (item, index) {
+                            var diffDays = moment(item.endTime).diff(moment(item.startTime), 'days');
+                            /* 存在天数跨度小于1，但是横跨2天的case */
+                            if (diffDays <= 0) {
+                                diffDays = moment(item.endTime)
+                                    .endOf('day')
+                                    .diff(moment(item.startTime).startOf('day'), 'days');
+                            }
+                            /* 前面的计算结果是闭区间，所以最终结果要补足1 */
+                            diffDays += 1;
                             var width = item.width ||
-                                Math.min(moment(item.endTime).diff(moment(item.startTime), 'days') + 1, 7 - moment(item.startTime).weekday());
-                            return (React__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(item.startTime).weekday());
+                            return (React__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.createElement("div", { className: cx_1('ScheduleCalendar-text-overflow') }, item.content)));
+                                React__default.createElement("div", { className: cx('ScheduleCalendar-text-overflow') }, item.content)));
                         });
-                        return (React__default.createElement("td", __assign({}, props),
-                            React__default.createElement("div", { className: cx_1('ScheduleCalendar-large-day-wrap') },
-                                React__default.createElement("div", { className: cx_1('ScheduleCalendar-large-schedule-header') },
+                        return (React__default.createElement("td", __assign({}, injectedProps),
+                            React__default.createElement("div", { className: cx('ScheduleCalendar-large-day-wrap') },
+                                React__default.createElement("div", { className: cx('ScheduleCalendar-large-schedule-header') },
                                     React__default.createElement("span", null, currentDate.date())),
                                 scheduleDiv,
-                                schedule_1.length > 3 && (React__default.createElement("div", { className: cx_1('ScheduleCalendar-large-schedule-footer') },
+                                schedule_1.length > 3 && (React__default.createElement("div", { className: cx('ScheduleCalendar-large-schedule-footer') },
                                     schedule_1.length - 3,
                                     " ",
                                     __('more'))))));
                     }
                     // 正常模式
-                    var ScheduleIcon = (React__default.createElement("span", { className: cx_1('ScheduleCalendar-icon', schedule_1[0].className), onClick: function () {
+                    var ScheduleIcon = (React__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.createElement("td", __assign({}, props),
-                        React__default.createElement("span", null,
+                    return (React__default.createElement("td", __assign({}, injectedProps),
+                        React__default.createElement("span", { style: todayActiveStyle, ref: todayDomRef },
                             currentDate.date(),
                             ScheduleIcon)));
                 }
             }
-            return (React__default.createElement("td", __assign({}, props),
-                React__default.createElement("span", null, currentDate.date())));
+            return (React__default.createElement("td", __assign({}, injectedProps),
+                React__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;
             var date = selectedDate || (isEndDate ? viewDate.endOf('day') : viewDate);
             var inputs = [];
             var timeConstraints = _this.timeConstraints;
-            inputs.push(_this.showTime());
             timeFormat.split(':').forEach(function (format, i) {
                 var type = /h/i.test(format)
                     ? 'hours'
@@ -257,7 +288,9 @@ var CustomDaysView = /** @class */ (function (_super) {
                 }
             });
             inputs.length && inputs.pop();
-            return React__default.createElement("div", null, inputs);
+            return (React__default.createElement("div", { className: cx('CalendarTimesWrapper') },
+                _this.showTime(),
+                React__default.createElement("div", { className: cx('CalendarInputsWrapper') }, inputs)));
         };
         _this.renderFooter = function () {
             if (!_this.props.requiredConfirm) {
@@ -311,7 +344,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(_this.timeConstraints, props.timeConstraints);
@@ -330,6 +363,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');
@@ -351,11 +385,11 @@ var CustomDaysView = /** @class */ (function (_super) {
             isDisabled = !isValid(currentDate, selected);
             if (isDisabled)
                 classes += ' rdtDisabled';
-            dayProps = {
+            dayProps = extend({
                 '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));
@@ -367,9 +401,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;
@@ -415,13 +446,18 @@ var CustomDaysView = /** @class */ (function (_super) {
                 React__default.createElement("tr", null,
                     React__default.createElement("th", { colSpan: 7 },
                         React__default.createElement("div", { className: "rdtHeader" },
-                            React__default.createElement("a", { className: "rdtPrev", onClick: this.props.subtractTime(1, 'years') }, "\u00AB"),
-                            React__default.createElement("a", { className: "rdtPrev", onClick: this.props.subtractTime(1, 'months') }, "\u2039"),
+                            React__default.createElement("a", { className: "rdtPrev", onClick: this.props.subtractTime(1, 'years') },
+                                React__default.createElement(Icon, { icon: "right-double-arrow", className: "icon date-icon-arrow-left" })),
+                            React__default.createElement("a", { className: "rdtPrev", onClick: this.props.subtractTime(1, 'months') },
+                                React__default.createElement(Icon, { icon: "right-arrow", className: "icon date-icon-arrow-left" })),
                             React__default.createElement("div", { className: "rdtCenter" },
                                 React__default.createElement("a", { className: "rdtSwitch", onClick: this.props.showView('years') }, date.format(__('dateformat.year'))),
                                 React__default.createElement("a", { className: "rdtSwitch", onClick: this.props.showView('months') }, date.format(__('MMM')))),
-                            React__default.createElement("a", { className: "rdtNext", onClick: this.props.addTime(1, 'months') }, "\u203A"),
-                            React__default.createElement("a", { className: "rdtNext", onClick: this.props.addTime(1, 'years') }, "\u00BB")))),
+                            React__default.createElement("a", { className: "rdtNext", onClick: this.props.addTime(1, 'months') },
+                                React__default.createElement(Icon, { icon: "right-arrow", className: "icon date-icon-arrow" })),
+                            React__default.createElement("a", { className: "rdtNext", onClick: this.props.addTime(1, 'years') },
+                                React__default.createElement(Icon, { icon: "right-double-arrow", className: "icon date-icon-arrow" }))),
+                        React__default.createElement("div", { className: "header-line" }))),
                 React__default.createElement("tr", null, this.getDaysOfWeek(locale).map(function (day, index) { return (React__default.createElement("th", { key: day + index, className: "dow" }, day)); })))),
             React__default.createElement("tbody", { key: "tb" }, this.renderDays())
         ];

package/esm/components/calendar/MonthsView.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/esm/components/calendar/QuartersView.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/esm/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;

package/esm/components/calendar/TimeView.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 
@@ -231,15 +231,12 @@ var CustomTimeView = /** @class */ (function (_super) {
         _this.cancel = function () {
             _this.props.onClose && _this.props.onClose();
         };
-        _this.state = __assign(__assign({}, _this.calculateState(_this.props)), { uniqueTag: 0 });
+        _this.state = __assign(__assign({}, _this.calculateState(_this.props)), { uniqueTag: new Date().valueOf() });
         if (_this.props.timeConstraints) {
             _this.timeConstraints = merge(_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;
@@ -444,7 +441,9 @@ var CustomTimeView = /** @class */ (function (_super) {
             }
         });
         inputs.length && inputs.pop();
-        var quickLists = [React__default.createElement("a", { onClick: this.selectNowTime }, __('TimeNow'))];
+        var quickLists = [
+            React__default.createElement("a", { key: "select-now", onClick: this.selectNowTime }, __('TimeNow'))
+        ];
         return (React__default.createElement(React__default.Fragment, null,
             React__default.createElement("div", { className: cx(timeRangeHeader ? 'TimeRangeHeaderWrapper' : null) }, timeRangeHeader),
             React__default.createElement("div", { className: cx('TimeContentWrapper') }, inputs),

package/esm/components/calendar/YearsView.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/esm/components/condition-builder/Expression.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/esm/components/condition-builder/Field.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/esm/components/condition-builder/Formula.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/esm/components/condition-builder/Func.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/esm/components/condition-builder/Group.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/esm/components/condition-builder/GroupOrItem.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 
@@ -42,13 +42,13 @@ var CBGroupOrItem = /** @class */ (function (_super) {
         var _a = this.props, builderMode = _a.builderMode, cx = _a.classnames, fieldClassName = _a.fieldClassName, value = _a.value, config = _a.config, fields = _a.fields, funcs = _a.funcs, draggable = _a.draggable, data = _a.data, disabled = _a.disabled, searchable = _a.searchable, onDragStart = _a.onDragStart, formula = _a.formula, popOverContainer = _a.popOverContainer, renderEtrValue = _a.renderEtrValue;
         return (React__default.createElement("div", { className: cx("CBGroupOrItem".concat(builderMode === 'simple' ? '-simple' : '')), "data-id": value === null || value === void 0 ? void 0 : value.id },
             React__default.createElement("div", { className: cx('CBGroupOrItem-body') }, (value === null || value === void 0 ? void 0 : value.conjunction) ? (React__default.createElement("div", { className: cx('CBGroupOrItem-body-group', this.state.hover && 'CBGroupOrItem-body-group--hover'), onMouseOver: this.handlerHoverIn, onMouseOut: this.handlerHoverOut },
-                draggable ? (React__default.createElement("a", { draggable: true, onDragStart: onDragStart, className: cx('CBGroupOrItem-dragbar') },
+                draggable && !disabled ? (React__default.createElement("a", { draggable: true, onDragStart: onDragStart, className: cx('CBGroupOrItem-dragbar') },
                     React__default.createElement(Icon, { icon: "drag-bar", className: "icon" }))) : null,
                 React__default.createElement(ConditionGroup, { disabled: disabled, searchable: searchable, onDragStart: onDragStart, config: config, fields: fields, value: value, onChange: this.handleItemChange, fieldClassName: fieldClassName, funcs: funcs, removeable: true, onRemove: this.handleItemRemove, data: data, renderEtrValue: renderEtrValue }))) : (React__default.createElement("div", { className: cx('CBGroupOrItem-body-item') },
-                draggable ? (React__default.createElement("a", { draggable: true, onDragStart: onDragStart, className: cx('CBGroupOrItem-dragbar') },
+                draggable && !disabled ? (React__default.createElement("a", { draggable: true, onDragStart: onDragStart, className: cx('CBGroupOrItem-dragbar') },
                     React__default.createElement(Icon, { icon: "drag-bar", className: "icon" }))) : null,
                 React__default.createElement(ConditionItem, { disabled: disabled, searchable: searchable, config: config, fields: fields, value: value, onChange: this.handleItemChange, fieldClassName: fieldClassName, funcs: funcs, data: data, formula: formula, popOverContainer: popOverContainer, renderEtrValue: renderEtrValue }),
-                React__default.createElement(Button, { className: cx('CBDelete'), onClick: this.handleItemRemove },
+                React__default.createElement(Button, { className: cx('CBDelete'), onClick: this.handleItemRemove, disabled: disabled },
                     React__default.createElement(Icon, { icon: "remove", className: "icon" })))))));
     };
     __decorate([

package/esm/components/condition-builder/InputSwitch.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/esm/components/condition-builder/Item.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/esm/components/condition-builder/Value.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */