amis-ui 6.2.2 → 6.4.0

package/esm/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/esm/components/CodeMirror.js

@@ -1,11 +1,11 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.4.0
  * Copyright 2018-2024 fex
  */
 
 import { __extends, __awaiter, __generator, __decorate, __metadata } from 'tslib';
 import React__default from 'react';
-import { resizeSensor, autobind } from 'amis-core';
+import { resizeSensor, changedEffect, autobind } from 'amis-core';
 
 var CodeMirrorEditor = /** @class */ (function (_super) {
     __extends(CodeMirrorEditor, _super);
@@ -41,18 +41,24 @@ var CodeMirrorEditor = /** @class */ (function (_super) {
                         _f.sent();
                         return [4 /*yield*/, import('codemirror/addon/mode/multiplex')];
                     case 5:
+                        _f.sent();
+                        return [4 /*yield*/, import('codemirror/addon/display/placeholder')];
+                    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(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);
@@ -66,10 +72,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);
         }
+        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;
@@ -94,9 +105,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/esm/components/Collapse.d.ts

@@ -63,40 +63,40 @@ 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;
+        children?: React.ReactNode | React.ReactNode[];
         body?: any;
         header?: React.ReactNode;
-        children?: React.ReactNode | React.ReactNode[];
-        size?: "base" | "xs" | "sm" | "md" | "lg" | undefined;
-        id?: string | undefined;
         disabled?: boolean | undefined;
-        partial?: boolean | undefined;
-        collapseId?: string | undefined;
-        propKey?: string | undefined;
+        translate?: TranslateFn<any> | undefined;
+        id?: string | undefined;
+        size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
         mountOnEnter?: boolean | undefined;
         unmountOnExit?: boolean | undefined;
-        headerPosition?: "top" | "bottom" | undefined;
+        key?: string | undefined;
+        wrapperComponent?: any;
+        showArrow?: boolean | undefined;
         bodyClassName?: string | undefined;
-        collapsable?: boolean | undefined;
+        partial?: boolean | undefined;
         collapsed?: boolean | undefined;
-        showArrow?: boolean | undefined;
+        collapseId?: string | undefined;
+        propKey?: string | undefined;
+        headerPosition?: "bottom" | "top" | undefined;
+        collapsable?: 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;
-        wrapperComponent?: any;
         headingComponent?: any;
         propsUpdate?: boolean | undefined;
         divideLine?: boolean | undefined;
         enableFieldSetStyle?: boolean | undefined;
     } & {
-        classnames?: ClassNamesFn | undefined;
         classPrefix?: string | undefined;
-        style?: any;
+        classnames?: ClassNamesFn | undefined;
         className?: string | undefined;
         theme?: string | undefined;
         mobileUI?: boolean | undefined;
+        style?: any;
     } & import("packages/amis-core/lib/theme").ThemeOuterProps): {
         ref: any;
         childRef(ref: any): void;
@@ -104,77 +104,77 @@ 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;
+            children?: React.ReactNode | React.ReactNode[];
             body?: any;
             header?: React.ReactNode;
-            children?: React.ReactNode | React.ReactNode[];
-            size?: "base" | "xs" | "sm" | "md" | "lg" | undefined;
-            id?: string | undefined;
             disabled?: boolean | undefined;
-            partial?: boolean | undefined;
-            collapseId?: string | undefined;
-            propKey?: string | undefined;
+            translate?: TranslateFn<any> | undefined;
+            id?: string | undefined;
+            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
             mountOnEnter?: boolean | undefined;
             unmountOnExit?: boolean | undefined;
-            headerPosition?: "top" | "bottom" | undefined;
+            key?: string | undefined;
+            wrapperComponent?: any;
+            showArrow?: boolean | undefined;
             bodyClassName?: string | undefined;
-            collapsable?: boolean | undefined;
+            partial?: boolean | undefined;
             collapsed?: boolean | undefined;
-            showArrow?: boolean | undefined;
+            collapseId?: string | undefined;
+            propKey?: string | undefined;
+            headerPosition?: "bottom" | "top" | undefined;
+            collapsable?: 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;
-            wrapperComponent?: any;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
             enableFieldSetStyle?: boolean | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: any;
+            classnames?: ClassNamesFn | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
+            style?: any;
         } & 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;
+            children?: React.ReactNode | React.ReactNode[];
             body?: any;
             header?: React.ReactNode;
-            children?: React.ReactNode | React.ReactNode[];
-            size?: "base" | "xs" | "sm" | "md" | "lg" | undefined;
-            id?: string | undefined;
             disabled?: boolean | undefined;
-            partial?: boolean | undefined;
-            collapseId?: string | undefined;
-            propKey?: string | undefined;
+            translate?: TranslateFn<any> | undefined;
+            id?: string | undefined;
+            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
             mountOnEnter?: boolean | undefined;
             unmountOnExit?: boolean | undefined;
-            headerPosition?: "top" | "bottom" | undefined;
+            key?: string | undefined;
+            wrapperComponent?: any;
+            showArrow?: boolean | undefined;
             bodyClassName?: string | undefined;
-            collapsable?: boolean | undefined;
+            partial?: boolean | undefined;
             collapsed?: boolean | undefined;
-            showArrow?: boolean | undefined;
+            collapseId?: string | undefined;
+            propKey?: string | undefined;
+            headerPosition?: "bottom" | "top" | undefined;
+            collapsable?: 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;
-            wrapperComponent?: any;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
             enableFieldSetStyle?: boolean | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: any;
+            classnames?: ClassNamesFn | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
+            style?: any;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>;
         state: Readonly<{}>;
         refs: {
@@ -182,260 +182,260 @@ declare const _default: {
         };
         componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof ThemeProps>, never> & {
-            translate?: TranslateFn<any> | undefined;
-            key?: string | undefined;
+            children?: React.ReactNode | React.ReactNode[];
             body?: any;
             header?: React.ReactNode;
-            children?: React.ReactNode | React.ReactNode[];
-            size?: "base" | "xs" | "sm" | "md" | "lg" | undefined;
-            id?: string | undefined;
             disabled?: boolean | undefined;
-            partial?: boolean | undefined;
-            collapseId?: string | undefined;
-            propKey?: string | undefined;
+            translate?: TranslateFn<any> | undefined;
+            id?: string | undefined;
+            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
             mountOnEnter?: boolean | undefined;
             unmountOnExit?: boolean | undefined;
-            headerPosition?: "top" | "bottom" | undefined;
+            key?: string | undefined;
+            wrapperComponent?: any;
+            showArrow?: boolean | undefined;
             bodyClassName?: string | undefined;
-            collapsable?: boolean | undefined;
+            partial?: boolean | undefined;
             collapsed?: boolean | undefined;
-            showArrow?: boolean | undefined;
+            collapseId?: string | undefined;
+            propKey?: string | undefined;
+            headerPosition?: "bottom" | "top" | undefined;
+            collapsable?: 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;
-            wrapperComponent?: any;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
             enableFieldSetStyle?: boolean | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: any;
+            classnames?: ClassNamesFn | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
+            style?: any;
         } & 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;
+            children?: React.ReactNode | React.ReactNode[];
             body?: any;
             header?: React.ReactNode;
-            children?: React.ReactNode | React.ReactNode[];
-            size?: "base" | "xs" | "sm" | "md" | "lg" | undefined;
-            id?: string | undefined;
             disabled?: boolean | undefined;
-            partial?: boolean | undefined;
-            collapseId?: string | undefined;
-            propKey?: string | undefined;
+            translate?: TranslateFn<any> | undefined;
+            id?: string | undefined;
+            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
             mountOnEnter?: boolean | undefined;
             unmountOnExit?: boolean | undefined;
-            headerPosition?: "top" | "bottom" | undefined;
+            key?: string | undefined;
+            wrapperComponent?: any;
+            showArrow?: boolean | undefined;
             bodyClassName?: string | undefined;
-            collapsable?: boolean | undefined;
+            partial?: boolean | undefined;
             collapsed?: boolean | undefined;
-            showArrow?: boolean | undefined;
+            collapseId?: string | undefined;
+            propKey?: string | undefined;
+            headerPosition?: "bottom" | "top" | undefined;
+            collapsable?: 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;
-            wrapperComponent?: any;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
             enableFieldSetStyle?: boolean | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: any;
+            classnames?: ClassNamesFn | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
+            style?: any;
         } & 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;
+            children?: React.ReactNode | React.ReactNode[];
             body?: any;
             header?: React.ReactNode;
-            children?: React.ReactNode | React.ReactNode[];
-            size?: "base" | "xs" | "sm" | "md" | "lg" | undefined;
-            id?: string | undefined;
             disabled?: boolean | undefined;
-            partial?: boolean | undefined;
-            collapseId?: string | undefined;
-            propKey?: string | undefined;
+            translate?: TranslateFn<any> | undefined;
+            id?: string | undefined;
+            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
             mountOnEnter?: boolean | undefined;
             unmountOnExit?: boolean | undefined;
-            headerPosition?: "top" | "bottom" | undefined;
+            key?: string | undefined;
+            wrapperComponent?: any;
+            showArrow?: boolean | undefined;
             bodyClassName?: string | undefined;
-            collapsable?: boolean | undefined;
+            partial?: boolean | undefined;
             collapsed?: boolean | undefined;
-            showArrow?: boolean | undefined;
+            collapseId?: string | undefined;
+            propKey?: string | undefined;
+            headerPosition?: "bottom" | "top" | undefined;
+            collapsable?: 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;
-            wrapperComponent?: any;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
             enableFieldSetStyle?: boolean | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: any;
+            classnames?: ClassNamesFn | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
+            style?: any;
         } & 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;
+            children?: React.ReactNode | React.ReactNode[];
             body?: any;
             header?: React.ReactNode;
-            children?: React.ReactNode | React.ReactNode[];
-            size?: "base" | "xs" | "sm" | "md" | "lg" | undefined;
-            id?: string | undefined;
             disabled?: boolean | undefined;
-            partial?: boolean | undefined;
-            collapseId?: string | undefined;
-            propKey?: string | undefined;
+            translate?: TranslateFn<any> | undefined;
+            id?: string | undefined;
+            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
             mountOnEnter?: boolean | undefined;
             unmountOnExit?: boolean | undefined;
-            headerPosition?: "top" | "bottom" | undefined;
+            key?: string | undefined;
+            wrapperComponent?: any;
+            showArrow?: boolean | undefined;
             bodyClassName?: string | undefined;
-            collapsable?: boolean | undefined;
+            partial?: boolean | undefined;
             collapsed?: boolean | undefined;
-            showArrow?: boolean | undefined;
+            collapseId?: string | undefined;
+            propKey?: string | undefined;
+            headerPosition?: "bottom" | "top" | undefined;
+            collapsable?: 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;
-            wrapperComponent?: any;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
             enableFieldSetStyle?: boolean | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: any;
+            classnames?: ClassNamesFn | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
+            style?: any;
         } & 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;
+            children?: React.ReactNode | React.ReactNode[];
             body?: any;
             header?: React.ReactNode;
-            children?: React.ReactNode | React.ReactNode[];
-            size?: "base" | "xs" | "sm" | "md" | "lg" | undefined;
-            id?: string | undefined;
             disabled?: boolean | undefined;
-            partial?: boolean | undefined;
-            collapseId?: string | undefined;
-            propKey?: string | undefined;
+            translate?: TranslateFn<any> | undefined;
+            id?: string | undefined;
+            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
             mountOnEnter?: boolean | undefined;
             unmountOnExit?: boolean | undefined;
-            headerPosition?: "top" | "bottom" | undefined;
+            key?: string | undefined;
+            wrapperComponent?: any;
+            showArrow?: boolean | undefined;
             bodyClassName?: string | undefined;
-            collapsable?: boolean | undefined;
+            partial?: boolean | undefined;
             collapsed?: boolean | undefined;
-            showArrow?: boolean | undefined;
+            collapseId?: string | undefined;
+            propKey?: string | undefined;
+            headerPosition?: "bottom" | "top" | undefined;
+            collapsable?: 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;
-            wrapperComponent?: any;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
             enableFieldSetStyle?: boolean | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: any;
+            classnames?: ClassNamesFn | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
+            style?: any;
         } & 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;
+            children?: React.ReactNode | React.ReactNode[];
             body?: any;
             header?: React.ReactNode;
-            children?: React.ReactNode | React.ReactNode[];
-            size?: "base" | "xs" | "sm" | "md" | "lg" | undefined;
-            id?: string | undefined;
             disabled?: boolean | undefined;
-            partial?: boolean | undefined;
-            collapseId?: string | undefined;
-            propKey?: string | undefined;
+            translate?: TranslateFn<any> | undefined;
+            id?: string | undefined;
+            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
             mountOnEnter?: boolean | undefined;
             unmountOnExit?: boolean | undefined;
-            headerPosition?: "top" | "bottom" | undefined;
+            key?: string | undefined;
+            wrapperComponent?: any;
+            showArrow?: boolean | undefined;
             bodyClassName?: string | undefined;
-            collapsable?: boolean | undefined;
+            partial?: boolean | undefined;
             collapsed?: boolean | undefined;
-            showArrow?: boolean | undefined;
+            collapseId?: string | undefined;
+            propKey?: string | undefined;
+            headerPosition?: "bottom" | "top" | undefined;
+            collapsable?: 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;
-            wrapperComponent?: any;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
             enableFieldSetStyle?: boolean | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: any;
+            classnames?: ClassNamesFn | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
+            style?: any;
         } & 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;
+            children?: React.ReactNode | React.ReactNode[];
             body?: any;
             header?: React.ReactNode;
-            children?: React.ReactNode | React.ReactNode[];
-            size?: "base" | "xs" | "sm" | "md" | "lg" | undefined;
-            id?: string | undefined;
             disabled?: boolean | undefined;
-            partial?: boolean | undefined;
-            collapseId?: string | undefined;
-            propKey?: string | undefined;
+            translate?: TranslateFn<any> | undefined;
+            id?: string | undefined;
+            size?: "base" | "sm" | "lg" | "xs" | "md" | undefined;
             mountOnEnter?: boolean | undefined;
             unmountOnExit?: boolean | undefined;
-            headerPosition?: "top" | "bottom" | undefined;
+            key?: string | undefined;
+            wrapperComponent?: any;
+            showArrow?: boolean | undefined;
             bodyClassName?: string | undefined;
-            collapsable?: boolean | undefined;
+            partial?: boolean | undefined;
             collapsed?: boolean | undefined;
-            showArrow?: boolean | undefined;
+            collapseId?: string | undefined;
+            propKey?: string | undefined;
+            headerPosition?: "bottom" | "top" | undefined;
+            collapsable?: 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;
-            wrapperComponent?: any;
             headingComponent?: any;
             propsUpdate?: boolean | undefined;
             divideLine?: boolean | undefined;
             enableFieldSetStyle?: boolean | undefined;
         } & {
-            classnames?: ClassNamesFn | undefined;
             classPrefix?: string | undefined;
-            style?: any;
+            classnames?: ClassNamesFn | undefined;
             className?: string | undefined;
             theme?: string | undefined;
             mobileUI?: boolean | undefined;
+            style?: any;
         } & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     displayName: string;

package/esm/components/Collapse.js

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