amis-ui 2.1.1-beta.2 → 2.3.0

package/lib/components/DateRangePicker.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.1.1-beta.2
+ * amis-ui v2.3.0
  * Copyright 2018-2022 fex
  */
 
@@ -10,6 +10,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var moment = require('moment');
+var omit = require('lodash/omit');
+var kebabCase = require('lodash/kebabCase');
 var reactDom = require('react-dom');
 var icons = require('./icons.js');
 var amisCore = require('amis-core');
@@ -22,6 +24,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
+var omit__default = /*#__PURE__*/_interopDefaultLegacy(omit);
+var kebabCase__default = /*#__PURE__*/_interopDefaultLegacy(kebabCase);
 
 /**
  * @file DateRangePicker
@@ -365,6 +369,7 @@ var DateRangePicker = /** @class */ (function (_super) {
         _this.currentMonth = moment__default["default"]().startOf('day');
         _this.startInputRef = React__default["default"].createRef();
         _this.endInputRef = React__default["default"].createRef();
+        _this.separatorRef = React__default["default"].createRef();
         _this.calendarRef = React__default["default"].createRef();
         _this.open = _this.open.bind(_this);
         _this.openStart = _this.openStart.bind(_this);
@@ -421,6 +426,7 @@ var DateRangePicker = /** @class */ (function (_super) {
         }
         return newValue;
     };
+    /* 将日期时间转化为momemnt格式，如果输入的内容不合法则返回undefined */
     DateRangePicker.unFormatValue = function (value, format, joinValues, delimiter) {
         if (!value) {
             return {
@@ -431,9 +437,16 @@ var DateRangePicker = /** @class */ (function (_super) {
         if (joinValues && typeof value === 'string') {
             value = value.split(delimiter);
         }
+        var startDate = moment__default["default"](value === null || value === void 0 ? void 0 : value[0], format);
+        var endDate = moment__default["default"](value === null || value === void 0 ? void 0 : value[1], format);
+        /**
+         * 不合法的value输入都丢弃
+         * 注意undefined被moment认为是合法的输入，moment会转化为now，所以需要结合在一起判断
+         * @reference https://github.com/moment/moment/issues/1639
+         */
         return {
-            startDate: value[0] ? moment__default["default"](value[0], format) : undefined,
-            endDate: value[1] ? moment__default["default"](value[1], format) : undefined
+            startDate: value[0] && startDate.isValid() ? startDate : undefined,
+            endDate: value[1] && endDate.isValid() ? endDate : undefined
         };
     };
     DateRangePicker.prototype.componentDidMount = function () {
@@ -465,8 +478,10 @@ var DateRangePicker = /** @class */ (function (_super) {
             this.setState({
                 startDate: startDate,
                 endDate: endDate,
-                startInputValue: startDate === null || startDate === void 0 ? void 0 : startDate.format(inputFormat),
-                endInputValue: endDate === null || endDate === void 0 ? void 0 : endDate.format(inputFormat)
+                startInputValue: startDate && (startDate === null || startDate === void 0 ? void 0 : startDate.isValid())
+                    ? startDate === null || startDate === void 0 ? void 0 : startDate.format(inputFormat)
+                    : '',
+                endInputValue: endDate && (endDate === null || endDate === void 0 ? void 0 : endDate.isValid()) ? endDate === null || endDate === void 0 ? void 0 : endDate.format(inputFormat) : ''
             });
         }
     };
@@ -526,13 +541,20 @@ var DateRangePicker = /** @class */ (function (_super) {
     DateRangePicker.prototype.close = function (isConfirm) {
         if (isConfirm === void 0) { isConfirm = false; }
         if (!isConfirm) {
-            var _a = this.state, oldEndDate = _a.oldEndDate, oldStartDate = _a.oldStartDate;
-            var inputFormat = this.props.inputFormat;
+            /** 未点击确认关闭时，将日期恢复至未做任何选择的状态 */
+            var _a = this.props, value = _a.value, format = _a.format, joinValues = _a.joinValues, delimiter = _a.delimiter, inputFormat = _a.inputFormat;
+            var _b = DateRangePicker.unFormatValue(value, format, joinValues, delimiter), startDate = _b.startDate, endDate = _b.endDate;
             this.setState({
-                endDate: oldEndDate,
-                endInputValue: oldEndDate ? oldEndDate.format(inputFormat) : '',
-                startDate: oldStartDate,
-                startInputValue: oldStartDate ? oldStartDate.format(inputFormat) : ''
+                startDate: startDate,
+                endDate: endDate,
+                oldStartDate: startDate,
+                oldEndDate: endDate,
+                startInputValue: startDate && moment__default["default"](startDate).isValid()
+                    ? startDate.format(inputFormat)
+                    : '',
+                endInputValue: endDate && moment__default["default"](endDate).isValid()
+                    ? endDate.format(inputFormat)
+                    : ''
             });
         }
         else {
@@ -561,19 +583,16 @@ var DateRangePicker = /** @class */ (function (_super) {
         }
     };
     DateRangePicker.prototype.confirm = function () {
-        var _a;
-        if (!this.state.startDate && !this.state.endDate) {
+        var _a = this.props, format = _a.format, joinValues = _a.joinValues, delimiter = _a.delimiter, utc = _a.utc;
+        var _b = this.state, startDate = _b.startDate, endDate = _b.endDate;
+        if (!startDate && !endDate) {
             return;
         }
-        else if (this.state.endDate &&
-            ((_a = this.state.startDate) === null || _a === void 0 ? void 0 : _a.isAfter(this.state.endDate))) {
+        else if (endDate && (startDate === null || startDate === void 0 ? void 0 : startDate.isAfter(this.state.endDate))) {
             return;
         }
-        this.props.onChange(DateRangePicker.formatValue({
-            startDate: this.state.startDate,
-            endDate: this.state.endDate
-        }, this.props.format, this.props.joinValues, this.props.delimiter, this.props.utc));
-        if (this.state.startDate && !this.state.endDate) {
+        this.props.onChange(DateRangePicker.formatValue({ startDate: startDate, endDate: endDate }, format, joinValues, delimiter, utc));
+        if (startDate && !endDate) {
             this.setState({ editState: 'end', endDateOpenedFirst: false });
         }
         else {
@@ -880,7 +899,7 @@ var DateRangePicker = /** @class */ (function (_super) {
                 ? maxDate.isBefore(endDate)
                     ? maxDate
                     : endDate
-                : undefined;
+                : maxDate || endDate;
         if (minDate && currentDate.isBefore(minDate, precision)) {
             return false;
         }
@@ -910,8 +929,10 @@ var DateRangePicker = /** @class */ (function (_super) {
                 ? minDate.isAfter(startDate)
                     ? minDate
                     : startDate
-                : undefined;
-        if (minDate && currentDate.isBefore(minDate, precision)) {
+                : minDate || startDate;
+        // 在 dateTimeRange 的场景下，如果选择了开始时间的时间点不为 0，比如 2020-10-1 10:10，这时 currentDate 传入的当天值是 2020-10-1 00:00，这个值在起始时间后面，导致没法再选这一天了，所以在这时需要先通过将时间都转成 00 再比较
+        if (minDate &&
+            currentDate.startOf('day').isBefore(minDate.startOf('day'), precision)) {
             return false;
         }
         else if (maxDate && currentDate.isAfter(maxDate, precision)) {
@@ -932,6 +953,7 @@ var DateRangePicker = /** @class */ (function (_super) {
     DateRangePicker.prototype.renderDay = function (props, currentDate) {
         var _a = this.state, startDate = _a.startDate, endDate = _a.endDate;
         // 剔除掉 DaysView 中传递的参数
+        props = omit__default["default"](props, ['todayActiveStyle']);
         props.className = props.className.replace('rdtActive', '');
         if (startDate &&
             endDate &&
@@ -996,13 +1018,22 @@ var DateRangePicker = /** @class */ (function (_super) {
     };
     DateRangePicker.prototype.renderCalendar = function () {
         var _this = this;
-        var _a;
-        var _b = this.props, ns = _b.classPrefix, cx = _b.classnames, dateFormat = _b.dateFormat, timeFormat = _b.timeFormat, inputFormat = _b.inputFormat, ranges = _b.ranges, locale = _b.locale, embed = _b.embed, type = _b.type, _c = _b.viewMode, viewMode = _c === void 0 ? 'days' : _c; _b.useMobileUI;
+        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 __ = this.props.translate;
-        var _d = this.state, startDate = _d.startDate, endDate = _d.endDate, editState = _d.editState;
+        var _c = this.state, startDate = _c.startDate, endDate = _c.endDate, editState = _c.editState;
         var isDateTimeRange = type === 'input-datetime-range';
+        var isDateRange = type === 'input-date-range';
         // timeRange需要单独选择范围
         var isTimeRange = isDateTimeRange || viewMode === 'time';
+        var isConfirmBtnDisbaled = (isTimeRange && editState === 'start' && !startDate) ||
+            (isTimeRange && editState === 'end' && !endDate) ||
+            (startDate && (endDate === null || endDate === void 0 ? void 0 : endDate.isBefore(this.state.startDate))) ||
+            /** 日期范围选择之后会立即切换面板，所以开始/结束日期任意一个不合法就不允许更新数据 */
+            (isDateRange &&
+                (!startDate ||
+                    !endDate ||
+                    !(startDate === null || startDate === void 0 ? void 0 : startDate.isValid()) ||
+                    !(endDate === null || endDate === void 0 ? void 0 : endDate.isValid())));
         return (React__default["default"].createElement("div", { className: cx("".concat(ns, "DateRangePicker-wrap")), ref: this.calendarRef },
             this.renderRanges(ranges),
             React__default["default"].createElement("div", { className: cx("".concat(ns, "DateRangePicker-picker-wrap")) },
@@ -1024,12 +1055,7 @@ var DateRangePicker = /** @class */ (function (_super) {
             embed ? null : (React__default["default"].createElement("div", { key: "button", className: "".concat(ns, "DateRangePicker-actions") },
                 React__default["default"].createElement("a", { className: cx('Button', 'Button--default'), onClick: function () { return _this.close(); } }, __('cancel')),
                 React__default["default"].createElement("a", { className: cx('Button', 'Button--primary', 'm-l-sm', {
-                        'is-disabled': (!this.state.startDate &&
-                            isTimeRange &&
-                            editState === 'start') ||
-                            (!this.state.endDate && isTimeRange && editState === 'end') ||
-                            (this.state.startDate &&
-                                ((_a = this.state.endDate) === null || _a === void 0 ? void 0 : _a.isBefore(this.state.startDate)))
+                        'is-disabled': isConfirmBtnDisbaled
                     }), onClick: this.confirm }, __('confirm'))))));
     };
     DateRangePicker.prototype.getDisabledElementProps = function (currentDate) {
@@ -1046,10 +1072,53 @@ var DateRangePicker = /** @class */ (function (_super) {
             className: ''
         };
     };
+    /** 获取宽度类型变量的值 */
+    DateRangePicker.prototype.getValidWidthValue = function (element, propsName) {
+        if (!element || !propsName) {
+            return 0;
+        }
+        var propsValue = parseInt(amisCore.getComputedStyle(element, kebabCase__default["default"](propsName)), 10);
+        return isNaN(propsValue) ? 0 : propsValue;
+    };
+    DateRangePicker.prototype.renderActiveCursor = function () {
+        var _a, _b, _c, _d;
+        var cx = this.props.classnames;
+        var _e = this.state, editState = _e.editState, isFocused = _e.isFocused;
+        var cursorWidth = 0;
+        var cursorLeft = 0;
+        var parentNode = (_a = this === null || this === void 0 ? void 0 : this.dom) === null || _a === void 0 ? void 0 : _a.current;
+        var startInputNode = (_b = this === null || this === void 0 ? void 0 : this.startInputRef) === null || _b === void 0 ? void 0 : _b.current;
+        var endInputNode = (_c = this === null || this === void 0 ? void 0 : this.endInputRef) === null || _c === void 0 ? void 0 : _c.current;
+        var separatorNode = (_d = this === null || this === void 0 ? void 0 : this.separatorRef) === null || _d === void 0 ? void 0 : _d.current;
+        if (parentNode && startInputNode && endInputNode && separatorNode) {
+            if (editState === 'start') {
+                var paddingWidth = this.getValidWidthValue(parentNode, 'paddingLeft');
+                cursorLeft = paddingWidth;
+                cursorWidth = startInputNode.offsetWidth;
+            }
+            else if (editState === 'end') {
+                var separatorWidth = separatorNode.offsetWidth +
+                    this.getValidWidthValue(parentNode, 'paddingLeft') +
+                    this.getValidWidthValue(parentNode, 'marginLeft') +
+                    this.getValidWidthValue(parentNode, 'paddingRight') +
+                    this.getValidWidthValue(parentNode, 'marginRight');
+                cursorLeft = startInputNode.offsetWidth + separatorWidth;
+                cursorWidth = endInputNode.offsetWidth;
+            }
+            else {
+                cursorWidth = 0;
+            }
+        }
+        return (React__default["default"].createElement("div", { className: cx('DateRangePicker-activeCursor', { isFocused: isFocused }), style: {
+                position: 'absolute',
+                left: cursorLeft,
+                width: cursorWidth
+            } }));
+    };
     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;
+        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 useCalendarMobile = useMobileUI &&
             amisCore.isMobile() &&
             ['days', 'months', 'quarters'].indexOf(viewMode) > -1;
@@ -1062,6 +1131,8 @@ var DateRangePicker = /** @class */ (function (_super) {
                 }, className) }, useCalendarMobile ? calendarMobile : this.renderCalendar()));
         }
         var CalendarMobileTitle = (React__default["default"].createElement("div", { className: "".concat(ns, "CalendarMobile-title") }, label && typeof label === 'string' ? label : __('Calendar.datepicker')));
+        /** 是否启用游标动画 */
+        var useAnimation = animation !== false;
         return (React__default["default"].createElement("div", { tabIndex: 0, onKeyPress: this.handleKeyPress, onFocus: this.handleFocus, onBlur: this.handleBlur, className: cx("".concat(ns, "DateRangePicker"), (_a = {
                     'is-disabled': disabled,
                     'is-focused': isFocused
@@ -1070,13 +1141,14 @@ var DateRangePicker = /** @class */ (function (_super) {
                 _a['is-mobile'] = useMobileUI && amisCore.isMobile(),
                 _a), className), ref: this.dom },
             React__default["default"].createElement(Input["default"], { className: cx('DateRangePicker-input', {
-                    isActive: this.state.editState === 'start' && isOpened
+                    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 }),
-            React__default["default"].createElement("span", { className: cx('DateRangePicker-input-separator') },
+            React__default["default"].createElement("span", { className: cx('DateRangePicker-input-separator'), ref: this.separatorRef },
                 React__default["default"].createElement("span", { className: cx('DateRangePicker-input-separator-line') })),
             React__default["default"].createElement(Input["default"], { className: cx('DateRangePicker-input', {
-                    isActive: this.state.editState === 'end' && isOpened
+                    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 }),
+            useAnimation ? this.renderActiveCursor() : null,
             clearable && !disabled && value ? (React__default["default"].createElement("a", { className: "".concat(ns, "DateRangePicker-clear"), onClick: this.clearValue },
                 React__default["default"].createElement(icons.Icon, { icon: "input-clear", className: "icon" }))) : null,
             React__default["default"].createElement("a", { className: "".concat(ns, "DateRangePicker-toggler") },

package/lib/components/Drawer.d.ts

@@ -57,7 +57,39 @@ export declare class Drawer extends React.Component<DrawerProps, DrawerState> {
     renderResizeCtrl(): JSX.Element;
     render(): JSX.Element;
 }
-declare const _default: (React.ComponentType<any> & import("hoist-non-react-statics").NonReactStatics<React.ComponentType<any>, {}>) & {
+declare const _default: {
+    new (props: Pick<Omit<DrawerProps, keyof import("amis-core").ThemeProps>, "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "bodyClassName" | "resizable"> & Partial<Pick<Omit<DrawerProps, keyof import("amis-core").ThemeProps>, "showCloseButton" | "size" | "overlay" | "container" | "position">> & Partial<Pick<Pick<DrawerProps, "showCloseButton" | "size" | "overlay" | "container" | "position">, never>> & import("amis-core/lib/theme").ThemeOutterProps): {
+        ref: any;
+        childRef(ref: any): void;
+        getWrappedInstance(): any;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<DrawerProps, keyof import("amis-core").ThemeProps>, "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "bodyClassName" | "resizable"> & Partial<Pick<Omit<DrawerProps, keyof import("amis-core").ThemeProps>, "showCloseButton" | "size" | "overlay" | "container" | "position">> & Partial<Pick<Pick<DrawerProps, "showCloseButton" | "size" | "overlay" | "container" | "position">, never>> & import("amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Pick<Omit<DrawerProps, keyof import("amis-core").ThemeProps>, "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "bodyClassName" | "resizable"> & Partial<Pick<Omit<DrawerProps, keyof import("amis-core").ThemeProps>, "showCloseButton" | "size" | "overlay" | "container" | "position">> & Partial<Pick<Pick<DrawerProps, "showCloseButton" | "size" | "overlay" | "container" | "position">, never>> & import("amis-core/lib/theme").ThemeOutterProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<DrawerProps, keyof import("amis-core").ThemeProps>, "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "bodyClassName" | "resizable"> & Partial<Pick<Omit<DrawerProps, keyof import("amis-core").ThemeProps>, "showCloseButton" | "size" | "overlay" | "container" | "position">> & Partial<Pick<Pick<DrawerProps, "showCloseButton" | "size" | "overlay" | "container" | "position">, never>> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<DrawerProps, keyof import("amis-core").ThemeProps>, "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "bodyClassName" | "resizable"> & Partial<Pick<Omit<DrawerProps, keyof import("amis-core").ThemeProps>, "showCloseButton" | "size" | "overlay" | "container" | "position">> & Partial<Pick<Pick<DrawerProps, "showCloseButton" | "size" | "overlay" | "container" | "position">, never>> & import("amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<DrawerProps, keyof import("amis-core").ThemeProps>, "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "bodyClassName" | "resizable"> & Partial<Pick<Omit<DrawerProps, keyof import("amis-core").ThemeProps>, "showCloseButton" | "size" | "overlay" | "container" | "position">> & Partial<Pick<Pick<DrawerProps, "showCloseButton" | "size" | "overlay" | "container" | "position">, never>> & import("amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DrawerProps, keyof import("amis-core").ThemeProps>, "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "bodyClassName" | "resizable"> & Partial<Pick<Omit<DrawerProps, keyof import("amis-core").ThemeProps>, "showCloseButton" | "size" | "overlay" | "container" | "position">> & Partial<Pick<Pick<DrawerProps, "showCloseButton" | "size" | "overlay" | "container" | "position">, never>> & import("amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DrawerProps, keyof import("amis-core").ThemeProps>, "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "bodyClassName" | "resizable"> & Partial<Pick<Omit<DrawerProps, keyof import("amis-core").ThemeProps>, "showCloseButton" | "size" | "overlay" | "container" | "position">> & Partial<Pick<Pick<DrawerProps, "showCloseButton" | "size" | "overlay" | "container" | "position">, never>> & import("amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<DrawerProps, keyof import("amis-core").ThemeProps>, "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "bodyClassName" | "resizable"> & Partial<Pick<Omit<DrawerProps, keyof import("amis-core").ThemeProps>, "showCloseButton" | "size" | "overlay" | "container" | "position">> & Partial<Pick<Pick<DrawerProps, "showCloseButton" | "size" | "overlay" | "container" | "position">, never>> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<DrawerProps, keyof import("amis-core").ThemeProps>, "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "bodyClassName" | "resizable"> & Partial<Pick<Omit<DrawerProps, keyof import("amis-core").ThemeProps>, "showCloseButton" | "size" | "overlay" | "container" | "position">> & Partial<Pick<Pick<DrawerProps, "showCloseButton" | "size" | "overlay" | "container" | "position">, never>> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<typeof Drawer>;
+} & import("hoist-non-react-statics").NonReactStatics<typeof Drawer, {}> & {
     ComposedComponent: typeof Drawer;
 };
 export default _default;

package/lib/components/Drawer.js

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