x-next 0.0.0-alpha.8 → 1.0.0

package/dist/components/pagination/Pagination.d.ts

@@ -0,0 +1,351 @@
+import { PropType, CSSProperties } from 'vue';
+import { Size } from '../../_utils/constant';
+import { SelectProps } from '../form-select';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 数据总数
+     * @en Total number of data
+     */
+    total: {
+        type: NumberConstructor;
+        required: true;
+    };
+    /**
+     * @zh 当前的页数
+     * @en Current page number
+     * @vModel
+     */
+    current: NumberConstructor;
+    /**
+     * @zh 默认的页数（非受控状态）
+     * @en The default number of pages (uncontrolled state)
+     */
+    defaultCurrent: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * @zh 每页展示的数据条数
+     * @en Number of data items displayed per page
+     * @vModel
+     */
+    pageSize: NumberConstructor;
+    /**
+     * @zh 默认每页展示的数据条数（非受控状态）
+     * @en The number of data items displayed per page by default (uncontrolled state)
+     */
+    defaultPageSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * @zh 是否禁用
+     * @en Whether to disable
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 单页时是否隐藏分页
+     * @en Whether to hide pagination when single page
+     */
+    hideOnSinglePage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否为简单模式
+     * @en Whether it is simple mode
+     */
+    simple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否显示数据总数
+     * @en Whether to display the total number of data
+     */
+    showTotal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否显示更多按钮
+     * @en Whether to show more buttons
+     */
+    showMore: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否显示跳转
+     * @en Whether to show jump
+     */
+    showJumper: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否显示数据条数选择器
+     * @en Whether to display the data number selector
+     */
+    showPageSize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 数据条数选择器的选项列表
+     * @en Selection list of data number selector
+     */
+    pageSizeOptions: {
+        type: PropType<number[]>;
+        default: () => number[];
+    };
+    /**
+     * @zh 数据条数选择器的Props
+     * @en Props of data number selector
+     */
+    pageSizeProps: {
+        type: PropType<SelectProps>;
+    };
+    /**
+     * @zh 分页选择器的大小
+     * @en The size of the page selector
+     * @values 'mini', 'small', 'medium', 'large'
+     * @defaultValue 'medium'
+     */
+    size: {
+        type: PropType<Size>;
+    };
+    /**
+     * @zh 分页按钮的样式
+     * @en The style of the paging button
+     */
+    pageItemStyle: {
+        type: PropType<CSSProperties>;
+    };
+    /**
+     * @zh 当前分页按钮的样式
+     * @en The style of the current paging button
+     */
+    activePageItemStyle: {
+        type: PropType<CSSProperties>;
+    };
+    /**
+     * @zh 计算显示省略的基础个数。显示省略的个数为 `baseSize + 2 * bufferSize`
+     * @en Calculate and display the number of omitted bases. Display the omitted number as `baseSize + 2 * bufferSize`
+     */
+    baseSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * @zh 显示省略号时，当前页码左右显示的页码个数
+     * @en When the ellipsis is displayed, the number of page numbers displayed on the left and right of the current page number
+     */
+    bufferSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * @zh 是否在改变数据条数时调整页码
+     * @en Whether to adjust the page number when changing the number of data
+     * @version 2.34.0
+     */
+    autoAdjust: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:current': (current: number) => true;
+    'update:pageSize': (pageSize: number) => true;
+    /**
+     * @zh 页码改变时触发
+     * @en Triggered when page number changes
+     * @param {number} current
+     */
+    change: (current: number) => true;
+    /**
+     * @zh 数据条数改变时触发
+     * @en Triggered when the number of data items changes
+     * @param {number} pageSize
+     */
+    pageSizeChange: (pageSize: number) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 数据总数
+     * @en Total number of data
+     */
+    total: {
+        type: NumberConstructor;
+        required: true;
+    };
+    /**
+     * @zh 当前的页数
+     * @en Current page number
+     * @vModel
+     */
+    current: NumberConstructor;
+    /**
+     * @zh 默认的页数（非受控状态）
+     * @en The default number of pages (uncontrolled state)
+     */
+    defaultCurrent: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * @zh 每页展示的数据条数
+     * @en Number of data items displayed per page
+     * @vModel
+     */
+    pageSize: NumberConstructor;
+    /**
+     * @zh 默认每页展示的数据条数（非受控状态）
+     * @en The number of data items displayed per page by default (uncontrolled state)
+     */
+    defaultPageSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * @zh 是否禁用
+     * @en Whether to disable
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 单页时是否隐藏分页
+     * @en Whether to hide pagination when single page
+     */
+    hideOnSinglePage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否为简单模式
+     * @en Whether it is simple mode
+     */
+    simple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否显示数据总数
+     * @en Whether to display the total number of data
+     */
+    showTotal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否显示更多按钮
+     * @en Whether to show more buttons
+     */
+    showMore: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否显示跳转
+     * @en Whether to show jump
+     */
+    showJumper: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否显示数据条数选择器
+     * @en Whether to display the data number selector
+     */
+    showPageSize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 数据条数选择器的选项列表
+     * @en Selection list of data number selector
+     */
+    pageSizeOptions: {
+        type: PropType<number[]>;
+        default: () => number[];
+    };
+    /**
+     * @zh 数据条数选择器的Props
+     * @en Props of data number selector
+     */
+    pageSizeProps: {
+        type: PropType<SelectProps>;
+    };
+    /**
+     * @zh 分页选择器的大小
+     * @en The size of the page selector
+     * @values 'mini', 'small', 'medium', 'large'
+     * @defaultValue 'medium'
+     */
+    size: {
+        type: PropType<Size>;
+    };
+    /**
+     * @zh 分页按钮的样式
+     * @en The style of the paging button
+     */
+    pageItemStyle: {
+        type: PropType<CSSProperties>;
+    };
+    /**
+     * @zh 当前分页按钮的样式
+     * @en The style of the current paging button
+     */
+    activePageItemStyle: {
+        type: PropType<CSSProperties>;
+    };
+    /**
+     * @zh 计算显示省略的基础个数。显示省略的个数为 `baseSize + 2 * bufferSize`
+     * @en Calculate and display the number of omitted bases. Display the omitted number as `baseSize + 2 * bufferSize`
+     */
+    baseSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * @zh 显示省略号时，当前页码左右显示的页码个数
+     * @en When the ellipsis is displayed, the number of page numbers displayed on the left and right of the current page number
+     */
+    bufferSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * @zh 是否在改变数据条数时调整页码
+     * @en Whether to adjust the page number when changing the number of data
+     * @version 2.34.0
+     */
+    autoAdjust: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onChange?: ((current: number) => any) | undefined;
+    "onUpdate:current"?: ((current: number) => any) | undefined;
+    "onUpdate:pageSize"?: ((pageSize: number) => any) | undefined;
+    onPageSizeChange?: ((pageSize: number) => any) | undefined;
+}>, {
+    disabled: boolean;
+    defaultCurrent: number;
+    simple: boolean;
+    defaultPageSize: number;
+    hideOnSinglePage: boolean;
+    showTotal: boolean;
+    showMore: boolean;
+    showJumper: boolean;
+    showPageSize: boolean;
+    pageSizeOptions: number[];
+    baseSize: number;
+    bufferSize: number;
+    autoAdjust: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/pagination/index.d.ts

@@ -0,0 +1,297 @@
+export type { PaginationProps } from './interface';
+export declare const Pagination: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        total: {
+            type: NumberConstructor;
+            required: true;
+        };
+        current: NumberConstructor;
+        defaultCurrent: {
+            type: NumberConstructor;
+            default: number;
+        };
+        pageSize: NumberConstructor;
+        defaultPageSize: {
+            type: NumberConstructor;
+            default: number;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hideOnSinglePage: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        simple: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showTotal: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showMore: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showJumper: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showPageSize: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        pageSizeOptions: {
+            type: import('vue').PropType<number[]>;
+            default: () => number[];
+        };
+        pageSizeProps: {
+            type: import('vue').PropType<import('../index.ts').SelectProps>;
+        };
+        size: {
+            type: import('vue').PropType<import('../../_utils/constant.ts').Size>;
+        };
+        pageItemStyle: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+        };
+        activePageItemStyle: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+        };
+        baseSize: {
+            type: NumberConstructor;
+            default: number;
+        };
+        bufferSize: {
+            type: NumberConstructor;
+            default: number;
+        };
+        autoAdjust: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onChange?: ((current: number) => any) | undefined;
+        "onUpdate:current"?: ((current: number) => any) | undefined;
+        "onUpdate:pageSize"?: ((pageSize: number) => any) | undefined;
+        onPageSizeChange?: ((pageSize: number) => any) | undefined;
+    }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        'update:current': (current: number) => true;
+        'update:pageSize': (pageSize: number) => true;
+        change: (current: number) => true;
+        pageSizeChange: (pageSize: number) => true;
+    }, import('vue').PublicProps, {
+        disabled: boolean;
+        defaultCurrent: number;
+        simple: boolean;
+        defaultPageSize: number;
+        hideOnSinglePage: boolean;
+        showTotal: boolean;
+        showMore: boolean;
+        showJumper: boolean;
+        showPageSize: boolean;
+        pageSizeOptions: number[];
+        baseSize: number;
+        bufferSize: number;
+        autoAdjust: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        total: {
+            type: NumberConstructor;
+            required: true;
+        };
+        current: NumberConstructor;
+        defaultCurrent: {
+            type: NumberConstructor;
+            default: number;
+        };
+        pageSize: NumberConstructor;
+        defaultPageSize: {
+            type: NumberConstructor;
+            default: number;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hideOnSinglePage: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        simple: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showTotal: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showMore: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showJumper: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showPageSize: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        pageSizeOptions: {
+            type: import('vue').PropType<number[]>;
+            default: () => number[];
+        };
+        pageSizeProps: {
+            type: import('vue').PropType<import('../index.ts').SelectProps>;
+        };
+        size: {
+            type: import('vue').PropType<import('../../_utils/constant.ts').Size>;
+        };
+        pageItemStyle: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+        };
+        activePageItemStyle: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+        };
+        baseSize: {
+            type: NumberConstructor;
+            default: number;
+        };
+        bufferSize: {
+            type: NumberConstructor;
+            default: number;
+        };
+        autoAdjust: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onChange?: ((current: number) => any) | undefined;
+        "onUpdate:current"?: ((current: number) => any) | undefined;
+        "onUpdate:pageSize"?: ((pageSize: number) => any) | undefined;
+        onPageSizeChange?: ((pageSize: number) => any) | undefined;
+    }>, () => any, {}, {}, {}, {
+        disabled: boolean;
+        defaultCurrent: number;
+        simple: boolean;
+        defaultPageSize: number;
+        hideOnSinglePage: boolean;
+        showTotal: boolean;
+        showMore: boolean;
+        showJumper: boolean;
+        showPageSize: boolean;
+        pageSizeOptions: number[];
+        baseSize: number;
+        bufferSize: number;
+        autoAdjust: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    total: {
+        type: NumberConstructor;
+        required: true;
+    };
+    current: NumberConstructor;
+    defaultCurrent: {
+        type: NumberConstructor;
+        default: number;
+    };
+    pageSize: NumberConstructor;
+    defaultPageSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideOnSinglePage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    simple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showTotal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showMore: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showJumper: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showPageSize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pageSizeOptions: {
+        type: import('vue').PropType<number[]>;
+        default: () => number[];
+    };
+    pageSizeProps: {
+        type: import('vue').PropType<import('../index.ts').SelectProps>;
+    };
+    size: {
+        type: import('vue').PropType<import('../../_utils/constant.ts').Size>;
+    };
+    pageItemStyle: {
+        type: import('vue').PropType<import('vue').CSSProperties>;
+    };
+    activePageItemStyle: {
+        type: import('vue').PropType<import('vue').CSSProperties>;
+    };
+    baseSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    bufferSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    autoAdjust: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onChange?: ((current: number) => any) | undefined;
+    "onUpdate:current"?: ((current: number) => any) | undefined;
+    "onUpdate:pageSize"?: ((pageSize: number) => any) | undefined;
+    onPageSizeChange?: ((pageSize: number) => any) | undefined;
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:current': (current: number) => true;
+    'update:pageSize': (pageSize: number) => true;
+    change: (current: number) => true;
+    pageSizeChange: (pageSize: number) => true;
+}, string, {
+    disabled: boolean;
+    defaultCurrent: number;
+    simple: boolean;
+    defaultPageSize: number;
+    hideOnSinglePage: boolean;
+    showTotal: boolean;
+    showMore: boolean;
+    showJumper: boolean;
+    showPageSize: boolean;
+    pageSizeOptions: number[];
+    baseSize: number;
+    bufferSize: number;
+    autoAdjust: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: import('vue').App): void;
+};
+export { Pagination as default };

package/dist/components/pagination/interface.d.ts

@@ -0,0 +1,27 @@
+import { CSSProperties } from 'vue';
+import { Size } from '../../_utils/constant';
+import { SelectProps } from '../form-select';
+export declare const PAGE_ITEM_TYPES: readonly ["page", "more", "previous", "next"];
+export type PageItemType = (typeof PAGE_ITEM_TYPES)[number];
+export interface PaginationProps {
+    total?: number;
+    current?: number;
+    defaultCurrent?: number;
+    pageSize?: number;
+    defaultPageSize?: number;
+    disabled?: boolean;
+    hideOnSinglePage?: boolean;
+    simple?: boolean;
+    showTotal?: boolean;
+    showMore?: boolean;
+    showJumper?: boolean;
+    showPageSize?: boolean;
+    pageSizeOptions?: number[];
+    pageSizeProps?: SelectProps;
+    size?: Size;
+    pageItemStyle?: CSSProperties;
+    activePageItemStyle?: CSSProperties;
+    baseSize?: number;
+    bufferSize?: number;
+    autoAdjust?: boolean;
+}