amis-ui 3.2.0 → 3.3.0

package/lib/components/Checkbox.d.ts

@@ -34,7 +34,7 @@ export declare class Checkbox extends React.Component<CheckboxProps, any> {
     render(): React.JSX.Element;
 }
 declare const _default: {
-    new (props: Pick<Omit<CheckboxProps, keyof import("amis-core").ThemeProps>, "description" | "children" | "label" | "name" | "onChange" | "value" | "size" | "disabled" | "inline" | "checked" | "readOnly" | "labelClassName" | "partial" | "optionType" | "useMobileUI"> & {
+    new (props: Pick<Omit<CheckboxProps, keyof import("amis-core").ThemeProps>, "label" | "name" | "value" | "children" | "description" | "onChange" | "size" | "disabled" | "inline" | "checked" | "readOnly" | "labelClassName" | "partial" | "optionType" | "useMobileUI"> & {
         type?: "checkbox" | "radio" | undefined;
         trueValue?: string | number | boolean | undefined;
         falseValue?: string | number | boolean | undefined;
@@ -44,13 +44,13 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<CheckboxProps, keyof import("amis-core").ThemeProps>, "description" | "children" | "label" | "name" | "onChange" | "value" | "size" | "disabled" | "inline" | "checked" | "readOnly" | "labelClassName" | "partial" | "optionType" | "useMobileUI"> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<CheckboxProps, keyof import("amis-core").ThemeProps>, "label" | "name" | "value" | "children" | "description" | "onChange" | "size" | "disabled" | "inline" | "checked" | "readOnly" | "labelClassName" | "partial" | "optionType" | "useMobileUI"> & {
             type?: "checkbox" | "radio" | undefined;
             trueValue?: string | number | boolean | undefined;
             falseValue?: string | number | boolean | undefined;
         } & {} & import("packages/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<CheckboxProps, keyof import("amis-core").ThemeProps>, "description" | "children" | "label" | "name" | "onChange" | "value" | "size" | "disabled" | "inline" | "checked" | "readOnly" | "labelClassName" | "partial" | "optionType" | "useMobileUI"> & {
+        readonly props: Readonly<Pick<Omit<CheckboxProps, keyof import("amis-core").ThemeProps>, "label" | "name" | "value" | "children" | "description" | "onChange" | "size" | "disabled" | "inline" | "checked" | "readOnly" | "labelClassName" | "partial" | "optionType" | "useMobileUI"> & {
             type?: "checkbox" | "radio" | undefined;
             trueValue?: string | number | boolean | undefined;
             falseValue?: string | number | boolean | undefined;
@@ -60,41 +60,41 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<CheckboxProps, keyof import("amis-core").ThemeProps>, "description" | "children" | "label" | "name" | "onChange" | "value" | "size" | "disabled" | "inline" | "checked" | "readOnly" | "labelClassName" | "partial" | "optionType" | "useMobileUI"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<CheckboxProps, keyof import("amis-core").ThemeProps>, "label" | "name" | "value" | "children" | "description" | "onChange" | "size" | "disabled" | "inline" | "checked" | "readOnly" | "labelClassName" | "partial" | "optionType" | "useMobileUI"> & {
             type?: "checkbox" | "radio" | undefined;
             trueValue?: string | number | boolean | undefined;
             falseValue?: string | number | boolean | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<CheckboxProps, keyof import("amis-core").ThemeProps>, "description" | "children" | "label" | "name" | "onChange" | "value" | "size" | "disabled" | "inline" | "checked" | "readOnly" | "labelClassName" | "partial" | "optionType" | "useMobileUI"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<CheckboxProps, keyof import("amis-core").ThemeProps>, "label" | "name" | "value" | "children" | "description" | "onChange" | "size" | "disabled" | "inline" | "checked" | "readOnly" | "labelClassName" | "partial" | "optionType" | "useMobileUI"> & {
             type?: "checkbox" | "radio" | undefined;
             trueValue?: string | number | boolean | undefined;
             falseValue?: string | number | boolean | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<CheckboxProps, keyof import("amis-core").ThemeProps>, "description" | "children" | "label" | "name" | "onChange" | "value" | "size" | "disabled" | "inline" | "checked" | "readOnly" | "labelClassName" | "partial" | "optionType" | "useMobileUI"> & {
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<CheckboxProps, keyof import("amis-core").ThemeProps>, "label" | "name" | "value" | "children" | "description" | "onChange" | "size" | "disabled" | "inline" | "checked" | "readOnly" | "labelClassName" | "partial" | "optionType" | "useMobileUI"> & {
             type?: "checkbox" | "radio" | undefined;
             trueValue?: string | number | boolean | undefined;
             falseValue?: string | number | boolean | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CheckboxProps, keyof import("amis-core").ThemeProps>, "description" | "children" | "label" | "name" | "onChange" | "value" | "size" | "disabled" | "inline" | "checked" | "readOnly" | "labelClassName" | "partial" | "optionType" | "useMobileUI"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CheckboxProps, keyof import("amis-core").ThemeProps>, "label" | "name" | "value" | "children" | "description" | "onChange" | "size" | "disabled" | "inline" | "checked" | "readOnly" | "labelClassName" | "partial" | "optionType" | "useMobileUI"> & {
             type?: "checkbox" | "radio" | undefined;
             trueValue?: string | number | boolean | undefined;
             falseValue?: string | number | boolean | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CheckboxProps, keyof import("amis-core").ThemeProps>, "description" | "children" | "label" | "name" | "onChange" | "value" | "size" | "disabled" | "inline" | "checked" | "readOnly" | "labelClassName" | "partial" | "optionType" | "useMobileUI"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CheckboxProps, keyof import("amis-core").ThemeProps>, "label" | "name" | "value" | "children" | "description" | "onChange" | "size" | "disabled" | "inline" | "checked" | "readOnly" | "labelClassName" | "partial" | "optionType" | "useMobileUI"> & {
             type?: "checkbox" | "radio" | undefined;
             trueValue?: string | number | boolean | undefined;
             falseValue?: string | number | boolean | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<CheckboxProps, keyof import("amis-core").ThemeProps>, "description" | "children" | "label" | "name" | "onChange" | "value" | "size" | "disabled" | "inline" | "checked" | "readOnly" | "labelClassName" | "partial" | "optionType" | "useMobileUI"> & {
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<CheckboxProps, keyof import("amis-core").ThemeProps>, "label" | "name" | "value" | "children" | "description" | "onChange" | "size" | "disabled" | "inline" | "checked" | "readOnly" | "labelClassName" | "partial" | "optionType" | "useMobileUI"> & {
             type?: "checkbox" | "radio" | undefined;
             trueValue?: string | number | boolean | undefined;
             falseValue?: string | number | boolean | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<CheckboxProps, keyof import("amis-core").ThemeProps>, "description" | "children" | "label" | "name" | "onChange" | "value" | "size" | "disabled" | "inline" | "checked" | "readOnly" | "labelClassName" | "partial" | "optionType" | "useMobileUI"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<CheckboxProps, keyof import("amis-core").ThemeProps>, "label" | "name" | "value" | "children" | "description" | "onChange" | "size" | "disabled" | "inline" | "checked" | "readOnly" | "labelClassName" | "partial" | "optionType" | "useMobileUI"> & {
             type?: "checkbox" | "radio" | undefined;
             trueValue?: string | number | boolean | undefined;
             falseValue?: string | number | boolean | undefined;

package/lib/components/Checkbox.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -15,10 +15,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/**
- * @file Checkbox
- * @author fex
- */
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var preventEvent = function (e) { return e.stopPropagation(); };
 var Checkbox = /** @class */ (function (_super) {
     tslib.__extends(Checkbox, _super);
@@ -40,7 +39,7 @@ var Checkbox = /** @class */ (function (_super) {
             : typeof value === 'undefined'
                 ? value
                 : value == trueValue;
-        return (React__default["default"].createElement("label", { className: cx("Checkbox Checkbox--".concat(type), className, (_a = {
+        return (_J$X_("label", { className: cx("Checkbox Checkbox--".concat(type), className, (_a = {
                     'Checkbox--full': !partial
                 },
                 // 'Checkbox--partial': partial
@@ -51,15 +50,15 @@ var Checkbox = /** @class */ (function (_super) {
                 _a['Checkbox--button--disabled--checked'] = optionType === 'button' && disabled && _checked,
                 _a['is-mobile'] = amisCore.isMobile(),
                 _a)), "data-role": "checkbox" },
-            React__default["default"].createElement("input", { type: type, checked: typeof checked !== 'undefined'
+            _J$X_("input", { type: type, checked: typeof checked !== 'undefined'
                     ? checked
                     : typeof value === 'undefined'
                         ? value
                         : value == trueValue, onChange: this.handleCheck, onClick: preventEvent // 当点击 i 的时候，这个地方也会触发 click，很奇怪，干脆禁掉
                 , disabled: disabled, readOnly: readOnly, name: name }),
-            React__default["default"].createElement("i", null),
-            React__default["default"].createElement("span", { className: cx(labelClassName) }, children || label),
-            description ? (React__default["default"].createElement("div", { className: cx('Checkbox-desc') }, description)) : null));
+            _J$X_("i", null),
+            _J$X_("span", { className: cx(labelClassName) }, children || label),
+            description ? (_J$X_("div", { className: cx('Checkbox-desc') }, description)) : null));
     };
     Checkbox.defaultProps = {
         trueValue: true,

package/lib/components/CityArea.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -17,10 +17,9 @@ require('lodash/pick');
 var amisCore = require('amis-core');
 var PopUp = require('./PopUp.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-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 CityArea = React.memo(function (props) {
     var _a;
     var _b = props.joinValues, joinValues = _b === void 0 ? true : _b, _c = props.extractValue, extractValue = _c === void 0 ? true : _c, _d = props.delimiter, delimiter = _d === void 0 ? ',' : _d, _e = props.allowCity, allowCity = _e === void 0 ? true : _e, _f = props.allowDistrict, allowDistrict = _f === void 0 ? true : _f, _g = props.allowStreet, allowStreet = _g === void 0 ? false : _g, 
@@ -183,13 +182,13 @@ var CityArea = React.memo(function (props) {
         values.length && updateColumns();
     }, [values]);
     var result = (_a = confirmValues === null || confirmValues === void 0 ? void 0 : confirmValues.filter(function (item) { return item === null || item === void 0 ? void 0 : item.value; })) === null || _a === void 0 ? void 0 : _a.map(function (item) { return item.text; }).join(delimiter);
-    return (React__default["default"].createElement("div", { className: cx("CityArea"), style: style },
-        React__default["default"].createElement(ResultBox["default"], { className: cx('CityArea-Input', isOpened ? 'is-active' : ''), allowInput: false, result: result, onResultChange: function () { }, onResultClick: function () { return setIsOpened(!isOpened); }, placeholder: __('Select.placeholder'), useMobileUI: useMobileUI }),
-        allowStreet && values[0] ? (React__default["default"].createElement("input", { className: cx('CityArea-Input'), value: street, onChange: function (e) {
+    return (_J$X_("div", { className: cx("CityArea"), style: style },
+        _J$X_(ResultBox["default"], { className: cx('CityArea-Input', isOpened ? 'is-active' : ''), allowInput: false, result: result, onResultChange: function () { }, onResultClick: function () { return setIsOpened(!isOpened); }, placeholder: __('Select.placeholder'), useMobileUI: useMobileUI }),
+        allowStreet && values[0] ? (_J$X_("input", { className: cx('CityArea-Input'), value: street, onChange: function (e) {
                 return setStreet(e.currentTarget.value);
             }, placeholder: __('City.street'), disabled: disabled, readOnly: true })) : null,
-        React__default["default"].createElement(PopUp["default"], { className: cx("CityArea-popup"), container: popOverContainer, isShow: isOpened, showConfirm: true, onConfirm: onConfirm, onHide: onCancel },
-            React__default["default"].createElement(Picker["default"], { className: 'CityArea-picker', columns: state.columns, onChange: onChange, showToolbar: false, labelField: "text", itemHeight: 40, value: values, classnames: props.classnames, classPrefix: props.classPrefix }))));
+        _J$X_(PopUp["default"], { className: cx("CityArea-popup"), container: popOverContainer, isShow: isOpened, showConfirm: true, onConfirm: onConfirm, onHide: onCancel },
+            _J$X_(Picker["default"], { className: 'CityArea-picker', columns: state.columns, onChange: onChange, showToolbar: false, labelField: "text", itemHeight: 40, value: values, classnames: props.classnames, classPrefix: props.classPrefix }))));
 });
 var CityArea$1 = amisCore.themeable(amisCore.localeable(amisCore.uncontrollable(CityArea, {
     value: 'onChange'

package/lib/components/CityDB.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 

package/lib/components/CodeMirror.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -15,6 +15,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 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 CodeMirrorEditor = /** @class */ (function (_super) {
     tslib.__extends(CodeMirrorEditor, _super);
     function CodeMirrorEditor() {
@@ -110,7 +113,7 @@ var CodeMirrorEditor = /** @class */ (function (_super) {
     };
     CodeMirrorEditor.prototype.render = function () {
         var _a = this.props, className = _a.className, style = _a.style;
-        return React__default["default"].createElement("div", { className: className, style: style, ref: this.dom });
+        return _J$X_("div", { className: className, style: style, ref: this.dom });
     };
     tslib.__decorate([
         amisCore.autobind,

package/lib/components/Collapse.d.ts

@@ -62,16 +62,16 @@ export declare class Collapse extends React.Component<CollapseProps, CollapseSta
 }
 declare const _default: {
     new (props: Pick<Omit<CollapseProps, keyof import("amis-core").ThemeProps>, never> & {
-        children?: React.ReactNode | React.ReactNode[];
+        translate?: TranslateFn<any> | undefined;
+        key?: string | undefined;
         body?: any;
         header?: React.ReactNode;
-        translate?: TranslateFn<any> | undefined;
+        children?: React.ReactNode | React.ReactNode[];
         id?: string | undefined;
         size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
         disabled?: boolean | undefined;
         mountOnEnter?: boolean | undefined;
         unmountOnExit?: boolean | undefined;
-        key?: string | undefined;
         wrapperComponent?: any;
         showArrow?: boolean | undefined;
         bodyClassName?: string | undefined;
@@ -90,10 +90,10 @@ declare const _default: {
         propsUpdate?: boolean | undefined;
         divideLine?: boolean | undefined;
     } & {
-        classPrefix?: string | undefined;
         classnames?: ClassNamesFn | undefined;
-        className?: string | undefined;
+        classPrefix?: string | undefined;
         style?: any;
+        className?: string | undefined;
     } & import("packages/amis-core/lib/theme").ThemeOutterProps): {
         ref: any;
         childRef(ref: any): void;
@@ -101,16 +101,16 @@ declare const _default: {
         render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<CollapseProps, keyof import("amis-core").ThemeProps>, never> & {
-            children?: React.ReactNode | React.ReactNode[];
+            translate?: TranslateFn<any> | undefined;
+            key?: string | undefined;
             body?: any;
             header?: React.ReactNode;
-            translate?: TranslateFn<any> | undefined;
+            children?: React.ReactNode | React.ReactNode[];
             id?: string | undefined;
             size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
             disabled?: boolean | undefined;
             mountOnEnter?: boolean | undefined;
             unmountOnExit?: boolean | undefined;
-            key?: string | undefined;
             wrapperComponent?: any;
             showArrow?: boolean | undefined;
             bodyClassName?: string | undefined;
@@ -129,23 +129,23 @@ declare const _default: {
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: any;
+            className?: string | undefined;
         } & import("packages/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<CollapseProps, keyof import("amis-core").ThemeProps>, never> & {
-            children?: React.ReactNode | React.ReactNode[];
+            translate?: TranslateFn<any> | undefined;
+            key?: string | undefined;
             body?: any;
             header?: React.ReactNode;
-            translate?: TranslateFn<any> | undefined;
+            children?: React.ReactNode | React.ReactNode[];
             id?: string | undefined;
             size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
             disabled?: boolean | undefined;
             mountOnEnter?: boolean | undefined;
             unmountOnExit?: boolean | undefined;
-            key?: string | undefined;
             wrapperComponent?: any;
             showArrow?: boolean | undefined;
             bodyClassName?: string | undefined;
@@ -164,10 +164,10 @@ declare const _default: {
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: any;
+            className?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>;
         state: Readonly<{}>;
         refs: {
@@ -175,16 +175,16 @@ declare const _default: {
         };
         componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("amis-core").ThemeProps>, never> & {
-            children?: React.ReactNode | React.ReactNode[];
+            translate?: TranslateFn<any> | undefined;
+            key?: string | undefined;
             body?: any;
             header?: React.ReactNode;
-            translate?: TranslateFn<any> | undefined;
+            children?: React.ReactNode | React.ReactNode[];
             id?: string | undefined;
             size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
             disabled?: boolean | undefined;
             mountOnEnter?: boolean | undefined;
             unmountOnExit?: boolean | undefined;
-            key?: string | undefined;
             wrapperComponent?: any;
             showArrow?: boolean | undefined;
             bodyClassName?: string | undefined;
@@ -203,24 +203,24 @@ declare const _default: {
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: any;
+            className?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
         getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<CollapseProps, keyof import("amis-core").ThemeProps>, never> & {
-            children?: React.ReactNode | React.ReactNode[];
+            translate?: TranslateFn<any> | undefined;
+            key?: string | undefined;
             body?: any;
             header?: React.ReactNode;
-            translate?: TranslateFn<any> | undefined;
+            children?: React.ReactNode | React.ReactNode[];
             id?: string | undefined;
             size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
             disabled?: boolean | undefined;
             mountOnEnter?: boolean | undefined;
             unmountOnExit?: boolean | undefined;
-            key?: string | undefined;
             wrapperComponent?: any;
             showArrow?: boolean | undefined;
             bodyClassName?: string | undefined;
@@ -239,22 +239,22 @@ declare const _default: {
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: any;
+            className?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
         componentDidUpdate?(prevProps: Readonly<Pick<Omit<CollapseProps, keyof import("amis-core").ThemeProps>, never> & {
-            children?: React.ReactNode | React.ReactNode[];
+            translate?: TranslateFn<any> | undefined;
+            key?: string | undefined;
             body?: any;
             header?: React.ReactNode;
-            translate?: TranslateFn<any> | undefined;
+            children?: React.ReactNode | React.ReactNode[];
             id?: string | undefined;
             size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
             disabled?: boolean | undefined;
             mountOnEnter?: boolean | undefined;
             unmountOnExit?: boolean | undefined;
-            key?: string | undefined;
             wrapperComponent?: any;
             showArrow?: boolean | undefined;
             bodyClassName?: string | undefined;
@@ -273,24 +273,24 @@ declare const _default: {
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: any;
+            className?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
         componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("amis-core").ThemeProps>, never> & {
-            children?: React.ReactNode | React.ReactNode[];
+            translate?: TranslateFn<any> | undefined;
+            key?: string | undefined;
             body?: any;
             header?: React.ReactNode;
-            translate?: TranslateFn<any> | undefined;
+            children?: React.ReactNode | React.ReactNode[];
             id?: string | undefined;
             size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
             disabled?: boolean | undefined;
             mountOnEnter?: boolean | undefined;
             unmountOnExit?: boolean | undefined;
-            key?: string | undefined;
             wrapperComponent?: any;
             showArrow?: boolean | undefined;
             bodyClassName?: string | undefined;
@@ -309,22 +309,22 @@ declare const _default: {
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: any;
+            className?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
         UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("amis-core").ThemeProps>, never> & {
-            children?: React.ReactNode | React.ReactNode[];
+            translate?: TranslateFn<any> | undefined;
+            key?: string | undefined;
             body?: any;
             header?: React.ReactNode;
-            translate?: TranslateFn<any> | undefined;
+            children?: React.ReactNode | React.ReactNode[];
             id?: string | undefined;
             size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
             disabled?: boolean | undefined;
             mountOnEnter?: boolean | undefined;
             unmountOnExit?: boolean | undefined;
-            key?: string | undefined;
             wrapperComponent?: any;
             showArrow?: boolean | undefined;
             bodyClassName?: string | undefined;
@@ -343,22 +343,22 @@ declare const _default: {
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: any;
+            className?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
         componentWillUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("amis-core").ThemeProps>, never> & {
-            children?: React.ReactNode | React.ReactNode[];
+            translate?: TranslateFn<any> | undefined;
+            key?: string | undefined;
             body?: any;
             header?: React.ReactNode;
-            translate?: TranslateFn<any> | undefined;
+            children?: React.ReactNode | React.ReactNode[];
             id?: string | undefined;
             size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
             disabled?: boolean | undefined;
             mountOnEnter?: boolean | undefined;
             unmountOnExit?: boolean | undefined;
-            key?: string | undefined;
             wrapperComponent?: any;
             showArrow?: boolean | undefined;
             bodyClassName?: string | undefined;
@@ -377,22 +377,22 @@ declare const _default: {
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: any;
+            className?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("amis-core").ThemeProps>, never> & {
-            children?: React.ReactNode | React.ReactNode[];
+            translate?: TranslateFn<any> | undefined;
+            key?: string | undefined;
             body?: any;
             header?: React.ReactNode;
-            translate?: TranslateFn<any> | undefined;
+            children?: React.ReactNode | React.ReactNode[];
             id?: string | undefined;
             size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
             disabled?: boolean | undefined;
             mountOnEnter?: boolean | undefined;
             unmountOnExit?: boolean | undefined;
-            key?: string | undefined;
             wrapperComponent?: any;
             showArrow?: boolean | undefined;
             bodyClassName?: string | undefined;
@@ -411,10 +411,10 @@ declare const _default: {
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: any;
+            className?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     displayName: string;

package/lib/components/Collapse.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -18,11 +18,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Transition__default = /*#__PURE__*/_interopDefaultLegacy(Transition);
 
-/**
- * @file Collapse
- * @description
- * @author fex
- */
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var _a;
 var collapseStyles = (_a = {},
     _a[Transition.EXITED] = 'out',
@@ -95,23 +93,23 @@ var Collapse = /** @class */ (function (_super) {
             : collapseHeader || header;
         var mobileUI = useMobileUI && amisCore.isMobile();
         var dom = [
-            finalHeader ? (React__default["default"].createElement(HeadingComponent, { key: "header", onClick: this.toggleCollapsed, className: cx("Collapse-header", { 'is-mobile': mobileUI }, headingClassName) },
-                showArrow && collapsable ? (expandIcon ? (React__default["default"].cloneElement(expandIcon, tslib.__assign(tslib.__assign({}, expandIcon.props), { className: cx('Collapse-icon-tranform', (_b = expandIcon.props) === null || _b === void 0 ? void 0 : _b.className) }))) : (React__default["default"].createElement("span", { className: cx('Collapse-arrow-wrap') },
-                    React__default["default"].createElement(icons.Icon, { icon: "right-arrow-bold", className: cx('Collapse-arrow', 'icon'), wrapClassName: cx('Collapse-arrow'), iconContent: "Collapse-arrow" })))) : (''),
+            finalHeader ? (_J$X_(HeadingComponent, { key: "header", onClick: this.toggleCollapsed, className: cx("Collapse-header", { 'is-mobile': mobileUI }, headingClassName) },
+                showArrow && collapsable ? (expandIcon ? (React__default["default"].cloneElement(expandIcon, tslib.__assign(tslib.__assign({}, expandIcon.props), { className: cx('Collapse-icon-tranform', (_b = expandIcon.props) === null || _b === void 0 ? void 0 : _b.className) }))) : (_J$X_("span", { className: cx('Collapse-arrow-wrap') },
+                    _J$X_(icons.Icon, { icon: "right-arrow-bold", className: cx('Collapse-arrow', 'icon'), classNameProp: cx('Collapse-arrow'), iconContent: "Collapse-arrow" })))) : (''),
                 finalHeader)) : null,
-            React__default["default"].createElement(Transition__default["default"], { key: "body", mountOnEnter: mountOnEnter, unmountOnExit: unmountOnExit, in: !this.state.collapsed, timeout: 300, onEnter: this.handleEnter, onEntering: this.handleEntering, onEntered: this.handleEntered, onExit: this.handleExit, onExiting: this.handleExiting }, function (status) {
+            _J$X_(Transition__default["default"], { key: "body", mountOnEnter: mountOnEnter, unmountOnExit: unmountOnExit, in: !this.state.collapsed, timeout: 300, onEnter: this.handleEnter, onEntering: this.handleEntering, onEntered: this.handleEntered, onExit: this.handleExit, onExiting: this.handleExiting }, function (status) {
                 if (status === Transition.ENTERING) {
                     _this.contentDom.offsetWidth;
                 }
-                return (React__default["default"].createElement("div", { className: cx('Collapse-contentWrapper', collapseStyles[status]), ref: _this.contentRef },
-                    React__default["default"].createElement("div", { className: cx('Collapse-body', bodyClassName) },
-                        React__default["default"].createElement("div", { className: cx('Collapse-content') }, body || children))));
+                return (_J$X_("div", { className: cx('Collapse-contentWrapper', collapseStyles[status]), ref: _this.contentRef },
+                    _J$X_("div", { className: cx('Collapse-body', bodyClassName) },
+                        _J$X_("div", { className: cx('Collapse-content') }, body || children))));
             })
         ];
         if (headerPosition === 'bottom') {
             dom.reverse();
         }
-        return (React__default["default"].createElement(WrapperComponent, { className: cx("Collapse", (_a = {
+        return (_J$X_(WrapperComponent, { className: cx("Collapse", (_a = {
                     'is-mobile': mobileUI,
                     'is-active': !this.state.collapsed
                 },