amis-ui 3.2.0 → 3.3.0

package/lib/components/ColorPicker.d.ts

@@ -69,7 +69,7 @@ export declare class ColorControl extends React.PureComponent<ColorProps, ColorC
     render(): React.JSX.Element;
 }
 declare const _default: {
-    new (props: Omit<Pick<Omit<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+    new (props: Omit<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
         placeholder?: string | undefined;
         format?: string | undefined;
         clearable?: boolean | undefined;
@@ -83,7 +83,7 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
             placeholder?: string | undefined;
             format?: string | undefined;
             clearable?: boolean | undefined;
@@ -93,7 +93,7 @@ declare const _default: {
             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<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+        readonly props: Readonly<Omit<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
             placeholder?: string | undefined;
             format?: string | undefined;
             clearable?: boolean | undefined;
@@ -107,7 +107,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
             placeholder?: string | undefined;
             format?: string | undefined;
             clearable?: boolean | undefined;
@@ -118,7 +118,7 @@ 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<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
             placeholder?: string | undefined;
             format?: string | undefined;
             clearable?: boolean | undefined;
@@ -127,7 +127,7 @@ declare const _default: {
             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<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
             placeholder?: string | undefined;
             format?: string | undefined;
             clearable?: boolean | undefined;
@@ -138,7 +138,7 @@ 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<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
             placeholder?: string | undefined;
             format?: string | undefined;
             clearable?: boolean | undefined;
@@ -147,7 +147,7 @@ declare const _default: {
             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<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
             placeholder?: string | undefined;
             format?: string | undefined;
             clearable?: boolean | undefined;
@@ -156,7 +156,7 @@ declare const _default: {
             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<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
             placeholder?: string | undefined;
             format?: string | undefined;
             clearable?: boolean | undefined;
@@ -165,7 +165,7 @@ declare const _default: {
             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<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
             placeholder?: string | undefined;
             format?: string | undefined;
             clearable?: boolean | undefined;
@@ -178,7 +178,7 @@ declare const _default: {
     displayName: string;
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
-        new (props: Pick<Omit<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+        new (props: Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
             placeholder?: string | undefined;
             format?: string | undefined;
             clearable?: boolean | undefined;
@@ -192,7 +192,7 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
                 placeholder?: string | undefined;
                 format?: string | undefined;
                 clearable?: boolean | undefined;
@@ -202,7 +202,7 @@ declare const _default: {
                 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<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+            readonly props: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
                 placeholder?: string | undefined;
                 format?: string | undefined;
                 clearable?: boolean | undefined;
@@ -216,7 +216,7 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
                 placeholder?: string | undefined;
                 format?: string | undefined;
                 clearable?: boolean | undefined;
@@ -227,7 +227,7 @@ declare const _default: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
                 placeholder?: string | undefined;
                 format?: string | undefined;
                 clearable?: boolean | undefined;
@@ -236,7 +236,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
                 placeholder?: string | undefined;
                 format?: string | undefined;
                 clearable?: boolean | undefined;
@@ -247,7 +247,7 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
                 placeholder?: string | undefined;
                 format?: string | undefined;
                 clearable?: boolean | undefined;
@@ -256,7 +256,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
                 placeholder?: string | undefined;
                 format?: string | undefined;
                 clearable?: boolean | undefined;
@@ -265,7 +265,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
                 placeholder?: string | undefined;
                 format?: string | undefined;
                 clearable?: boolean | undefined;
@@ -274,7 +274,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
                 placeholder?: string | undefined;
                 format?: string | undefined;
                 clearable?: boolean | undefined;
@@ -291,7 +291,7 @@ declare const _default: {
         ComposedComponent: typeof ColorControl;
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
-    new (props: Pick<Omit<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+    new (props: Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
         placeholder?: string | undefined;
         format?: string | undefined;
         clearable?: boolean | undefined;
@@ -305,7 +305,7 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
             placeholder?: string | undefined;
             format?: string | undefined;
             clearable?: boolean | undefined;
@@ -315,7 +315,7 @@ declare const _default: {
             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<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+        readonly props: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
             placeholder?: string | undefined;
             format?: string | undefined;
             clearable?: boolean | undefined;
@@ -329,7 +329,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
             placeholder?: string | undefined;
             format?: string | undefined;
             clearable?: boolean | undefined;
@@ -340,7 +340,7 @@ declare const _default: {
         }>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
             placeholder?: string | undefined;
             format?: string | undefined;
             clearable?: boolean | undefined;
@@ -349,7 +349,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
             placeholder?: string | undefined;
             format?: string | undefined;
             clearable?: boolean | undefined;
@@ -360,7 +360,7 @@ declare const _default: {
         }>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
             placeholder?: string | undefined;
             format?: string | undefined;
             clearable?: boolean | undefined;
@@ -369,7 +369,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
             placeholder?: string | undefined;
             format?: string | undefined;
             clearable?: boolean | undefined;
@@ -378,7 +378,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
             placeholder?: string | undefined;
             format?: string | undefined;
             clearable?: boolean | undefined;
@@ -387,7 +387,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
             placeholder?: string | undefined;
             format?: string | undefined;
             clearable?: boolean | undefined;
@@ -404,7 +404,7 @@ declare const _default: {
     ComposedComponent: typeof ColorControl;
 }, {}> & {
     ComposedComponent: {
-        new (props: Pick<Omit<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+        new (props: Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
             placeholder?: string | undefined;
             format?: string | undefined;
             clearable?: boolean | undefined;
@@ -418,7 +418,7 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
                 placeholder?: string | undefined;
                 format?: string | undefined;
                 clearable?: boolean | undefined;
@@ -428,7 +428,7 @@ declare const _default: {
                 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<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+            readonly props: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
                 placeholder?: string | undefined;
                 format?: string | undefined;
                 clearable?: boolean | undefined;
@@ -442,7 +442,7 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
                 placeholder?: string | undefined;
                 format?: string | undefined;
                 clearable?: boolean | undefined;
@@ -453,7 +453,7 @@ declare const _default: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
                 placeholder?: string | undefined;
                 format?: string | undefined;
                 clearable?: boolean | undefined;
@@ -462,7 +462,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
                 placeholder?: string | undefined;
                 format?: string | undefined;
                 clearable?: boolean | undefined;
@@ -473,7 +473,7 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
                 placeholder?: string | undefined;
                 format?: string | undefined;
                 clearable?: boolean | undefined;
@@ -482,7 +482,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
                 placeholder?: string | undefined;
                 format?: string | undefined;
                 clearable?: boolean | undefined;
@@ -491,7 +491,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
                 placeholder?: string | undefined;
                 format?: string | undefined;
                 clearable?: boolean | undefined;
@@ -500,7 +500,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "onChange" | "value" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ColorProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "onChange" | "disabled" | "placement" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "resetValue" | "presetColors"> & {
                 placeholder?: string | undefined;
                 format?: string | undefined;
                 clearable?: boolean | undefined;

package/lib/components/ColorPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -19,11 +19,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/**
- * @file ColorPicker
- * @description 颜色选择器组件
- * @author fex
- */
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var ColorControl = /** @class */ (function (_super) {
     tslib.__extends(ColorControl, _super);
     function ColorControl(props) {
@@ -179,20 +177,20 @@ var ColorControl = /** @class */ (function (_super) {
         var isFocused = this.state.isFocused;
         var tempValue = this.state.tempValue;
         var mobileUI = useMobileUI && amisCore.isMobile();
-        return (React__default["default"].createElement("div", { className: cx("ColorPicker", {
+        return (_J$X_("div", { className: cx("ColorPicker", {
                 'is-disabled': disabled,
                 'is-focused': isFocused,
                 'is-opened': isOpened
             }, className) },
-            React__default["default"].createElement("span", { onClick: this.handleClick, className: cx('ColorPicker-preview') },
-                React__default["default"].createElement("i", { ref: this.preview, className: "".concat(ns, "ColorPicker-previewIcon"), style: { background: this.state.inputValue || '#ccc' } })),
-            React__default["default"].createElement("input", { ref: this.input, type: "text", autoComplete: "off", size: 10, className: cx('ColorPicker-input'), value: this.state.inputValue || '', placeholder: __(placeholder), disabled: disabled, onChange: this.handleInputChange, onFocus: this.handleFocus, onBlur: this.handleBlur, onClick: this.handleClick, readOnly: mobileUI }),
-            clearable && !disabled && value ? (React__default["default"].createElement("a", { onClick: this.clearValue, className: cx('ColorPicker-clear') },
-                React__default["default"].createElement(icons.Icon, { icon: "input-clear", className: "icon" }))) : null,
-            React__default["default"].createElement("span", { className: cx('ColorPicker-arrow') },
-                React__default["default"].createElement(icons.Icon, { icon: "right-arrow-bold", className: "icon", onClick: this.handleClick })),
-            !mobileUI && isOpened ? (React__default["default"].createElement(amisCore.Overlay, { placement: placement || 'auto', target: function () { return ReactDOM.findDOMNode(_this); }, onHide: this.close, container: popOverContainer || (function () { return ReactDOM.findDOMNode(_this); }), rootClose: false, show: true },
-                React__default["default"].createElement(amisCore.PopOver, { classPrefix: ns, className: cx('ColorPicker-popover', popoverClassName), onHide: this.close, overlay: true }, allowCustomColor ? (React__default["default"].createElement(reactColor.SketchPicker, { styles: {}, disableAlpha: !!~['rgb', 'hex'].indexOf(format), color: value, presetColors: presetColors, onChangeComplete: this.handleChange })) : (React__default["default"].createElement(reactColor.GithubPicker, { color: value, colors: Array.isArray(presetColors)
+            _J$X_("span", { onClick: this.handleClick, className: cx('ColorPicker-preview') },
+                _J$X_("i", { ref: this.preview, className: "".concat(ns, "ColorPicker-previewIcon"), style: { background: this.state.inputValue || '#ccc' } })),
+            _J$X_("input", { ref: this.input, type: "text", autoComplete: "off", size: 10, className: cx('ColorPicker-input'), value: this.state.inputValue || '', placeholder: __(placeholder), disabled: disabled, onChange: this.handleInputChange, onFocus: this.handleFocus, onBlur: this.handleBlur, onClick: this.handleClick, readOnly: mobileUI }),
+            clearable && !disabled && value ? (_J$X_("a", { onClick: this.clearValue, className: cx('ColorPicker-clear') },
+                _J$X_(icons.Icon, { icon: "input-clear", className: "icon" }))) : null,
+            _J$X_("span", { className: cx('ColorPicker-arrow') },
+                _J$X_(icons.Icon, { icon: "right-arrow-bold", className: "icon", onClick: this.handleClick })),
+            !mobileUI && isOpened ? (_J$X_(amisCore.Overlay, { placement: placement || 'auto', target: function () { return ReactDOM.findDOMNode(_this); }, onHide: this.close, container: popOverContainer || (function () { return ReactDOM.findDOMNode(_this); }), rootClose: false, show: true },
+                _J$X_(amisCore.PopOver, { classPrefix: ns, className: cx('ColorPicker-popover', popoverClassName), onHide: this.close, overlay: true }, allowCustomColor ? (_J$X_(reactColor.SketchPicker, { styles: {}, disableAlpha: !!~['rgb', 'hex'].indexOf(format), color: value, presetColors: presetColors, onChangeComplete: this.handleChange })) : (_J$X_(reactColor.GithubPicker, { color: value, colors: Array.isArray(presetColors)
                         ? presetColors
                             .filter(function (item) { return typeof item === 'string' || amisCore.isObject(item); })
                             .map(function (item) {
@@ -203,7 +201,7 @@ var ColorControl = /** @class */ (function (_super) {
                                     : item;
                         })
                         : undefined, onChangeComplete: this.handleChange }))))) : null,
-            mobileUI && (React__default["default"].createElement(PopUp["default"], { className: cx("".concat(ns, "ColorPicker-popup")), container: popOverContainer, isShow: isOpened, onHide: this.handleClick, showConfirm: true, onConfirm: this.handleConfirm }, allowCustomColor ? (React__default["default"].createElement(reactColor.SketchPicker, { styles: {}, disableAlpha: !!~['rgb', 'hex'].indexOf(format), color: tempValue, presetColors: presetColors, onChangeComplete: this.handleTempChange })) : (React__default["default"].createElement(reactColor.GithubPicker, { color: tempValue, colors: Array.isArray(presetColors)
+            mobileUI && (_J$X_(PopUp["default"], { className: cx("".concat(ns, "ColorPicker-popup")), container: popOverContainer, isShow: isOpened, onHide: this.handleClick, showConfirm: true, onConfirm: this.handleConfirm }, allowCustomColor ? (_J$X_(reactColor.SketchPicker, { styles: {}, disableAlpha: !!~['rgb', 'hex'].indexOf(format), color: tempValue, presetColors: presetColors, onChangeComplete: this.handleTempChange })) : (_J$X_(reactColor.GithubPicker, { color: tempValue, colors: Array.isArray(presetColors)
                     ? presetColors
                         .filter(function (item) { return typeof item === 'string' || amisCore.isObject(item); })
                         .map(function (item) {

package/lib/components/Combo.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -20,66 +20,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/**
- * 纯组件版本的 combo 实现
- *
- * 只能用在 <Form> 里面。
- *
- * 示例:
- *
- * <Form
- *   defaultValues={{a: 1, b: 2, arr: [{a: 1, b: 2}]}}
- *   onSubmit={values => console.log(values)}
- * >
- *   {({control, getValues, setValue, handleSubmit}) => (
- *     <>
- *       <Combo
- *         name="arr"
- *         control={control}
- *         label="Combo"
- *         mode="horizontal"
- *         itemRender={({
- *           control,
- *           getValues,
- *           setValue,
- *           handleSubmit
- *         }) => (
- *           <>
- *             <Controller
- *               name="a"
- *               label="A"
- *               mode="horizontal"
- *               horizontal={{justify: true}}
- *               control={control}
- *               rules={{maxLength: 20}}
- *               render={({field, fieldState}) => (
- *                 <InputBox
- *                   {...field}
- *                   hasError={fieldState.error}
- *                   disabled={false}
- *                 />
- *               )}
- *             />
- *
- *             <Controller
- *               name="b"
- *               control={control}
- *               rules={{maxLength: 20}}
- *               render={({field, fieldState}) => (
- *                 <InputBox
- *                   {...field}
- *                   hasError={fieldState.error}
- *                   disabled={false}
- *                 />
- *               )}
- *             />
- *           </>
- *         )}
- *       />
- *     </>
- *   )}
- * </Form>
- */
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 function Combo(_a) {
     var _this = this;
     var _b, _c;
@@ -171,23 +114,23 @@ function Combo(_a) {
         control._subjects.watch.next({});
     }, [control]);
     function renderBody() {
-        return (React__default["default"].createElement("div", { className: cx("Combo Combo--multi", className, multiLine ? "Combo--ver" : "Combo--hor") },
-            React__default["default"].createElement("div", { className: cx("Combo-items", itemsWrapperClassName) }, fields.map(function (field, index) { return (React__default["default"].createElement("div", { key: field.id, className: cx("Combo-item", itemClassName) },
-                React__default["default"].createElement(ComboItem, { control: control, update: lightUpdate, index: index, value: field, itemRender: itemRender, translate: __, classnames: cx, formRef: subFormRef }),
-                React__default["default"].createElement("a", { onClick: function () { return remove(index); }, key: "delete", className: cx("Combo-delBtn ".concat(removable === false ||
+        return (_J$X_("div", { className: cx("Combo Combo--multi", className, multiLine ? "Combo--ver" : "Combo--hor") },
+            _J$X_("div", { className: cx("Combo-items", itemsWrapperClassName) }, fields.map(function (field, index) { return (_J$X_("div", { key: field.id, className: cx("Combo-item", itemClassName) },
+                _J$X_(ComboItem, { control: control, update: lightUpdate, index: index, value: field, itemRender: itemRender, translate: __, classnames: cx, formRef: subFormRef }),
+                _J$X_("a", { onClick: function () { return remove(index); }, key: "delete", className: cx("Combo-delBtn ".concat(removable === false ||
                         (minLength && fields.length <= minLength)
                         ? 'is-disabled'
                         : '')), "data-tooltip": __('delete'), "data-position": "bottom" },
-                    React__default["default"].createElement(icons.Icon, { icon: "status-close", className: "icon" })))); })),
-            addable !== false && (!maxLength || fields.length < maxLength) ? (React__default["default"].createElement("div", { className: cx("Combo-toolbar") },
-                React__default["default"].createElement(Button["default"], { className: cx("Combo-addBtn", addButtonClassName), onClick: function () { return append(tslib.__assign({}, scaffold)); } },
-                    React__default["default"].createElement(icons.Icon, { icon: "plus", className: "icon" }),
-                    React__default["default"].createElement("span", null, __(addButtonText || 'add'))))) : null));
+                    _J$X_(icons.Icon, { icon: "status-close", className: "icon" })))); })),
+            addable !== false && (!maxLength || fields.length < maxLength) ? (_J$X_("div", { className: cx("Combo-toolbar") },
+                _J$X_(Button["default"], { className: cx("Combo-addBtn", addButtonClassName), onClick: function () { return append(tslib.__assign({}, scaffold)); } },
+                    _J$X_(icons.Icon, { icon: "plus", className: "icon" }),
+                    _J$X_("span", null, __(addButtonText || 'add'))))) : null));
     }
     var errors = reactHookForm.useFormState({
         control: control
     }).errors;
-    return wrap === false ? (renderBody()) : (React__default["default"].createElement(FormField["default"], { className: fieldClassName, style: style, label: label, labelAlign: labelAlign, labelClassName: labelClassName, description: description, mode: mode, isRequired: isRequired, hasError: !!((_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message), errors: (_c = errors[name]) === null || _c === void 0 ? void 0 : _c.message }, renderBody()));
+    return wrap === false ? (renderBody()) : (_J$X_(FormField["default"], { className: fieldClassName, style: style, label: label, labelAlign: labelAlign, labelClassName: labelClassName, description: description, mode: mode, isRequired: isRequired, hasError: !!((_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message), errors: (_c = errors[name]) === null || _c === void 0 ? void 0 : _c.message }, renderBody()));
 }
 function ComboItem(_a) {
     var value = _a.value, itemRender = _a.itemRender, index = _a.index, translate = _a.translate, update = _a.update, cx = _a.classnames, formRef = _a.formRef;
@@ -209,9 +152,9 @@ function ComboItem(_a) {
         child = child.props.children;
     }
     if (Array.isArray(child)) {
-        child = (React__default["default"].createElement("div", { className: cx('Form-row') }, child.map(function (child, index) { return (React__default["default"].createElement("div", { className: cx('Form-col'), key: child.key || index }, child)); })));
+        child = (_J$X_("div", { className: cx('Form-row') }, child.map(function (child, index) { return (_J$X_("div", { className: cx('Form-col'), key: child.key || index }, child)); })));
     }
-    return React__default["default"].createElement("div", { className: cx('Combo-itemInner') }, child);
+    return _J$X_("div", { className: cx('Combo-itemInner') }, child);
 }
 var Combo$1 = amisCore.themeable(amisCore.localeable(Combo));