amis-ui 3.1.0 → 3.2.0

package/esm/components/Pagination.d.ts

@@ -70,6 +70,7 @@ export interface BasicPaginationProps {
      */
     popOverContainerSelector?: string;
     onPageChange?: (page: number, perPage?: number) => void;
+    useMobileUI?: boolean;
 }
 export interface PaginationProps extends BasicPaginationProps, ThemeProps, LocaleProps {
     popOverContainer?: any;
@@ -121,7 +122,7 @@ export declare class Pagination extends React.Component<PaginationProps, Paginat
     render(): React.JSX.Element;
 }
 declare const _default: {
-    new (props: Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+    new (props: Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
         layout?: string | string[] | undefined;
         mode?: MODE_TYPE | undefined;
         maxButtons?: number | undefined;
@@ -137,7 +138,7 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
@@ -149,7 +150,7 @@ declare const _default: {
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+        readonly props: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
@@ -165,7 +166,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
@@ -175,10 +176,14 @@ declare const _default: {
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
-        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean; /**
+         * 渲染每个页码li
+         *
+         * @param page 页码
+         */
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
@@ -189,7 +194,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
@@ -202,7 +207,7 @@ declare const _default: {
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
@@ -213,7 +218,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
@@ -224,7 +229,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
@@ -235,7 +240,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
@@ -250,7 +255,7 @@ declare const _default: {
     displayName: string;
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
-        new (props: Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+        new (props: Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
@@ -266,7 +271,7 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
@@ -278,7 +283,7 @@ declare const _default: {
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            readonly props: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
@@ -294,7 +299,7 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
@@ -307,7 +312,7 @@ declare const _default: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
@@ -318,7 +323,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
@@ -331,7 +336,7 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
@@ -342,7 +347,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
@@ -353,7 +358,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
@@ -364,7 +369,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
@@ -383,7 +388,7 @@ declare const _default: {
         ComposedComponent: typeof Pagination;
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
-    new (props: Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+    new (props: Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
         layout?: string | string[] | undefined;
         mode?: MODE_TYPE | undefined;
         maxButtons?: number | undefined;
@@ -399,7 +404,7 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
@@ -411,7 +416,7 @@ declare const _default: {
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+        readonly props: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
@@ -427,7 +432,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
@@ -440,7 +445,7 @@ declare const _default: {
         }>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
@@ -451,7 +456,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
@@ -464,7 +469,7 @@ declare const _default: {
         }>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
@@ -475,7 +480,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
@@ -486,7 +491,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
@@ -497,7 +502,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
@@ -516,7 +521,7 @@ declare const _default: {
     ComposedComponent: typeof Pagination;
 }, {}> & {
     ComposedComponent: {
-        new (props: Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+        new (props: Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
@@ -532,7 +537,7 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
@@ -544,7 +549,7 @@ declare const _default: {
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            readonly props: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
@@ -560,7 +565,7 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
@@ -573,7 +578,7 @@ declare const _default: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
@@ -584,7 +589,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
@@ -597,7 +602,7 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
@@ -608,7 +613,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
@@ -619,7 +624,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
@@ -630,7 +635,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;

package/esm/components/Pagination.js

@@ -1,12 +1,12 @@
 /**
- * amis-ui v3.1.0
+ * amis-ui v3.2.0
  * Copyright 2018-2023 fex
  */
 
 import { __extends, __decorate, __metadata } from 'tslib';
 import React__default from 'react';
 import isInteger from 'lodash/isInteger';
-import { autobind, themeable, localeable } from 'amis-core';
+import { isMobile, autobind, themeable, localeable } from 'amis-core';
 import { Icon } from './icons.js';
 import EnhancedSelect from './Select.js';
 
@@ -120,9 +120,11 @@ var Pagination = /** @class */ (function (_super) {
     };
     Pagination.prototype.render = function () {
         var _this = this;
-        var _a = this.props, layout = _a.layout, maxButtons = _a.maxButtons, mode = _a.mode, activePage = _a.activePage, total = _a.total, showPerPage = _a.showPerPage, perPageAvailable = _a.perPageAvailable, cx = _a.classnames, showPageInput = _a.showPageInput, className = _a.className, style = _a.style, disabled = _a.disabled, hasNext = _a.hasNext, popOverContainer = _a.popOverContainer, popOverContainerSelector = _a.popOverContainerSelector, __ = _a.translate;
+        var _a = this.props, layout = _a.layout, mode = _a.mode, activePage = _a.activePage, total = _a.total, showPerPage = _a.showPerPage, perPageAvailable = _a.perPageAvailable, cx = _a.classnames, showPageInput = _a.showPageInput, className = _a.className, style = _a.style, disabled = _a.disabled, hasNext = _a.hasNext, popOverContainer = _a.popOverContainer, popOverContainerSelector = _a.popOverContainerSelector, useMobileUI = _a.useMobileUI, __ = _a.translate;
+        var maxButtons = this.props.maxButtons;
         var _b = this.state, pageNum = _b.pageNum, perPage = _b.perPage;
         var lastPage = this.getLastPage();
+        var mobileUI = useMobileUI && isMobile();
         // 简易模式
         if (mode === 'simple') {
             return (React__default.createElement("div", { className: cx('Pagination-wrap', 'Pagination-simple', { disabled: disabled }, className), style: style },
@@ -212,8 +214,15 @@ var Pagination = /** @class */ (function (_super) {
             }, key: "next" },
             React__default.createElement("span", null,
                 React__default.createElement(Icon, { icon: "right-arrow", className: "icon" }))));
+        if (mobileUI) {
+            pageButtons = [
+                pageButtons[0],
+                this.renderPageItem(activePage),
+                pageButtons[pageButtons.length - 1]
+            ];
+        }
         var go = (React__default.createElement("div", { className: cx('Pagination-inputGroup Pagination-item'), key: "go" },
-            React__default.createElement("span", { className: cx('Pagination-inputGroup-left'), key: "go-left" }, __('Pagination.goto')),
+            !mobileUI ? (React__default.createElement("span", { className: cx('Pagination-inputGroup-left'), key: "go-left" }, __('Pagination.goto'))) : null,
             React__default.createElement("input", { className: cx('Pagination-inputGroup-input'), key: "go-input", type: "text", disabled: disabled, onChange: this.handlePageChange, onFocus: function (e) { return e.currentTarget.select(); }, onKeyUp: function (e) {
                     var v = parseInt(e.currentTarget.value, 10);
                     if (!v || e.code != 'Enter') {

package/esm/components/Picker.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.0
+ * amis-ui v3.2.0
  * Copyright 2018-2023 fex
  */
 
@@ -56,9 +56,9 @@ var Picker = memo(function (props) {
     var hasHeader = showToolbar || title;
     return (React__default.createElement("div", { className: cx(className, 'PickerColumns', 'PickerColumns-popOver') },
         hasHeader && (React__default.createElement("div", { className: cx('PickerColumns-header') },
-            showToolbar && (React__default.createElement(Button, { className: "PickerColumns-cancel", level: "default", onClick: close }, __('cancel'))),
+            showToolbar && (React__default.createElement(Button, { className: "PickerColumns-cancel", level: "link", onClick: close }, __('cancel'))),
             title && React__default.createElement("div", { className: cx('PickerColumns-title') }, title),
-            showToolbar && (React__default.createElement(Button, { className: "PickerColumns-confirm", level: "primary", onClick: confirm }, __('confirm'))))),
+            showToolbar && (React__default.createElement(Button, { className: "PickerColumns-confirm", level: "link", onClick: confirm }, __('confirm'))))),
         React__default.createElement("div", { className: cx('PickerColumns-columns'), style: columnsStyle },
             _columns.map(function (column, index) {
                 return renderColumnItem(column, index);

package/esm/components/PickerColumn.d.ts

@@ -14,7 +14,7 @@ export interface PickerColumnItem {
     visibleItemCount?: number;
     itemHeight?: number;
     options?: PickerOption[];
-    optionRender?: (option: string | object | PickerOption) => React.ReactNode;
+    optionRender?: (...params: any) => React.ReactNode;
     onChange?: (value?: PickerOption | string, index?: number, confirm?: boolean) => void;
 }
 export interface PickerColumnProps extends PickerColumnItem, ThemeProps {

package/esm/components/PickerColumn.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.0
+ * amis-ui v3.2.0
  * Copyright 2018-2023 fex
  */
 
@@ -226,7 +226,7 @@ var PickerColumn = forwardRef(function (props, ref) {
                 className: 'text-ellipsis',
                 children: text
             };
-            return (React__default.createElement("li", __assign({}, data, { ref: menuItemRef }), props.optionRender ? (props.optionRender(option)) : (React__default.createElement("div", __assign({}, childData)))));
+            return (React__default.createElement("li", __assign({}, data, { ref: menuItemRef }), props.optionRender ? (props.optionRender(option, { index: index, checked: state.index === index })) : (React__default.createElement("div", __assign({}, childData)))));
         });
     };
     var setValue = function (value) {

package/esm/components/PickerContainer.d.ts

@@ -20,6 +20,7 @@ export interface PickerContainerProps extends ThemeProps, LocaleProps, Omit<Conf
     onClose?: () => void;
     onPickerOpen?: (props: PickerContainerProps) => any;
     popOverContainer?: any;
+    useMobileUI?: boolean;
 }
 export interface PickerContainerState {
     isOpened: boolean;

package/esm/components/PickerContainer.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.0
+ * amis-ui v3.2.0
  * Copyright 2018-2023 fex
  */
 
@@ -98,15 +98,15 @@ var PickerContainer = /** @class */ (function (_super) {
     };
     PickerContainer.prototype.render = function () {
         var _this = this;
-        var _a = this.props, children = _a.children, popOverRender = _a.bodyRender, title = _a.title, showTitle = _a.showTitle, headerClassName = _a.headerClassName, bodyClassName = _a.bodyClassName, __ = _a.translate, size = _a.size, showFooter = _a.showFooter, closeOnEsc = _a.closeOnEsc, popOverContainer = _a.popOverContainer;
+        var _a = this.props, children = _a.children, popOverRender = _a.bodyRender, title = _a.title, showTitle = _a.showTitle, headerClassName = _a.headerClassName, bodyClassName = _a.bodyClassName, __ = _a.translate, size = _a.size, showFooter = _a.showFooter, closeOnEsc = _a.closeOnEsc, popOverContainer = _a.popOverContainer, useMobileUI = _a.useMobileUI;
         return (React__default.createElement(React__default.Fragment, null,
             children({
                 isOpened: this.state.isOpened,
                 onClick: this.handleClick,
                 setState: this.updateState
             }),
-            React__default.createElement(ConfirmBox, { type: "dialog", size: size, closeOnEsc: closeOnEsc, show: this.state.isOpened, onCancel: this.close, title: title || __('Select.placeholder'), showTitle: showTitle, headerClassName: headerClassName, bodyClassName: bodyClassName, showFooter: showFooter, beforeConfirm: this.confirm, popOverContainer: popOverContainer }, function () {
-                return popOverRender(__assign(__assign({}, _this.state), { ref: _this.bodyRef, setState: _this.updateState, onClose: _this.close, onChange: _this.handleChange, onConfirm: _this.confirm }));
+            React__default.createElement(ConfirmBox, { type: "dialog", size: size, closeOnEsc: closeOnEsc, show: this.state.isOpened, onCancel: this.close, title: title || __('Select.placeholder'), showTitle: showTitle, headerClassName: headerClassName, bodyClassName: bodyClassName, showFooter: showFooter, beforeConfirm: this.confirm, popOverContainer: popOverContainer, useMobileUI: useMobileUI }, function () {
+                return popOverRender(__assign(__assign({}, _this.state), { ref: _this.bodyRef, setState: _this.updateState, onClose: _this.close, onChange: _this.handleChange, onConfirm: _this.confirm, popOverContainer: popOverContainer }));
             })));
     };
     __decorate([

package/esm/components/PopOverContainer.d.ts

@@ -19,11 +19,13 @@ export interface PopOverContainerProps {
     placement?: string;
     overlayWidth?: number | string;
     overlayWidthField?: 'minWidth' | 'width';
+    showConfirm?: boolean;
     align?: OverlayAlignType;
     /** Popover层隐藏前触发的事件 */
     onBeforeHide?: () => void;
     /** Popover层隐藏后触发的事件 */
     onAfterHide?: () => void;
+    onConfirm?: () => void;
 }
 export interface PopOverContainerState {
     isOpened: boolean;
@@ -41,6 +43,7 @@ export declare class PopOverContainer extends React.Component<PopOverContainerPr
     close(): void;
     getTarget(): any;
     getParent(): any;
+    onConfirm(): void;
     static calcOverlayWidth(overlay: PopOverOverlay, targetWidth: number): string | number | undefined;
     static alignToPlacement(overlay?: PopOverOverlay): string;
     getOverlayStyle(): {

package/esm/components/PopOverContainer.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.0
+ * amis-ui v3.2.0
  * Copyright 2018-2023 fex
  */
 
@@ -46,6 +46,11 @@ var PopOverContainer = /** @class */ (function (_super) {
         var _a;
         return (_a = this.getTarget()) === null || _a === void 0 ? void 0 : _a.parentElement;
     };
+    PopOverContainer.prototype.onConfirm = function () {
+        var _a, _b;
+        (_b = (_a = this.props).onConfirm) === null || _b === void 0 ? void 0 : _b.call(_a);
+        this.close();
+    };
     PopOverContainer.calcOverlayWidth = function (overlay, targetWidth) {
         var overlayWidth = overlay && overlay.width;
         if (!overlayWidth || !isNumber(targetWidth) || targetWidth < 1)
@@ -80,7 +85,7 @@ var PopOverContainer = /** @class */ (function (_super) {
             _a;
     };
     PopOverContainer.prototype.render = function () {
-        var _a = this.props, useMobileUI = _a.useMobileUI, children = _a.children, popOverContainer = _a.popOverContainer, popOverClassName = _a.popOverClassName, dropdownRender = _a.popOverRender, placement = _a.placement, align = _a.align;
+        var _a = this.props, useMobileUI = _a.useMobileUI, children = _a.children, popOverContainer = _a.popOverContainer, popOverClassName = _a.popOverClassName, dropdownRender = _a.popOverRender, placement = _a.placement, align = _a.align, showConfirm = _a.showConfirm; _a.onConfirm;
         var mobileUI = useMobileUI && isMobile();
         return (React__default.createElement(React__default.Fragment, null,
             children({
@@ -88,7 +93,7 @@ var PopOverContainer = /** @class */ (function (_super) {
                 onClick: this.handleClick,
                 ref: this.targetRef
             }),
-            mobileUI ? (React__default.createElement(PopUp, { isShow: this.state.isOpened, container: popOverContainer, className: popOverClassName, onHide: this.close }, dropdownRender({ onClose: this.close }))) : (React__default.createElement(Overlay, { container: popOverContainer || this.getParent, target: this.getTarget, placement: placement || PopOverContainer.alignToPlacement({ align: align }), show: this.state.isOpened },
+            mobileUI ? (React__default.createElement(PopUp, { isShow: this.state.isOpened, container: document.body, className: popOverClassName, showConfirm: showConfirm, onHide: this.close, onConfirm: this.onConfirm }, dropdownRender({ onClose: this.close }))) : (React__default.createElement(Overlay, { container: popOverContainer || this.getParent, target: this.getTarget, placement: placement || PopOverContainer.alignToPlacement({ align: align }), show: this.state.isOpened },
                 React__default.createElement(PopOver, { overlay: true, className: popOverClassName, style: this.getOverlayStyle(), onHide: this.close }, dropdownRender({ onClose: this.close }))))));
     };
     PopOverContainer.alignPlacementMap = {
@@ -126,6 +131,12 @@ var PopOverContainer = /** @class */ (function (_super) {
         __metadata("design:paramtypes", []),
         __metadata("design:returntype", void 0)
     ], PopOverContainer.prototype, "getParent", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], PopOverContainer.prototype, "onConfirm", null);
     return PopOverContainer;
 }(React__default.Component));