amis-ui 2.9.0 → 3.1.0

package/lib/components/Toast.d.ts

@@ -29,6 +29,7 @@ interface Item extends Config {
     body: string | React.ReactNode;
     level: ToastLevel;
     id: string;
+    className?: string;
     onDissmiss?: () => void;
     position?: 'top-right' | 'top-center' | 'top-left' | 'bottom-center' | 'bottom-left' | 'bottom-right' | 'center';
     showIcon?: boolean;
@@ -51,14 +52,14 @@ export declare class ToastComponent extends React.Component<ToastComponentProps,
     info(content: string, config?: any): void;
     warning(content: string, config?: any): void;
     handleDismissed(index: number): void;
-    render(): JSX.Element[] | null;
+    render(): React.JSX.Element[] | null;
 }
 declare const _default: {
-    new (props: Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-        timeout?: number | undefined;
+    new (props: Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
         items?: Item[] | undefined;
         position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
         closeButton?: boolean | undefined;
+        timeout?: number | undefined;
         errorTimeout?: number | undefined;
     } & {} & {
         locale?: string | undefined;
@@ -67,24 +68,24 @@ declare const _default: {
         ref: any;
         childRef(ref: any): void;
         getWrappedInstance(): any;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-            timeout?: number | undefined;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
             closeButton?: boolean | undefined;
+            timeout?: number | undefined;
             errorTimeout?: number | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-            timeout?: number | undefined;
+        readonly props: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
             closeButton?: boolean | undefined;
+            timeout?: number | undefined;
             errorTimeout?: number | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -95,11 +96,11 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-            timeout?: number | undefined;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
             closeButton?: boolean | undefined;
+            timeout?: number | undefined;
             errorTimeout?: number | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -107,21 +108,21 @@ declare const _default: {
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-            timeout?: number | undefined;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
             closeButton?: boolean | undefined;
+            timeout?: number | undefined;
             errorTimeout?: number | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-            timeout?: number | undefined;
+        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
             closeButton?: boolean | undefined;
+            timeout?: number | undefined;
             errorTimeout?: number | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -129,41 +130,41 @@ declare const _default: {
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-            timeout?: number | undefined;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
             closeButton?: boolean | undefined;
+            timeout?: number | undefined;
             errorTimeout?: number | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-            timeout?: number | undefined;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
             closeButton?: boolean | undefined;
+            timeout?: number | undefined;
             errorTimeout?: number | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-            timeout?: number | undefined;
+        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
             closeButton?: boolean | undefined;
+            timeout?: number | undefined;
             errorTimeout?: number | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-            timeout?: number | undefined;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
             closeButton?: boolean | undefined;
+            timeout?: number | undefined;
             errorTimeout?: number | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -173,11 +174,11 @@ declare const _default: {
     displayName: string;
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
-        new (props: Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-            timeout?: number | undefined;
+        new (props: Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
             closeButton?: boolean | undefined;
+            timeout?: number | undefined;
             errorTimeout?: number | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -186,24 +187,24 @@ declare const _default: {
             ref: any;
             childRef(ref: any): void;
             getWrappedInstance(): any;
-            render(): JSX.Element;
+            render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-                timeout?: number | undefined;
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
                 closeButton?: boolean | undefined;
+                timeout?: number | undefined;
                 errorTimeout?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-                timeout?: number | undefined;
+            readonly props: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
                 closeButton?: boolean | undefined;
+                timeout?: number | undefined;
                 errorTimeout?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -214,11 +215,11 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-                timeout?: number | undefined;
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
                 closeButton?: boolean | undefined;
+                timeout?: number | undefined;
                 errorTimeout?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -226,21 +227,21 @@ declare const _default: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-                timeout?: number | undefined;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
                 closeButton?: boolean | undefined;
+                timeout?: number | undefined;
                 errorTimeout?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-                timeout?: number | undefined;
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
                 closeButton?: boolean | undefined;
+                timeout?: number | undefined;
                 errorTimeout?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -248,41 +249,41 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-                timeout?: number | undefined;
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
                 closeButton?: boolean | undefined;
+                timeout?: number | undefined;
                 errorTimeout?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-                timeout?: number | undefined;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
                 closeButton?: boolean | undefined;
+                timeout?: number | undefined;
                 errorTimeout?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-                timeout?: number | undefined;
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
                 closeButton?: boolean | undefined;
+                timeout?: number | undefined;
                 errorTimeout?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-                timeout?: number | undefined;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
                 closeButton?: boolean | undefined;
+                timeout?: number | undefined;
                 errorTimeout?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -296,11 +297,11 @@ declare const _default: {
         ComposedComponent: typeof ToastComponent;
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
-    new (props: Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-        timeout?: number | undefined;
+    new (props: Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
         items?: Item[] | undefined;
         position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
         closeButton?: boolean | undefined;
+        timeout?: number | undefined;
         errorTimeout?: number | undefined;
     } & {} & {
         locale?: string | undefined;
@@ -309,24 +310,24 @@ declare const _default: {
         ref: any;
         childRef(ref: any): void;
         getWrappedInstance(): any;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
-        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-            timeout?: number | undefined;
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
             closeButton?: boolean | undefined;
+            timeout?: number | undefined;
             errorTimeout?: number | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-            timeout?: number | undefined;
+        readonly props: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
             closeButton?: boolean | undefined;
+            timeout?: number | undefined;
             errorTimeout?: number | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -337,11 +338,11 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-            timeout?: number | undefined;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
             closeButton?: boolean | undefined;
+            timeout?: number | undefined;
             errorTimeout?: number | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -349,21 +350,21 @@ declare const _default: {
         }>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-            timeout?: number | undefined;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
             closeButton?: boolean | undefined;
+            timeout?: number | undefined;
             errorTimeout?: number | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-            timeout?: number | undefined;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
             closeButton?: boolean | undefined;
+            timeout?: number | undefined;
             errorTimeout?: number | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -371,41 +372,41 @@ declare const _default: {
         }>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-            timeout?: number | undefined;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
             closeButton?: boolean | undefined;
+            timeout?: number | undefined;
             errorTimeout?: number | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-            timeout?: number | undefined;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
             closeButton?: boolean | undefined;
+            timeout?: number | undefined;
             errorTimeout?: number | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-            timeout?: number | undefined;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
             closeButton?: boolean | undefined;
+            timeout?: number | undefined;
             errorTimeout?: number | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-            timeout?: number | undefined;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
             closeButton?: boolean | undefined;
+            timeout?: number | undefined;
             errorTimeout?: number | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -419,11 +420,11 @@ declare const _default: {
     ComposedComponent: typeof ToastComponent;
 }, {}> & {
     ComposedComponent: {
-        new (props: Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-            timeout?: number | undefined;
+        new (props: Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
             items?: Item[] | undefined;
             position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
             closeButton?: boolean | undefined;
+            timeout?: number | undefined;
             errorTimeout?: number | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -432,24 +433,24 @@ declare const _default: {
             ref: any;
             childRef(ref: any): void;
             getWrappedInstance(): any;
-            render(): JSX.Element;
+            render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-                timeout?: number | undefined;
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
                 closeButton?: boolean | undefined;
+                timeout?: number | undefined;
                 errorTimeout?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-                timeout?: number | undefined;
+            readonly props: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
                 closeButton?: boolean | undefined;
+                timeout?: number | undefined;
                 errorTimeout?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -460,11 +461,11 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-                timeout?: number | undefined;
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
                 closeButton?: boolean | undefined;
+                timeout?: number | undefined;
                 errorTimeout?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -472,21 +473,21 @@ declare const _default: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-                timeout?: number | undefined;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
                 closeButton?: boolean | undefined;
+                timeout?: number | undefined;
                 errorTimeout?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-                timeout?: number | undefined;
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
                 closeButton?: boolean | undefined;
+                timeout?: number | undefined;
                 errorTimeout?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -494,41 +495,41 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-                timeout?: number | undefined;
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
                 closeButton?: boolean | undefined;
+                timeout?: number | undefined;
                 errorTimeout?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-                timeout?: number | undefined;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
                 closeButton?: boolean | undefined;
+                timeout?: number | undefined;
                 errorTimeout?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-                timeout?: number | undefined;
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
                 closeButton?: boolean | undefined;
+                timeout?: number | undefined;
                 errorTimeout?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "useMobileUI" | "showIcon"> & {
-                timeout?: number | undefined;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ToastComponentProps, keyof LocaleProps>, "style" | "className" | "classPrefix" | "classnames" | "theme" | "useMobileUI" | "showIcon"> & {
                 items?: Item[] | undefined;
                 position?: "center" | "top-right" | "top-center" | "top-left" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
                 closeButton?: boolean | undefined;
+                timeout?: number | undefined;
                 errorTimeout?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -555,6 +556,7 @@ interface ToastMessageProps {
     classnames: ClassNamesFn;
     translate: TranslateFn;
     allowHtml: boolean;
+    className?: string;
     useMobileUI?: boolean;
 }
 interface ToastMessageState {
@@ -579,7 +581,7 @@ export declare class ToastMessage extends React.Component<ToastMessageProps, Toa
     handleMouseLeave(): void;
     handleEntered(): void;
     close(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export declare const toast: {
     container: any;

package/lib/components/Toast.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.9.0
+ * amis-ui v3.1.0
  * Copyright 2018-2023 fex
  */
 
@@ -68,7 +68,7 @@ var ToastComponent = /** @class */ (function (_super) {
                 // 移动端只能存在一个
                 items = [];
             }
-            items.push(tslib.__assign(tslib.__assign({ body: content, level: level }, config), { id: amisCore.guid(), position: config.position || (useMobileUI ? 'center' : config.position), timeout: config.timeout || (useMobileUI ? 3000 : undefined) }));
+            items.push(tslib.__assign(tslib.__assign({ body: content, level: level }, config), { id: amisCore.guid(), className: config.className || '', position: config.position || (useMobileUI ? 'center' : config.position), timeout: config.timeout || (useMobileUI ? 3000 : undefined) }));
             return {
                 items: items,
                 useMobileUI: useMobileUI
@@ -115,7 +115,7 @@ var ToastComponent = /** @class */ (function (_super) {
                 var _a, _b, _c;
                 var level = item.level || 'info';
                 var toastTimeout = (_a = item.timeout) !== null && _a !== void 0 ? _a : (level === 'error' ? errorTimeout : timeout);
-                return (React__default["default"].createElement(ToastMessage, { classnames: cx, key: item.id || index, title: item.title, body: item.body, level: level, timeout: toastTimeout, closeButton: !mobileUI && ((_b = item.closeButton) !== null && _b !== void 0 ? _b : closeButton), onDismiss: _this.handleDismissed.bind(_this, items.indexOf(item)), translate: translate, showIcon: (_c = item.showIcon) !== null && _c !== void 0 ? _c : showIcon, useMobileUI: mobileUI }));
+                return (React__default["default"].createElement(ToastMessage, { classnames: cx, key: item.id || index, title: item.title, body: item.body, level: level, className: item.className, timeout: toastTimeout, closeButton: !mobileUI && ((_b = item.closeButton) !== null && _b !== void 0 ? _b : closeButton), onDismiss: _this.handleDismissed.bind(_this, items.indexOf(item)), translate: translate, showIcon: (_c = item.showIcon) !== null && _c !== void 0 ? _c : showIcon, useMobileUI: mobileUI }));
             })));
         });
     };
@@ -194,11 +194,11 @@ var ToastMessage = /** @class */ (function (_super) {
     };
     ToastMessage.prototype.render = function () {
         var _this = this;
-        var _a = this.props, onDismiss = _a.onDismiss, cx = _a.classnames, closeButton = _a.closeButton, title = _a.title, body = _a.body, allowHtml = _a.allowHtml, level = _a.level, showIcon = _a.showIcon, useMobileUI = _a.useMobileUI; _a.translate;
+        var _a = this.props, onDismiss = _a.onDismiss, cx = _a.classnames, closeButton = _a.closeButton, title = _a.title, body = _a.body, allowHtml = _a.allowHtml, level = _a.level, showIcon = _a.showIcon, useMobileUI = _a.useMobileUI; _a.translate; var className = _a.className;
         var iconName = useMobileUI ? '' : 'alert-';
         return (React__default["default"].createElement(Transition__default["default"], { mountOnEnter: true, unmountOnExit: true, in: this.state.visible, timeout: 750, onEntered: this.handleEntered, onExited: onDismiss }, function (status) {
             var _a, _b, _c, _d;
-            return (React__default["default"].createElement("div", { className: cx("Toast Toast--".concat(level), fadeStyles[status], {
+            return (React__default["default"].createElement("div", { className: cx("Toast Toast--".concat(level), className, fadeStyles[status], {
                     'Toast-mobile--has-icon': useMobileUI && showIcon !== false
                 }), onMouseEnter: _this.handleMouseEnter, onMouseLeave: _this.handleMouseLeave, onClick: closeButton ? amisCore.noop : _this.close },
                 showIcon === false ? null : (React__default["default"].createElement("div", { className: cx('Toast-icon') }, level === 'success' ? (React__default["default"].createElement(icons.Icon, { icon: iconName + 'success', className: "icon" })) : level == 'error' ? (React__default["default"].createElement(icons.Icon, { icon: iconName + 'fail', className: "icon" })) : level == 'info' ? (React__default["default"].createElement(icons.Icon, { icon: iconName + 'info', className: "icon" })) : level == 'warning' ? (React__default["default"].createElement(icons.Icon, { icon: iconName + 'warning', className: "icon" })) : null)),