@koi-design/uxd-ui 12.1.36-beta.0

package/es/components/Pagination/Pagination.mjs

@@ -0,0 +1,281 @@
+import { defineComponent, ref, computed, watch, createVNode, createTextVNode } from 'vue';
+import { ULineRight, ULineLeft } from '@koi-design/uxd-icon';
+import { UIcon } from '../Icon/index.mjs';
+import { UInput } from '../Input/index.mjs';
+import useGlobalConfig from '../base/hooks/useGlobalConfig.mjs';
+import useCalculate from './hooks/useCalculate.mjs';
+import useGenerateList from './hooks/useGenerateList.mjs';
+import KeyCode from '../../utils/KeyCode.mjs';
+import Pager from './Pager.mjs';
+import Options from './Options.mjs';
+import { paginationProps, paginationEmits } from './Pagination.type.mjs';
+
+var Pagination = defineComponent({
+  name: "UPagination",
+  components: {
+    Pager,
+    Options,
+    UIcon,
+    ULineRight,
+    ULineLeft
+  },
+  props: paginationProps,
+  emits: paginationEmits,
+  setup(props, {
+    emit
+  }) {
+    const {
+      prefixCls,
+      config: globalConfig
+    } = useGlobalConfig("pagination");
+    const stateCurrent = ref(1);
+    const statePageSize = ref(10);
+    const {
+      calculatePage
+    } = useCalculate();
+    const {
+      generatePagerList
+    } = useGenerateList(props, stateCurrent, statePageSize, calculatePage);
+    const computedLocale = computed(() => {
+      return props.locale || globalConfig.locale.pagination;
+    });
+    const prevDisabled = computed(() => {
+      return stateCurrent.value === 1;
+    });
+    const nextDisabled = computed(() => {
+      return stateCurrent.value === calculatePage(void 0, statePageSize.value, props.total);
+    });
+    const totalPage = computed(() => {
+      return calculatePage(void 0, statePageSize.value, props.total);
+    });
+    const isSimple = computed(() => {
+      return props.simple || props.variant === "simple";
+    });
+    watch(() => props.current, (val) => {
+      stateCurrent.value = val;
+    }, {
+      immediate: true
+    });
+    watch(() => props.pageSize, (val) => {
+      statePageSize.value = val;
+    }, {
+      immediate: true
+    });
+    const pagerList = computed(() => {
+      return generatePagerList(totalPage.value, computedLocale.value, prefixCls.value);
+    });
+    const isValueValid = (value) => {
+      return typeof value === "number" && Number.isFinite(value) && Math.floor(value) === value;
+    };
+    const onChangePage = (page) => {
+      const pageBool = isValueValid(page) && page !== stateCurrent.value;
+      const result = props.beforeChange ? props.beforeChange(page) : true;
+      if (pageBool && !props.disabled && result) {
+        if (page > totalPage.value) {
+          stateCurrent.value = totalPage.value;
+        } else if (page < 1) {
+          stateCurrent.value = 1;
+        } else {
+          stateCurrent.value = page;
+        }
+        emit("update:current", stateCurrent.value);
+        emit("change", stateCurrent.value, statePageSize.value);
+      }
+    };
+    const onChangePageSize = (size) => {
+      const newTotal = calculatePage(size, statePageSize.value, props.total);
+      stateCurrent.value = stateCurrent.value > newTotal ? newTotal : stateCurrent.value;
+      statePageSize.value = size;
+      emit("update:current", stateCurrent.value);
+      emit("update:pageSize", statePageSize.value);
+      emit("page-size-change", statePageSize.value, stateCurrent.value);
+    };
+    const onPrev = () => {
+      if (stateCurrent.value > 1) {
+        const page = stateCurrent.value - 1;
+        onChangePage(page);
+      }
+    };
+    const onNext = () => {
+      if (stateCurrent.value < totalPage.value) {
+        const page = stateCurrent.value + 1;
+        onChangePage(page);
+      }
+    };
+    const getValidValue = (e) => {
+      const inputValue = e.target.value;
+      let value;
+      if (inputValue === "") {
+        value = inputValue;
+      } else if (Number.isNaN(Number(inputValue))) {
+        value = stateCurrent.value;
+      } else if (inputValue >= totalPage.value) {
+        value = totalPage.value;
+      } else {
+        value = Number(inputValue);
+      }
+      return value;
+    };
+    const onKeyDown = (e) => {
+      if (e.keyCode === KeyCode.UP || e.keyCode === KeyCode.DOWN) {
+        e.preventDefault();
+      }
+    };
+    const onKeyUp = (e) => {
+      if (e.isComposing || e.target.composing)
+        return;
+      const value = getValidValue(e);
+      if (e.keyCode === KeyCode.ENTER) {
+        onChangePage(value);
+      } else if (e.keyCode === KeyCode.UP) {
+        onChangePage(value + 1);
+      } else if (e.keyCode === KeyCode.DOWN) {
+        onChangePage(value - 1);
+      }
+    };
+    const onBlur = (e) => {
+      const value = getValidValue(e);
+      if (value === stateCurrent.value) {
+        e.target.value = value;
+      } else {
+        stateCurrent.value = value;
+      }
+      onChangePage(stateCurrent.value);
+    };
+    const onKeyEnter = (event, callBack) => {
+      if (event.key === "Enter" || event.charCode === 13) {
+        callBack();
+      }
+    };
+    const onPrevEnter = (event) => {
+      onKeyEnter(event, onPrev);
+    };
+    const onNextEnter = (event) => {
+      onKeyEnter(event, onNext);
+    };
+    return {
+      prefixCls,
+      stateCurrent,
+      statePageSize,
+      computedLocale,
+      totalPage,
+      pagerList,
+      prevDisabled,
+      nextDisabled,
+      isSimple,
+      onChangePage,
+      onChangePageSize,
+      onPrev,
+      onNext,
+      onKeyDown,
+      onKeyUp,
+      onBlur,
+      onKeyEnter,
+      onPrevEnter,
+      onNextEnter
+    };
+  },
+  render() {
+    const {
+      prefixCls
+    } = this;
+    const previousBtn = () => {
+      return createVNode("li", {
+        "class": [`${prefixCls}-item`, `${prefixCls}-prev`, {
+          [`${prefixCls}-item-disabled`]: this.prevDisabled,
+          [`${prefixCls}-item-simple`]: this.isSimple,
+          [`${prefixCls}-item-custom`]: !!this.$slots.customPrev
+        }],
+        "title": this.computedLocale.prevPage,
+        "tabindex": this.prevDisabled || this.disabled ? void 0 : 0,
+        "onClick": this.onPrev,
+        "onKeypress": this.onPrevEnter
+      }, [this.$slots.customPrev && !this.isSimple ? this.$slots.customPrev() : createVNode("a", {
+        "class": `${prefixCls}-item-link`
+      }, [createVNode(UIcon, null, {
+        default: () => [createVNode(ULineLeft, null, null)]
+      })])]);
+    };
+    const nextBtn = () => {
+      return createVNode("li", {
+        "class": [`${prefixCls}-item`, `${prefixCls}-next`, {
+          [`${prefixCls}-item-disabled`]: this.nextDisabled,
+          [`${prefixCls}-item-simple`]: this.isSimple,
+          [`${prefixCls}-item-custom`]: !!this.$slots.customNext
+        }],
+        "title": this.computedLocale.nextPage,
+        "tabindex": this.nextDisabled || this.disabled ? void 0 : 0,
+        "onClick": this.onNext,
+        "onKeypress": this.onNextEnter
+      }, [this.$slots.customNext && !this.isSimple ? this.$slots.customNext() : createVNode("a", {
+        "class": `${prefixCls}-item-link`
+      }, [createVNode(UIcon, null, {
+        default: () => [createVNode(ULineRight, null, null)]
+      })])]);
+    };
+    const pagerContent = () => {
+      if (this.isSimple) {
+        return createVNode("li", {
+          "class": `${prefixCls}-simple-pager`,
+          "title": `${this.stateCurrent} / ${this.totalPage}`
+        }, [createVNode(UInput, {
+          "modelValue": this.stateCurrent,
+          "disabled": this.disabled,
+          "size": this.size,
+          "onKeyup": this.onKeyUp,
+          "onKeydown": this.onKeyDown,
+          "onBlur": this.onBlur
+        }, null), createVNode("span", {
+          "class": `${prefixCls}-slash`
+        }, [createTextVNode("\uFF0F")]), createVNode("span", {
+          "class": `${prefixCls}-slash`
+        }, [this.totalPage])]);
+      }
+      return this.pagerList.map((pager) => createVNode(Pager, {
+        "key": pager.key,
+        "active": pager.active,
+        "page": pager.page,
+        "title": pager.title,
+        "type": pager.type,
+        "prefixCls": prefixCls,
+        "disabled": this.disabled,
+        "className": pager.className,
+        "onClick": this.onChangePage,
+        "onKeyEnter": this.onKeyEnter
+      }, null));
+    };
+    const totalContent = createVNode("li", {
+      "class": `${prefixCls}-total-text`
+    }, [this.$slots.totalText ? this.$slots.totalText({
+      data: {
+        total: this.total,
+        range: [(this.stateCurrent - 1) * this.statePageSize + 1, this.stateCurrent * this.statePageSize]
+      }
+    }) : `${this.computedLocale.total} ${this.total} ${this.computedLocale.item}`]);
+    return createVNode("ul", {
+      "ref": "paginationRef",
+      "class": [`${prefixCls}`, `${prefixCls}-size-${this.size}`, `${prefixCls}-align-${this.align}`, {
+        [`${prefixCls}-disabled`]: this.disabled,
+        [`${prefixCls}-variant-${this.variant}`]: !this.isSimple,
+        [`${prefixCls}-variant-simple`]: this.isSimple
+      }]
+    }, [this.showTotal && !this.isSimple && totalContent, previousBtn(), pagerContent(), nextBtn(), !this.isSimple && createVNode(Options, {
+      "prefixCls": prefixCls,
+      "disabled": this.disabled,
+      "size": this.size,
+      "locale": this.computedLocale,
+      "current": this.stateCurrent,
+      "showSizer": this.showSizer,
+      "showElevator": this.showElevator,
+      "pageSize": this.statePageSize,
+      "dropdownWidth": this.selectDropdownWidth,
+      "variant": this.variant,
+      "pageSizeOptions": this.pageSizeOptions,
+      "onChange-page-size": this.onChangePageSize,
+      "onChange-page": this.onChangePage
+    }, null)]);
+  }
+});
+
+export { Pagination as default };
+//# sourceMappingURL=Pagination.mjs.map

package/es/components/Pagination/Pagination.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.mjs","sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import { defineComponent, computed, ref, watch } from 'vue';\nimport { ULineRight, ULineLeft } from '@koi-design/uxd-icon';\nimport UIcon from '@uxd-ui/components/Icon';\nimport UInput from '@uxd-ui/components/Input';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport useCalculate from './hooks/useCalculate';\nimport useGenerateList from './hooks/useGenerateList';\nimport keyCode from '../../utils/KeyCode';\nimport Pager from './Pager.vue';\nimport Options from './Options';\nimport { paginationProps, paginationEmits } from './Pagination.type';\n\nexport default defineComponent({\n  name: 'UPagination',\n  components: {\n    Pager,\n    Options,\n    UIcon,\n    ULineRight,\n    ULineLeft\n  },\n  props: paginationProps,\n  emits: paginationEmits,\n  setup(props, { emit }) {\n    const { prefixCls, config: globalConfig } = useGlobalConfig('pagination');\n    const stateCurrent = ref(1);\n    const statePageSize = ref(10);\n\n    const { calculatePage } = useCalculate();\n    const { generatePagerList } = useGenerateList(props, stateCurrent, statePageSize, calculatePage);\n    // ===================== computed ============================\n    const computedLocale = computed(() => {\n      return props.locale || globalConfig.locale.pagination;\n    });\n    const prevDisabled = computed(() => {\n      return stateCurrent.value === 1;\n    });\n    const nextDisabled = computed(() => {\n      return stateCurrent.value === calculatePage(undefined, statePageSize.value, props.total);\n    });\n    const totalPage = computed(() => {\n      return calculatePage(undefined, statePageSize.value, props.total);\n    });\n\n    const isSimple = computed(() => {\n      return props.simple || props.variant === 'simple';\n    });\n\n    watch(\n      () => props.current,\n      (val) => {\n        stateCurrent.value = val;\n      },\n      { immediate: true }\n    );\n\n    watch(\n      () => props.pageSize,\n      (val) => {\n        statePageSize.value = val;\n      },\n      { immediate: true }\n    );\n\n    const pagerList = computed(() => {\n      return generatePagerList(totalPage.value, computedLocale.value, prefixCls.value);\n    });\n\n    const isValueValid = (value: number) => {\n      return typeof value === 'number' && Number.isFinite(value) && Math.floor(value) === value;\n    };\n    const onChangePage = (page: number) => {\n      const pageBool = isValueValid(page) && page !== stateCurrent.value;\n      const result = props.beforeChange ? props.beforeChange(page) : true;\n      if (pageBool && !props.disabled && result) {\n        // const currentPage = calculatePage(\n        //   undefined,\n        //   statePageSize.value,\n        //   props.total\n        // );\n        if (page > totalPage.value) {\n          stateCurrent.value = totalPage.value;\n        } else if (page < 1) {\n          stateCurrent.value = 1;\n        } else {\n          stateCurrent.value = page;\n        }\n        emit('update:current', stateCurrent.value);\n        emit('change', stateCurrent.value, statePageSize.value);\n      }\n    };\n    const onChangePageSize = (size: number) => {\n      const newTotal = calculatePage(size, statePageSize.value, props.total);\n      stateCurrent.value = stateCurrent.value > newTotal ? newTotal : stateCurrent.value;\n      statePageSize.value = size;\n      emit('update:current', stateCurrent.value);\n      emit('update:pageSize', statePageSize.value);\n      emit('page-size-change', statePageSize.value, stateCurrent.value);\n    };\n    const onPrev = () => {\n      if (stateCurrent.value > 1) {\n        const page = stateCurrent.value - 1;\n        onChangePage(page);\n      }\n    };\n    const onNext = () => {\n      if (stateCurrent.value < totalPage.value) {\n        const page = stateCurrent.value + 1;\n        onChangePage(page);\n      }\n    };\n    const getValidValue = (e: any) => {\n      const inputValue = e.target.value;\n      let value;\n      if (inputValue === '') {\n        value = inputValue;\n      } else if (Number.isNaN(Number(inputValue))) {\n        value = stateCurrent.value;\n      } else if (inputValue >= totalPage.value) {\n        value = totalPage.value;\n      } else {\n        value = Number(inputValue);\n      }\n\n      return value;\n    };\n\n    const onKeyDown = (e: any) => {\n      if (e.keyCode === keyCode.UP || e.keyCode === keyCode.DOWN) {\n        e.preventDefault();\n      }\n    };\n    const onKeyUp = (e: any) => {\n      if (e.isComposing || e.target.composing) return;\n      const value = getValidValue(e);\n      if (e.keyCode === keyCode.ENTER) {\n        onChangePage(value);\n      } else if (e.keyCode === keyCode.UP) {\n        onChangePage(value + 1);\n      } else if (e.keyCode === keyCode.DOWN) {\n        onChangePage(value - 1);\n      }\n    };\n    const onBlur = (e: any) => {\n      const value = getValidValue(e);\n      if (value === stateCurrent.value) {\n        e.target.value = value;\n      } else {\n        stateCurrent.value = value;\n      }\n\n      onChangePage(stateCurrent.value);\n    };\n    const onKeyEnter = (event: KeyboardEvent, callBack: () => void) => {\n      if (event.key === 'Enter' || event.charCode === 13) {\n        callBack();\n      }\n    };\n    const onPrevEnter = (event: KeyboardEvent) => {\n      onKeyEnter(event, onPrev);\n    };\n    const onNextEnter = (event: KeyboardEvent) => {\n      onKeyEnter(event, onNext);\n    };\n    return {\n      prefixCls,\n      stateCurrent,\n      statePageSize,\n      computedLocale,\n      totalPage,\n      pagerList,\n      prevDisabled,\n      nextDisabled,\n      isSimple,\n      onChangePage,\n      onChangePageSize,\n      onPrev,\n      onNext,\n      onKeyDown,\n      onKeyUp,\n      onBlur,\n      onKeyEnter,\n      onPrevEnter,\n      onNextEnter\n    };\n  },\n  render() {\n    const { prefixCls } = this;\n    const previousBtn = () => {\n      return (\n        <li\n          class={[\n            `${prefixCls}-item`,\n            `${prefixCls}-prev`,\n            {\n              [`${prefixCls}-item-disabled`]: this.prevDisabled,\n              [`${prefixCls}-item-simple`]: this.isSimple,\n              [`${prefixCls}-item-custom`]: !!this.$slots.customPrev\n            }\n          ]}\n          title={this.computedLocale.prevPage}\n          tabindex={this.prevDisabled || this.disabled ? undefined : 0}\n          onClick={this.onPrev}\n          onKeypress={this.onPrevEnter}\n        >\n          {this.$slots.customPrev && !this.isSimple ? (\n            this.$slots.customPrev()\n          ) : (\n            <a class={`${prefixCls}-item-link`}>\n              <UIcon>\n                <ULineLeft />\n              </UIcon>\n            </a>\n          )}\n        </li>\n      );\n    };\n    const nextBtn = () => {\n      return (\n        <li\n          class={[\n            `${prefixCls}-item`,\n            `${prefixCls}-next`,\n            {\n              [`${prefixCls}-item-disabled`]: this.nextDisabled,\n              [`${prefixCls}-item-simple`]: this.isSimple,\n              [`${prefixCls}-item-custom`]: !!this.$slots.customNext\n            }\n          ]}\n          title={this.computedLocale.nextPage}\n          tabindex={this.nextDisabled || this.disabled ? undefined : 0}\n          onClick={this.onNext}\n          onKeypress={this.onNextEnter}\n        >\n          {this.$slots.customNext && !this.isSimple ? (\n            this.$slots.customNext()\n          ) : (\n            <a class={`${prefixCls}-item-link`}>\n              <UIcon>\n                <ULineRight />\n              </UIcon>\n            </a>\n          )}\n        </li>\n      );\n    };\n\n    const pagerContent = () => {\n      if (this.isSimple) {\n        return (\n          <li class={`${prefixCls}-simple-pager`} title={`${this.stateCurrent} / ${this.totalPage}`}>\n            <UInput\n              modelValue={this.stateCurrent}\n              disabled={this.disabled}\n              size={this.size}\n              onKeyup={this.onKeyUp}\n              onKeydown={this.onKeyDown}\n              onBlur={this.onBlur}\n            />\n            <span class={`${prefixCls}-slash`}>／</span>\n            <span class={`${prefixCls}-slash`}>{this.totalPage}</span>\n          </li>\n        );\n      }\n      return this.pagerList.map((pager) => (\n        <Pager\n          key={pager.key}\n          active={pager.active}\n          page={pager.page}\n          title={pager.title}\n          type={pager.type}\n          prefixCls={prefixCls}\n          disabled={this.disabled}\n          className={pager.className}\n          onClick={this.onChangePage}\n          onKeyEnter={this.onKeyEnter}\n        />\n      ));\n    };\n\n    const totalContent = (\n      <li class={`${prefixCls}-total-text`}>\n        {this.$slots.totalText\n          ? this.$slots.totalText({\n              data: {\n                total: this.total,\n                range: [(this.stateCurrent - 1) * this.statePageSize + 1, this.stateCurrent * this.statePageSize]\n              }\n            })\n          : `${this.computedLocale.total} ${this.total} ${this.computedLocale.item}`}\n      </li>\n    );\n\n    return (\n      <ul\n        ref=\"paginationRef\"\n        class={[\n          `${prefixCls}`,\n          `${prefixCls}-size-${this.size}`,\n          `${prefixCls}-align-${this.align}`,\n          {\n            [`${prefixCls}-disabled`]: this.disabled,\n            [`${prefixCls}-variant-${this.variant}`]: !this.isSimple,\n            [`${prefixCls}-variant-simple`]: this.isSimple\n          }\n        ]}\n      >\n        {this.showTotal && !this.isSimple && totalContent}\n        {previousBtn()}\n        {pagerContent()}\n        {nextBtn()}\n        {!this.isSimple && (\n          <Options\n            prefixCls={prefixCls}\n            disabled={this.disabled}\n            size={this.size}\n            locale={this.computedLocale}\n            current={this.stateCurrent}\n            showSizer={this.showSizer}\n            showElevator={this.showElevator}\n            pageSize={this.statePageSize}\n            dropdownWidth={this.selectDropdownWidth}\n            variant={this.variant}\n            pageSizeOptions={this.pageSizeOptions}\n            onChange-page-size={this.onChangePageSize}\n            onChange-page={this.onChangePage}\n          />\n        )}\n      </ul>\n    );\n  }\n});\n"],"names":["defineComponent","name","components","Pager","Options","UIcon","ULineRight","ULineLeft","props","paginationProps","emits","paginationEmits","setup","emit","prefixCls","config","globalConfig","useGlobalConfig","stateCurrent","ref","statePageSize","calculatePage","useCalculate","generatePagerList","useGenerateList","computedLocale","computed","locale","pagination","prevDisabled","value","nextDisabled","undefined","total","totalPage","isSimple","simple","variant","watch","current","val","immediate","pageSize","pagerList","isValueValid","Number","isFinite","Math","floor","onChangePage","page","pageBool","result","beforeChange","disabled","onChangePageSize","size","newTotal","onPrev","onNext","getValidValue","e","inputValue","target","isNaN","onKeyDown","keyCode","UP","DOWN","preventDefault","onKeyUp","isComposing","composing","ENTER","onBlur","onKeyEnter","event","callBack","key","charCode","onPrevEnter","onNextEnter","render","previousBtn","_createVNode","$slots","customPrev","prevPage","default","nextBtn","customNext","nextPage","pagerContent","UInput","_createTextVNode","map","pager","active","title","type","className","totalContent","totalText","data","range","item","align","showTotal","showSizer","showElevator","selectDropdownWidth","pageSizeOptions"],"mappings":"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"}

package/es/components/Pagination/Pagination.type.d.ts

@@ -0,0 +1,106 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+import type { PaginationLocal } from '../locale/default';
+export declare const pageinationSize: readonly ["default", "small"];
+export declare type PaginationSize = (typeof pageinationSize)[number];
+export declare type PagerType = 'page' | 'next' | 'prev';
+export declare type CalculatePage = (size: number | undefined, statePageSize: number, total: number) => number;
+export declare const paginationVariants: readonly ["surface", "soft", "simple"];
+export declare type PaginationVariant = (typeof paginationVariants)[number];
+export declare const paginationProps: {
+    current: {
+        type: NumberConstructor;
+        default: number;
+    };
+    total: {
+        type: NumberConstructor;
+        default: number;
+    };
+    pageSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    pageSizeOptions: {
+        type: PropType<number[]>;
+        default(): number[];
+    };
+    size: {
+        type: PropType<"small" | "default">;
+        validator: (val: "small" | "default") => boolean;
+        default: string;
+    };
+    variant: {
+        type: PropType<"surface" | "soft" | "simple">;
+        validator: (val: "surface" | "soft" | "simple") => boolean;
+        default: string;
+    };
+    simple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showTotal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showElevator: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSizer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    locale: {
+        type: PropType<PaginationLocal>;
+    };
+    pageBufferSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showFirstPager: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showLastPager: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    beforeChange: {
+        type: PropType<(page: number) => boolean>;
+    };
+    align: {
+        type: PropType<"right" | "left" | "center">;
+        default: string;
+    };
+    selectDropdownWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+};
+export declare type PaginationProps = ExtractPropTypes<typeof paginationProps>;
+export declare const paginationEmits: {
+    'update:current': (page: number) => boolean;
+    'update:pageSize': (size: number) => boolean;
+    change: (page: number, size: number) => boolean;
+    'page-size-change': (size: number, page: number) => boolean;
+};
+export declare type PaginationEmits = typeof paginationEmits;
+export interface PageItem {
+    className?: string;
+    active?: boolean;
+    page: number;
+    key: number | string;
+    title: number | string;
+    type: PagerType;
+}
+export interface PagerProps {
+    prefixCls: string;
+    page: number;
+    active: boolean;
+    title: string | number;
+    className: string | string[];
+    type: PagerType;
+}

package/es/components/Pagination/Pagination.type.mjs

@@ -0,0 +1,89 @@
+import { oneOf } from '../../utils/propsValidators.mjs';
+
+const pageinationSize = ["default", "small"];
+const paginationVariants = ["surface", "soft", "simple"];
+const paginationProps = {
+  current: {
+    type: Number,
+    default: 1
+  },
+  total: {
+    type: Number,
+    default: 0
+  },
+  pageSize: {
+    type: Number,
+    default: 10
+  },
+  pageSizeOptions: {
+    type: Array,
+    default() {
+      return [10, 20, 30, 40];
+    }
+  },
+  size: {
+    type: String,
+    validator: oneOf(pageinationSize),
+    default: "default"
+  },
+  variant: {
+    type: String,
+    validator: oneOf(paginationVariants),
+    default: "surface"
+  },
+  simple: {
+    type: Boolean,
+    default: false
+  },
+  showTotal: {
+    type: Boolean,
+    default: false
+  },
+  showElevator: {
+    type: Boolean,
+    default: false
+  },
+  showSizer: {
+    type: Boolean,
+    default: false
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  locale: {
+    type: Object
+  },
+  pageBufferSize: {
+    type: Number,
+    default: 2
+  },
+  showFirstPager: {
+    type: Boolean,
+    default: true
+  },
+  showLastPager: {
+    type: Boolean,
+    default: true
+  },
+  beforeChange: {
+    type: Function
+  },
+  align: {
+    type: String,
+    default: "left"
+  },
+  selectDropdownWidth: {
+    type: Number,
+    default: 128
+  }
+};
+const paginationEmits = {
+  "update:current": (page) => typeof page === "number",
+  "update:pageSize": (size) => typeof size === "number",
+  change: (page, size) => typeof page === "number" && typeof size === "number",
+  "page-size-change": (size, page) => typeof page === "number" && typeof size === "number"
+};
+
+export { pageinationSize, paginationEmits, paginationProps, paginationVariants };
+//# sourceMappingURL=Pagination.type.mjs.map

package/es/components/Pagination/Pagination.type.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.type.mjs","sources":["../../../../src/components/Pagination/Pagination.type.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue';\nimport { oneOf } from '../../utils/propsValidators';\nimport type { PaginationLocal } from '../locale/default';\n\nexport const pageinationSize = ['default', 'small'] as const;\nexport type PaginationSize = (typeof pageinationSize)[number];\nexport type PagerType = 'page' | 'next' | 'prev';\nexport type CalculatePage = (size: number | undefined, statePageSize: number, total: number) => number;\nexport const paginationVariants = ['surface', 'soft', 'simple'] as const;\nexport type PaginationVariant = (typeof paginationVariants)[number];\n\nexport const paginationProps = {\n  current: {\n    type: Number,\n    default: 1\n  },\n  total: {\n    type: Number,\n    default: 0\n  },\n  pageSize: {\n    type: Number,\n    default: 10\n  },\n  pageSizeOptions: {\n    type: Array as PropType<number[]>,\n    default() {\n      return [10, 20, 30, 40];\n    }\n  },\n  size: {\n    type: String as PropType<PaginationSize>,\n    validator: oneOf(pageinationSize),\n    default: 'default'\n  },\n  variant: {\n    type: String as PropType<PaginationVariant>,\n    validator: oneOf(paginationVariants),\n    default: 'surface'\n  },\n  simple: {\n    type: Boolean,\n    default: false\n  },\n  showTotal: {\n    type: Boolean,\n    default: false\n  },\n  showElevator: {\n    type: Boolean,\n    default: false\n  },\n  showSizer: {\n    type: Boolean,\n    default: false\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  locale: {\n    type: Object as PropType<PaginationLocal>\n  },\n  pageBufferSize: {\n    type: Number,\n    default: 2\n  },\n  showFirstPager: {\n    type: Boolean,\n    default: true\n  },\n  showLastPager: {\n    type: Boolean,\n    default: true\n  },\n  beforeChange: {\n    type: Function as PropType<(page: number) => boolean>\n  },\n  align: {\n    type: String as PropType<'left' | 'center' | 'right'>,\n    default: 'left'\n  },\n  selectDropdownWidth: {\n    type: Number,\n    default: 128\n  }\n};\n\nexport type PaginationProps = ExtractPropTypes<typeof paginationProps>;\n\nexport const paginationEmits = {\n  'update:current': (page: number) => typeof page === 'number',\n  'update:pageSize': (size: number) => typeof size === 'number',\n  change: (page: number, size: number) => typeof page === 'number' && typeof size === 'number',\n  'page-size-change': (size: number, page: number) => typeof page === 'number' && typeof size === 'number'\n};\n\nexport type PaginationEmits = typeof paginationEmits;\n\nexport interface PageItem {\n  className?: string;\n  active?: boolean;\n  page: number;\n  key: number | string;\n  title: number | string;\n  type: PagerType;\n}\n\nexport interface PagerProps {\n  prefixCls: string;\n  page: number;\n  active: boolean;\n  title: string | number;\n  className: string | string[];\n  type: PagerType;\n}\n"],"names":[],"mappings":";;MAIa,kBAAkB,CAAC,WAAW,OAAO;MAIrC,qBAAqB,CAAC,WAAW,QAAQ,QAAQ;MAGjD,kBAAkB;AAAA,EAC7B,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,UAAU;AACR,aAAO,CAAC,IAAI,IAAI,IAAI,EAAE;AAAA;AACxB;AACF,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,WAAW,MAAM,eAAe;AAAA,IAChC,SAAS;AAAA;AACX,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,WAAW,MAAM,kBAAkB;AAAA,IACnC,SAAS;AAAA;AACX,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,QAAQ;AAAA,IACN,MAAM;AAAA;AACR,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,cAAc;AAAA,IACZ,MAAM;AAAA;AACR,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,qBAAqB;AAAA,IACnB,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;MAIa,kBAAkB;AAAA,EAC7B,kBAAkB,CAAC,SAAiB,OAAO,SAAS;AAAA,EACpD,mBAAmB,CAAC,SAAiB,OAAO,SAAS;AAAA,EACrD,QAAQ,CAAC,MAAc,SAAiB,OAAO,SAAS,YAAY,OAAO,SAAS;AAAA,EACpF,oBAAoB,CAAC,MAAc,SAAiB,OAAO,SAAS,YAAY,OAAO,SAAS;AAClG;;;;"}

package/es/components/Pagination/hooks/useCalculate.d.ts

@@ -0,0 +1,4 @@
+import type { CalculatePage } from '../Pagination.type';
+export default function useCalculate(): {
+    calculatePage: CalculatePage;
+};

package/es/components/Pagination/hooks/useCalculate.mjs

@@ -0,0 +1,17 @@
+function useCalculate() {
+  const calculatePage = (size, statePageSize, total) => {
+    let pageSize = size;
+    if (total === 0)
+      return 1;
+    if (typeof pageSize === "undefined") {
+      pageSize = statePageSize;
+    }
+    return Math.ceil(total / pageSize);
+  };
+  return {
+    calculatePage
+  };
+}
+
+export { useCalculate as default };
+//# sourceMappingURL=useCalculate.mjs.map

package/es/components/Pagination/hooks/useCalculate.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCalculate.mjs","sources":["../../../../../src/components/Pagination/hooks/useCalculate.ts"],"sourcesContent":["import type { CalculatePage } from '../Pagination.type';\n\nexport default function useCalculate(): { calculatePage: CalculatePage } {\n  const calculatePage = (size: number | undefined, statePageSize: number, total: number) => {\n    let pageSize = size;\n    if (total === 0) return 1;\n    if (typeof pageSize === 'undefined') {\n      pageSize = statePageSize;\n    }\n    return Math.ceil(total / pageSize);\n  };\n  return {\n    calculatePage\n  };\n}\n"],"names":[],"mappings":"SAEwB,eAAiD;AACvE,QAAM,gBAAgB,CAAC,MAA0B,eAAuB,UAAkB;AACxF,QAAI,WAAW;AACf,QAAI,UAAU;AAAG,aAAO;AACxB,QAAI,OAAO,aAAa,aAAa;AACnC,iBAAW;AAAA;AAEb,WAAO,KAAK,KAAK,QAAQ,QAAQ;AAAA;AAEnC,SAAO;AAAA,IACL;AAAA;AAEJ;;;;"}

package/es/components/Pagination/hooks/useGenerateList.d.ts

@@ -0,0 +1,6 @@
+import type { Ref } from 'vue';
+import type { PaginationLocal } from '../../locale/default';
+import type { PaginationProps, CalculatePage, PageItem } from '../Pagination.type';
+export default function useGenerateList(props: PaginationProps, stateCurrent: Ref<number>, statePageSize: Ref<number>, calculatePage: CalculatePage): {
+    generatePagerList: (totalPage: number, computedLocale: PaginationLocal, prefixCls: string) => PageItem[];
+};

package/es/components/Pagination/hooks/useGenerateList.mjs

@@ -0,0 +1,73 @@
+function useGenerateList(props, stateCurrent, statePageSize, calculatePage) {
+  const getJumpPrevPage = () => {
+    return Math.max(1, stateCurrent.value - 5);
+  };
+  const getJumpNextPage = () => {
+    return Math.min(calculatePage(void 0, statePageSize.value, props.total), stateCurrent.value + 5);
+  };
+  const generatePagerList = (totalPage, computedLocale, prefixCls) => {
+    const pagerList = [];
+    let left = Math.max(1, stateCurrent.value - props.pageBufferSize);
+    let right = Math.min(stateCurrent.value + props.pageBufferSize, totalPage);
+    const jumpPrev = {
+      className: `${prefixCls}-jump-prev`,
+      page: getJumpPrevPage(),
+      key: "prev",
+      type: "prev",
+      title: computedLocale.prev5
+    };
+    const jumpNext = {
+      className: `${prefixCls}-jump-next`,
+      page: getJumpNextPage(),
+      key: "next",
+      type: "next",
+      title: computedLocale.next5
+    };
+    const firstPager = {
+      key: 1,
+      title: 1,
+      page: 1,
+      type: "page",
+      active: false
+    };
+    const lastPager = {
+      key: totalPage,
+      title: totalPage,
+      page: totalPage,
+      type: "page",
+      active: false
+    };
+    if (left === 1) {
+      right = Math.min(1 + props.pageBufferSize * 2, totalPage);
+    }
+    if (right === totalPage) {
+      left = Math.max(1, totalPage - props.pageBufferSize * 2);
+    }
+    for (let i = left; i <= right; i++) {
+      const active = stateCurrent.value === i;
+      const pagerItem = {
+        active,
+        page: i,
+        key: i,
+        title: i,
+        type: "page"
+      };
+      pagerList.push(pagerItem);
+    }
+    if (left !== 1 && props.showFirstPager) {
+      pagerList.unshift(jumpPrev);
+      pagerList.unshift(firstPager);
+    }
+    if (right !== totalPage && props.showLastPager) {
+      pagerList.push(jumpNext);
+      pagerList.push(lastPager);
+    }
+    return pagerList;
+  };
+  return {
+    generatePagerList
+  };
+}
+
+export { useGenerateList as default };
+//# sourceMappingURL=useGenerateList.mjs.map

package/es/components/Pagination/hooks/useGenerateList.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGenerateList.mjs","sources":["../../../../../src/components/Pagination/hooks/useGenerateList.ts"],"sourcesContent":["import type { Ref } from 'vue';\nimport type { PaginationLocal } from '../../locale/default';\nimport type { PaginationProps, CalculatePage, PageItem } from '../Pagination.type';\n\nexport default function useGenerateList(props: PaginationProps, stateCurrent: Ref<number>, statePageSize: Ref<number>, calculatePage: CalculatePage) {\n  const getJumpPrevPage = () => {\n    return Math.max(1, stateCurrent.value - 5);\n  };\n  const getJumpNextPage = () => {\n    return Math.min(calculatePage(undefined, statePageSize.value, props.total), stateCurrent.value + 5);\n  };\n  const generatePagerList = (totalPage: number, computedLocale: PaginationLocal, prefixCls: string): PageItem[] => {\n    const pagerList: PageItem[] = [];\n\n    let left = Math.max(1, stateCurrent.value - props.pageBufferSize);\n    let right = Math.min(stateCurrent.value + props.pageBufferSize, totalPage);\n    const jumpPrev: PageItem = {\n      className: `${prefixCls}-jump-prev`,\n      page: getJumpPrevPage(),\n      key: 'prev',\n      type: 'prev',\n      title: computedLocale.prev5\n    };\n    const jumpNext: PageItem = {\n      className: `${prefixCls}-jump-next`,\n      page: getJumpNextPage(),\n      key: 'next',\n      type: 'next',\n      title: computedLocale.next5\n    };\n    const firstPager: PageItem = {\n      key: 1,\n      title: 1,\n      page: 1,\n      type: 'page',\n      active: false\n    };\n    const lastPager: PageItem = {\n      key: totalPage,\n      title: totalPage,\n      page: totalPage,\n      type: 'page',\n      active: false\n    };\n    if (left === 1) {\n      right = Math.min(1 + props.pageBufferSize * 2, totalPage);\n    }\n\n    if (right === totalPage) {\n      left = Math.max(1, totalPage - props.pageBufferSize * 2);\n    }\n\n    for (let i = left; i <= right; i++) {\n      const active = stateCurrent.value === i;\n      const pagerItem: PageItem = {\n        active,\n        page: i,\n        key: i,\n        title: i,\n        type: 'page'\n      };\n      pagerList.push(pagerItem);\n    }\n    if (left !== 1 && props.showFirstPager) {\n      pagerList.unshift(jumpPrev);\n      pagerList.unshift(firstPager);\n    }\n    if (right !== totalPage && props.showLastPager) {\n      pagerList.push(jumpNext);\n      pagerList.push(lastPager);\n    }\n\n    return pagerList;\n  };\n  return {\n    generatePagerList\n  };\n}\n"],"names":[],"mappings":"SAIwB,gBAAgB,OAAwB,cAA2B,eAA4B,eAA8B;AACnJ,QAAM,kBAAkB,MAAM;AAC5B,WAAO,KAAK,IAAI,GAAG,aAAa,QAAQ,CAAC;AAAA;AAE3C,QAAM,kBAAkB,MAAM;AAC5B,WAAO,KAAK,IAAI,cAAc,QAAW,cAAc,OAAO,MAAM,KAAK,GAAG,aAAa,QAAQ,CAAC;AAAA;AAEpG,QAAM,oBAAoB,CAAC,WAAmB,gBAAiC,cAAkC;AAC/G,UAAM,YAAwB;AAE9B,QAAI,OAAO,KAAK,IAAI,GAAG,aAAa,QAAQ,MAAM,cAAc;AAChE,QAAI,QAAQ,KAAK,IAAI,aAAa,QAAQ,MAAM,gBAAgB,SAAS;AACzE,UAAM,WAAqB;AAAA,MACzB,WAAW,GAAG;AAAA,MACd,MAAM;AAAgB,MACtB,KAAK;AAAA,MACL,MAAM;AAAA,MACN,OAAO,eAAe;AAAA;AAExB,UAAM,WAAqB;AAAA,MACzB,WAAW,GAAG;AAAA,MACd,MAAM;AAAgB,MACtB,KAAK;AAAA,MACL,MAAM;AAAA,MACN,OAAO,eAAe;AAAA;AAExB,UAAM,aAAuB;AAAA,MAC3B,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,QAAQ;AAAA;AAEV,UAAM,YAAsB;AAAA,MAC1B,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,QAAQ;AAAA;AAEV,QAAI,SAAS,GAAG;AACd,cAAQ,KAAK,IAAI,IAAI,MAAM,iBAAiB,GAAG,SAAS;AAAA;AAG1D,QAAI,UAAU,WAAW;AACvB,aAAO,KAAK,IAAI,GAAG,YAAY,MAAM,iBAAiB,CAAC;AAAA;AAGzD,aAAS,IAAI,MAAM,KAAK,OAAO,KAAK;AAClC,YAAM,SAAS,aAAa,UAAU;AACtC,YAAM,YAAsB;AAAA,QAC1B;AAAA,QACA,MAAM;AAAA,QACN,KAAK;AAAA,QACL,OAAO;AAAA,QACP,MAAM;AAAA;AAER,gBAAU,KAAK,SAAS;AAAA;AAE1B,QAAI,SAAS,KAAK,MAAM,gBAAgB;AACtC,gBAAU,QAAQ,QAAQ;AAC1B,gBAAU,QAAQ,UAAU;AAAA;AAE9B,QAAI,UAAU,aAAa,MAAM,eAAe;AAC9C,gBAAU,KAAK,QAAQ;AACvB,gBAAU,KAAK,SAAS;AAAA;AAG1B,WAAO;AAAA;AAET,SAAO;AAAA,IACL;AAAA;AAEJ;;;;"}