amis-ui 6.2.2 → 6.4.0

package/lib/components/CodeMirror.d.ts

@@ -4,6 +4,7 @@ export interface CodeMirrorEditorProps {
     className?: string;
     style?: any;
     value?: string;
+    readOnly?: boolean;
     onChange?: (value: string) => void;
     onFocus?: (e: any) => void;
     onBlur?: (e: any) => void;

package/lib/components/CodeMirror.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.4.0
  * Copyright 2018-2024 fex
  */
 
@@ -52,18 +52,24 @@ var CodeMirrorEditor = /** @class */ (function (_super) {
                         _f.sent();
                         return [4 /*yield*/, Promise.resolve().then(function() {return new Promise(function(fullfill) {require(['codemirror/addon/mode/multiplex'], function(mod) {fullfill(tslib.__importStar(mod))})})})];
                     case 5:
+                        _f.sent();
+                        return [4 /*yield*/, Promise.resolve().then(function() {return new Promise(function(fullfill) {require(['codemirror/addon/display/placeholder'], function(mod) {fullfill(tslib.__importStar(mod))})})})];
+                    case 6:
                         _f.sent();
                         if (this.unmounted) {
                             return [2 /*return*/];
                         }
+                        this.dom.current.innerHTML = '';
                         this.editor =
                             (_c = (_b = (_a = this.props).editorFactory) === null || _b === void 0 ? void 0 : _b.call(_a, this.dom.current, cm, this.props)) !== null && _c !== void 0 ? _c : cm(this.dom.current, {
-                                value: this.props.value || ''
+                                value: this.props.value || '',
+                                readOnly: this.props.readOnly ? 'nocursor' : false
                             });
                         (_e = (_d = this.props).editorDidMount) === null || _e === void 0 ? void 0 : _e.call(_d, cm, this.editor);
                         this.editor.on('change', this.handleChange);
                         this.editor.on('blur', this.handleBlur);
                         this.editor.on('focus', this.handleFocus);
+                        this.setValue(this.props.value);
                         this.toDispose.push(amisCore.resizeSensor(this.dom.current, function () { var _a; return (_a = _this.editor) === null || _a === void 0 ? void 0 : _a.refresh(); }));
                         // todo 以后优化这个，解决弹窗里面默认光标太小的问题
                         setTimeout(function () { var _a; return (_a = _this.editor) === null || _a === void 0 ? void 0 : _a.refresh(); }, 350);
@@ -77,10 +83,15 @@ var CodeMirrorEditor = /** @class */ (function (_super) {
         });
     };
     CodeMirrorEditor.prototype.componentDidUpdate = function (prevProps) {
+        var _this = this;
         var props = this.props;
         if (props.value !== prevProps.value) {
             this.editor && this.setValue(props.value);
         }
+        amisCore.changedEffect(['readOnly'], prevProps, this.props, function (changes) {
+            var _a;
+            (_a = _this.editor) === null || _a === void 0 ? void 0 : _a.setOption('readOnly', changes.readOnly ? 'nocursor' : false);
+        });
     };
     CodeMirrorEditor.prototype.componentWillUnmount = function () {
         var _a, _b, _c;
@@ -105,9 +116,9 @@ var CodeMirrorEditor = /** @class */ (function (_super) {
     };
     CodeMirrorEditor.prototype.setValue = function (value) {
         var doc = this.editor.getDoc();
-        if (value && value !== doc.getValue()) {
+        if (value !== doc.getValue()) {
             var cursor = doc.getCursor();
-            doc.setValue(value);
+            doc.setValue(value || '');
             doc.setCursor(cursor);
         }
     };

package/lib/components/Collapse.d.ts

@@ -63,38 +63,38 @@ export declare class Collapse extends React.Component<CollapseProps, CollapseSta
 }
 declare const _default: {
     new (props: Pick<Omit<CollapseProps, keyof ThemeProps>, never> & {
-        translate?: TranslateFn<any> | undefined;
-        key?: string | undefined;
         body?: any;
         header?: React.ReactNode;
-        children?: React.ReactNode | React.ReactNode[];
         disabled?: boolean | undefined;
-        id?: string | undefined;
+        children?: React.ReactNode | React.ReactNode[];
+        translate?: TranslateFn<any> | undefined;
         size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
-        mountOnEnter?: boolean | undefined;
-        unmountOnExit?: boolean | undefined;
-        wrapperComponent?: any;
-        showArrow?: boolean | undefined;
-        bodyClassName?: string | undefined;
         partial?: boolean | undefined;
-        collapsed?: boolean | undefined;
+        id?: string | undefined;
+        key?: string | undefined;
+        wrapperComponent?: any;
+        onCollapse?: ((collapsed: boolean) => void) | undefined;
         collapseId?: string | undefined;
         propKey?: string | undefined;
-        headerPosition?: "bottom" | "top" | undefined;
+        mountOnEnter?: boolean | undefined;
+        unmountOnExit?: boolean | undefined;
+        headerPosition?: "top" | "bottom" | undefined;
+        bodyClassName?: string | undefined;
         collapsable?: boolean | undefined;
+        collapsed?: boolean | undefined;
+        showArrow?: boolean | undefined;
         expandIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
         headingClassName?: string | undefined;
         collapseHeader?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
-        onCollapse?: ((collapsed: boolean) => void) | undefined;
         headingComponent?: any;
         propsUpdate?: boolean | undefined;
         divideLine?: boolean | undefined;
         enableFieldSetStyle?: boolean | undefined;
     } & {
-        classnames?: ClassNamesFn | undefined;
-        classPrefix?: string | undefined;
         style?: any;
         className?: string | undefined;
+        classPrefix?: string | undefined;
+        classnames?: ClassNamesFn | undefined;
         theme?: string | undefined;
         mobileUI?: boolean | undefined;
     } & import("packages/amis-core/lib/theme").ThemeOuterProps): {
@@ -104,75 +104,75 @@ declare const _default: {
         render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<CollapseProps, keyof ThemeProps>, never> & {
-            translate?: TranslateFn<any> | undefined;
-            key?: string | undefined;
             body?: any;
             header?: React.ReactNode;
-            children?: React.ReactNode | React.ReactNode[];
             disabled?: boolean | undefined;
-            id?: string | undefined;
+            children?: React.ReactNode | React.ReactNode[];
+            translate?: TranslateFn<any> | undefined;
             size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
-            mountOnEnter?: boolean | undefined;
-            unmountOnExit?: boolean | undefined;
-            wrapperComponent?: any;
-            showArrow?: boolean | undefined;
-            bodyClassName?: string | undefined;
             partial?: boolean | undefined;
-            collapsed?: boolean | undefined;
+            id?: string | undefined;
+            key?: string | undefined;
+            wrapperComponent?: any;
+            onCollapse?: ((collapsed: boolean) => void) | undefined;
             collapseId?: string | undefined;
             propKey?: string | undefined;
-            headerPosition?: "bottom" | "top" | undefined;
+            mountOnEnter?: boolean | undefined;
+            unmountOnExit?: boolean | undefined;
+            headerPosition?: "top" | "bottom" | undefined;
+            bodyClassName?: string | undefined;
             collapsable?: boolean | undefined;
+            collapsed?: boolean | undefined;
+            showArrow?: boolean | undefined;
             expandIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
             headingClassName?: string | undefined;
             collapseHeader?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
-            onCollapse?: ((collapsed: boolean) => void) | undefined;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
             enableFieldSetStyle?: boolean | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
             style?: any;
             className?: string | undefined;
+            classPrefix?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<Pick<Omit<CollapseProps, keyof ThemeProps>, never> & {
-            translate?: TranslateFn<any> | undefined;
-            key?: string | undefined;
             body?: any;
             header?: React.ReactNode;
-            children?: React.ReactNode | React.ReactNode[];
             disabled?: boolean | undefined;
-            id?: string | undefined;
+            children?: React.ReactNode | React.ReactNode[];
+            translate?: TranslateFn<any> | undefined;
             size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
-            mountOnEnter?: boolean | undefined;
-            unmountOnExit?: boolean | undefined;
-            wrapperComponent?: any;
-            showArrow?: boolean | undefined;
-            bodyClassName?: string | undefined;
             partial?: boolean | undefined;
-            collapsed?: boolean | undefined;
+            id?: string | undefined;
+            key?: string | undefined;
+            wrapperComponent?: any;
+            onCollapse?: ((collapsed: boolean) => void) | undefined;
             collapseId?: string | undefined;
             propKey?: string | undefined;
-            headerPosition?: "bottom" | "top" | undefined;
+            mountOnEnter?: boolean | undefined;
+            unmountOnExit?: boolean | undefined;
+            headerPosition?: "top" | "bottom" | undefined;
+            bodyClassName?: string | undefined;
             collapsable?: boolean | undefined;
+            collapsed?: boolean | undefined;
+            showArrow?: boolean | undefined;
             expandIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
             headingClassName?: string | undefined;
             collapseHeader?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
-            onCollapse?: ((collapsed: boolean) => void) | undefined;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
             enableFieldSetStyle?: boolean | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
             style?: any;
             className?: string | undefined;
+            classPrefix?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>;
@@ -182,258 +182,258 @@ declare const _default: {
         };
         componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof ThemeProps>, never> & {
-            translate?: TranslateFn<any> | undefined;
-            key?: string | undefined;
             body?: any;
             header?: React.ReactNode;
-            children?: React.ReactNode | React.ReactNode[];
             disabled?: boolean | undefined;
-            id?: string | undefined;
+            children?: React.ReactNode | React.ReactNode[];
+            translate?: TranslateFn<any> | undefined;
             size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
-            mountOnEnter?: boolean | undefined;
-            unmountOnExit?: boolean | undefined;
-            wrapperComponent?: any;
-            showArrow?: boolean | undefined;
-            bodyClassName?: string | undefined;
             partial?: boolean | undefined;
-            collapsed?: boolean | undefined;
+            id?: string | undefined;
+            key?: string | undefined;
+            wrapperComponent?: any;
+            onCollapse?: ((collapsed: boolean) => void) | undefined;
             collapseId?: string | undefined;
             propKey?: string | undefined;
-            headerPosition?: "bottom" | "top" | undefined;
+            mountOnEnter?: boolean | undefined;
+            unmountOnExit?: boolean | undefined;
+            headerPosition?: "top" | "bottom" | undefined;
+            bodyClassName?: string | undefined;
             collapsable?: boolean | undefined;
+            collapsed?: boolean | undefined;
+            showArrow?: boolean | undefined;
             expandIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
             headingClassName?: string | undefined;
             collapseHeader?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
-            onCollapse?: ((collapsed: boolean) => void) | undefined;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
             enableFieldSetStyle?: boolean | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
             style?: any;
             className?: string | undefined;
+            classPrefix?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
         getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<CollapseProps, keyof ThemeProps>, never> & {
-            translate?: TranslateFn<any> | undefined;
-            key?: string | undefined;
             body?: any;
             header?: React.ReactNode;
-            children?: React.ReactNode | React.ReactNode[];
             disabled?: boolean | undefined;
-            id?: string | undefined;
+            children?: React.ReactNode | React.ReactNode[];
+            translate?: TranslateFn<any> | undefined;
             size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
-            mountOnEnter?: boolean | undefined;
-            unmountOnExit?: boolean | undefined;
-            wrapperComponent?: any;
-            showArrow?: boolean | undefined;
-            bodyClassName?: string | undefined;
             partial?: boolean | undefined;
-            collapsed?: boolean | undefined;
+            id?: string | undefined;
+            key?: string | undefined;
+            wrapperComponent?: any;
+            onCollapse?: ((collapsed: boolean) => void) | undefined;
             collapseId?: string | undefined;
             propKey?: string | undefined;
-            headerPosition?: "bottom" | "top" | undefined;
+            mountOnEnter?: boolean | undefined;
+            unmountOnExit?: boolean | undefined;
+            headerPosition?: "top" | "bottom" | undefined;
+            bodyClassName?: string | undefined;
             collapsable?: boolean | undefined;
+            collapsed?: boolean | undefined;
+            showArrow?: boolean | undefined;
             expandIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
             headingClassName?: string | undefined;
             collapseHeader?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
-            onCollapse?: ((collapsed: boolean) => void) | undefined;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
             enableFieldSetStyle?: boolean | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
             style?: any;
             className?: string | undefined;
+            classPrefix?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
         componentDidUpdate?(prevProps: Readonly<Pick<Omit<CollapseProps, keyof ThemeProps>, never> & {
-            translate?: TranslateFn<any> | undefined;
-            key?: string | undefined;
             body?: any;
             header?: React.ReactNode;
-            children?: React.ReactNode | React.ReactNode[];
             disabled?: boolean | undefined;
-            id?: string | undefined;
+            children?: React.ReactNode | React.ReactNode[];
+            translate?: TranslateFn<any> | undefined;
             size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
-            mountOnEnter?: boolean | undefined;
-            unmountOnExit?: boolean | undefined;
-            wrapperComponent?: any;
-            showArrow?: boolean | undefined;
-            bodyClassName?: string | undefined;
             partial?: boolean | undefined;
-            collapsed?: boolean | undefined;
+            id?: string | undefined;
+            key?: string | undefined;
+            wrapperComponent?: any;
+            onCollapse?: ((collapsed: boolean) => void) | undefined;
             collapseId?: string | undefined;
             propKey?: string | undefined;
-            headerPosition?: "bottom" | "top" | undefined;
+            mountOnEnter?: boolean | undefined;
+            unmountOnExit?: boolean | undefined;
+            headerPosition?: "top" | "bottom" | undefined;
+            bodyClassName?: string | undefined;
             collapsable?: boolean | undefined;
+            collapsed?: boolean | undefined;
+            showArrow?: boolean | undefined;
             expandIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
             headingClassName?: string | undefined;
             collapseHeader?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
-            onCollapse?: ((collapsed: boolean) => void) | undefined;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
             enableFieldSetStyle?: boolean | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
             style?: any;
             className?: string | undefined;
+            classPrefix?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
         componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof ThemeProps>, never> & {
-            translate?: TranslateFn<any> | undefined;
-            key?: string | undefined;
             body?: any;
             header?: React.ReactNode;
-            children?: React.ReactNode | React.ReactNode[];
             disabled?: boolean | undefined;
-            id?: string | undefined;
+            children?: React.ReactNode | React.ReactNode[];
+            translate?: TranslateFn<any> | undefined;
             size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
-            mountOnEnter?: boolean | undefined;
-            unmountOnExit?: boolean | undefined;
-            wrapperComponent?: any;
-            showArrow?: boolean | undefined;
-            bodyClassName?: string | undefined;
             partial?: boolean | undefined;
-            collapsed?: boolean | undefined;
+            id?: string | undefined;
+            key?: string | undefined;
+            wrapperComponent?: any;
+            onCollapse?: ((collapsed: boolean) => void) | undefined;
             collapseId?: string | undefined;
             propKey?: string | undefined;
-            headerPosition?: "bottom" | "top" | undefined;
+            mountOnEnter?: boolean | undefined;
+            unmountOnExit?: boolean | undefined;
+            headerPosition?: "top" | "bottom" | undefined;
+            bodyClassName?: string | undefined;
             collapsable?: boolean | undefined;
+            collapsed?: boolean | undefined;
+            showArrow?: boolean | undefined;
             expandIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
             headingClassName?: string | undefined;
             collapseHeader?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
-            onCollapse?: ((collapsed: boolean) => void) | undefined;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
             enableFieldSetStyle?: boolean | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
             style?: any;
             className?: string | undefined;
+            classPrefix?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
         UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof ThemeProps>, never> & {
-            translate?: TranslateFn<any> | undefined;
-            key?: string | undefined;
             body?: any;
             header?: React.ReactNode;
-            children?: React.ReactNode | React.ReactNode[];
             disabled?: boolean | undefined;
-            id?: string | undefined;
+            children?: React.ReactNode | React.ReactNode[];
+            translate?: TranslateFn<any> | undefined;
             size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
-            mountOnEnter?: boolean | undefined;
-            unmountOnExit?: boolean | undefined;
-            wrapperComponent?: any;
-            showArrow?: boolean | undefined;
-            bodyClassName?: string | undefined;
             partial?: boolean | undefined;
-            collapsed?: boolean | undefined;
+            id?: string | undefined;
+            key?: string | undefined;
+            wrapperComponent?: any;
+            onCollapse?: ((collapsed: boolean) => void) | undefined;
             collapseId?: string | undefined;
             propKey?: string | undefined;
-            headerPosition?: "bottom" | "top" | undefined;
+            mountOnEnter?: boolean | undefined;
+            unmountOnExit?: boolean | undefined;
+            headerPosition?: "top" | "bottom" | undefined;
+            bodyClassName?: string | undefined;
             collapsable?: boolean | undefined;
+            collapsed?: boolean | undefined;
+            showArrow?: boolean | undefined;
             expandIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
             headingClassName?: string | undefined;
             collapseHeader?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
-            onCollapse?: ((collapsed: boolean) => void) | undefined;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
             enableFieldSetStyle?: boolean | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
             style?: any;
             className?: string | undefined;
+            classPrefix?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
         componentWillUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof ThemeProps>, never> & {
-            translate?: TranslateFn<any> | undefined;
-            key?: string | undefined;
             body?: any;
             header?: React.ReactNode;
-            children?: React.ReactNode | React.ReactNode[];
             disabled?: boolean | undefined;
-            id?: string | undefined;
+            children?: React.ReactNode | React.ReactNode[];
+            translate?: TranslateFn<any> | undefined;
             size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
-            mountOnEnter?: boolean | undefined;
-            unmountOnExit?: boolean | undefined;
-            wrapperComponent?: any;
-            showArrow?: boolean | undefined;
-            bodyClassName?: string | undefined;
             partial?: boolean | undefined;
-            collapsed?: boolean | undefined;
+            id?: string | undefined;
+            key?: string | undefined;
+            wrapperComponent?: any;
+            onCollapse?: ((collapsed: boolean) => void) | undefined;
             collapseId?: string | undefined;
             propKey?: string | undefined;
-            headerPosition?: "bottom" | "top" | undefined;
+            mountOnEnter?: boolean | undefined;
+            unmountOnExit?: boolean | undefined;
+            headerPosition?: "top" | "bottom" | undefined;
+            bodyClassName?: string | undefined;
             collapsable?: boolean | undefined;
+            collapsed?: boolean | undefined;
+            showArrow?: boolean | undefined;
             expandIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
             headingClassName?: string | undefined;
             collapseHeader?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
-            onCollapse?: ((collapsed: boolean) => void) | undefined;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
             enableFieldSetStyle?: boolean | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
             style?: any;
             className?: string | undefined;
+            classPrefix?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof ThemeProps>, never> & {
-            translate?: TranslateFn<any> | undefined;
-            key?: string | undefined;
             body?: any;
             header?: React.ReactNode;
-            children?: React.ReactNode | React.ReactNode[];
             disabled?: boolean | undefined;
-            id?: string | undefined;
+            children?: React.ReactNode | React.ReactNode[];
+            translate?: TranslateFn<any> | undefined;
             size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
-            mountOnEnter?: boolean | undefined;
-            unmountOnExit?: boolean | undefined;
-            wrapperComponent?: any;
-            showArrow?: boolean | undefined;
-            bodyClassName?: string | undefined;
             partial?: boolean | undefined;
-            collapsed?: boolean | undefined;
+            id?: string | undefined;
+            key?: string | undefined;
+            wrapperComponent?: any;
+            onCollapse?: ((collapsed: boolean) => void) | undefined;
             collapseId?: string | undefined;
             propKey?: string | undefined;
-            headerPosition?: "bottom" | "top" | undefined;
+            mountOnEnter?: boolean | undefined;
+            unmountOnExit?: boolean | undefined;
+            headerPosition?: "top" | "bottom" | undefined;
+            bodyClassName?: string | undefined;
             collapsable?: boolean | undefined;
+            collapsed?: boolean | undefined;
+            showArrow?: boolean | undefined;
             expandIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
             headingClassName?: string | undefined;
             collapseHeader?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
-            onCollapse?: ((collapsed: boolean) => void) | undefined;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
             enableFieldSetStyle?: boolean | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
-            classPrefix?: string | undefined;
             style?: any;
             className?: string | undefined;
+            classPrefix?: string | undefined;
+            classnames?: ClassNamesFn | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;

package/lib/components/Collapse.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.4.0
  * Copyright 2018-2024 fex
  */