amis-ui 6.1.0 → 6.2.1

package/lib/components/Transfer.d.ts

@@ -40,7 +40,15 @@ export interface TransferProps extends ThemeProps, LocaleProps, SpinnerExtraProp
     searchPlaceholder?: string;
     noResultsText?: string;
     onChange?: (value: Array<Option>, optionModified?: boolean) => void;
-    onSearch?: (term: string, setCancel: (cancel: () => void) => void) => Promise<Options | void>;
+    onSearch?: (term: string, setCancel: (cancel: () => void) => void, targetPage?: {
+        page: number;
+        perPage?: number;
+    }) => Promise<{
+        items: Options;
+        page?: number;
+        perPage?: number;
+        total?: number;
+    } | void>;
     selectRender?: (props: Omit<TransferProps, 'onSearch'> & {
         onSearch: (text: string) => void;
         onSearchCancel: () => void;
@@ -96,11 +104,24 @@ export interface TransferProps extends ThemeProps, LocaleProps, SpinnerExtraProp
     };
     /** 切换分页事件 */
     onPageChange?: (page: number, perPage?: number, direction?: 'forward' | 'backward') => void;
+    /**
+     * 是否默认都展开
+     */
+    initiallyOpen?: boolean;
+    /**
+     * ui级联关系，true代表级联选中，false代表不级联，默认为true
+     */
+    autoCheckChildren?: boolean;
 }
 export interface TransferState {
     tempValue?: Array<Option> | Option;
     inputValue: string;
     searchResult: Options | null;
+    searchResultPage?: {
+        page?: number;
+        perPage?: number;
+        total?: number;
+    } | null;
     isTreeDeferLoad: boolean;
     resultSelectMode: 'list' | 'tree' | 'table';
 }
@@ -131,11 +152,13 @@ export declare class Transfer<T extends TransferProps = TransferProps> extends R
     handleSearchKeyDown(e: React.KeyboardEvent<any>): void;
     handleSearch(inputValue: string): void;
     handleSeachCancel(): void;
-    lazySearch: import("lodash").DebouncedFunc<() => Promise<void>>;
+    lazySearch: import("lodash").DebouncedFunc<(page?: number, perPage?: number) => Promise<void>>;
+    searchRequest(page?: number, perPage?: number): Promise<void>;
     getFlattenArr(options: Array<Option>): Option[];
     handleSearchTreeChange(values: Array<Option>, searchOptions: Array<Option>, props: TransferProps): void;
     optionItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
     resultItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
+    onPageChangeHandle(page: number, perPage?: number, direction?: 'forward' | 'backward'): void;
     renderSelect(props: TransferProps & {
         onToggleAll?: () => void;
     }): React.JSX.Element;
@@ -146,15 +169,15 @@ export declare class Transfer<T extends TransferProps = TransferProps> extends R
     render(): React.JSX.Element;
 }
 declare const _default: {
-    new (props: Omit<Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+    new (props: Omit<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
         multiple?: boolean | undefined;
         valueField?: string | undefined;
         itemHeight?: number | undefined;
-        virtualThreshold?: number | undefined;
         checkAllLabel?: string | undefined;
-        resultListModeFollowSelect?: boolean | undefined;
-        selectMode?: SelectMode | undefined;
+        virtualThreshold?: number | undefined;
         statistics?: boolean | undefined;
+        selectMode?: SelectMode | undefined;
+        resultListModeFollowSelect?: boolean | undefined;
     } & {} & {
         locale?: string | undefined;
         translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -164,29 +187,29 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
             multiple?: boolean | undefined;
             valueField?: string | undefined;
             itemHeight?: number | undefined;
-            virtualThreshold?: number | undefined;
             checkAllLabel?: string | undefined;
-            resultListModeFollowSelect?: boolean | undefined;
-            selectMode?: SelectMode | undefined;
+            virtualThreshold?: number | undefined;
             statistics?: boolean | undefined;
+            selectMode?: SelectMode | undefined;
+            resultListModeFollowSelect?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             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<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+        readonly props: Readonly<Omit<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
             multiple?: boolean | undefined;
             valueField?: string | undefined;
             itemHeight?: number | undefined;
-            virtualThreshold?: number | undefined;
             checkAllLabel?: string | undefined;
-            resultListModeFollowSelect?: boolean | undefined;
-            selectMode?: SelectMode | undefined;
+            virtualThreshold?: number | undefined;
             statistics?: boolean | undefined;
+            selectMode?: SelectMode | undefined;
+            resultListModeFollowSelect?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -196,102 +219,97 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
             multiple?: boolean | undefined;
             valueField?: string | undefined;
             itemHeight?: number | undefined;
-            virtualThreshold?: number | undefined;
             checkAllLabel?: string | undefined;
-            resultListModeFollowSelect?: boolean | undefined;
-            selectMode?: SelectMode | undefined;
+            virtualThreshold?: number | undefined;
             statistics?: boolean | undefined;
+            selectMode?: SelectMode | undefined;
+            resultListModeFollowSelect?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, 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<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
             multiple?: boolean | undefined;
             valueField?: string | undefined;
             itemHeight?: number | undefined;
-            virtualThreshold?: number | undefined;
             checkAllLabel?: string | undefined;
-            resultListModeFollowSelect?: boolean | undefined;
-            selectMode?: SelectMode | undefined;
+            virtualThreshold?: number | undefined;
             statistics?: boolean | undefined;
+            selectMode?: SelectMode | undefined;
+            resultListModeFollowSelect?: boolean | undefined;
         } & {} & {
             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<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
             multiple?: boolean | undefined;
             valueField?: string | undefined;
             itemHeight?: number | undefined;
-            virtualThreshold?: number | undefined;
             checkAllLabel?: string | undefined;
-            resultListModeFollowSelect?: boolean | undefined;
-            selectMode?: SelectMode | undefined;
+            virtualThreshold?: number | undefined;
             statistics?: boolean | undefined;
+            selectMode?: SelectMode | undefined;
+            resultListModeFollowSelect?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, 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<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
             multiple?: boolean | undefined;
             valueField?: string | undefined;
             itemHeight?: number | undefined;
-            virtualThreshold?: number | undefined;
             checkAllLabel?: string | undefined;
-            resultListModeFollowSelect?: boolean | undefined;
-            selectMode?: SelectMode | undefined;
+            virtualThreshold?: number | undefined;
             statistics?: boolean | undefined;
+            selectMode?: SelectMode | undefined;
+            resultListModeFollowSelect?: boolean | undefined;
         } & {} & {
             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<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
             multiple?: boolean | undefined;
             valueField?: string | undefined;
             itemHeight?: number | undefined;
-            virtualThreshold?: number | undefined;
             checkAllLabel?: string | undefined;
-            resultListModeFollowSelect?: boolean | undefined;
-            selectMode?: SelectMode | undefined;
+            virtualThreshold?: number | undefined;
             statistics?: boolean | undefined;
+            selectMode?: SelectMode | undefined;
+            resultListModeFollowSelect?: boolean | undefined;
         } & {} & {
             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<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
             multiple?: boolean | undefined;
             valueField?: string | undefined;
             itemHeight?: number | undefined;
-            virtualThreshold?: number | undefined;
             checkAllLabel?: string | undefined;
-            resultListModeFollowSelect?: boolean | undefined;
-            selectMode?: SelectMode | undefined;
+            virtualThreshold?: number | undefined;
             statistics?: boolean | undefined;
+            selectMode?: SelectMode | undefined;
+            resultListModeFollowSelect?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        /**
-         * 最多显示多少个分页按钮。
-         *
-         * @default 5
-         */
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
             multiple?: boolean | undefined;
             valueField?: string | undefined;
             itemHeight?: number | undefined;
-            virtualThreshold?: number | undefined;
             checkAllLabel?: string | undefined;
-            resultListModeFollowSelect?: boolean | undefined;
-            selectMode?: SelectMode | undefined;
+            virtualThreshold?: number | undefined;
             statistics?: boolean | undefined;
+            selectMode?: SelectMode | undefined;
+            resultListModeFollowSelect?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -300,15 +318,15 @@ declare const _default: {
     displayName: string;
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
-        new (props: Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+        new (props: Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
             multiple?: boolean | undefined;
             valueField?: string | undefined;
             itemHeight?: number | undefined;
-            virtualThreshold?: number | undefined;
             checkAllLabel?: string | undefined;
-            resultListModeFollowSelect?: boolean | undefined;
-            selectMode?: SelectMode | undefined;
+            virtualThreshold?: number | undefined;
             statistics?: boolean | undefined;
+            selectMode?: SelectMode | undefined;
+            resultListModeFollowSelect?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -318,29 +336,29 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
                 multiple?: boolean | undefined;
                 valueField?: string | undefined;
                 itemHeight?: number | undefined;
-                virtualThreshold?: number | undefined;
                 checkAllLabel?: string | undefined;
-                resultListModeFollowSelect?: boolean | undefined;
-                selectMode?: SelectMode | undefined;
+                virtualThreshold?: number | undefined;
                 statistics?: boolean | undefined;
+                selectMode?: SelectMode | undefined;
+                resultListModeFollowSelect?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+            readonly props: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
                 multiple?: boolean | undefined;
                 valueField?: string | undefined;
                 itemHeight?: number | undefined;
-                virtualThreshold?: number | undefined;
                 checkAllLabel?: string | undefined;
-                resultListModeFollowSelect?: boolean | undefined;
-                selectMode?: SelectMode | undefined;
+                virtualThreshold?: number | undefined;
                 statistics?: boolean | undefined;
+                selectMode?: SelectMode | undefined;
+                resultListModeFollowSelect?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -350,97 +368,97 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
                 multiple?: boolean | undefined;
                 valueField?: string | undefined;
                 itemHeight?: number | undefined;
-                virtualThreshold?: number | undefined;
                 checkAllLabel?: string | undefined;
-                resultListModeFollowSelect?: boolean | undefined;
-                selectMode?: SelectMode | undefined;
+                virtualThreshold?: number | undefined;
                 statistics?: boolean | undefined;
+                selectMode?: SelectMode | undefined;
+                resultListModeFollowSelect?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
                 multiple?: boolean | undefined;
                 valueField?: string | undefined;
                 itemHeight?: number | undefined;
-                virtualThreshold?: number | undefined;
                 checkAllLabel?: string | undefined;
-                resultListModeFollowSelect?: boolean | undefined;
-                selectMode?: SelectMode | undefined;
+                virtualThreshold?: number | undefined;
                 statistics?: boolean | undefined;
+                selectMode?: SelectMode | undefined;
+                resultListModeFollowSelect?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
                 multiple?: boolean | undefined;
                 valueField?: string | undefined;
                 itemHeight?: number | undefined;
-                virtualThreshold?: number | undefined;
                 checkAllLabel?: string | undefined;
-                resultListModeFollowSelect?: boolean | undefined;
-                selectMode?: SelectMode | undefined;
+                virtualThreshold?: number | undefined;
                 statistics?: boolean | undefined;
+                selectMode?: SelectMode | undefined;
+                resultListModeFollowSelect?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
                 multiple?: boolean | undefined;
                 valueField?: string | undefined;
                 itemHeight?: number | undefined;
-                virtualThreshold?: number | undefined;
                 checkAllLabel?: string | undefined;
-                resultListModeFollowSelect?: boolean | undefined;
-                selectMode?: SelectMode | undefined;
+                virtualThreshold?: number | undefined;
                 statistics?: boolean | undefined;
+                selectMode?: SelectMode | undefined;
+                resultListModeFollowSelect?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
                 multiple?: boolean | undefined;
                 valueField?: string | undefined;
                 itemHeight?: number | undefined;
-                virtualThreshold?: number | undefined;
                 checkAllLabel?: string | undefined;
-                resultListModeFollowSelect?: boolean | undefined;
-                selectMode?: SelectMode | undefined;
+                virtualThreshold?: number | undefined;
                 statistics?: boolean | undefined;
+                selectMode?: SelectMode | undefined;
+                resultListModeFollowSelect?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
                 multiple?: boolean | undefined;
                 valueField?: string | undefined;
                 itemHeight?: number | undefined;
-                virtualThreshold?: number | undefined;
                 checkAllLabel?: string | undefined;
-                resultListModeFollowSelect?: boolean | undefined;
-                selectMode?: SelectMode | undefined;
+                virtualThreshold?: number | undefined;
                 statistics?: boolean | undefined;
+                selectMode?: SelectMode | undefined;
+                resultListModeFollowSelect?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
                 multiple?: boolean | undefined;
                 valueField?: string | undefined;
                 itemHeight?: number | undefined;
-                virtualThreshold?: number | undefined;
                 checkAllLabel?: string | undefined;
-                resultListModeFollowSelect?: boolean | undefined;
-                selectMode?: SelectMode | undefined;
+                virtualThreshold?: number | undefined;
                 statistics?: boolean | undefined;
+                selectMode?: SelectMode | undefined;
+                resultListModeFollowSelect?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -471,11 +489,13 @@ declare const _default: {
                 handleSearchKeyDown(e: React.KeyboardEvent<any>): void;
                 handleSearch(inputValue: string): void;
                 handleSeachCancel(): void;
-                lazySearch: import("lodash").DebouncedFunc<() => Promise<void>>;
+                lazySearch: import("lodash").DebouncedFunc<(page?: number | undefined, perPage?: number | undefined) => Promise<void>>;
+                searchRequest(page?: number | undefined, perPage?: number | undefined): Promise<void>;
                 getFlattenArr(options: Option[]): Option[];
                 handleSearchTreeChange(values: Option[], searchOptions: Option[], props: TransferProps): void;
                 optionItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
                 resultItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
+                onPageChangeHandle(page: number, perPage?: number | undefined, direction?: "backward" | "forward" | undefined): void;
                 renderSelect(props: TransferProps & {
                     onToggleAll?: (() => void) | undefined;
                 }): React.JSX.Element;
@@ -524,11 +544,13 @@ declare const _default: {
                 handleSearchKeyDown(e: React.KeyboardEvent<any>): void;
                 handleSearch(inputValue: string): void;
                 handleSeachCancel(): void;
-                lazySearch: import("lodash").DebouncedFunc<() => Promise<void>>;
+                lazySearch: import("lodash").DebouncedFunc<(page?: number | undefined, perPage?: number | undefined) => Promise<void>>;
+                searchRequest(page?: number | undefined, perPage?: number | undefined): Promise<void>;
                 getFlattenArr(options: Option[]): Option[];
                 handleSearchTreeChange(values: Option[], searchOptions: Option[], props: TransferProps): void;
                 optionItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
                 resultItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
+                onPageChangeHandle(page: number, perPage?: number | undefined, direction?: "backward" | "forward" | undefined): void;
                 renderSelect(props: TransferProps & {
                     onToggleAll?: (() => void) | undefined;
                 }): React.JSX.Element;
@@ -555,7 +577,7 @@ declare const _default: {
                 componentWillUpdate?(nextProps: Readonly<TransferProps>, nextState: Readonly<TransferState>, nextContext: any): void;
                 UNSAFE_componentWillUpdate?(nextProps: Readonly<TransferProps>, nextState: Readonly<TransferState>, nextContext: any): void;
             };
-            defaultProps: Pick<TransferProps, "multiple" | "valueField" | "itemHeight" | "virtualThreshold" | "checkAllLabel" | "resultListModeFollowSelect" | "selectMode" | "statistics">;
+            defaultProps: Pick<TransferProps, "multiple" | "valueField" | "itemHeight" | "checkAllLabel" | "virtualThreshold" | "statistics" | "selectMode" | "resultListModeFollowSelect">;
             getDerivedStateFromProps(props: TransferProps): {
                 isTreeDeferLoad: boolean;
                 resultSelectMode: string;
@@ -585,11 +607,13 @@ declare const _default: {
             handleSearchKeyDown(e: React.KeyboardEvent<any>): void;
             handleSearch(inputValue: string): void;
             handleSeachCancel(): void;
-            lazySearch: import("lodash").DebouncedFunc<() => Promise<void>>;
+            lazySearch: import("lodash").DebouncedFunc<(page?: number | undefined, perPage?: number | undefined) => Promise<void>>;
+            searchRequest(page?: number | undefined, perPage?: number | undefined): Promise<void>;
             getFlattenArr(options: Option[]): Option[];
             handleSearchTreeChange(values: Option[], searchOptions: Option[], props: TransferProps): void;
             optionItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
             resultItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
+            onPageChangeHandle(page: number, perPage?: number | undefined, direction?: "backward" | "forward" | undefined): void;
             renderSelect(props: TransferProps & {
                 onToggleAll?: (() => void) | undefined;
             }): React.JSX.Element;
@@ -638,11 +662,13 @@ declare const _default: {
             handleSearchKeyDown(e: React.KeyboardEvent<any>): void;
             handleSearch(inputValue: string): void;
             handleSeachCancel(): void;
-            lazySearch: import("lodash").DebouncedFunc<() => Promise<void>>;
+            lazySearch: import("lodash").DebouncedFunc<(page?: number | undefined, perPage?: number | undefined) => Promise<void>>;
+            searchRequest(page?: number | undefined, perPage?: number | undefined): Promise<void>;
             getFlattenArr(options: Option[]): Option[];
             handleSearchTreeChange(values: Option[], searchOptions: Option[], props: TransferProps): void;
             optionItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
             resultItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
+            onPageChangeHandle(page: number, perPage?: number | undefined, direction?: "backward" | "forward" | undefined): void;
             renderSelect(props: TransferProps & {
                 onToggleAll?: (() => void) | undefined;
             }): React.JSX.Element;
@@ -669,7 +695,7 @@ declare const _default: {
             componentWillUpdate?(nextProps: Readonly<TransferProps>, nextState: Readonly<TransferState>, nextContext: any): void;
             UNSAFE_componentWillUpdate?(nextProps: Readonly<TransferProps>, nextState: Readonly<TransferState>, nextContext: any): void;
         };
-        defaultProps: Pick<TransferProps, "multiple" | "valueField" | "itemHeight" | "virtualThreshold" | "checkAllLabel" | "resultListModeFollowSelect" | "selectMode" | "statistics">;
+        defaultProps: Pick<TransferProps, "multiple" | "valueField" | "itemHeight" | "checkAllLabel" | "virtualThreshold" | "statistics" | "selectMode" | "resultListModeFollowSelect">;
         getDerivedStateFromProps(props: TransferProps): {
             isTreeDeferLoad: boolean;
             resultSelectMode: string;
@@ -699,11 +725,13 @@ declare const _default: {
                 handleSearchKeyDown(e: React.KeyboardEvent<any>): void;
                 handleSearch(inputValue: string): void;
                 handleSeachCancel(): void;
-                lazySearch: import("lodash").DebouncedFunc<() => Promise<void>>;
+                lazySearch: import("lodash").DebouncedFunc<(page?: number | undefined, perPage?: number | undefined) => Promise<void>>;
+                searchRequest(page?: number | undefined, perPage?: number | undefined): Promise<void>;
                 getFlattenArr(options: Option[]): Option[];
                 handleSearchTreeChange(values: Option[], searchOptions: Option[], props: TransferProps): void;
                 optionItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
                 resultItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
+                onPageChangeHandle(page: number, perPage?: number | undefined, direction?: "backward" | "forward" | undefined): void;
                 renderSelect(props: TransferProps & {
                     onToggleAll?: (() => void) | undefined;
                 }): React.JSX.Element;
@@ -752,11 +780,13 @@ declare const _default: {
                 handleSearchKeyDown(e: React.KeyboardEvent<any>): void;
                 handleSearch(inputValue: string): void;
                 handleSeachCancel(): void;
-                lazySearch: import("lodash").DebouncedFunc<() => Promise<void>>;
+                lazySearch: import("lodash").DebouncedFunc<(page?: number | undefined, perPage?: number | undefined) => Promise<void>>;
+                searchRequest(page?: number | undefined, perPage?: number | undefined): Promise<void>;
                 getFlattenArr(options: Option[]): Option[];
                 handleSearchTreeChange(values: Option[], searchOptions: Option[], props: TransferProps): void;
                 optionItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
                 resultItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
+                onPageChangeHandle(page: number, perPage?: number | undefined, direction?: "backward" | "forward" | undefined): void;
                 renderSelect(props: TransferProps & {
                     onToggleAll?: (() => void) | undefined;
                 }): React.JSX.Element;
@@ -783,7 +813,7 @@ declare const _default: {
                 componentWillUpdate?(nextProps: Readonly<TransferProps>, nextState: Readonly<TransferState>, nextContext: any): void;
                 UNSAFE_componentWillUpdate?(nextProps: Readonly<TransferProps>, nextState: Readonly<TransferState>, nextContext: any): void;
             };
-            defaultProps: Pick<TransferProps, "multiple" | "valueField" | "itemHeight" | "virtualThreshold" | "checkAllLabel" | "resultListModeFollowSelect" | "selectMode" | "statistics">;
+            defaultProps: Pick<TransferProps, "multiple" | "valueField" | "itemHeight" | "checkAllLabel" | "virtualThreshold" | "statistics" | "selectMode" | "resultListModeFollowSelect">;
             getDerivedStateFromProps(props: TransferProps): {
                 isTreeDeferLoad: boolean;
                 resultSelectMode: string;
@@ -792,15 +822,15 @@ declare const _default: {
         };
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
-    new (props: Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+    new (props: Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
         multiple?: boolean | undefined;
         valueField?: string | undefined;
         itemHeight?: number | undefined;
-        virtualThreshold?: number | undefined;
         checkAllLabel?: string | undefined;
-        resultListModeFollowSelect?: boolean | undefined;
-        selectMode?: SelectMode | undefined;
+        virtualThreshold?: number | undefined;
         statistics?: boolean | undefined;
+        selectMode?: SelectMode | undefined;
+        resultListModeFollowSelect?: boolean | undefined;
     } & {} & {
         locale?: string | undefined;
         translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -810,29 +840,29 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
             multiple?: boolean | undefined;
             valueField?: string | undefined;
             itemHeight?: number | undefined;
-            virtualThreshold?: number | undefined;
             checkAllLabel?: string | undefined;
-            resultListModeFollowSelect?: boolean | undefined;
-            selectMode?: SelectMode | undefined;
+            virtualThreshold?: number | undefined;
             statistics?: boolean | undefined;
+            selectMode?: SelectMode | undefined;
+            resultListModeFollowSelect?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+        readonly props: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
             multiple?: boolean | undefined;
             valueField?: string | undefined;
             itemHeight?: number | undefined;
-            virtualThreshold?: number | undefined;
             checkAllLabel?: string | undefined;
-            resultListModeFollowSelect?: boolean | undefined;
-            selectMode?: SelectMode | undefined;
+            virtualThreshold?: number | undefined;
             statistics?: boolean | undefined;
+            selectMode?: SelectMode | undefined;
+            resultListModeFollowSelect?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -842,97 +872,97 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
             multiple?: boolean | undefined;
             valueField?: string | undefined;
             itemHeight?: number | undefined;
-            virtualThreshold?: number | undefined;
             checkAllLabel?: string | undefined;
-            resultListModeFollowSelect?: boolean | undefined;
-            selectMode?: SelectMode | undefined;
+            virtualThreshold?: number | undefined;
             statistics?: boolean | undefined;
+            selectMode?: SelectMode | undefined;
+            resultListModeFollowSelect?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
             multiple?: boolean | undefined;
             valueField?: string | undefined;
             itemHeight?: number | undefined;
-            virtualThreshold?: number | undefined;
             checkAllLabel?: string | undefined;
-            resultListModeFollowSelect?: boolean | undefined;
-            selectMode?: SelectMode | undefined;
+            virtualThreshold?: number | undefined;
             statistics?: boolean | undefined;
+            selectMode?: SelectMode | undefined;
+            resultListModeFollowSelect?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
             multiple?: boolean | undefined;
             valueField?: string | undefined;
             itemHeight?: number | undefined;
-            virtualThreshold?: number | undefined;
             checkAllLabel?: string | undefined;
-            resultListModeFollowSelect?: boolean | undefined;
-            selectMode?: SelectMode | undefined;
+            virtualThreshold?: number | undefined;
             statistics?: boolean | undefined;
+            selectMode?: SelectMode | undefined;
+            resultListModeFollowSelect?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
             multiple?: boolean | undefined;
             valueField?: string | undefined;
             itemHeight?: number | undefined;
-            virtualThreshold?: number | undefined;
             checkAllLabel?: string | undefined;
-            resultListModeFollowSelect?: boolean | undefined;
-            selectMode?: SelectMode | undefined;
+            virtualThreshold?: number | undefined;
             statistics?: boolean | undefined;
+            selectMode?: SelectMode | undefined;
+            resultListModeFollowSelect?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
             multiple?: boolean | undefined;
             valueField?: string | undefined;
             itemHeight?: number | undefined;
-            virtualThreshold?: number | undefined;
             checkAllLabel?: string | undefined;
-            resultListModeFollowSelect?: boolean | undefined;
-            selectMode?: SelectMode | undefined;
+            virtualThreshold?: number | undefined;
             statistics?: boolean | undefined;
+            selectMode?: SelectMode | undefined;
+            resultListModeFollowSelect?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
             multiple?: boolean | undefined;
             valueField?: string | undefined;
             itemHeight?: number | undefined;
-            virtualThreshold?: number | undefined;
             checkAllLabel?: string | undefined;
-            resultListModeFollowSelect?: boolean | undefined;
-            selectMode?: SelectMode | undefined;
+            virtualThreshold?: number | undefined;
             statistics?: boolean | undefined;
+            selectMode?: SelectMode | undefined;
+            resultListModeFollowSelect?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
             multiple?: boolean | undefined;
             valueField?: string | undefined;
             itemHeight?: number | undefined;
-            virtualThreshold?: number | undefined;
             checkAllLabel?: string | undefined;
-            resultListModeFollowSelect?: boolean | undefined;
-            selectMode?: SelectMode | undefined;
+            virtualThreshold?: number | undefined;
             statistics?: boolean | undefined;
+            selectMode?: SelectMode | undefined;
+            resultListModeFollowSelect?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -963,11 +993,13 @@ declare const _default: {
             handleSearchKeyDown(e: React.KeyboardEvent<any>): void;
             handleSearch(inputValue: string): void;
             handleSeachCancel(): void;
-            lazySearch: import("lodash").DebouncedFunc<() => Promise<void>>;
+            lazySearch: import("lodash").DebouncedFunc<(page?: number | undefined, perPage?: number | undefined) => Promise<void>>;
+            searchRequest(page?: number | undefined, perPage?: number | undefined): Promise<void>;
             getFlattenArr(options: Option[]): Option[];
             handleSearchTreeChange(values: Option[], searchOptions: Option[], props: TransferProps): void;
             optionItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
             resultItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
+            onPageChangeHandle(page: number, perPage?: number | undefined, direction?: "backward" | "forward" | undefined): void;
             renderSelect(props: TransferProps & {
                 onToggleAll?: (() => void) | undefined;
             }): React.JSX.Element;
@@ -1016,11 +1048,13 @@ declare const _default: {
             handleSearchKeyDown(e: React.KeyboardEvent<any>): void;
             handleSearch(inputValue: string): void;
             handleSeachCancel(): void;
-            lazySearch: import("lodash").DebouncedFunc<() => Promise<void>>;
+            lazySearch: import("lodash").DebouncedFunc<(page?: number | undefined, perPage?: number | undefined) => Promise<void>>;
+            searchRequest(page?: number | undefined, perPage?: number | undefined): Promise<void>;
             getFlattenArr(options: Option[]): Option[];
             handleSearchTreeChange(values: Option[], searchOptions: Option[], props: TransferProps): void;
             optionItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
             resultItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
+            onPageChangeHandle(page: number, perPage?: number | undefined, direction?: "backward" | "forward" | undefined): void;
             renderSelect(props: TransferProps & {
                 onToggleAll?: (() => void) | undefined;
             }): React.JSX.Element;
@@ -1047,7 +1081,7 @@ declare const _default: {
             componentWillUpdate?(nextProps: Readonly<TransferProps>, nextState: Readonly<TransferState>, nextContext: any): void;
             UNSAFE_componentWillUpdate?(nextProps: Readonly<TransferProps>, nextState: Readonly<TransferState>, nextContext: any): void;
         };
-        defaultProps: Pick<TransferProps, "multiple" | "valueField" | "itemHeight" | "virtualThreshold" | "checkAllLabel" | "resultListModeFollowSelect" | "selectMode" | "statistics">;
+        defaultProps: Pick<TransferProps, "multiple" | "valueField" | "itemHeight" | "checkAllLabel" | "virtualThreshold" | "statistics" | "selectMode" | "resultListModeFollowSelect">;
         getDerivedStateFromProps(props: TransferProps): {
             isTreeDeferLoad: boolean;
             resultSelectMode: string;
@@ -1077,11 +1111,13 @@ declare const _default: {
         handleSearchKeyDown(e: React.KeyboardEvent<any>): void;
         handleSearch(inputValue: string): void;
         handleSeachCancel(): void;
-        lazySearch: import("lodash").DebouncedFunc<() => Promise<void>>;
+        lazySearch: import("lodash").DebouncedFunc<(page?: number | undefined, perPage?: number | undefined) => Promise<void>>;
+        searchRequest(page?: number | undefined, perPage?: number | undefined): Promise<void>;
         getFlattenArr(options: Option[]): Option[];
         handleSearchTreeChange(values: Option[], searchOptions: Option[], props: TransferProps): void;
         optionItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
         resultItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
+        onPageChangeHandle(page: number, perPage?: number | undefined, direction?: "backward" | "forward" | undefined): void;
         renderSelect(props: TransferProps & {
             onToggleAll?: (() => void) | undefined;
         }): React.JSX.Element;
@@ -1130,11 +1166,13 @@ declare const _default: {
         handleSearchKeyDown(e: React.KeyboardEvent<any>): void;
         handleSearch(inputValue: string): void;
         handleSeachCancel(): void;
-        lazySearch: import("lodash").DebouncedFunc<() => Promise<void>>;
+        lazySearch: import("lodash").DebouncedFunc<(page?: number | undefined, perPage?: number | undefined) => Promise<void>>;
+        searchRequest(page?: number | undefined, perPage?: number | undefined): Promise<void>;
         getFlattenArr(options: Option[]): Option[];
         handleSearchTreeChange(values: Option[], searchOptions: Option[], props: TransferProps): void;
         optionItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
         resultItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
+        onPageChangeHandle(page: number, perPage?: number | undefined, direction?: "backward" | "forward" | undefined): void;
         renderSelect(props: TransferProps & {
             onToggleAll?: (() => void) | undefined;
         }): React.JSX.Element;
@@ -1161,7 +1199,7 @@ declare const _default: {
         componentWillUpdate?(nextProps: Readonly<TransferProps>, nextState: Readonly<TransferState>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<TransferProps>, nextState: Readonly<TransferState>, nextContext: any): void;
     };
-    defaultProps: Pick<TransferProps, "multiple" | "valueField" | "itemHeight" | "virtualThreshold" | "checkAllLabel" | "resultListModeFollowSelect" | "selectMode" | "statistics">;
+    defaultProps: Pick<TransferProps, "multiple" | "valueField" | "itemHeight" | "checkAllLabel" | "virtualThreshold" | "statistics" | "selectMode" | "resultListModeFollowSelect">;
     getDerivedStateFromProps(props: TransferProps): {
         isTreeDeferLoad: boolean;
         resultSelectMode: string;
@@ -1191,11 +1229,13 @@ declare const _default: {
             handleSearchKeyDown(e: React.KeyboardEvent<any>): void;
             handleSearch(inputValue: string): void;
             handleSeachCancel(): void;
-            lazySearch: import("lodash").DebouncedFunc<() => Promise<void>>;
+            lazySearch: import("lodash").DebouncedFunc<(page?: number | undefined, perPage?: number | undefined) => Promise<void>>;
+            searchRequest(page?: number | undefined, perPage?: number | undefined): Promise<void>;
             getFlattenArr(options: Option[]): Option[];
             handleSearchTreeChange(values: Option[], searchOptions: Option[], props: TransferProps): void;
             optionItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
             resultItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
+            onPageChangeHandle(page: number, perPage?: number | undefined, direction?: "backward" | "forward" | undefined): void;
             renderSelect(props: TransferProps & {
                 onToggleAll?: (() => void) | undefined;
             }): React.JSX.Element;
@@ -1244,11 +1284,13 @@ declare const _default: {
             handleSearchKeyDown(e: React.KeyboardEvent<any>): void;
             handleSearch(inputValue: string): void;
             handleSeachCancel(): void;
-            lazySearch: import("lodash").DebouncedFunc<() => Promise<void>>;
+            lazySearch: import("lodash").DebouncedFunc<(page?: number | undefined, perPage?: number | undefined) => Promise<void>>;
+            searchRequest(page?: number | undefined, perPage?: number | undefined): Promise<void>;
             getFlattenArr(options: Option[]): Option[];
             handleSearchTreeChange(values: Option[], searchOptions: Option[], props: TransferProps): void;
             optionItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
             resultItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
+            onPageChangeHandle(page: number, perPage?: number | undefined, direction?: "backward" | "forward" | undefined): void;
             renderSelect(props: TransferProps & {
                 onToggleAll?: (() => void) | undefined;
             }): React.JSX.Element;
@@ -1275,7 +1317,7 @@ declare const _default: {
             componentWillUpdate?(nextProps: Readonly<TransferProps>, nextState: Readonly<TransferState>, nextContext: any): void;
             UNSAFE_componentWillUpdate?(nextProps: Readonly<TransferProps>, nextState: Readonly<TransferState>, nextContext: any): void;
         };
-        defaultProps: Pick<TransferProps, "multiple" | "valueField" | "itemHeight" | "virtualThreshold" | "checkAllLabel" | "resultListModeFollowSelect" | "selectMode" | "statistics">;
+        defaultProps: Pick<TransferProps, "multiple" | "valueField" | "itemHeight" | "checkAllLabel" | "virtualThreshold" | "statistics" | "selectMode" | "resultListModeFollowSelect">;
         getDerivedStateFromProps(props: TransferProps): {
             isTreeDeferLoad: boolean;
             resultSelectMode: string;
@@ -1284,15 +1326,15 @@ declare const _default: {
     };
 }, {}> & {
     ComposedComponent: {
-        new (props: Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+        new (props: Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
             multiple?: boolean | undefined;
             valueField?: string | undefined;
             itemHeight?: number | undefined;
-            virtualThreshold?: number | undefined;
             checkAllLabel?: string | undefined;
-            resultListModeFollowSelect?: boolean | undefined;
-            selectMode?: SelectMode | undefined;
+            virtualThreshold?: number | undefined;
             statistics?: boolean | undefined;
+            selectMode?: SelectMode | undefined;
+            resultListModeFollowSelect?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -1302,29 +1344,29 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
                 multiple?: boolean | undefined;
                 valueField?: string | undefined;
                 itemHeight?: number | undefined;
-                virtualThreshold?: number | undefined;
                 checkAllLabel?: string | undefined;
-                resultListModeFollowSelect?: boolean | undefined;
-                selectMode?: SelectMode | undefined;
+                virtualThreshold?: number | undefined;
                 statistics?: boolean | undefined;
+                selectMode?: SelectMode | undefined;
+                resultListModeFollowSelect?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+            readonly props: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
                 multiple?: boolean | undefined;
                 valueField?: string | undefined;
                 itemHeight?: number | undefined;
-                virtualThreshold?: number | undefined;
                 checkAllLabel?: string | undefined;
-                resultListModeFollowSelect?: boolean | undefined;
-                selectMode?: SelectMode | undefined;
+                virtualThreshold?: number | undefined;
                 statistics?: boolean | undefined;
+                selectMode?: SelectMode | undefined;
+                resultListModeFollowSelect?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -1334,97 +1376,97 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
                 multiple?: boolean | undefined;
                 valueField?: string | undefined;
                 itemHeight?: number | undefined;
-                virtualThreshold?: number | undefined;
                 checkAllLabel?: string | undefined;
-                resultListModeFollowSelect?: boolean | undefined;
-                selectMode?: SelectMode | undefined;
+                virtualThreshold?: number | undefined;
                 statistics?: boolean | undefined;
+                selectMode?: SelectMode | undefined;
+                resultListModeFollowSelect?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
                 multiple?: boolean | undefined;
                 valueField?: string | undefined;
                 itemHeight?: number | undefined;
-                virtualThreshold?: number | undefined;
                 checkAllLabel?: string | undefined;
-                resultListModeFollowSelect?: boolean | undefined;
-                selectMode?: SelectMode | undefined;
+                virtualThreshold?: number | undefined;
                 statistics?: boolean | undefined;
+                selectMode?: SelectMode | undefined;
+                resultListModeFollowSelect?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
                 multiple?: boolean | undefined;
                 valueField?: string | undefined;
                 itemHeight?: number | undefined;
-                virtualThreshold?: number | undefined;
                 checkAllLabel?: string | undefined;
-                resultListModeFollowSelect?: boolean | undefined;
-                selectMode?: SelectMode | undefined;
+                virtualThreshold?: number | undefined;
                 statistics?: boolean | undefined;
+                selectMode?: SelectMode | undefined;
+                resultListModeFollowSelect?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
                 multiple?: boolean | undefined;
                 valueField?: string | undefined;
                 itemHeight?: number | undefined;
-                virtualThreshold?: number | undefined;
                 checkAllLabel?: string | undefined;
-                resultListModeFollowSelect?: boolean | undefined;
-                selectMode?: SelectMode | undefined;
+                virtualThreshold?: number | undefined;
                 statistics?: boolean | undefined;
+                selectMode?: SelectMode | undefined;
+                resultListModeFollowSelect?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
                 multiple?: boolean | undefined;
                 valueField?: string | undefined;
                 itemHeight?: number | undefined;
-                virtualThreshold?: number | undefined;
                 checkAllLabel?: string | undefined;
-                resultListModeFollowSelect?: boolean | undefined;
-                selectMode?: SelectMode | undefined;
+                virtualThreshold?: number | undefined;
                 statistics?: boolean | undefined;
+                selectMode?: SelectMode | undefined;
+                resultListModeFollowSelect?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
                 multiple?: boolean | undefined;
                 valueField?: string | undefined;
                 itemHeight?: number | undefined;
-                virtualThreshold?: number | undefined;
                 checkAllLabel?: string | undefined;
-                resultListModeFollowSelect?: boolean | undefined;
-                selectMode?: SelectMode | undefined;
+                virtualThreshold?: number | undefined;
                 statistics?: boolean | undefined;
+                selectMode?: SelectMode | undefined;
+                resultListModeFollowSelect?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "disabled" | "className" | "placeholder" | "theme" | "clearable" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "style" | "onClick" | "options" | "pagination" | "loadingConfig" | "labelClassName" | "inline" | "labelField" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "itemClassName" | "virtualListHeight" | "placeholderRender" | "checkAll" | "showArrow" | "onRef" | "showInvalidMatch" | "noResultsText" | "maxTagCount" | "overflowTagPopover" | "onlyChildren" | "selectTitle" | "columns" | "cellRender" | "leftOptions" | "leftMode" | "leftDefaultValue" | "rightMode" | "searchResultMode" | "searchResultColumns" | "searchPlaceholder" | "onSearch" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "sortable" | "onSelectAll" | "accumulatedOptions" | "onPageChange"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<TransferProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "onClick" | "disabled" | "columns" | "onChange" | "inline" | "showArrow" | "placeholder" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "options" | "clearable" | "onRef" | "showInvalidMatch" | "noResultsText" | "checkAll" | "maxTagCount" | "overflowTagPopover" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender" | "initiallyOpen" | "onlyChildren" | "autoCheckChildren" | "onSearch" | "searchPlaceholder" | "sortable" | "cellRender" | "leftOptions" | "leftDefaultValue" | "leftMode" | "rightMode" | "onPageChange" | "selectTitle" | "searchResultMode" | "searchResultColumns" | "selectRender" | "resultTitle" | "resultSearchPlaceholder" | "optionItemRender" | "resultItemRender" | "resultSearchable" | "onResultSearch" | "onSelectAll" | "accumulatedOptions" | "pagination"> & {
                 multiple?: boolean | undefined;
                 valueField?: string | undefined;
                 itemHeight?: number | undefined;
-                virtualThreshold?: number | undefined;
                 checkAllLabel?: string | undefined;
-                resultListModeFollowSelect?: boolean | undefined;
-                selectMode?: SelectMode | undefined;
+                virtualThreshold?: number | undefined;
                 statistics?: boolean | undefined;
+                selectMode?: SelectMode | undefined;
+                resultListModeFollowSelect?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -1455,11 +1497,13 @@ declare const _default: {
                 handleSearchKeyDown(e: React.KeyboardEvent<any>): void;
                 handleSearch(inputValue: string): void;
                 handleSeachCancel(): void;
-                lazySearch: import("lodash").DebouncedFunc<() => Promise<void>>;
+                lazySearch: import("lodash").DebouncedFunc<(page?: number | undefined, perPage?: number | undefined) => Promise<void>>;
+                searchRequest(page?: number | undefined, perPage?: number | undefined): Promise<void>;
                 getFlattenArr(options: Option[]): Option[];
                 handleSearchTreeChange(values: Option[], searchOptions: Option[], props: TransferProps): void;
                 optionItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
                 resultItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
+                onPageChangeHandle(page: number, perPage?: number | undefined, direction?: "backward" | "forward" | undefined): void;
                 renderSelect(props: TransferProps & {
                     onToggleAll?: (() => void) | undefined;
                 }): React.JSX.Element;
@@ -1508,11 +1552,13 @@ declare const _default: {
                 handleSearchKeyDown(e: React.KeyboardEvent<any>): void;
                 handleSearch(inputValue: string): void;
                 handleSeachCancel(): void;
-                lazySearch: import("lodash").DebouncedFunc<() => Promise<void>>;
+                lazySearch: import("lodash").DebouncedFunc<(page?: number | undefined, perPage?: number | undefined) => Promise<void>>;
+                searchRequest(page?: number | undefined, perPage?: number | undefined): Promise<void>;
                 getFlattenArr(options: Option[]): Option[];
                 handleSearchTreeChange(values: Option[], searchOptions: Option[], props: TransferProps): void;
                 optionItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
                 resultItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
+                onPageChangeHandle(page: number, perPage?: number | undefined, direction?: "backward" | "forward" | undefined): void;
                 renderSelect(props: TransferProps & {
                     onToggleAll?: (() => void) | undefined;
                 }): React.JSX.Element;
@@ -1539,7 +1585,7 @@ declare const _default: {
                 componentWillUpdate?(nextProps: Readonly<TransferProps>, nextState: Readonly<TransferState>, nextContext: any): void;
                 UNSAFE_componentWillUpdate?(nextProps: Readonly<TransferProps>, nextState: Readonly<TransferState>, nextContext: any): void;
             };
-            defaultProps: Pick<TransferProps, "multiple" | "valueField" | "itemHeight" | "virtualThreshold" | "checkAllLabel" | "resultListModeFollowSelect" | "selectMode" | "statistics">;
+            defaultProps: Pick<TransferProps, "multiple" | "valueField" | "itemHeight" | "checkAllLabel" | "virtualThreshold" | "statistics" | "selectMode" | "resultListModeFollowSelect">;
             getDerivedStateFromProps(props: TransferProps): {
                 isTreeDeferLoad: boolean;
                 resultSelectMode: string;
@@ -1569,11 +1615,13 @@ declare const _default: {
             handleSearchKeyDown(e: React.KeyboardEvent<any>): void;
             handleSearch(inputValue: string): void;
             handleSeachCancel(): void;
-            lazySearch: import("lodash").DebouncedFunc<() => Promise<void>>;
+            lazySearch: import("lodash").DebouncedFunc<(page?: number | undefined, perPage?: number | undefined) => Promise<void>>;
+            searchRequest(page?: number | undefined, perPage?: number | undefined): Promise<void>;
             getFlattenArr(options: Option[]): Option[];
             handleSearchTreeChange(values: Option[], searchOptions: Option[], props: TransferProps): void;
             optionItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
             resultItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
+            onPageChangeHandle(page: number, perPage?: number | undefined, direction?: "backward" | "forward" | undefined): void;
             renderSelect(props: TransferProps & {
                 onToggleAll?: (() => void) | undefined;
             }): React.JSX.Element;
@@ -1622,11 +1670,13 @@ declare const _default: {
             handleSearchKeyDown(e: React.KeyboardEvent<any>): void;
             handleSearch(inputValue: string): void;
             handleSeachCancel(): void;
-            lazySearch: import("lodash").DebouncedFunc<() => Promise<void>>;
+            lazySearch: import("lodash").DebouncedFunc<(page?: number | undefined, perPage?: number | undefined) => Promise<void>>;
+            searchRequest(page?: number | undefined, perPage?: number | undefined): Promise<void>;
             getFlattenArr(options: Option[]): Option[];
             handleSearchTreeChange(values: Option[], searchOptions: Option[], props: TransferProps): void;
             optionItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
             resultItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
+            onPageChangeHandle(page: number, perPage?: number | undefined, direction?: "backward" | "forward" | undefined): void;
             renderSelect(props: TransferProps & {
                 onToggleAll?: (() => void) | undefined;
             }): React.JSX.Element;
@@ -1653,7 +1703,7 @@ declare const _default: {
             componentWillUpdate?(nextProps: Readonly<TransferProps>, nextState: Readonly<TransferState>, nextContext: any): void;
             UNSAFE_componentWillUpdate?(nextProps: Readonly<TransferProps>, nextState: Readonly<TransferState>, nextContext: any): void;
         };
-        defaultProps: Pick<TransferProps, "multiple" | "valueField" | "itemHeight" | "virtualThreshold" | "checkAllLabel" | "resultListModeFollowSelect" | "selectMode" | "statistics">;
+        defaultProps: Pick<TransferProps, "multiple" | "valueField" | "itemHeight" | "checkAllLabel" | "virtualThreshold" | "statistics" | "selectMode" | "resultListModeFollowSelect">;
         getDerivedStateFromProps(props: TransferProps): {
             isTreeDeferLoad: boolean;
             resultSelectMode: string;
@@ -1683,11 +1733,13 @@ declare const _default: {
                 handleSearchKeyDown(e: React.KeyboardEvent<any>): void;
                 handleSearch(inputValue: string): void;
                 handleSeachCancel(): void;
-                lazySearch: import("lodash").DebouncedFunc<() => Promise<void>>;
+                lazySearch: import("lodash").DebouncedFunc<(page?: number | undefined, perPage?: number | undefined) => Promise<void>>;
+                searchRequest(page?: number | undefined, perPage?: number | undefined): Promise<void>;
                 getFlattenArr(options: Option[]): Option[];
                 handleSearchTreeChange(values: Option[], searchOptions: Option[], props: TransferProps): void;
                 optionItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
                 resultItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
+                onPageChangeHandle(page: number, perPage?: number | undefined, direction?: "backward" | "forward" | undefined): void;
                 renderSelect(props: TransferProps & {
                     onToggleAll?: (() => void) | undefined;
                 }): React.JSX.Element;
@@ -1736,11 +1788,13 @@ declare const _default: {
                 handleSearchKeyDown(e: React.KeyboardEvent<any>): void;
                 handleSearch(inputValue: string): void;
                 handleSeachCancel(): void;
-                lazySearch: import("lodash").DebouncedFunc<() => Promise<void>>;
+                lazySearch: import("lodash").DebouncedFunc<(page?: number | undefined, perPage?: number | undefined) => Promise<void>>;
+                searchRequest(page?: number | undefined, perPage?: number | undefined): Promise<void>;
                 getFlattenArr(options: Option[]): Option[];
                 handleSearchTreeChange(values: Option[], searchOptions: Option[], props: TransferProps): void;
                 optionItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
                 resultItemRender(option: Option, states: ItemRenderStates): React.JSX.Element;
+                onPageChangeHandle(page: number, perPage?: number | undefined, direction?: "backward" | "forward" | undefined): void;
                 renderSelect(props: TransferProps & {
                     onToggleAll?: (() => void) | undefined;
                 }): React.JSX.Element;
@@ -1767,7 +1821,7 @@ declare const _default: {
                 componentWillUpdate?(nextProps: Readonly<TransferProps>, nextState: Readonly<TransferState>, nextContext: any): void;
                 UNSAFE_componentWillUpdate?(nextProps: Readonly<TransferProps>, nextState: Readonly<TransferState>, nextContext: any): void;
             };
-            defaultProps: Pick<TransferProps, "multiple" | "valueField" | "itemHeight" | "virtualThreshold" | "checkAllLabel" | "resultListModeFollowSelect" | "selectMode" | "statistics">;
+            defaultProps: Pick<TransferProps, "multiple" | "valueField" | "itemHeight" | "checkAllLabel" | "virtualThreshold" | "statistics" | "selectMode" | "resultListModeFollowSelect">;
             getDerivedStateFromProps(props: TransferProps): {
                 isTreeDeferLoad: boolean;
                 resultSelectMode: string;