amis-ui 3.2.0 → 3.3.0

package/lib/components/ConfirmBox.d.ts

@@ -35,7 +35,7 @@ export declare namespace ConfirmBox {
     };
 }
 declare const _default: {
-    new (props: Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+    new (props: Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
         type?: "dialog" | "drawer" | undefined;
         position?: "left" | "right" | "bottom" | "top" | undefined;
     } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps, keyof LocaleProps> & {
@@ -47,7 +47,7 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps, keyof LocaleProps> & {
@@ -55,7 +55,7 @@ declare const _default: {
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        readonly props: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps, keyof LocaleProps> & {
@@ -67,7 +67,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps, keyof LocaleProps> & {
@@ -76,14 +76,14 @@ declare const _default: {
         }>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps, keyof LocaleProps> & {
@@ -92,28 +92,28 @@ declare const _default: {
         }>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps, keyof LocaleProps> & {
@@ -124,7 +124,7 @@ declare const _default: {
     displayName: string;
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
-        new (props: Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        new (props: Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps): {
@@ -133,12 +133,12 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            readonly props: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>;
@@ -147,35 +147,35 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | 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<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
@@ -187,7 +187,7 @@ declare const _default: {
         ComposedComponent: typeof ConfirmBox;
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
-    new (props: Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+    new (props: Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
         type?: "dialog" | "drawer" | undefined;
         position?: "left" | "right" | "bottom" | "top" | undefined;
     } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps): {
@@ -196,12 +196,12 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        readonly props: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>;
@@ -210,35 +210,35 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | 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<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
@@ -250,7 +250,7 @@ declare const _default: {
     ComposedComponent: typeof ConfirmBox;
 }, {}> & {
     ComposedComponent: {
-        new (props: Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+        new (props: Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
             type?: "dialog" | "drawer" | undefined;
             position?: "left" | "right" | "bottom" | "top" | undefined;
         } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps): {
@@ -259,12 +259,12 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            readonly props: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>;
@@ -273,35 +273,35 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | 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<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "children" | "title" | "locale" | "translate" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ConfirmBoxProps, keyof ThemeProps>, "title" | "translate" | "locale" | "children" | "size" | "closeOnEsc" | "show" | "bodyClassName" | "onCancel" | "useMobileUI" | "onConfirm" | "popOverContainer" | "resizable" | "headerClassName" | "showTitle" | "showFooter" | "beforeConfirm" | "footerClassName"> & {
                 type?: "dialog" | "drawer" | undefined;
                 position?: "left" | "right" | "bottom" | "top" | undefined;
             } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;

package/lib/components/ConfirmBox.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -20,6 +20,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;
 function ConfirmBox(_a) {
     var _this = this;
     var type = _a.type, size = _a.size, closeOnEsc = _a.closeOnEsc, show = _a.show, onCancel = _a.onCancel, title = _a.title, showTitle = _a.showTitle, headerClassName = _a.headerClassName, __ = _a.translate, children = _a.children, showFooter = _a.showFooter, onConfirm = _a.onConfirm, beforeConfirm = _a.beforeConfirm, popOverContainer = _a.popOverContainer, position = _a.position, resizable = _a.resizable, cx = _a.classnames, className = _a.className, bodyClassName = _a.bodyClassName, footerClassName = _a.footerClassName, useMobileUI = _a.useMobileUI;
@@ -75,41 +78,41 @@ function ConfirmBox(_a) {
     }, [show]);
     function renderDialog() {
         var mobileUI = useMobileUI && amisCore.isMobile();
-        return mobileUI ? (React__default["default"].createElement(PopUp["default"], { isShow: show, showConfirm: true, onConfirm: handleConfirm, onHide: onCancel, container: popOverContainer }, typeof children === 'function'
+        return mobileUI ? (_J$X_(PopUp["default"], { isShow: show, showConfirm: true, onConfirm: handleConfirm, onHide: onCancel, container: popOverContainer }, typeof children === 'function'
             ? children({
                 bodyRef: bodyRef,
                 loading: loading
             })
-            : children)) : (React__default["default"].createElement(Modal["default"], { size: size, closeOnEsc: closeOnEsc, show: show, onHide: onCancel, container: popOverContainer, className: className },
-            showTitle !== false && title ? (React__default["default"].createElement(Modal["default"].Header, { onClose: onCancel, className: headerClassName }, title)) : null,
-            React__default["default"].createElement(Modal["default"].Body, { className: bodyClassName }, typeof children === 'function'
+            : children)) : (_J$X_(Modal["default"], { size: size, closeOnEsc: closeOnEsc, show: show, onHide: onCancel, container: popOverContainer, className: className },
+            showTitle !== false && title ? (_J$X_(Modal["default"].Header, { onClose: onCancel, className: headerClassName }, title)) : null,
+            _J$X_(Modal["default"].Body, { className: bodyClassName }, typeof children === 'function'
                 ? children({
                     bodyRef: bodyRef,
                     loading: loading
                 })
                 : children),
-            (showFooter !== null && showFooter !== void 0 ? showFooter : true) ? (React__default["default"].createElement(Modal["default"].Footer, { className: footerClassName },
-                loading || error ? (React__default["default"].createElement("div", { className: cx('Dialog-info') },
-                    React__default["default"].createElement(Spinner["default"], { size: "sm", key: "info", show: loading }),
-                    error ? (React__default["default"].createElement("span", { className: cx('Dialog-error') }, error)) : null)) : null,
-                React__default["default"].createElement(Button["default"], { disabled: loading, onClick: onCancel }, __('cancel')),
-                React__default["default"].createElement(Button["default"], { disabled: loading, onClick: handleConfirm, level: "primary" }, __('confirm')))) : null));
+            (showFooter !== null && showFooter !== void 0 ? showFooter : true) ? (_J$X_(Modal["default"].Footer, { className: footerClassName },
+                loading || error ? (_J$X_("div", { className: cx('Dialog-info') },
+                    _J$X_(Spinner["default"], { size: "sm", key: "info", show: loading }),
+                    error ? (_J$X_("span", { className: cx('Dialog-error') }, error)) : null)) : null,
+                _J$X_(Button["default"], { disabled: loading, onClick: onCancel }, __('cancel')),
+                _J$X_(Button["default"], { disabled: loading, onClick: handleConfirm, level: "primary" }, __('confirm')))) : null));
     }
     function renderDrawer() {
-        return (React__default["default"].createElement(Drawer["default"], { size: size, closeOnEsc: closeOnEsc, show: show, onHide: onCancel, container: popOverContainer, position: position, resizable: resizable, showCloseButton: false, className: className },
-            showTitle !== false && title ? (React__default["default"].createElement("div", { className: cx('Drawer-header', headerClassName) },
-                React__default["default"].createElement("div", { className: cx('Drawer-title') }, title))) : null,
-            React__default["default"].createElement("div", { className: cx('Drawer-body', bodyClassName) }, typeof children === 'function'
+        return (_J$X_(Drawer["default"], { size: size, closeOnEsc: closeOnEsc, show: show, onHide: onCancel, container: popOverContainer, position: position, resizable: resizable, showCloseButton: false, className: className },
+            showTitle !== false && title ? (_J$X_("div", { className: cx('Drawer-header', headerClassName) },
+                _J$X_("div", { className: cx('Drawer-title') }, title))) : null,
+            _J$X_("div", { className: cx('Drawer-body', bodyClassName) }, typeof children === 'function'
                 ? children({
                     bodyRef: bodyRef
                 })
                 : children),
-            (showFooter !== null && showFooter !== void 0 ? showFooter : true) ? (React__default["default"].createElement("div", { className: cx('Drawer-footer', footerClassName) },
-                loading || error ? (React__default["default"].createElement("div", { className: cx('Drawer-info') },
-                    React__default["default"].createElement(Spinner["default"], { size: "sm", key: "info", show: loading }),
-                    error ? (React__default["default"].createElement("span", { className: cx('Drawer-error') }, error)) : null)) : null,
-                React__default["default"].createElement(Button["default"], { onClick: handleConfirm, level: "primary" }, __('confirm')),
-                React__default["default"].createElement(Button["default"], { onClick: onCancel }, __('cancel')))) : null));
+            (showFooter !== null && showFooter !== void 0 ? showFooter : true) ? (_J$X_("div", { className: cx('Drawer-footer', footerClassName) },
+                loading || error ? (_J$X_("div", { className: cx('Drawer-info') },
+                    _J$X_(Spinner["default"], { size: "sm", key: "info", show: loading }),
+                    error ? (_J$X_("span", { className: cx('Drawer-error') }, error)) : null)) : null,
+                _J$X_(Button["default"], { onClick: handleConfirm, level: "primary" }, __('confirm')),
+                _J$X_(Button["default"], { onClick: onCancel }, __('cancel')))) : null));
     }
     return type === 'drawer' ? renderDrawer() : renderDialog();
 }

package/lib/components/ContextMenu.d.ts

@@ -28,7 +28,7 @@ interface ContextMenuState {
 }
 export declare class ContextMenu extends React.Component<ContextMenuProps, ContextMenuState> {
     static instance: any;
-    static getInstance(): any;
+    static getInstance(): Promise<any>;
     state: ContextMenuState;
     menuRef: React.RefObject<HTMLDivElement>;
     originInstance: this | null;
@@ -91,4 +91,4 @@ export default ThemedContextMenu;
 export declare function openContextMenus(info: Event | {
     x: number;
     y: number;
-}, menus: Array<MenuItem | MenuDivider>, onClose?: () => void): any;
+}, menus: Array<MenuItem | MenuDivider>, onClose?: () => void): Promise<any>;

package/lib/components/ContextMenu.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -18,7 +18,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Transition__default = /*#__PURE__*/_interopDefaultLegacy(Transition);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var _a;
+// import {createRoot} from 'react-dom/client';
 var fadeStyles = (_a = {},
     _a[Transition.ENTERING] = 'in',
     _a[Transition.ENTERED] = 'in',
@@ -40,13 +44,25 @@ var ContextMenu = /** @class */ (function (_super) {
         return _this;
     }
     ContextMenu.getInstance = function () {
-        if (!ContextMenu.instance) {
-            var container = document.body;
-            var div = document.createElement('div');
-            container.appendChild(div);
-            ReactDOM.render(React__default["default"].createElement(ThemedContextMenu, null), div);
-        }
-        return ContextMenu.instance;
+        return tslib.__awaiter(this, void 0, void 0, function () {
+            var container, div;
+            return tslib.__generator(this, function (_a) {
+                if (!ContextMenu.instance) {
+                    container = document.body;
+                    div = document.createElement('div');
+                    container.appendChild(div);
+                    // if (parseInt(version.split('.')[0], 10) >= 18) {
+                    //   const root = createRoot(div);
+                    //   await new Promise<void>(resolve =>
+                    //     root.render(<ThemedContextMenu ref={() => resolve()} />)
+                    //   );
+                    // } else {
+                    ReactDOM.render(_J$X_(ThemedContextMenu, null), div);
+                    // }
+                }
+                return [2 /*return*/, ContextMenu.instance];
+            });
+        });
     };
     ContextMenu.prototype.componentDidMount = function () {
         document.body.addEventListener('click', this.handleOutClick, true);
@@ -151,29 +167,29 @@ var ContextMenu = /** @class */ (function (_super) {
         var cx = this.props.classnames;
         return menus.map(function (item, index) {
             if (item === '|') {
-                return React__default["default"].createElement("li", { key: index, className: cx('ContextMenu-divider') });
+                return _J$X_("li", { key: index, className: cx('ContextMenu-divider') });
             }
             var hasChildren = Array.isArray(item.children) && item.children.length;
-            return (React__default["default"].createElement("li", { key: "".concat(item.label, "-").concat(index), className: cx('ContextMenu-item', item.className, {
+            return (_J$X_("li", { key: "".concat(item.label, "-").concat(index), className: cx('ContextMenu-item', item.className, {
                     'has-child': hasChildren,
                     'is-disabled': item.disabled
                 }) },
-                React__default["default"].createElement("a", { onClick: _this.handleClick.bind(_this, item), onMouseEnter: _this.handleMouseEnter.bind(_this, item), onMouseLeave: _this.handleMouseLeave.bind(_this, item) },
-                    item.icon ? (React__default["default"].createElement("span", { className: cx('ContextMenu-itemIcon', item.icon) })) : null,
+                _J$X_("a", { onClick: _this.handleClick.bind(_this, item), onMouseEnter: _this.handleMouseEnter.bind(_this, item), onMouseLeave: _this.handleMouseLeave.bind(_this, item) },
+                    item.icon ? (_J$X_("span", { className: cx('ContextMenu-itemIcon', item.icon) })) : null,
                     item.label),
-                hasChildren ? (React__default["default"].createElement("ul", { className: cx('ContextMenu-subList') }, _this.renderMenus(item.children))) : null));
+                hasChildren ? (_J$X_("ul", { className: cx('ContextMenu-subList') }, _this.renderMenus(item.children))) : null));
         });
     };
     ContextMenu.prototype.render = function () {
         var _this = this;
         var _a = this.props, className = _a.className; _a.container; var cx = _a.classnames;
-        return (React__default["default"].createElement(Transition__default["default"], { mountOnEnter: true, unmountOnExit: true, onEnter: this.handleEnter, in: this.state.isOpened, timeout: 500 }, function (status) { return (React__default["default"].createElement("div", { ref: _this.menuRef, role: "contextmenu", className: cx('ContextMenu', {
+        return (_J$X_(Transition__default["default"], { mountOnEnter: true, unmountOnExit: true, onEnter: this.handleEnter, in: this.state.isOpened, timeout: 500 }, function (status) { return (_J$X_("div", { ref: _this.menuRef, role: "contextmenu", className: cx('ContextMenu', {
                 'ContextMenu--left': _this.state.align === 'left'
             }, className), onContextMenu: _this.handleSelfContextMenu },
-            React__default["default"].createElement("div", { className: cx("ContextMenu-overlay", fadeStyles[status]) }),
-            React__default["default"].createElement("div", { className: cx("ContextMenu-cursor"), style: { left: "".concat(_this.state.x, "px"), top: "".concat(_this.state.y, "px") } }),
-            React__default["default"].createElement("div", { style: { left: "".concat(_this.state.x, "px"), top: "".concat(_this.state.y, "px") }, className: cx("ContextMenu-menu", fadeStyles[status]) },
-                React__default["default"].createElement("ul", { className: cx('ContextMenu-list') }, _this.renderMenus(_this.state.menus))))); }));
+            _J$X_("div", { className: cx("ContextMenu-overlay", fadeStyles[status]) }),
+            _J$X_("div", { className: cx("ContextMenu-cursor"), style: { left: "".concat(_this.state.x, "px"), top: "".concat(_this.state.y, "px") } }),
+            _J$X_("div", { style: { left: "".concat(_this.state.x, "px"), top: "".concat(_this.state.y, "px") }, className: cx("ContextMenu-menu", fadeStyles[status]) },
+                _J$X_("ul", { className: cx('ContextMenu-list') }, _this.renderMenus(_this.state.menus))))); }));
     };
     ContextMenu.instance = null;
     tslib.__decorate([
@@ -216,7 +232,9 @@ var ContextMenu = /** @class */ (function (_super) {
 }(React__default["default"].Component));
 var ThemedContextMenu = amisCore.themeable(ContextMenu);
 function openContextMenus(info, menus, onClose) {
-    return ContextMenu.getInstance().openContextMenus(info, menus, onClose);
+    return ContextMenu.getInstance().then(function (instance) {
+        return instance.openContextMenus(info, menus, onClose);
+    });
 }
 
 exports.ContextMenu = ContextMenu;