amis-ui 3.1.0 → 3.2.0

package/esm/components/SearchBox.d.ts

@@ -40,6 +40,7 @@ export interface SearchBoxProps extends ThemeProps, LocaleProps {
     /** 历史记录配置 */
     history?: SearchHistoryOptions;
     clearAndSubmit?: boolean;
+    useMobileUI?: boolean;
 }
 export interface SearchBoxState {
     isFocused: boolean;
@@ -91,7 +92,7 @@ export declare class SearchBox extends React.Component<SearchBoxProps, SearchBox
     render(): React.JSX.Element;
 }
 declare const _default: {
-    new (props: Omit<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+    new (props: Omit<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
         clearable?: boolean | undefined;
         enhance?: boolean | undefined;
         mini?: boolean | undefined;
@@ -107,7 +108,7 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -119,7 +120,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<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        readonly props: Readonly<Omit<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -135,7 +136,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -148,7 +149,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<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -159,7 +160,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<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -172,7 +173,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<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -183,7 +184,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<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -194,7 +195,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<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -205,7 +206,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<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -220,7 +221,7 @@ declare const _default: {
     displayName: string;
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
-        new (props: Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        new (props: Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -236,7 +237,7 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -248,7 +249,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<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            readonly props: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -264,7 +265,7 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -277,7 +278,7 @@ declare const _default: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -288,7 +289,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -301,7 +302,7 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -312,7 +313,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -323,7 +324,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -334,7 +335,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<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -353,7 +354,7 @@ declare const _default: {
         ComposedComponent: typeof SearchBox;
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
-    new (props: Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+    new (props: Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
         clearable?: boolean | undefined;
         enhance?: boolean | undefined;
         mini?: boolean | undefined;
@@ -369,7 +370,7 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -381,7 +382,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<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        readonly props: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -397,7 +398,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -410,7 +411,7 @@ declare const _default: {
         }>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -421,7 +422,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -434,7 +435,7 @@ declare const _default: {
         }>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -445,7 +446,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -456,7 +457,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -467,7 +468,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<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -486,7 +487,7 @@ declare const _default: {
     ComposedComponent: typeof SearchBox;
 }, {}> & {
     ComposedComponent: {
-        new (props: Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        new (props: Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -502,7 +503,7 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -514,7 +515,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<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            readonly props: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -530,7 +531,7 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -543,7 +544,7 @@ declare const _default: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -554,7 +555,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -567,7 +568,7 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -578,7 +579,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -589,7 +590,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -600,7 +601,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<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "name" | "disabled" | "defaultValue" | "value" | "onCancel" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "active" | "useMobileUI" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;

package/esm/components/SearchBox.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.0
+ * amis-ui v3.2.0
  * Copyright 2018-2023 fex
  */
 
@@ -9,7 +9,7 @@ import _ from 'lodash';
 import isInteger from 'lodash/isInteger';
 import debounce from 'lodash/debounce';
 import moment from 'moment';
-import { autobind, themeable, localeable, uncontrollable } from 'amis-core';
+import { isMobile, autobind, themeable, localeable, uncontrollable } from 'amis-core';
 import { Icon } from './icons.js';
 
 var historyDefaultOptions = {
@@ -181,10 +181,11 @@ var SearchBox = /** @class */ (function (_super) {
         return datasource;
     };
     SearchBox.prototype.renderInput = function (isHistoryMode) {
-        var _a = this.props, cx = _a.classnames, active = _a.active, name = _a.name, className = _a.className, style = _a.style, disabled = _a.disabled, placeholder = _a.placeholder, mini = _a.mini, enhance = _a.enhance, clearable = _a.clearable, __ = _a.translate;
+        var _a = this.props, cx = _a.classnames, active = _a.active, name = _a.name, className = _a.className, style = _a.style, disabled = _a.disabled, placeholder = _a.placeholder, mini = _a.mini, enhance = _a.enhance, clearable = _a.clearable, useMobileUI = _a.useMobileUI, __ = _a.translate;
         var _b = this.state, isFocused = _b.isFocused, inputValue = _b.inputValue;
         var enable = this.getHistoryOptions().enable;
-        return (React__default.createElement("div", { className: cx('SearchBox', enhance && 'SearchBox--enhance', !!isHistoryMode ? '' : className, disabled ? 'is-disabled' : '', isFocused ? 'is-focused' : '', !mini || active ? 'is-active' : '', { 'is-history': enable }), style: style },
+        var mobileUI = useMobileUI && isMobile();
+        return (React__default.createElement("div", { className: cx('SearchBox', enhance && 'SearchBox--enhance', !!isHistoryMode ? '' : className, disabled ? 'is-disabled' : '', isFocused ? 'is-focused' : '', !mini || active ? 'is-active' : '', { 'is-history': enable }, { 'is-mobile': mobileUI }), style: style },
             React__default.createElement("input", { name: name, ref: this.inputRef, onFocus: this.handleFocus, onBlur: this.handleBlur, onChange: this.handleChange, onKeyDown: this.handleKeyDown, value: inputValue !== null && inputValue !== void 0 ? inputValue : '', disabled: disabled, placeholder: __(placeholder || 'placeholder.enter'), autoComplete: "off" }),
             !mini && clearable && inputValue && !disabled ? (React__default.createElement("div", { className: cx('SearchBox-clearable'), onClick: this.handleClear },
                 React__default.createElement(Icon, { icon: "input-clear", className: "icon" }))) : null,