amis-ui 3.2.0 → 3.3.0

package/lib/components/calendar/DaysView.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -33,7 +33,9 @@ var omit__default = /*#__PURE__*/_interopDefaultLegacy(omit);
 var each__default = /*#__PURE__*/_interopDefaultLegacy(each);
 var kebabCase__default = /*#__PURE__*/_interopDefaultLegacy(kebabCase);
 
-// 最早基于 react-datetime 2.16.2 版本，后来大部分都自己写了
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var CustomDaysView = /** @class */ (function (_super) {
     tslib.__extends(CustomDaysView, _super);
     function CustomDaysView(props) {
@@ -90,7 +92,7 @@ var CustomDaysView = /** @class */ (function (_super) {
         };
         _this.showTime = function () {
             var _a = _this.props, selectedDate = _a.selectedDate, viewDate = _a.viewDate, timeFormat = _a.timeFormat;
-            return (React__default["default"].createElement("div", { key: "stb", className: "rdtShowTime" }, (selectedDate || viewDate || moment__default["default"]()).format(timeFormat)));
+            return (_J$X_("div", { key: "stb", className: "rdtShowTime" }, (selectedDate || viewDate || moment__default["default"]()).format(timeFormat)));
         };
         _this.setTime = function (type, value) {
             var date = (_this.props.selectedDate || _this.props.viewDate).clone();
@@ -234,37 +236,37 @@ var CustomDaysView = /** @class */ (function (_super) {
                             diffDays += 1;
                             var endWidth = 7 - (moment__default["default"](item.startTime).weekday() - firstDayOfWeek_1 + 1);
                             var width = item.width || Math.min(diffDays, endWidth) || 1;
-                            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 (_J$X_("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('ScheduleCalendar-text-overflow'), dangerouslySetInnerHTML: {
+                                _J$X_("div", { className: cx('ScheduleCalendar-text-overflow'), dangerouslySetInnerHTML: {
                                         __html: _this.curfilterHtml(item.content)
                                     } })));
                         });
-                        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())),
+                        return (_J$X_("td", tslib.__assign({}, injectedProps),
+                            _J$X_("div", { className: cx('ScheduleCalendar-large-day-wrap') },
+                                _J$X_("div", { className: cx('ScheduleCalendar-large-schedule-header') },
+                                    _J$X_("span", null, currentDate.date())),
                                 scheduleDiv,
-                                schedule_1.length > 3 && (React__default["default"].createElement("div", { className: cx('ScheduleCalendar-large-schedule-footer') },
+                                schedule_1.length > 3 && (_J$X_("div", { className: cx('ScheduleCalendar-large-schedule-footer') },
                                     schedule_1.length - 3,
                                     " ",
                                     __('more'))))));
                     }
                     // 正常模式
-                    var ScheduleIcon = (React__default["default"].createElement("div", { className: cx('ScheduleCalendar-icon', schedule_1[0].className), onClick: function () {
+                    var ScheduleIcon = (_J$X_("div", { 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({}, injectedProps),
-                        React__default["default"].createElement("span", { style: todayActiveStyle, ref: todayDomRef },
+                    return (_J$X_("td", tslib.__assign({}, injectedProps),
+                        _J$X_("span", { style: todayActiveStyle, ref: todayDomRef },
                             currentDate.date(),
                             ScheduleIcon)));
                 }
             }
-            return (React__default["default"].createElement("td", tslib.__assign({}, injectedProps),
-                React__default["default"].createElement("span", { style: todayActiveStyle, ref: todayDomRef }, currentDate.date())));
+            return (_J$X_("td", tslib.__assign({}, injectedProps),
+                _J$X_("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;
@@ -288,7 +290,7 @@ var CustomDaysView = /** @class */ (function (_super) {
                         minutes: 'mm',
                         seconds: 'ss'
                     };
-                    inputs.push(React__default["default"].createElement(Downshift__default["default"], { key: i + 'input', inputValue: date.format(formatMap_1[type]) }, function (_a) {
+                    inputs.push(_J$X_(Downshift__default["default"], { key: i + 'input', inputValue: date.format(formatMap_1[type]) }, function (_a) {
                         var getInputProps = _a.getInputProps, openMenu = _a.openMenu, closeMenu = _a.closeMenu;
                         getInputProps({
                             onFocus: function () { return openMenu(); },
@@ -296,12 +298,12 @@ var CustomDaysView = /** @class */ (function (_super) {
                                 return _this.setTime(type, Math.max(min_1, Math.min(parseInt(e.currentTarget.value.replace(/\D/g, ''), 10) || 0, max_1)));
                             }
                         });
-                        return (React__default["default"].createElement("div", { className: cx('CalendarInputWrapper', 'CalendarInputWrapperMT') },
-                            React__default["default"].createElement("div", { className: cx('CalendarInput-sugs', type === 'hours'
+                        return (_J$X_("div", { className: cx('CalendarInputWrapper', 'CalendarInputWrapperMT') },
+                            _J$X_("div", { className: cx('CalendarInput-sugs', type === 'hours'
                                     ? 'CalendarInput-sugsHours'
                                     : 'CalendarInput-sugsTimes'), id: "".concat(_this.state.uniqueTag, "-").concat(i, "-input") }, options_1.map(function (option) {
                                 var _a;
-                                return (React__default["default"].createElement("div", { key: option.value, className: cx('CalendarInput-sugsItem', {
+                                return (_J$X_("div", { key: option.value, className: cx('CalendarInput-sugsItem', {
                                         'is-highlight': selectedDate
                                             ? option.value === date.format(formatMap_1[type])
                                             : option.value === ((_a = options_1 === null || options_1 === void 0 ? void 0 : options_1[0]) === null || _a === void 0 ? void 0 : _a.value)
@@ -312,24 +314,24 @@ var CustomDaysView = /** @class */ (function (_super) {
                                     } }, option.value));
                             }))));
                     }));
-                    inputs.push(React__default["default"].createElement("span", { key: i + 'divider' }));
+                    inputs.push(_J$X_("span", { key: i + 'divider' }));
                 }
             });
             inputs.length && inputs.pop();
-            return (React__default["default"].createElement("div", { className: cx('CalendarTimesWrapper') },
+            return (_J$X_("div", { className: cx('CalendarTimesWrapper') },
                 _this.showTime(),
-                React__default["default"].createElement("div", { className: cx('CalendarInputsWrapper') }, inputs)));
+                _J$X_("div", { className: cx('CalendarInputsWrapper') }, inputs)));
         };
         _this.renderFooter = function () {
             if (!_this.props.requiredConfirm) {
                 return null;
             }
             var _a = _this.props, __ = _a.translate, cx = _a.classnames;
-            return (React__default["default"].createElement("tfoot", { key: "tf" },
-                React__default["default"].createElement("tr", null,
-                    React__default["default"].createElement("td", { colSpan: 7 }, _this.props.requiredConfirm ? (React__default["default"].createElement("div", { key: "button", className: "rdtActions" },
-                        React__default["default"].createElement("a", { className: cx('Button', 'Button--default'), onClick: _this.cancel }, __('cancel')),
-                        React__default["default"].createElement("a", { className: cx('Button', 'Button--primary', 'm-l-sm'), onClick: _this.confirm }, __('confirm')))) : null))));
+            return (_J$X_("tfoot", { key: "tf" },
+                _J$X_("tr", null,
+                    _J$X_("td", { colSpan: 7 }, _this.props.requiredConfirm ? (_J$X_("div", { key: "button", className: "rdtActions" },
+                        _J$X_("a", { className: cx('Button', 'Button--default'), onClick: _this.cancel }, __('cancel')),
+                        _J$X_("a", { className: cx('Button', 'Button--primary', 'm-l-sm'), onClick: _this.confirm }, __('confirm')))) : null))));
         };
         _this.onPickerConfirm = function (value) {
             _this.props.onConfirm && _this.props.onConfirm(value, _this.state.types);
@@ -351,7 +353,7 @@ var CustomDaysView = /** @class */ (function (_super) {
         _this.renderPicker = function () {
             var __ = _this.props.translate;
             var title = _this.state.types.length > 3 ? __('Date.titleTime') : __('Date.titleDate');
-            return (React__default["default"].createElement(Picker["default"], { translate: _this.props.translate, locale: _this.props.locale, title: title, columns: _this.state.columns, value: _this.state.pickerValue, onChange: _this.onPickerChange, onConfirm: _this.onPickerConfirm, onClose: _this.cancel }));
+            return (_J$X_(Picker["default"], { translate: _this.props.translate, locale: _this.props.locale, title: title, columns: _this.state.columns, value: _this.state.pickerValue, onChange: _this.onPickerChange, onConfirm: _this.onPickerConfirm, onClose: _this.cancel }));
         };
         var selectedDate = props.selectedDate; props.viewDate; var timeFormat = props.timeFormat;
         var currentDate = selectedDate || moment__default["default"]();
@@ -422,7 +424,7 @@ var CustomDaysView = /** @class */ (function (_super) {
                 dayProps.onClick = this.updateSelectedDate;
             days.push(renderer(dayProps, currentDate, selected));
             if (days.length === 7) {
-                weeks.push(React__default["default"].createElement('tr', { key: prevMonth.format('M_D') }, days));
+                weeks.push(_J$X_('tr', { key: prevMonth.format('M_D') }, days));
                 days = [];
             }
             prevMonth.add(1, 'd');
@@ -467,35 +469,35 @@ var CustomDaysView = /** @class */ (function (_super) {
         var locale = date.localeData();
         var __ = this.props.translate;
         if (amisCore.isMobile() && useMobileUI && !embed) {
-            return React__default["default"].createElement("div", { className: "rdtYears" }, this.renderPicker());
+            return _J$X_("div", { className: "rdtYears" }, this.renderPicker());
         }
         var tableChildren = [
-            this.props.hideHeader ? null : (React__default["default"].createElement("thead", { key: "th" },
-                React__default["default"].createElement("tr", null,
-                    React__default["default"].createElement("th", { colSpan: 7 },
-                        React__default["default"].createElement("div", { className: "rdtHeader" },
-                            React__default["default"].createElement("a", { className: "rdtPrev", onClick: this.props.subtractTime(1, 'years') },
-                                React__default["default"].createElement(icons.Icon, { icon: "right-double-arrow", className: "icon date-icon-arrow-left" })),
-                            React__default["default"].createElement("a", { className: "rdtPrev", onClick: this.props.subtractTime(1, 'months') },
-                                React__default["default"].createElement(icons.Icon, { icon: "right-arrow", className: "icon date-icon-arrow-left" })),
-                            React__default["default"].createElement("div", { className: "rdtCenter" },
-                                React__default["default"].createElement("a", { className: "rdtSwitch", onClick: this.props.showView('years') }, date.format(__('dateformat.year'))),
-                                React__default["default"].createElement("a", { className: "rdtSwitch", onClick: this.props.showView('months') }, date.format(__('MMM')))),
-                            React__default["default"].createElement("a", { className: "rdtNext", onClick: this.props.addTime(1, 'months') },
-                                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("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())
+            this.props.hideHeader ? null : (_J$X_("thead", { key: "th" },
+                _J$X_("tr", null,
+                    _J$X_("th", { colSpan: 7 },
+                        _J$X_("div", { className: "rdtHeader" },
+                            _J$X_("a", { className: "rdtPrev", onClick: this.props.subtractTime(1, 'years') },
+                                _J$X_(icons.Icon, { icon: "right-double-arrow", className: "icon date-icon-arrow-left" })),
+                            _J$X_("a", { className: "rdtPrev", onClick: this.props.subtractTime(1, 'months') },
+                                _J$X_(icons.Icon, { icon: "right-arrow", className: "icon date-icon-arrow-left" })),
+                            _J$X_("div", { className: "rdtCenter" },
+                                _J$X_("a", { className: "rdtSwitch", onClick: this.props.showView('years') }, date.format(__('dateformat.year'))),
+                                _J$X_("a", { className: "rdtSwitch", onClick: this.props.showView('months') }, date.format(__('MMM')))),
+                            _J$X_("a", { className: "rdtNext", onClick: this.props.addTime(1, 'months') },
+                                _J$X_(icons.Icon, { icon: "right-arrow", className: "icon date-icon-arrow" })),
+                            _J$X_("a", { className: "rdtNext", onClick: this.props.addTime(1, 'years') },
+                                _J$X_(icons.Icon, { icon: "right-double-arrow", className: "icon date-icon-arrow" }))),
+                        _J$X_("div", { className: "header-line" }))),
+                _J$X_("tr", null, this.getDaysOfWeek(locale).map(function (day, index) { return (_J$X_("th", { key: day + index, className: "dow" }, day)); })))),
+            _J$X_("tbody", { key: "tb" }, this.renderDays())
         ];
-        return (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement("div", { className: timeFormat ? 'rdtDays' : '' },
-                React__default["default"].createElement("table", { className: timeFormat ? 'rdtDaysPart' : '' }, tableChildren),
-                timeFormat ? (React__default["default"].createElement("div", { className: timeFormat.toLowerCase().indexOf('s') > 0
+        return (_J$X_(React__default["default"].Fragment, null,
+            _J$X_("div", { className: timeFormat ? 'rdtDays' : '' },
+                _J$X_("table", { className: timeFormat ? 'rdtDaysPart' : '' }, tableChildren),
+                timeFormat ? (_J$X_("div", { className: timeFormat.toLowerCase().indexOf('s') > 0
                         ? 'rdtTimePartWithS'
                         : 'rdtTimePart' }, this.renderTimes())) : null),
-            React__default["default"].createElement("table", null, this.renderFooter())));
+            _J$X_("table", null, this.renderFooter())));
     };
     return CustomDaysView;
 }(React__default["default"].Component));

package/lib/components/calendar/MonthsView.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -18,6 +18,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var CustomMonthsView = /** @class */ (function (_super) {
     tslib.__extends(CustomMonthsView, _super);
     function CustomMonthsView(props) {
@@ -30,8 +33,8 @@ var CustomMonthsView = /** @class */ (function (_super) {
             // Because some months are up to 5 characters long, we want to
             // use a fixed string length for consistency
             var monthStrFixedLength = monthStr.substring(0, strLength);
-            return (React__default["default"].createElement("td", tslib.__assign({}, rest),
-                React__default["default"].createElement("span", null, monthStrFixedLength)));
+            return (_J$X_("td", tslib.__assign({}, rest),
+                _J$X_("span", null, monthStrFixedLength)));
         };
         _this.onConfirm = function (value, types) {
             _this.props.onConfirm && _this.props.onConfirm(value, ['year', 'month']);
@@ -82,7 +85,7 @@ var CustomMonthsView = /** @class */ (function (_super) {
         _this.renderPicker = function () {
             var __ = _this.props.translate;
             var title = __('Date.titleMonth');
-            return (React__default["default"].createElement(Picker["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 }));
+            return (_J$X_(Picker["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 }));
         };
         var selectedDate = props.selectedDate, viewDate = props.viewDate;
         var currentDate = selectedDate || viewDate || moment__default["default"]();
@@ -130,7 +133,7 @@ var CustomMonthsView = /** @class */ (function (_super) {
                         : this.props.setDate && this.props.setDate('month');
             months.push(renderer(props, i, year, date && date.clone()));
             if (months.length === 3) {
-                rows.push(React__default["default"].createElement('tr', { key: i }, months));
+                rows.push(_J$X_('tr', { key: i }, months));
                 months = [];
             }
             i++;
@@ -148,17 +151,17 @@ var CustomMonthsView = /** @class */ (function (_super) {
         var showYearHead = !/^mm$/i.test(this.props.inputFormat || '') && !this.props.hideHeader;
         var canClick = /yy/i.test(this.props.inputFormat || '');
         if (amisCore.isMobile() && this.props.useMobileUI) {
-            return React__default["default"].createElement("div", { className: "rdtYears" }, this.renderPicker());
+            return _J$X_("div", { className: "rdtYears" }, this.renderPicker());
         }
-        return (React__default["default"].createElement("div", { className: "rdtMonths" },
-            showYearHead && (React__default["default"].createElement("table", { className: "headerTable" },
-                React__default["default"].createElement("thead", null,
-                    React__default["default"].createElement("tr", null,
-                        React__default["default"].createElement("th", { className: "rdtPrev", onClick: this.props.subtractTime(1, 'years') }, "\u00AB"),
-                        canClick ? (React__default["default"].createElement("th", { className: "rdtSwitch", onClick: this.props.showView('years') }, this.props.viewDate.format(__('dateformat.year')))) : (React__default["default"].createElement("th", { className: "rdtSwitch" }, this.props.viewDate.format(__('dateformat.year')))),
-                        React__default["default"].createElement("th", { className: "rdtNext", onClick: this.props.addTime(1, 'years') }, "\u00BB"))))),
-            React__default["default"].createElement("table", null,
-                React__default["default"].createElement("tbody", null, this.renderMonths()))));
+        return (_J$X_("div", { className: "rdtMonths" },
+            showYearHead && (_J$X_("table", { className: "headerTable" },
+                _J$X_("thead", null,
+                    _J$X_("tr", null,
+                        _J$X_("th", { className: "rdtPrev", onClick: this.props.subtractTime(1, 'years') }, "\u00AB"),
+                        canClick ? (_J$X_("th", { className: "rdtSwitch", onClick: this.props.showView('years') }, this.props.viewDate.format(__('dateformat.year')))) : (_J$X_("th", { className: "rdtSwitch" }, this.props.viewDate.format(__('dateformat.year')))),
+                        _J$X_("th", { className: "rdtNext", onClick: this.props.addTime(1, 'years') }, "\u00BB"))))),
+            _J$X_("table", null,
+                _J$X_("tbody", null, this.renderMonths()))));
     };
     return CustomMonthsView;
 }(React__default["default"].Component));

package/lib/components/calendar/QuartersView.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -18,6 +18,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var QuarterView = /** @class */ (function (_super) {
     tslib.__extends(QuarterView, _super);
     function QuarterView() {
@@ -27,8 +30,8 @@ var QuarterView = /** @class */ (function (_super) {
             pickerValue: [_this.props.viewDate.year(), _this.props.viewDate.quarter()]
         };
         _this.renderQuarter = function (props, quartar, year, date) {
-            return (React__default["default"].createElement("td", tslib.__assign({}, props),
-                React__default["default"].createElement("span", null,
+            return (_J$X_("td", tslib.__assign({}, props),
+                _J$X_("span", null,
                     "Q",
                     quartar)));
         };
@@ -50,12 +53,12 @@ var QuarterView = /** @class */ (function (_super) {
             return null;
         }
         var canClick = /yy/i.test(this.props.inputFormat || '');
-        return (React__default["default"].createElement("table", null,
-            React__default["default"].createElement("thead", null,
-                React__default["default"].createElement("tr", null,
-                    React__default["default"].createElement("th", { className: "rdtPrev", onClick: this.props.subtractTime(1, 'years') }, "\u00AB"),
-                    canClick ? (React__default["default"].createElement("th", { className: "rdtSwitch", onClick: this.props.showView('years') }, this.props.viewDate.format(__('dateformat.year')))) : (React__default["default"].createElement("th", { className: "rdtSwitch" }, this.props.viewDate.format(__('dateformat.year')))),
-                    React__default["default"].createElement("th", { className: "rdtNext", onClick: this.props.addTime(1, 'years') }, "\u00BB")))));
+        return (_J$X_("table", null,
+            _J$X_("thead", null,
+                _J$X_("tr", null,
+                    _J$X_("th", { className: "rdtPrev", onClick: this.props.subtractTime(1, 'years') }, "\u00AB"),
+                    canClick ? (_J$X_("th", { className: "rdtSwitch", onClick: this.props.showView('years') }, this.props.viewDate.format(__('dateformat.year')))) : (_J$X_("th", { className: "rdtSwitch" }, this.props.viewDate.format(__('dateformat.year')))),
+                    _J$X_("th", { className: "rdtNext", onClick: this.props.addTime(1, 'years') }, "\u00BB")))));
     };
     QuarterView.prototype.renderQuarters = function () {
         var date = this.props.selectedDate, quarter = this.props.viewDate.quarter(), year = this.props.viewDate.year(), rows = [], i = 1, quarters = [], renderer = this.props.renderQuarter || this.renderQuarter, isValid = this.props.isValidDate || this.alwaysValidDate, classes, props, isDisabled;
@@ -79,7 +82,7 @@ var QuarterView = /** @class */ (function (_super) {
             }
             quarters.push(renderer(props, i, year, date && date.clone()));
             if (quarters.length === 2) {
-                rows.push(React__default["default"].createElement('tr', { key: quarter + '_' + rows.length }, quarters));
+                rows.push(_J$X_('tr', { key: quarter + '_' + rows.length }, quarters));
                 quarters = [];
             }
             i++;
@@ -111,15 +114,15 @@ var QuarterView = /** @class */ (function (_super) {
                 })
             }
         ];
-        return (React__default["default"].createElement(Picker["default"], { translate: this.props.translate, locale: this.props.locale, title: title, columns: columns, value: this.state.pickerValue, onChange: this.onPickerChange, onConfirm: this.onPickerConfirm, onClose: this.cancel }));
+        return (_J$X_(Picker["default"], { translate: this.props.translate, locale: this.props.locale, title: title, columns: columns, value: this.state.pickerValue, onChange: this.onPickerChange, onConfirm: this.onPickerConfirm, onClose: this.cancel }));
     };
     QuarterView.prototype.render = function () {
         var _a = this.props, cx = _a.classnames, hideHeader = _a.hideHeader, useMobileUI = _a.useMobileUI;
         var mobileUI = useMobileUI && amisCore.isMobile();
-        return mobileUI ? (this.renderPicker()) : (React__default["default"].createElement("div", { className: cx('ClalendarQuarter') },
+        return mobileUI ? (this.renderPicker()) : (_J$X_("div", { className: cx('ClalendarQuarter') },
             hideHeader ? null : this.renderYear(),
-            React__default["default"].createElement("table", null,
-                React__default["default"].createElement("tbody", null, this.renderQuarters()))));
+            _J$X_("table", null,
+                _J$X_("tbody", null, this.renderQuarters()))));
     };
     tslib.__decorate([
         amisCore.autobind,

package/lib/components/calendar/TimeView.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -23,6 +23,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var merge__default = /*#__PURE__*/_interopDefaultLegacy(merge);
 var Downshift__default = /*#__PURE__*/_interopDefaultLegacy(Downshift);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var CustomTimeView = /** @class */ (function (_super) {
     tslib.__extends(CustomTimeView, _super);
     function CustomTimeView(props) {
@@ -85,12 +88,12 @@ var CustomTimeView = /** @class */ (function (_super) {
         };
         _this.renderDayPart = function () {
             var _a = _this.props, __ = _a.translate, cx = _a.classnames;
-            return (React__default["default"].createElement("div", { key: "dayPart", className: cx('CalendarCounter CalendarCounter--daypart') },
-                React__default["default"].createElement("span", { key: "up", className: cx('CalendarCounter-btn CalendarCounter-btn--up'), onClick: _this.onStartClicking('toggleDayPart', 'hours'), onContextMenu: _this.disableContextMenu },
-                    React__default["default"].createElement(icons.Icon, { icon: "right-arrow-bold" })),
-                React__default["default"].createElement("div", { className: cx('CalendarCounter-value'), key: _this.state.daypart }, __(_this.state.daypart)),
-                React__default["default"].createElement("span", { key: "down", className: cx('CalendarCounter-btn CalendarCounter-btn--down'), onClick: _this.onStartClicking('toggleDayPart', 'hours'), onContextMenu: _this.disableContextMenu },
-                    React__default["default"].createElement(icons.Icon, { icon: "right-arrow-bold" }))));
+            return (_J$X_("div", { key: "dayPart", className: cx('CalendarCounter CalendarCounter--daypart') },
+                _J$X_("span", { key: "up", className: cx('CalendarCounter-btn CalendarCounter-btn--up'), onClick: _this.onStartClicking('toggleDayPart', 'hours'), onContextMenu: _this.disableContextMenu },
+                    _J$X_(icons.Icon, { icon: "right-arrow-bold" })),
+                _J$X_("div", { className: cx('CalendarCounter-value'), key: _this.state.daypart }, __(_this.state.daypart)),
+                _J$X_("span", { key: "down", className: cx('CalendarCounter-btn CalendarCounter-btn--down'), onClick: _this.onStartClicking('toggleDayPart', 'hours'), onContextMenu: _this.disableContextMenu },
+                    _J$X_(icons.Icon, { icon: "right-arrow-bold" }))));
         };
         _this.getCounterValue = function (type) {
             if (type !== 'daypart') {
@@ -111,16 +114,16 @@ var CustomTimeView = /** @class */ (function (_super) {
             if (type !== 'daypart') {
                 var value = _this.getCounterValue(type);
                 var _a = _this.timeConstraints[type], min_1 = _a.min, max_1 = _a.max, step = _a.step;
-                return (React__default["default"].createElement("div", { key: type, className: cx('CalendarCounter') },
-                    React__default["default"].createElement("span", { key: "up", className: cx('CalendarCounter-btn CalendarCounter-btn--up'), onMouseDown: _this.onStartClicking('increase', type), onContextMenu: _this.disableContextMenu },
-                        React__default["default"].createElement(icons.Icon, { icon: "right-arrow-bold" })),
-                    React__default["default"].createElement("div", { key: "c", className: cx('CalendarCounter-value') },
-                        React__default["default"].createElement("input", { type: "text", value: _this.pad(type, value), className: cx('CalendarInput'), min: min_1, max: max_1, step: step, onChange: function (e) {
+                return (_J$X_("div", { key: type, className: cx('CalendarCounter') },
+                    _J$X_("span", { key: "up", className: cx('CalendarCounter-btn CalendarCounter-btn--up'), onMouseDown: _this.onStartClicking('increase', type), onContextMenu: _this.disableContextMenu },
+                        _J$X_(icons.Icon, { icon: "right-arrow-bold" })),
+                    _J$X_("div", { key: "c", className: cx('CalendarCounter-value') },
+                        _J$X_("input", { type: "text", value: _this.pad(type, value), className: cx('CalendarInput'), min: min_1, max: max_1, step: step, onChange: function (e) {
                                 return _this.props.setTime(type, Math.max(min_1, Math.min(parseInt(e.currentTarget.value.replace(/\D/g, ''), 10) ||
                                     0, max_1)));
                             } })),
-                    React__default["default"].createElement("span", { key: "do", className: cx('CalendarCounter-btn CalendarCounter-btn--down'), onMouseDown: _this.onStartClicking('decrease', type), onContextMenu: _this.disableContextMenu },
-                        React__default["default"].createElement(icons.Icon, { icon: "right-arrow-bold" }))));
+                    _J$X_("span", { key: "do", className: cx('CalendarCounter-btn CalendarCounter-btn--down'), onMouseDown: _this.onStartClicking('decrease', type), onContextMenu: _this.disableContextMenu },
+                        _J$X_(icons.Icon, { icon: "right-arrow-bold" }))));
             }
             return null;
         };
@@ -194,7 +197,7 @@ var CustomTimeView = /** @class */ (function (_super) {
                 });
                 values.push(_this.state.daypart);
             }
-            return (React__default["default"].createElement(Picker["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 }));
+            return (_J$X_(Picker["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 }));
         };
         _this.setTime = function (type, value) {
             var date = (_this.props.selectedDate || _this.props.viewDate).clone();
@@ -311,7 +314,7 @@ var CustomTimeView = /** @class */ (function (_super) {
         if (!this.props.dateFormat)
             return null;
         var date = this.props.selectedDate || this.props.viewDate;
-        return React__default["default"].createElement('thead', { key: 'h' }, React__default["default"].createElement('tr', {}, React__default["default"].createElement('th', {
+        return _J$X_('thead', { key: 'h' }, _J$X_('tr', {}, _J$X_('th', {
             className: 'rdtSwitch',
             colSpan: 4,
             onClick: this.props.showView('days')
@@ -405,7 +408,7 @@ var CustomTimeView = /** @class */ (function (_super) {
         var inputs = [];
         var timeConstraints = this.timeConstraints;
         if (amisCore.isMobile() && this.props.useMobileUI) {
-            return (React__default["default"].createElement("div", { className: cx('CalendarTime') }, this.renderTimeViewPicker()));
+            return (_J$X_("div", { className: cx('CalendarTime') }, this.renderTimeViewPicker()));
         }
         timeFormat.split(':').forEach(function (format, i) {
             var type = /h/i.test(format)
@@ -424,7 +427,7 @@ var CustomTimeView = /** @class */ (function (_super) {
                     minutes: 'mm',
                     seconds: 'ss'
                 };
-                inputs.push(React__default["default"].createElement(Downshift__default["default"], { key: i + 'input', inputValue: date.format(formatMap_1[type]) }, function (_a) {
+                inputs.push(_J$X_(Downshift__default["default"], { key: i + 'input', inputValue: date.format(formatMap_1[type]) }, function (_a) {
                     var getInputProps = _a.getInputProps, openMenu = _a.openMenu, closeMenu = _a.closeMenu;
                     getInputProps({
                         onFocus: function () { return openMenu(); },
@@ -432,12 +435,12 @@ var CustomTimeView = /** @class */ (function (_super) {
                             return _this.setTime(type, Math.max(min_2, Math.min(parseInt(e.currentTarget.value.replace(/\D/g, ''), 10) || 0, max_2)));
                         }
                     });
-                    return (React__default["default"].createElement("div", { className: cx('CalendarInputWrapper') },
-                        React__default["default"].createElement("div", { className: cx('CalendarInput-sugs', type === 'hours'
+                    return (_J$X_("div", { className: cx('CalendarInputWrapper') },
+                        _J$X_("div", { className: cx('CalendarInput-sugs', type === 'hours'
                                 ? 'CalendarInput-sugsHours'
                                 : 'CalendarInput-sugsTimes'), id: "".concat(_this.state.uniqueTag, "-").concat(i, "-input") }, options_1.map(function (option) {
                             var _a;
-                            return (React__default["default"].createElement("div", { key: option.value, className: cx('CalendarInput-sugsItem', {
+                            return (_J$X_("div", { key: option.value, className: cx('CalendarInput-sugsItem', {
                                     'is-mobile': amisCore.isMobile(),
                                     'is-highlight': selectedDate
                                         ? option.value === date.format(formatMap_1[type])
@@ -450,19 +453,19 @@ var CustomTimeView = /** @class */ (function (_super) {
                                 } }, option.value));
                         }))));
                 }));
-                inputs.push(React__default["default"].createElement("span", { key: i + 'divider' }));
+                inputs.push(_J$X_("span", { key: i + 'divider' }));
             }
         });
         inputs.length && inputs.pop();
         var quickLists = [
-            React__default["default"].createElement("a", { key: "select-now", onClick: this.selectNowTime }, __('TimeNow'))
+            _J$X_("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),
-            this.props.requiredConfirm && (React__default["default"].createElement("div", { className: cx('TimeFooterWrapper') },
-                React__default["default"].createElement("div", { className: cx('QuickWrapper') }, quickLists),
-                React__default["default"].createElement("a", { className: cx('Button', 'Button--primary', 'Button--size-sm'), onClick: this.confirm }, __('confirm'))))));
+        return (_J$X_(React__default["default"].Fragment, null,
+            _J$X_("div", { className: cx(timeRangeHeader ? 'TimeRangeHeaderWrapper' : null) }, timeRangeHeader),
+            _J$X_("div", { className: cx('TimeContentWrapper') }, inputs),
+            this.props.requiredConfirm && (_J$X_("div", { className: cx('TimeFooterWrapper') },
+                _J$X_("div", { className: cx('QuickWrapper') }, quickLists),
+                _J$X_("a", { className: cx('Button', 'Button--primary', 'Button--size-sm'), onClick: this.confirm }, __('confirm'))))));
     };
     CustomTimeView.defaultProps = {
         showToolbar: true

package/lib/components/calendar/YearsView.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -18,13 +18,16 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var CustomYearsView = /** @class */ (function (_super) {
     tslib.__extends(CustomYearsView, _super);
     function CustomYearsView(props) {
         var _this = _super.call(this, props) || this;
         _this.renderYear = function (props, year, date) {
-            return (React__default["default"].createElement("td", tslib.__assign({}, props),
-                React__default["default"].createElement("span", null, year)));
+            return (_J$X_("td", tslib.__assign({}, props),
+                _J$X_("span", null, year)));
         };
         _this.onConfirm = function (value) {
             _this.props.onConfirm && _this.props.onConfirm(value, ['year']);
@@ -43,7 +46,7 @@ var CustomYearsView = /** @class */ (function (_super) {
                     options: amisCore.getRange(minYear, maxYear, 1)
                 }
             ];
-            return (React__default["default"].createElement(Picker["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 }));
+            return (_J$X_(Picker["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 }));
         };
         var selectedDate = props.selectedDate, viewDate = props.viewDate;
         var currentDate = selectedDate || viewDate || moment__default["default"]();
@@ -92,7 +95,7 @@ var CustomYearsView = /** @class */ (function (_super) {
                         : this.props.setDate && this.props.setDate('year');
             years.push(renderer(props, year, selectedDate && selectedDate.clone()));
             if (years.length === 3) {
-                rows.push(React__default["default"].createElement('tr', { key: i }, years));
+                rows.push(_J$X_('tr', { key: i }, years));
                 years = [];
             }
             year++;
@@ -111,17 +114,17 @@ var CustomYearsView = /** @class */ (function (_super) {
         year = year - (year % 10);
         var __ = this.props.translate;
         if (amisCore.isMobile() && this.props.useMobileUI) {
-            return React__default["default"].createElement("div", { className: "rdtYears" }, this.renderYearPicker());
+            return _J$X_("div", { className: "rdtYears" }, this.renderYearPicker());
         }
-        return (React__default["default"].createElement("div", { className: "rdtYears" },
-            React__default["default"].createElement("table", { className: "headerTable" },
-                React__default["default"].createElement("thead", null,
-                    React__default["default"].createElement("tr", null,
-                        React__default["default"].createElement("th", { className: "rdtPrev", onClick: this.props.subtractTime(10, 'years') }, "\u00AB"),
-                        React__default["default"].createElement("th", { className: "rdtSwitch" }, __('year-to-year', { from: year, to: year + 9 })),
-                        React__default["default"].createElement("th", { className: "rdtNext", onClick: this.props.addTime(10, 'years') }, "\u00BB")))),
-            React__default["default"].createElement("table", null,
-                React__default["default"].createElement("tbody", null, this.renderYears(year)))));
+        return (_J$X_("div", { className: "rdtYears" },
+            _J$X_("table", { className: "headerTable" },
+                _J$X_("thead", null,
+                    _J$X_("tr", null,
+                        _J$X_("th", { className: "rdtPrev", onClick: this.props.subtractTime(10, 'years') }, "\u00AB"),
+                        _J$X_("th", { className: "rdtSwitch" }, __('year-to-year', { from: year, to: year + 9 })),
+                        _J$X_("th", { className: "rdtNext", onClick: this.props.addTime(10, 'years') }, "\u00BB")))),
+            _J$X_("table", null,
+                _J$X_("tbody", null, this.renderYears(year)))));
     };
     return CustomYearsView;
 }(React__default["default"].Component));