amis-ui 3.6.2 → 6.0.0

package/lib/components/SearchBox.d.ts

@@ -3,6 +3,7 @@
 import React from 'react';
 import { ThemeProps } from 'amis-core';
 import { LocaleProps } from 'amis-core';
+import { SpinnerExtraProps } from './Spinner';
 export interface HistoryRecord {
     /** 历史记录值 */
     value: string;
@@ -19,7 +20,7 @@ export interface SearchHistoryOptions {
     /** 历史记录下拉面板CSS类名 */
     dropdownClassName?: string;
 }
-export interface SearchBoxProps extends ThemeProps, LocaleProps {
+export interface SearchBoxProps extends ThemeProps, LocaleProps, SpinnerExtraProps {
     name?: string;
     disabled?: boolean;
     mini?: boolean;
@@ -33,13 +34,14 @@ export interface SearchBoxProps extends ThemeProps, LocaleProps {
     active?: boolean;
     defaultActive?: boolean;
     onActiveChange?: (active: boolean) => void;
-    onSearch?: (value: string) => void;
+    onSearch?: (value: string) => any;
     onCancel?: () => void;
     onFocus?: () => void;
     onBlur?: () => void;
     /** 历史记录配置 */
     history?: SearchHistoryOptions;
     clearAndSubmit?: boolean;
+    loading?: boolean;
 }
 export interface SearchBoxState {
     isFocused: boolean;
@@ -91,7 +93,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>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+    new (props: Omit<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
         clearable?: boolean | undefined;
         enhance?: boolean | undefined;
         mini?: boolean | undefined;
@@ -107,7 +109,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>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -119,7 +121,7 @@ declare const _default: {
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Omit<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        readonly props: Readonly<Omit<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -135,7 +137,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -148,7 +150,7 @@ declare const _default: {
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -159,7 +161,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -172,7 +174,7 @@ declare const _default: {
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -183,7 +185,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -194,7 +196,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -205,7 +207,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -220,7 +222,7 @@ declare const _default: {
     displayName: string;
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
-        new (props: Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        new (props: Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -236,7 +238,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>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -248,7 +250,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>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            readonly props: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -264,7 +266,7 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -277,7 +279,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>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -288,7 +290,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>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -301,7 +303,7 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -312,7 +314,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>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -323,7 +325,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>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -334,7 +336,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>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -353,7 +355,7 @@ declare const _default: {
         ComposedComponent: typeof SearchBox;
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
-    new (props: Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+    new (props: Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
         clearable?: boolean | undefined;
         enhance?: boolean | undefined;
         mini?: boolean | undefined;
@@ -369,7 +371,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>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -381,7 +383,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>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        readonly props: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -397,7 +399,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -410,7 +412,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>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -421,7 +423,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>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -434,7 +436,7 @@ declare const _default: {
         }>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -445,7 +447,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>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -456,7 +458,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>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -467,7 +469,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>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -486,7 +488,7 @@ declare const _default: {
     ComposedComponent: typeof SearchBox;
 }, {}> & {
     ComposedComponent: {
-        new (props: Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+        new (props: Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
             clearable?: boolean | undefined;
             enhance?: boolean | undefined;
             mini?: boolean | undefined;
@@ -502,7 +504,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>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -514,7 +516,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>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            readonly props: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -530,7 +532,7 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -543,7 +545,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>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -554,7 +556,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>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -567,7 +569,7 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -578,7 +580,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>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -589,7 +591,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>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;
@@ -600,7 +602,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>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<SearchBoxProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "name" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabled" | "active" | "placeholder" | "loadingConfig" | "loading" | "onCancel" | "onSearch" | "defaultActive" | "onActiveChange"> & {
                 clearable?: boolean | undefined;
                 enhance?: boolean | undefined;
                 mini?: boolean | undefined;

package/lib/components/SearchBox.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.6.2
+ * amis-ui v6.0.0
  * Copyright 2018-2023 fex
  */
 
@@ -16,6 +16,7 @@ var amisCore = require('amis-core');
 var icons = require('./icons.js');
 var chain = require('lodash/chain');
 var Input = require('./Input.js');
+var Spinner = require('./Spinner.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -197,15 +198,16 @@ 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, mobileUI = _a.mobileUI, __ = _a.translate;
+        var _a = this.props, cx = _a.classnames, classPrefix = _a.classPrefix, 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, mobileUI = _a.mobileUI, __ = _a.translate, loading = _a.loading, loadingConfig = _a.loadingConfig;
         var _b = this.state, isFocused = _b.isFocused, inputValue = _b.inputValue;
         var enable = this.getHistoryOptions().enable;
         return (_J$X_("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 },
             _J$X_(Input["default"], { name: name, ref: this.inputRef, disabled: disabled, placeholder: __(placeholder || 'placeholder.enter'), value: inputValue !== null && inputValue !== void 0 ? inputValue : '', autoComplete: "off", onFocus: this.handleFocus, onBlur: this.handleBlur, onChange: this.handleChange, onKeyDown: this.handleKeyDown }),
             !mini && clearable && inputValue && !disabled ? (_J$X_("div", { className: cx('SearchBox-clearable'), onClick: this.handleClear },
                 _J$X_(icons.Icon, { icon: "input-clear", className: "icon" }))) : null,
-            !mini ? (_J$X_("a", { className: cx('SearchBox-searchBtn'), onClick: this.handleSearch },
-                _J$X_(icons.Icon, { icon: "search", className: "icon" }))) : active ? (_J$X_("a", { className: cx('SearchBox-cancelBtn'), onClick: this.handleCancel },
+            !mini ? (_J$X_("a", { className: cx('SearchBox-searchBtn', {
+                    'SearchBox-searchBtn--loading': loading
+                }), onClick: this.handleSearch }, loading ? (_J$X_(Spinner["default"], { classnames: cx, classPrefix: classPrefix, className: cx('SearchBox-spinner'), spinnerClassName: cx('SearchBox-spinner-icon'), disabled: disabled, size: "sm", icon: "loading-outline", loadingConfig: loadingConfig })) : (_J$X_(icons.Icon, { icon: "search", className: "icon" })))) : active ? (_J$X_("a", { className: cx('SearchBox-cancelBtn'), onClick: this.handleCancel },
                 _J$X_(icons.Icon, { icon: "close", className: "icon" }))) : (_J$X_("a", { className: cx('SearchBox-activeBtn'), onClick: this.handleActive },
                 _J$X_(icons.Icon, { icon: "search", className: "icon" })))));
     };