amis-ui 2.9.0 → 3.1.0

package/esm/components/DateRangePicker.js

@@ -1,16 +1,16 @@
 /**
- * amis-ui v2.9.0
+ * amis-ui v3.1.0
  * Copyright 2018-2023 fex
  */
 
 import { __extends, __spreadArray, __read, __assign, __rest } from 'tslib';
 import React__default from 'react';
+import { findDOMNode } from 'react-dom';
 import moment from 'moment';
 import omit from 'lodash/omit';
 import kebabCase from 'lodash/kebabCase';
-import { findDOMNode } from 'react-dom';
+import { filterDate, noop, isExpression, FormulaExec, getComputedStyle, isMobile, ucFirst, Overlay, PopOver, themeable, localeable } from 'amis-core';
 import { Icon } from './icons.js';
-import { noop, getComputedStyle, isMobile, ucFirst, Overlay, PopOver, themeable, localeable } from 'amis-core';
 import Calendar from './calendar/Calendar.js';
 import PopUp from './PopUp.js';
 import CalendarMobile from './CalendarMobile.js';
@@ -22,7 +22,7 @@ import Button from './Button.js';
  * @description 自定义日期范围时间选择器组件
  * @author fex
  */
-var availableRanges = {
+var availableShortcuts = {
     'today': {
         label: 'Date.today',
         startDate: function (now) {
@@ -793,41 +793,48 @@ var DateRangePicker = /** @class */ (function (_super) {
             endDate: data.endDate
         }, callback);
     };
-    DateRangePicker.prototype.selectRannge = function (range) {
-        var _a = this.props, closeOnSelect = _a.closeOnSelect, minDate = _a.minDate, maxDate = _a.maxDate;
+    DateRangePicker.prototype.selectShortcut = function (shortcut) {
+        var _a = this.props, closeOnSelect = _a.closeOnSelect, minDateRaw = _a.minDateRaw, maxDateRaw = _a.maxDateRaw, format = _a.format, data = _a.data;
         var now = moment();
+        /** minDate和maxDate要实时计算，因为用户可能设置为${NOW()}，暂时不考虑毫秒级的时间差 */
+        var minDate = minDateRaw
+            ? filterDate(minDateRaw, data, format)
+            : undefined;
+        var maxDate = maxDateRaw
+            ? filterDate(maxDateRaw, data, format)
+            : undefined;
+        var startDate = shortcut.startDate(now.clone());
+        var endDate = shortcut.endDate(now.clone());
         this.setState({
-            startDate: minDate && minDate.isValid()
-                ? moment.max(range.startDate(now.clone()), minDate)
-                : range.startDate(now.clone()),
-            endDate: maxDate && maxDate.isValid()
-                ? moment.min(maxDate, range.endDate(now.clone()))
-                : range.endDate(now.clone())
+            startDate: minDate && (minDate === null || minDate === void 0 ? void 0 : minDate.isValid())
+                ? moment.max(startDate, minDate)
+                : startDate,
+            endDate: maxDate && (maxDate === null || maxDate === void 0 ? void 0 : maxDate.isValid()) ? moment.min(maxDate, endDate) : endDate
         }, closeOnSelect ? this.confirm : noop);
     };
-    DateRangePicker.prototype.renderRanges = function (ranges) {
+    DateRangePicker.prototype.renderShortcuts = function (shortcuts) {
         var _this = this;
-        if (!ranges) {
+        if (!shortcuts) {
             return null;
         }
-        var ns = this.props.classPrefix;
-        var rangeArr;
-        if (typeof ranges === 'string') {
-            rangeArr = ranges.split(',');
+        var _a = this.props, ns = _a.classPrefix, format = _a.format, data = _a.data;
+        var shortcutArr;
+        if (typeof shortcuts === 'string') {
+            shortcutArr = shortcuts.split(',');
         }
         else {
-            rangeArr = ranges;
+            shortcutArr = shortcuts;
         }
         var __ = this.props.translate;
-        return (React__default.createElement("ul", { className: "".concat(ns, "DateRangePicker-rangers") }, rangeArr.map(function (item) {
+        return (React__default.createElement("ul", { className: "".concat(ns, "DateRangePicker-rangers") }, shortcutArr.map(function (item, index) {
             if (!item) {
                 return null;
             }
-            var range = {};
+            var shortcut = {};
             if (typeof item === 'string') {
-                if (availableRanges[item]) {
-                    range = availableRanges[item];
-                    range.key = item;
+                if (availableShortcuts[item]) {
+                    shortcut = availableShortcuts[item];
+                    shortcut.key = item;
                 }
                 else {
                     // 通过正则尝试匹配
@@ -835,19 +842,36 @@ var DateRangePicker = /** @class */ (function (_super) {
                         var value = advancedRanges[i];
                         var m = value.regexp.exec(item);
                         if (m) {
-                            range = value.resolve.apply(item, __spreadArray([__], __read(m), false));
-                            range.key = item;
+                            shortcut = value.resolve.apply(item, __spreadArray([__], __read(m), false));
+                            shortcut.key = item;
                         }
                     }
                 }
             }
             else if (item.startDate &&
                 item.endDate) {
-                range = __assign(__assign({}, item), { startDate: function () { return item.startDate; }, endDate: function () { return item.endDate; } });
+                var shortcutRaw_1 = __assign({}, item);
+                shortcut = __assign(__assign({}, item), { startDate: function () {
+                        var startDate = isExpression(shortcutRaw_1.startDate)
+                            ? moment(FormulaExec['formula'](shortcutRaw_1.startDate, data), format)
+                            : shortcutRaw_1.startDate;
+                        return startDate &&
+                            moment.isMoment(startDate) &&
+                            (startDate === null || startDate === void 0 ? void 0 : startDate.isValid())
+                            ? startDate
+                            : item.startDate;
+                    }, endDate: function () {
+                        var endDate = isExpression(shortcutRaw_1.endDate)
+                            ? moment(FormulaExec['formula'](shortcutRaw_1.endDate, data), format)
+                            : shortcutRaw_1.startDate;
+                        return endDate && moment.isMoment(endDate) && (endDate === null || endDate === void 0 ? void 0 : endDate.isValid())
+                            ? endDate
+                            : item.endDate;
+                    } });
             }
-            if (Object.keys(range).length) {
-                return (React__default.createElement("li", { className: "".concat(ns, "DateRangePicker-ranger"), onClick: function () { return _this.selectRannge(range); }, key: range.key || range.label },
-                    React__default.createElement("a", null, __(range.label))));
+            if (Object.keys(shortcut).length) {
+                return (React__default.createElement("li", { className: "".concat(ns, "DateRangePicker-ranger"), onClick: function () { return _this.selectShortcut(shortcut); }, key: index },
+                    React__default.createElement("a", null, __(shortcut.label))));
             }
             else {
                 return null;
@@ -961,12 +985,14 @@ var DateRangePicker = /** @class */ (function (_super) {
             React__default.createElement("span", null, currentDate.date())));
     };
     DateRangePicker.prototype.renderMonth = function (props, month, year, date) {
-        var m = moment();
-        var currentDate = m.year(year).month(month);
+        var currentDate = props.viewDate.year(year).month(month);
         var _a = this.state, startDate = _a.startDate, endDate = _a.endDate;
-        var localMoment = m.localeData().monthsShort(m.month(month));
+        var __ = this.props.translate;
+        var monthStr = currentDate.format(__('MMM'));
         var strLength = 3;
-        var monthStrFixedLength = localMoment.substring(0, strLength);
+        // 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);
         if (startDate &&
             endDate &&
             currentDate.isBetween(startDate, endDate, 'month', '[]')) {
@@ -974,7 +1000,7 @@ var DateRangePicker = /** @class */ (function (_super) {
         }
         var _b = this.getDisabledElementProps(currentDate, 'month'), className = _b.className, others = __rest(_b, ["className"]);
         props.className += className;
-        return (React__default.createElement("td", __assign({}, props, others),
+        return (React__default.createElement("td", __assign({}, omit(props, 'viewDate'), others),
             React__default.createElement("span", null, monthStrFixedLength)));
     };
     DateRangePicker.prototype.renderQuarter = function (props, quarter, year) {
@@ -1007,7 +1033,7 @@ var DateRangePicker = /** @class */ (function (_super) {
     };
     DateRangePicker.prototype.renderCalendar = function () {
         var _this = this;
-        var _a = this.props, ns = _a.classPrefix, cx = _a.classnames, dateFormat = _a.dateFormat, timeFormat = _a.timeFormat, inputFormat = _a.inputFormat, ranges = _a.ranges, locale = _a.locale, embed = _a.embed, type = _a.type, _b = _a.viewMode, viewMode = _b === void 0 ? 'days' : _b;
+        var _a = this.props, ns = _a.classPrefix, cx = _a.classnames, dateFormat = _a.dateFormat, timeFormat = _a.timeFormat, inputFormat = _a.inputFormat, ranges = _a.ranges, shortcuts = _a.shortcuts, locale = _a.locale, embed = _a.embed, type = _a.type, _b = _a.viewMode, viewMode = _b === void 0 ? 'days' : _b;
         var __ = this.props.translate;
         var _c = this.state, startDate = _c.startDate, endDate = _c.endDate, editState = _c.editState;
         var isDateTimeRange = type === 'input-datetime-range';
@@ -1024,7 +1050,7 @@ var DateRangePicker = /** @class */ (function (_super) {
                     !(startDate === null || startDate === void 0 ? void 0 : startDate.isValid()) ||
                     !(endDate === null || endDate === void 0 ? void 0 : endDate.isValid())));
         return (React__default.createElement("div", { className: cx("".concat(ns, "DateRangePicker-wrap")), ref: this.calendarRef },
-            this.renderRanges(ranges),
+            this.renderShortcuts(shortcuts !== null && shortcuts !== void 0 ? shortcuts : ranges),
             React__default.createElement("div", { className: cx("".concat(ns, "DateRangePicker-picker-wrap")) },
                 (!isTimeRange || (editState === 'start' && !embed)) && (React__default.createElement(Calendar, { className: "".concat(ns, "DateRangePicker-start"), value: startDate, 
                     // 区分的原因是 time-range 左侧就只能选起始时间，而其它都能在左侧同时同时选择起始和结束
@@ -1047,8 +1073,11 @@ var DateRangePicker = /** @class */ (function (_super) {
     };
     DateRangePicker.prototype.getDisabledElementProps = function (currentDate, granularity) {
         var _a = this.state; _a.endDateOpenedFirst; var endDate = _a.endDate, startDate = _a.startDate, editState = _a.editState;
-        var afterEndDate = editState === 'start' && currentDate.isAfter(endDate, granularity);
+        var afterEndDate = editState === 'start' &&
+            endDate &&
+            currentDate.isAfter(endDate, granularity);
         var beforeStartDate = editState === 'end' &&
+            startDate &&
             !currentDate.isSameOrAfter(startDate, granularity);
         if (afterEndDate || beforeStartDate) {
             return {
@@ -1106,13 +1135,13 @@ var DateRangePicker = /** @class */ (function (_super) {
     DateRangePicker.prototype.render = function () {
         var _a;
         var _this = this;
-        var _b = this.props, className = _b.className, popoverClassName = _b.popoverClassName, ns = _b.classPrefix, cx = _b.classnames, value = _b.value, startPlaceholder = _b.startPlaceholder, endPlaceholder = _b.endPlaceholder, popOverContainer = _b.popOverContainer, inputFormat = _b.inputFormat; _b.format; _b.joinValues; _b.delimiter; var clearable = _b.clearable, disabled = _b.disabled, embed = _b.embed, overlayPlacement = _b.overlayPlacement, borderMode = _b.borderMode, useMobileUI = _b.useMobileUI, timeFormat = _b.timeFormat, minDate = _b.minDate, maxDate = _b.maxDate, minDuration = _b.minDuration, maxDuration = _b.maxDuration, dateFormat = _b.dateFormat, _c = _b.viewMode, viewMode = _c === void 0 ? 'days' : _c, ranges = _b.ranges, label = _b.label, animation = _b.animation;
+        var _b = this.props, className = _b.className, popoverClassName = _b.popoverClassName, ns = _b.classPrefix, cx = _b.classnames, value = _b.value, startPlaceholder = _b.startPlaceholder, endPlaceholder = _b.endPlaceholder, popOverContainer = _b.popOverContainer, inputFormat = _b.inputFormat; _b.format; _b.joinValues; _b.delimiter; var clearable = _b.clearable, disabled = _b.disabled, embed = _b.embed, overlayPlacement = _b.overlayPlacement, borderMode = _b.borderMode, useMobileUI = _b.useMobileUI, timeFormat = _b.timeFormat, minDate = _b.minDate, maxDate = _b.maxDate, minDuration = _b.minDuration, maxDuration = _b.maxDuration, dateFormat = _b.dateFormat, _c = _b.viewMode, viewMode = _c === void 0 ? 'days' : _c, ranges = _b.ranges, shortcuts = _b.shortcuts, label = _b.label, animation = _b.animation;
         var useCalendarMobile = useMobileUI &&
             isMobile() &&
             ['days', 'months', 'quarters'].indexOf(viewMode) > -1;
         var _d = this.state, isOpened = _d.isOpened, isFocused = _d.isFocused, startDate = _d.startDate, endDate = _d.endDate;
         var __ = this.props.translate;
-        var calendarMobile = (React__default.createElement(CalendarMobile, { timeFormat: timeFormat, inputFormat: inputFormat, startDate: startDate, endDate: endDate, minDate: minDate, maxDate: maxDate, minDuration: minDuration, maxDuration: maxDuration, dateFormat: dateFormat, embed: embed, viewMode: viewMode, close: this.close, confirm: this.confirm, onChange: this.handleMobileChange, footerExtra: this.renderRanges(ranges), showViewMode: viewMode === 'quarters' || viewMode === 'months' ? 'years' : 'months' }));
+        var calendarMobile = (React__default.createElement(CalendarMobile, { timeFormat: timeFormat, inputFormat: inputFormat, startDate: startDate, endDate: endDate, minDate: minDate, maxDate: maxDate, minDuration: minDuration, maxDuration: maxDuration, dateFormat: dateFormat, embed: embed, viewMode: viewMode, close: this.close, confirm: this.confirm, onChange: this.handleMobileChange, footerExtra: this.renderShortcuts(shortcuts !== null && shortcuts !== void 0 ? shortcuts : ranges), showViewMode: viewMode === 'quarters' || viewMode === 'months' ? 'years' : 'months' }));
         if (embed) {
             return (React__default.createElement("div", { className: cx("".concat(ns, "DateRangeCalendar"), {
                     'is-disabled': disabled
@@ -1130,12 +1159,12 @@ var DateRangePicker = /** @class */ (function (_super) {
                 _a), className), ref: this.dom },
             React__default.createElement(Input, { className: cx('DateRangePicker-input', {
                     isActive: !useAnimation && this.state.editState === 'start' && isOpened
-                }), onChange: this.startInputChange, onClick: this.openStart, ref: this.startInputRef, placeholder: __(startPlaceholder), autoComplete: "off", value: this.state.startInputValue || '', disabled: disabled }),
+                }), onChange: this.startInputChange, onClick: this.openStart, ref: this.startInputRef, placeholder: __(startPlaceholder), autoComplete: "off", value: this.state.startInputValue || '', disabled: disabled, readOnly: useMobileUI && isMobile() }),
             React__default.createElement("span", { className: cx('DateRangePicker-input-separator'), ref: this.separatorRef },
                 React__default.createElement("span", { className: cx('DateRangePicker-input-separator-line') })),
             React__default.createElement(Input, { className: cx('DateRangePicker-input', {
                     isActive: !useAnimation && this.state.editState === 'end' && isOpened
-                }), onChange: this.endInputChange, onClick: this.openEnd, ref: this.endInputRef, placeholder: __(endPlaceholder), autoComplete: "off", value: this.state.endInputValue || '', disabled: disabled }),
+                }), onChange: this.endInputChange, onClick: this.openEnd, ref: this.endInputRef, placeholder: __(endPlaceholder), autoComplete: "off", value: this.state.endInputValue || '', disabled: disabled, readOnly: useMobileUI && isMobile() }),
             useAnimation ? this.renderActiveCursor() : null,
             clearable && !disabled && value ? (React__default.createElement("a", { className: "".concat(ns, "DateRangePicker-clear"), onClick: this.clearValue },
                 React__default.createElement(Icon, { icon: "input-clear", className: "icon" }))) : null,
@@ -1155,6 +1184,7 @@ var DateRangePicker = /** @class */ (function (_super) {
         clearable: true,
         delimiter: ',',
         ranges: 'yesterday,7daysago,prevweek,thismonth,prevmonth,prevquarter',
+        shortcuts: 'yesterday,7daysago,prevweek,thismonth,prevmonth,prevquarter',
         resetValue: '',
         closeOnSelect: true,
         overlayPlacement: 'auto',
@@ -1164,4 +1194,4 @@ var DateRangePicker = /** @class */ (function (_super) {
 }(React__default.Component));
 var DateRangePicker$1 = themeable(localeable(DateRangePicker));
 
-export { DateRangePicker, advancedRanges, availableRanges, DateRangePicker$1 as default };
+export { DateRangePicker, advancedRanges, availableShortcuts, DateRangePicker$1 as default };

package/esm/components/DndContainer.d.ts

@@ -51,7 +51,7 @@ declare const _default: {
         ref: any;
         childRef(ref: any): void;
         getWrappedInstance(): any;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Omit<DndContainerProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps, keyof LocaleProps> & {
             locale?: string | undefined;
@@ -107,7 +107,7 @@ declare const _default: {
             ref: any;
             childRef(ref: any): void;
             getWrappedInstance(): any;
-            render(): JSX.Element;
+            render(): React.JSX.Element;
             context: unknown;
             setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<DndContainerProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
@@ -140,7 +140,7 @@ declare const _default: {
         ref: any;
         childRef(ref: any): void;
         getWrappedInstance(): any;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<DndContainerProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -173,7 +173,7 @@ declare const _default: {
             ref: any;
             childRef(ref: any): void;
             getWrappedInstance(): any;
-            render(): JSX.Element;
+            render(): React.JSX.Element;
             context: unknown;
             setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<DndContainerProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;

package/esm/components/DndContainer.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.9.0
+ * amis-ui v3.1.0
  * Copyright 2018-2023 fex
  */
 

package/esm/components/Drawer.d.ts

@@ -46,8 +46,9 @@ export declare class Drawer extends React.Component<DrawerProps, DrawerState> {
     handleEntered: () => void;
     handleExited: () => void;
     modalRef: (ref: any) => void;
-    handleRootClickCapture(e: MouseEvent): void;
-    handleRootClick(e: MouseEvent): void;
+    handleRootMouseDownCapture(e: MouseEvent): void;
+    handleRootMouseUpCapture(e: MouseEvent): void;
+    handleRootMouseUp(e: MouseEvent): void;
     getDrawerStyle(): {
         width?: string | number | undefined;
         height?: string | number | undefined;
@@ -55,8 +56,8 @@ export declare class Drawer extends React.Component<DrawerProps, DrawerState> {
     resizeMouseDown(e: React.MouseEvent<any>): void;
     bindResize(e: any): void;
     removeResize(): void;
-    renderResizeCtrl(): JSX.Element;
-    render(): JSX.Element;
+    renderResizeCtrl(): React.JSX.Element;
+    render(): React.JSX.Element;
 }
 declare const _default: {
     new (props: Pick<Omit<DrawerProps, keyof import("amis-core").ThemeProps>, "children" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "bodyClassName" | "resizable"> & {
@@ -69,7 +70,7 @@ declare const _default: {
         ref: any;
         childRef(ref: any): void;
         getWrappedInstance(): any;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<DrawerProps, keyof import("amis-core").ThemeProps>, "children" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "bodyClassName" | "resizable"> & {
             showCloseButton?: boolean | undefined;

package/esm/components/Drawer.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.9.0
+ * amis-ui v3.1.0
  * Copyright 2018-2023 fex
  */
 
@@ -42,12 +42,18 @@ var Drawer = /** @class */ (function (_super) {
         };
         _this.handleEntered = function () {
             var onEntered = _this.props.onEntered;
+            document.body.addEventListener('mousedown', _this.handleRootMouseDownCapture, true);
+            document.body.addEventListener('mouseup', _this.handleRootMouseUpCapture, true);
+            document.body.addEventListener('mouseup', _this.handleRootMouseUp);
             onEntered && onEntered();
         };
         _this.handleExited = function () {
             var _a, _b;
             var onExited = _this.props.onExited;
             document.activeElement && ((_b = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.blur) === null || _b === void 0 ? void 0 : _b.call(_a));
+            document.body.removeEventListener('mouseup', _this.handleRootMouseUp);
+            document.body.removeEventListener('mouseup', _this.handleRootMouseUpCapture, true);
+            document.body.removeEventListener('mousedown', _this.handleRootMouseDownCapture, true);
             onExited && onExited();
             setTimeout(function () {
                 if (!document.querySelector('.amis-dialog-widget')) {
@@ -72,8 +78,6 @@ var Drawer = /** @class */ (function (_super) {
         if (this.props.show) {
             this.handleEntered();
         }
-        document.body.addEventListener('click', this.handleRootClickCapture, true);
-        document.body.addEventListener('click', this.handleRootClick);
     };
     Drawer.prototype.componentDidUpdate = function (prevProps) {
         var _this = this;
@@ -91,10 +95,8 @@ var Drawer = /** @class */ (function (_super) {
         if (this.props.show) {
             this.handleExited();
         }
-        document.body.removeEventListener('click', this.handleRootClick);
-        document.body.removeEventListener('click', this.handleRootClickCapture, true);
     };
-    Drawer.prototype.handleRootClickCapture = function (e) {
+    Drawer.prototype.handleRootMouseDownCapture = function (e) {
         var target = e.target;
         var _a = this.props, closeOnOutside = _a.closeOnOutside, ns = _a.classPrefix;
         var isLeftButton = (e.button === 1 && window.event !== null) || e.button === 0;
@@ -106,7 +108,15 @@ var Drawer = /** @class */ (function (_super) {
                 (target.matches(".".concat(ns, "Drawer-overlay")) &&
                     target.parentElement === this.modalDom))); // 干脆过滤掉来自弹框里面的点击
     };
-    Drawer.prototype.handleRootClick = function (e) {
+    Drawer.prototype.handleRootMouseUpCapture = function (e) {
+        // mousedown 的时候不在弹窗里面，则不需要判断了
+        if (!this.isRootClosed) {
+            return;
+        }
+        // 再判断 mouseup 的时候是不是在弹窗里面
+        this.handleRootMouseDownCapture(e);
+    };
+    Drawer.prototype.handleRootMouseUp = function (e) {
         var onHide = this.props.onHide;
         this.isRootClosed && !e.defaultPrevented && onHide(e);
     };
@@ -201,7 +211,7 @@ var Drawer = /** @class */ (function (_super) {
                     overlay ? (React__default.createElement("div", { className: cx("".concat(ns, "Drawer-overlay"), fadeStyles[status]) })) : null,
                     React__default.createElement("div", { ref: _this.contentRef, style: bodyStyle, className: cx("".concat(ns, "Drawer-content"), bodyClassName, fadeStyles[status]) },
                         show && showCloseButton ? (React__default.createElement("a", { onClick: disabled ? undefined : onHide, className: "".concat(ns, "Drawer-close") },
-                            React__default.createElement(Icon, { icon: "close", className: "icon" }))) : null,
+                            React__default.createElement(Icon, { icon: "close", className: "icon", iconContent: "Drawer-close" }))) : null,
                         status === EXITED ? null : children,
                         resizable ? _this.renderResizeCtrl() : null)));
             })));
@@ -218,13 +228,19 @@ var Drawer = /** @class */ (function (_super) {
         __metadata("design:type", Function),
         __metadata("design:paramtypes", [MouseEvent]),
         __metadata("design:returntype", void 0)
-    ], Drawer.prototype, "handleRootClickCapture", null);
+    ], Drawer.prototype, "handleRootMouseDownCapture", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [MouseEvent]),
+        __metadata("design:returntype", void 0)
+    ], Drawer.prototype, "handleRootMouseUpCapture", null);
     __decorate([
         autobind,
         __metadata("design:type", Function),
         __metadata("design:paramtypes", [MouseEvent]),
         __metadata("design:returntype", void 0)
-    ], Drawer.prototype, "handleRootClick", null);
+    ], Drawer.prototype, "handleRootMouseUp", null);
     __decorate([
         autobind,
         __metadata("design:type", Function),

package/esm/components/Editor.d.ts

@@ -69,7 +69,7 @@ export declare class Editor extends React.Component<EditorProps, EditorState> {
     editorWillMount(monaco: any): void;
     editorDidMount(editor: any, monaco: any): void;
     handleFullscreenModeChange(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 declare const _default: {
     new (props: Omit<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & {
@@ -88,7 +88,7 @@ declare const _default: {
         ref: any;
         childRef(ref: any): void;
         getWrappedInstance(): any;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & {
             width?: string | number | undefined;
@@ -237,7 +237,7 @@ declare const _default: {
             ref: any;
             childRef(ref: any): void;
             getWrappedInstance(): any;
-            render(): JSX.Element;
+            render(): React.JSX.Element;
             context: unknown;
             setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & {
                 width?: string | number | undefined;
@@ -390,7 +390,7 @@ declare const _default: {
         ref: any;
         childRef(ref: any): void;
         getWrappedInstance(): any;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & {
             width?: string | number | undefined;
@@ -543,7 +543,7 @@ declare const _default: {
             ref: any;
             childRef(ref: any): void;
             getWrappedInstance(): any;
-            render(): JSX.Element;
+            render(): React.JSX.Element;
             context: unknown;
             setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<EditorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "defaultValue" | "value" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "context" | "isDiffEditor" | "editorDidMount" | "editorWillMount" | "editorWillUnmount" | "editorFactory"> & {
                 width?: string | number | undefined;

package/esm/components/Editor.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.9.0
+ * amis-ui v3.1.0
  * Copyright 2018-2023 fex
  */
 

package/esm/components/Form.d.ts

@@ -21,7 +21,7 @@ export interface FormProps extends ThemeProps, LocaleProps {
     }) => JSX.Element | null;
     className?: string;
 }
-export declare function Form(props: FormProps): JSX.Element;
+export declare function Form(props: FormProps): React.JSX.Element;
 declare const _default: React.ForwardRefExoticComponent<Omit<Omit<Omit<FormProps, keyof LocaleProps> & {
     locale?: string | undefined;
     translate?: ((str: string, ...args: any[]) => string) | undefined;

package/esm/components/Form.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.9.0
+ * amis-ui v3.1.0
  * Copyright 2018-2023 fex
  */
 

package/esm/components/FormField.d.ts

@@ -22,7 +22,7 @@ export interface FormFieldProps extends LocaleProps, ThemeProps {
     errors?: string | Array<string>;
     children?: React.ReactNode | Array<React.ReactNode>;
 }
-declare function FormField(props: FormFieldProps): JSX.Element;
+declare function FormField(props: FormFieldProps): React.JSX.Element;
 declare const ThemedFormField: {
     new (props: Omit<Omit<FormFieldProps, keyof LocaleProps> & {
         locale?: string | undefined;
@@ -31,7 +31,7 @@ declare const ThemedFormField: {
         ref: any;
         childRef(ref: any): void;
         getWrappedInstance(): any;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Omit<FormFieldProps, keyof LocaleProps> & {
             locale?: string | undefined;
@@ -90,7 +90,7 @@ declare const ThemedFormField: {
             ref: any;
             childRef(ref: any): void;
             getWrappedInstance(): any;
-            render(): JSX.Element;
+            render(): React.JSX.Element;
             context: unknown;
             setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<FormFieldProps, keyof LocaleProps> & {
                 locale?: string | undefined;
@@ -135,9 +135,7 @@ declare const ThemedFormField: {
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
             UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<FormFieldProps, keyof LocaleProps> & {
-                locale?: string | undefined; /**
-                 * 配置成 false 则不包裹
-                 */
+                locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
         };
@@ -155,7 +153,7 @@ declare const ThemedFormField: {
         ref: any;
         childRef(ref: any): void;
         getWrappedInstance(): any;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<FormFieldProps, keyof LocaleProps> & {
             locale?: string | undefined;
@@ -200,9 +198,7 @@ declare const ThemedFormField: {
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<FormFieldProps, keyof LocaleProps> & {
-            locale?: string | undefined; /**
-             * 配置成 false 则不包裹
-             */
+            locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): void;
     };
@@ -220,7 +216,7 @@ declare const ThemedFormField: {
             ref: any;
             childRef(ref: any): void;
             getWrappedInstance(): any;
-            render(): JSX.Element;
+            render(): React.JSX.Element;
             context: unknown;
             setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<FormFieldProps, keyof LocaleProps> & {
                 locale?: string | undefined;
@@ -265,9 +261,7 @@ declare const ThemedFormField: {
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
             UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<FormFieldProps, keyof LocaleProps> & {
-                locale?: string | undefined; /**
-                 * 配置成 false 则不包裹
-                 */
+                locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
         };
@@ -289,4 +283,4 @@ export interface ControllerProps extends ReactHookFormControllerProps, Omit<Form
      */
     wrap?: boolean;
 }
-export declare function Controller(props: ControllerProps): JSX.Element;
+export declare function Controller(props: ControllerProps): React.JSX.Element;

package/esm/components/FormField.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.9.0
+ * amis-ui v3.1.0
  * Copyright 2018-2023 fex
  */