element-plus 1.2.0-beta.2 → 1.2.0-beta.6

package/es/components/page-header/src/page-header.vue_vue_type_template_id_d12fb4b2_lang.mjs

@@ -0,0 +1,42 @@
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createBlock, withCtx, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
+
+const _hoisted_1 = { class: "el-page-header" };
+const _hoisted_2 = {
+  key: 0,
+  class: "el-page-header__icon"
+};
+const _hoisted_3 = { class: "el-page-header__title" };
+const _hoisted_4 = { class: "el-page-header__content" };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_icon = resolveComponent("el-icon");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("div", {
+      class: "el-page-header__left",
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+    }, [
+      _ctx.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2, [
+        renderSlot(_ctx.$slots, "icon", {}, () => [
+          _ctx.icon ? (openBlock(), createBlock(_component_el_icon, { key: 0 }, {
+            default: withCtx(() => [
+              (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+            ]),
+            _: 1
+          })) : createCommentVNode("v-if", true)
+        ])
+      ])) : createCommentVNode("v-if", true),
+      createElementVNode("div", _hoisted_3, [
+        renderSlot(_ctx.$slots, "title", {}, () => [
+          createTextVNode(toDisplayString(_ctx.title || _ctx.t("el.pageHeader.title")), 1)
+        ])
+      ])
+    ]),
+    createElementVNode("div", _hoisted_4, [
+      renderSlot(_ctx.$slots, "content", {}, () => [
+        createTextVNode(toDisplayString(_ctx.content), 1)
+      ])
+    ])
+  ]);
+}
+
+export { render };
+//# sourceMappingURL=page-header.vue_vue_type_template_id_d12fb4b2_lang.mjs.map

package/es/components/page-header/src/page-header.vue_vue_type_template_id_d12fb4b2_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.vue_vue_type_template_id_d12fb4b2_lang.mjs","sources":["../../../../../../packages/components/page-header/src/page-header.vue?vue&type=template&id=d12fb4b2&lang.js"],"sourcesContent":["<template>\n  <div class=\"el-page-header\">\n    <div class=\"el-page-header__left\" @click=\"handleClick\">\n      <div v-if=\"icon || $slots.icon\" class=\"el-page-header__icon\">\n        <slot name=\"icon\">\n          <el-icon v-if=\"icon\"><component :is=\"icon\" /></el-icon>\n        </slot>\n      </div>\n      <div class=\"el-page-header__title\">\n        <slot name=\"title\">{{ title || t('el.pageHeader.title') }}</slot>\n      </div>\n    </div>\n    <div class=\"el-page-header__content\">\n      <slot name=\"content\">{{ content }}</slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\n\nimport { useLocale } from '@element-plus/hooks'\nimport { pageHeaderEmits, pageHeaderProps } from './page-header'\n\nexport default defineComponent({\n  name: 'ElPageHeader',\n\n  components: {\n    ElIcon,\n  },\n\n  props: pageHeaderProps,\n  emits: pageHeaderEmits,\n\n  setup(_, { emit }) {\n    const { t } = useLocale()\n\n    function handleClick() {\n      emit('back')\n    }\n\n    return {\n      handleClick,\n      t,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_renderSlot","_createBlock","_resolveDynamicComponent"],"mappings":";;qBACO,OAAM;;;EAEyB,OAAM;AAAA;qBAKjC,OAAM;qBAIR,OAAM;;;sBAXbA,0BAAA;IACEC;MAAK,OAAM;AAAA,MAAwB,gDAAO;;MAC7B,aAAQ,YAAO,qBAA1BD,0BAAA;QACEE,oCAAA;UACiB,0BAAfC;6BAAqB;4BAAAA,YAAwBC,wBAAR;;;;;;MAGzCH,0BAAA;QACEC,qCAAA;0CAAsB,cAAS;;;;IAGnCD,0BAAA;MACEC,uCAAA;wCAAwB;;;;;;;;"}

package/es/components/page-header/src/page-header2.mjs

@@ -1,6 +1,6 @@
-import script from './page-header.vue_vue&type=script&lang.mjs';
-export { default } from './page-header.vue_vue&type=script&lang.mjs';
-import { render } from './page-header.vue_vue&type=template&id=d12fb4b2&lang.mjs';
+import script from './page-header.vue_vue_type_script_lang.mjs';
+export { default } from './page-header.vue_vue_type_script_lang.mjs';
+import { render } from './page-header.vue_vue_type_template_id_d12fb4b2_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/page-header/src/page-header.vue";

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

@@ -43,8 +43,8 @@ export declare const ElPagination: import("../../utils/types").SFCWithInstall<im
     readonly hideOnSinglePage?: unknown;
 } & {
     small: boolean;
-    layout: string;
     disabled: boolean;
+    layout: string;
     popperClass: string;
     background: boolean;
     pagerCount: number;
@@ -68,8 +68,8 @@ export declare const ElPagination: import("../../utils/types").SFCWithInstall<im
     "onNext-click"?: ((val: number) => any) | undefined;
 }, {
     small: boolean;
-    layout: string;
     disabled: boolean;
+    layout: string;
     popperClass: string;
     background: boolean;
     pagerCount: number;

package/es/components/pagination/src/components/jumper.mjs

@@ -1,6 +1,6 @@
-import script from './jumper.vue_vue&type=script&lang.mjs';
-export { default } from './jumper.vue_vue&type=script&lang.mjs';
-import { render } from './jumper.vue_vue&type=template&id=772239ce&lang.mjs';
+import script from './jumper.vue_vue_type_script_lang.mjs';
+export { default } from './jumper.vue_vue_type_script_lang.mjs';
+import { render } from './jumper.vue_vue_type_template_id_772239ce_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/pagination/src/components/jumper.vue";

package/es/components/pagination/src/components/jumper.vue.d.ts

@@ -2,7 +2,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     pageCount: import("vue").ComputedRef<number> | undefined;
     disabled: import("vue").ComputedRef<boolean> | undefined;
     innerValue: import("vue").ComputedRef<number | undefined>;
-    t: (...args: any[]) => string;
+    t: import("element-plus/es/hooks").Translator;
     handleInput: (val: number | string) => void;
     handleChange: (val: number | string) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;

package/es/components/pagination/src/components/jumper.vue_vue_type_script_lang.mjs

@@ -0,0 +1,39 @@
+import { defineComponent, ref, computed } from 'vue';
+import '../../../../hooks/index.mjs';
+import { ElInput } from '../../../input/index.mjs';
+import { usePagination } from '../usePagination.mjs';
+import { useLocale } from '../../../../hooks/use-locale/index.mjs';
+
+var script = defineComponent({
+  name: "ElPaginationJumper",
+  components: {
+    ElInput
+  },
+  setup() {
+    const { t } = useLocale();
+    const { pageCount, disabled, currentPage, changeEvent } = usePagination();
+    const userInput = ref();
+    const innerValue = computed(() => {
+      var _a;
+      return (_a = userInput.value) != null ? _a : currentPage == null ? void 0 : currentPage.value;
+    });
+    function handleInput(val) {
+      userInput.value = +val;
+    }
+    function handleChange(val) {
+      changeEvent == null ? void 0 : changeEvent(+val);
+      userInput.value = void 0;
+    }
+    return {
+      pageCount,
+      disabled,
+      innerValue,
+      t,
+      handleInput,
+      handleChange
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=jumper.vue_vue_type_script_lang.mjs.map

package/es/components/pagination/src/components/jumper.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"jumper.vue_vue_type_script_lang.mjs","sources":["../../../../../../../packages/components/pagination/src/components/jumper.vue"],"sourcesContent":["<template>\n  <span class=\"el-pagination__jump\">\n    {{ t('el.pagination.goto') }}\n    <el-input\n      size=\"mini\"\n      class=\"el-pagination__editor is-in-pagination\"\n      :min=\"1\"\n      :max=\"pageCount\"\n      :disabled=\"disabled\"\n      :model-value=\"innerValue\"\n      type=\"number\"\n      @update:model-value=\"handleInput\"\n      @change=\"handleChange\"\n    />\n    {{ t('el.pagination.pageClassifier') }}\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport { usePagination } from '../usePagination'\n\nexport default defineComponent({\n  name: 'ElPaginationJumper',\n  components: {\n    ElInput,\n  },\n\n  setup() {\n    const { t } = useLocale()\n    const { pageCount, disabled, currentPage, changeEvent } = usePagination()\n    const userInput = ref<number>()\n    const innerValue = computed(() => userInput.value ?? currentPage?.value)\n\n    function handleInput(val: number | string) {\n      userInput.value = +val\n    }\n\n    function handleChange(val: number | string) {\n      changeEvent?.(+val)\n      userInput.value = undefined\n    }\n\n    return {\n      pageCount,\n      disabled,\n      innerValue,\n\n      t,\n      handleInput,\n      handleChange,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;AAwBA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA;AAAA,EAGF,QAAQ;AACN,UAAM,EAAE,MAAM;AACd,UAAM,EAAE,WAAW,UAAU,aAAa,gBAAgB;AAC1D,UAAM,YAAY;AAClB,UAAM,aAAa,SAAS,MAAG;;AAAG,6BAAU,UAAV,YAAmB,2CAAa;AAAA;AAElE,yBAAqB,KAAsB;AACzC,gBAAU,QAAQ,CAAC;AAAA;AAGrB,0BAAsB,KAAsB;AAC1C,iDAAc,CAAC;AACf,gBAAU,QAAQ;AAAA;AAGpB,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/es/components/pagination/src/components/jumper.vue_vue_type_template_id_772239ce_lang.mjs

@@ -0,0 +1,24 @@
+import { resolveComponent, openBlock, createElementBlock, createTextVNode, toDisplayString, createVNode } from 'vue';
+
+const _hoisted_1 = { class: "el-pagination__jump" };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_input = resolveComponent("el-input");
+  return openBlock(), createElementBlock("span", _hoisted_1, [
+    createTextVNode(toDisplayString(_ctx.t("el.pagination.goto")) + " ", 1),
+    createVNode(_component_el_input, {
+      size: "mini",
+      class: "el-pagination__editor is-in-pagination",
+      min: 1,
+      max: _ctx.pageCount,
+      disabled: _ctx.disabled,
+      "model-value": _ctx.innerValue,
+      type: "number",
+      "onUpdate:modelValue": _ctx.handleInput,
+      onChange: _ctx.handleChange
+    }, null, 8, ["max", "disabled", "model-value", "onUpdate:modelValue", "onChange"]),
+    createTextVNode(" " + toDisplayString(_ctx.t("el.pagination.pageClassifier")), 1)
+  ]);
+}
+
+export { render };
+//# sourceMappingURL=jumper.vue_vue_type_template_id_772239ce_lang.mjs.map

package/es/components/pagination/src/components/jumper.vue_vue_type_template_id_772239ce_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"jumper.vue_vue_type_template_id_772239ce_lang.mjs","sources":["../../../../../../../packages/components/pagination/src/components/jumper.vue?vue&type=template&id=772239ce&lang.js"],"sourcesContent":["<template>\n  <span class=\"el-pagination__jump\">\n    {{ t('el.pagination.goto') }}\n    <el-input\n      size=\"mini\"\n      class=\"el-pagination__editor is-in-pagination\"\n      :min=\"1\"\n      :max=\"pageCount\"\n      :disabled=\"disabled\"\n      :model-value=\"innerValue\"\n      type=\"number\"\n      @update:model-value=\"handleInput\"\n      @change=\"handleChange\"\n    />\n    {{ t('el.pagination.pageClassifier') }}\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport { usePagination } from '../usePagination'\n\nexport default defineComponent({\n  name: 'ElPaginationJumper',\n  components: {\n    ElInput,\n  },\n\n  setup() {\n    const { t } = useLocale()\n    const { pageCount, disabled, currentPage, changeEvent } = usePagination()\n    const userInput = ref<number>()\n    const innerValue = computed(() => userInput.value ?? currentPage?.value)\n\n    function handleInput(val: number | string) {\n      userInput.value = +val\n    }\n\n    function handleChange(val: number | string) {\n      changeEvent?.(+val)\n      userInput.value = undefined\n    }\n\n    return {\n      pageCount,\n      disabled,\n      innerValue,\n\n      t,\n      handleInput,\n      handleChange,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createVNode"],"mappings":";;qBACQ,OAAM;;;sBAAZA,2BAAA;oCACK;IACHC;MACE,MAAK;AAAA,MACL,OAAM;AAAA,MACL,KAAK;AAAA,MACL,KAAK;MACL,UAAU;MACV,eAAa;MACd,MAAK;AAAA,MACJ,uBAAoB;MACpB,UAAQ;;0CAER;;;;;;"}

package/es/components/pagination/src/components/next.mjs

@@ -1,6 +1,6 @@
-import script from './next.vue_vue&type=script&lang.mjs';
-export { default } from './next.vue_vue&type=script&lang.mjs';
-import { render } from './next.vue_vue&type=template&id=93fbb39e&lang.mjs';
+import script from './next.vue_vue_type_script_lang.mjs';
+export { default } from './next.vue_vue_type_script_lang.mjs';
+import { render } from './next.vue_vue_type_template_id_93fbb39e_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/pagination/src/components/next.vue";

package/es/components/pagination/src/components/next.vue_vue_type_script_lang.mjs

@@ -0,0 +1,37 @@
+import { defineComponent, computed } from 'vue';
+import { ElIcon } from '../../../icon/index.mjs';
+import { ArrowRight } from '@element-plus/icons-vue';
+
+const paginationNextProps = {
+  disabled: Boolean,
+  currentPage: {
+    type: Number,
+    default: 1
+  },
+  pageCount: {
+    type: Number,
+    default: 50
+  },
+  nextText: {
+    type: String,
+    default: ""
+  }
+};
+var script = defineComponent({
+  name: "ElPaginationNext",
+  components: {
+    ElIcon,
+    ArrowRight
+  },
+  props: paginationNextProps,
+  emits: ["click"],
+  setup(props) {
+    const internalDisabled = computed(() => props.disabled || props.currentPage === props.pageCount || props.pageCount === 0);
+    return {
+      internalDisabled
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=next.vue_vue_type_script_lang.mjs.map

package/es/components/pagination/src/components/next.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"next.vue_vue_type_script_lang.mjs","sources":["../../../../../../../packages/components/pagination/src/components/next.vue"],"sourcesContent":["<template>\n  <button\n    type=\"button\"\n    class=\"btn-next\"\n    :disabled=\"internalDisabled\"\n    :aria-disabled=\"internalDisabled\"\n    @click=\"$emit('click', $event)\"\n  >\n    <span v-if=\"nextText\">{{ nextText }}</span>\n    <el-icon v-else><arrow-right /></el-icon>\n  </button>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ArrowRight } from '@element-plus/icons-vue'\n\nconst paginationNextProps = {\n  disabled: Boolean,\n  currentPage: {\n    type: Number,\n    default: 1,\n  },\n  pageCount: {\n    type: Number,\n    default: 50,\n  },\n  nextText: {\n    type: String,\n    default: '',\n  },\n} as const\n\nexport default defineComponent({\n  name: 'ElPaginationNext',\n\n  components: {\n    ElIcon,\n    ArrowRight,\n  },\n  props: paginationNextProps,\n  emits: ['click'],\n\n  setup(props) {\n    const internalDisabled = computed(\n      () =>\n        props.disabled ||\n        props.currentPage === props.pageCount ||\n        props.pageCount === 0\n    )\n\n    return {\n      internalDisabled,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;AAkBA,MAAM,sBAAsB;AAAA,EAC1B,UAAU;AAAA,EACV,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;AAIb,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA,IACA;AAAA;AAAA,EAEF,OAAO;AAAA,EACP,OAAO,CAAC;AAAA,EAER,MAAM,OAAO;AACX,UAAM,mBAAmB,SACvB,MACE,MAAM,YACN,MAAM,gBAAgB,MAAM,aAC5B,MAAM,cAAc;AAGxB,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;;;"}

package/es/components/pagination/src/components/next.vue_vue_type_template_id_93fbb39e_lang.mjs

@@ -0,0 +1,25 @@
+import { resolveComponent, openBlock, createElementBlock, toDisplayString, createBlock, withCtx, createVNode } from 'vue';
+
+const _hoisted_1 = ["disabled", "aria-disabled"];
+const _hoisted_2 = { key: 0 };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_arrow_right = resolveComponent("arrow-right");
+  const _component_el_icon = resolveComponent("el-icon");
+  return openBlock(), createElementBlock("button", {
+    type: "button",
+    class: "btn-next",
+    disabled: _ctx.internalDisabled,
+    "aria-disabled": _ctx.internalDisabled,
+    onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
+  }, [
+    _ctx.nextText ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.nextText), 1)) : (openBlock(), createBlock(_component_el_icon, { key: 1 }, {
+      default: withCtx(() => [
+        createVNode(_component_arrow_right)
+      ]),
+      _: 1
+    }))
+  ], 8, _hoisted_1);
+}
+
+export { render };
+//# sourceMappingURL=next.vue_vue_type_template_id_93fbb39e_lang.mjs.map

package/es/components/pagination/src/components/next.vue_vue_type_template_id_93fbb39e_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"next.vue_vue_type_template_id_93fbb39e_lang.mjs","sources":["../../../../../../../packages/components/pagination/src/components/next.vue?vue&type=template&id=93fbb39e&lang.js"],"sourcesContent":["<template>\n  <button\n    type=\"button\"\n    class=\"btn-next\"\n    :disabled=\"internalDisabled\"\n    :aria-disabled=\"internalDisabled\"\n    @click=\"$emit('click', $event)\"\n  >\n    <span v-if=\"nextText\">{{ nextText }}</span>\n    <el-icon v-else><arrow-right /></el-icon>\n  </button>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ArrowRight } from '@element-plus/icons-vue'\n\nconst paginationNextProps = {\n  disabled: Boolean,\n  currentPage: {\n    type: Number,\n    default: 1,\n  },\n  pageCount: {\n    type: Number,\n    default: 50,\n  },\n  nextText: {\n    type: String,\n    default: '',\n  },\n} as const\n\nexport default defineComponent({\n  name: 'ElPaginationNext',\n\n  components: {\n    ElIcon,\n    ArrowRight,\n  },\n  props: paginationNextProps,\n  emits: ['click'],\n\n  setup(props) {\n    const internalDisabled = computed(\n      () =>\n        props.disabled ||\n        props.currentPage === props.pageCount ||\n        props.pageCount === 0\n    )\n\n    return {\n      internalDisabled,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createBlock","_createVNode"],"mappings":";;;;;;;sBACEA;IACE,MAAK;AAAA,IACL,OAAM;AAAA,IACL,UAAU;IACV,iBAAe;IACf,+CAAO,oBAAe;AAAA;IAEX,8BAAZA,uDAAyB,oCACzBC;uBAAgB;QAAAC,YAAe;AAAA;AAAA;;;;;;;"}

package/es/components/pagination/src/components/pager.mjs

@@ -1,6 +1,6 @@
-import script from './pager.vue_vue&type=script&lang.mjs';
-export { default } from './pager.vue_vue&type=script&lang.mjs';
-import { render } from './pager.vue_vue&type=template&id=0bfc9916&lang.mjs';
+import script from './pager.vue_vue_type_script_lang.mjs';
+export { default } from './pager.vue_vue_type_script_lang.mjs';
+import { render } from './pager.vue_vue_type_template_id_0bfc9916_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/pagination/src/components/pager.vue";

package/es/components/pagination/src/components/pager.vue_vue_type_script_lang.mjs

@@ -0,0 +1,143 @@
+import { defineComponent, ref, computed, watchEffect } from 'vue';
+import { DArrowLeft, DArrowRight, MoreFilled } from '@element-plus/icons-vue';
+
+const paginationPagerProps = {
+  currentPage: {
+    type: Number,
+    default: 1
+  },
+  pageCount: {
+    type: Number,
+    required: true
+  },
+  pagerCount: {
+    type: Number,
+    default: 7
+  },
+  disabled: Boolean
+};
+var script = defineComponent({
+  name: "ElPaginationPager",
+  components: {
+    DArrowLeft,
+    DArrowRight,
+    MoreFilled
+  },
+  props: paginationPagerProps,
+  emits: ["change"],
+  setup(props, { emit }) {
+    const showPrevMore = ref(false);
+    const showNextMore = ref(false);
+    const quickPrevHover = ref(false);
+    const quickNextHover = ref(false);
+    const pagers = computed(() => {
+      const pagerCount = props.pagerCount;
+      const halfPagerCount = (pagerCount - 1) / 2;
+      const currentPage = Number(props.currentPage);
+      const pageCount = Number(props.pageCount);
+      let showPrevMore2 = false;
+      let showNextMore2 = false;
+      if (pageCount > pagerCount) {
+        if (currentPage > pagerCount - halfPagerCount) {
+          showPrevMore2 = true;
+        }
+        if (currentPage < pageCount - halfPagerCount) {
+          showNextMore2 = true;
+        }
+      }
+      const array = [];
+      if (showPrevMore2 && !showNextMore2) {
+        const startPage = pageCount - (pagerCount - 2);
+        for (let i = startPage; i < pageCount; i++) {
+          array.push(i);
+        }
+      } else if (!showPrevMore2 && showNextMore2) {
+        for (let i = 2; i < pagerCount; i++) {
+          array.push(i);
+        }
+      } else if (showPrevMore2 && showNextMore2) {
+        const offset = Math.floor(pagerCount / 2) - 1;
+        for (let i = currentPage - offset; i <= currentPage + offset; i++) {
+          array.push(i);
+        }
+      } else {
+        for (let i = 2; i < pageCount; i++) {
+          array.push(i);
+        }
+      }
+      return array;
+    });
+    watchEffect(() => {
+      const halfPagerCount = (props.pagerCount - 1) / 2;
+      showPrevMore.value = false;
+      showNextMore.value = false;
+      if (props.pageCount > props.pagerCount) {
+        if (props.currentPage > props.pagerCount - halfPagerCount) {
+          showPrevMore.value = true;
+        }
+        if (props.currentPage < props.pageCount - halfPagerCount) {
+          showNextMore.value = true;
+        }
+      }
+    });
+    function onMouseenter(direction) {
+      if (props.disabled)
+        return;
+      if (direction === "left") {
+        quickPrevHover.value = true;
+      } else {
+        quickNextHover.value = true;
+      }
+    }
+    function onEnter(e) {
+      const target = e.target;
+      if (target.tagName.toLowerCase() === "li" && Array.from(target.classList).includes("number")) {
+        const newPage = Number(target.textContent);
+        if (newPage !== props.currentPage) {
+          emit("change", newPage);
+        }
+      }
+    }
+    function onPagerClick(event) {
+      const target = event.target;
+      if (target.tagName.toLowerCase() === "ul" || props.disabled) {
+        return;
+      }
+      let newPage = Number(target.textContent);
+      const pageCount = props.pageCount;
+      const currentPage = props.currentPage;
+      const pagerCountOffset = props.pagerCount - 2;
+      if (target.className.includes("more")) {
+        if (target.className.includes("quickprev")) {
+          newPage = currentPage - pagerCountOffset;
+        } else if (target.className.includes("quicknext")) {
+          newPage = currentPage + pagerCountOffset;
+        }
+      }
+      if (!isNaN(newPage)) {
+        if (newPage < 1) {
+          newPage = 1;
+        }
+        if (newPage > pageCount) {
+          newPage = pageCount;
+        }
+      }
+      if (newPage !== currentPage) {
+        emit("change", newPage);
+      }
+    }
+    return {
+      showPrevMore,
+      showNextMore,
+      quickPrevHover,
+      quickNextHover,
+      pagers,
+      onMouseenter,
+      onPagerClick,
+      onEnter
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=pager.vue_vue_type_script_lang.mjs.map

package/es/components/pagination/src/components/pager.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pager.vue_vue_type_script_lang.mjs","sources":["../../../../../../../packages/components/pagination/src/components/pager.vue"],"sourcesContent":["<template>\n  <ul class=\"el-pager\" @click=\"onPagerClick\" @keyup.enter=\"onEnter\">\n    <li\n      v-if=\"pageCount > 0\"\n      :class=\"{ active: currentPage === 1, disabled }\"\n      class=\"number\"\n      :aria-current=\"currentPage === 1\"\n      tabindex=\"0\"\n    >\n      1\n    </li>\n    <li\n      v-if=\"showPrevMore\"\n      class=\"el-icon more btn-quickprev\"\n      :class=\"{ disabled }\"\n      @mouseenter=\"onMouseenter('left')\"\n      @mouseleave=\"quickPrevHover = false\"\n    >\n      <d-arrow-left v-if=\"quickPrevHover\" />\n      <more-filled v-else />\n    </li>\n    <li\n      v-for=\"pager in pagers\"\n      :key=\"pager\"\n      :class=\"{ active: currentPage === pager, disabled }\"\n      class=\"number\"\n      :aria-current=\"currentPage === pager\"\n      tabindex=\"0\"\n    >\n      {{ pager }}\n    </li>\n    <li\n      v-if=\"showNextMore\"\n      class=\"el-icon more btn-quicknext\"\n      :class=\"{ disabled }\"\n      @mouseenter=\"onMouseenter('right')\"\n      @mouseleave=\"quickNextHover = false\"\n    >\n      <d-arrow-right v-if=\"quickNextHover\" />\n      <more-filled v-else />\n    </li>\n    <li\n      v-if=\"pageCount > 1\"\n      :class=\"{ active: currentPage === pageCount, disabled }\"\n      class=\"number\"\n      :aria-current=\"currentPage === pageCount\"\n      tabindex=\"0\"\n    >\n      {{ pageCount }}\n    </li>\n  </ul>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, ref, computed, watchEffect } from 'vue'\nimport { MoreFilled, DArrowLeft, DArrowRight } from '@element-plus/icons-vue'\n\nconst paginationPagerProps = {\n  currentPage: {\n    type: Number,\n    default: 1,\n  },\n  pageCount: {\n    type: Number,\n    required: true,\n  },\n  pagerCount: {\n    type: Number,\n    default: 7,\n  },\n  disabled: Boolean,\n} as const\n\nexport default defineComponent({\n  name: 'ElPaginationPager',\n\n  components: {\n    DArrowLeft,\n    DArrowRight,\n    MoreFilled,\n  },\n  props: paginationPagerProps,\n  emits: ['change'],\n\n  setup(props, { emit }) {\n    const showPrevMore = ref(false)\n    const showNextMore = ref(false)\n    const quickPrevHover = ref(false)\n    const quickNextHover = ref(false)\n\n    const pagers = computed(() => {\n      const pagerCount = props.pagerCount\n      const halfPagerCount = (pagerCount - 1) / 2\n      const currentPage = Number(props.currentPage)\n      const pageCount = Number(props.pageCount)\n\n      let showPrevMore = false\n      let showNextMore = false\n      if (pageCount > pagerCount) {\n        if (currentPage > pagerCount - halfPagerCount) {\n          showPrevMore = true\n        }\n        if (currentPage < pageCount - halfPagerCount) {\n          showNextMore = true\n        }\n      }\n      const array: number[] = []\n      if (showPrevMore && !showNextMore) {\n        const startPage = pageCount - (pagerCount - 2)\n        for (let i = startPage; i < pageCount; i++) {\n          array.push(i)\n        }\n      } else if (!showPrevMore && showNextMore) {\n        for (let i = 2; i < pagerCount; i++) {\n          array.push(i)\n        }\n      } else if (showPrevMore && showNextMore) {\n        const offset = Math.floor(pagerCount / 2) - 1\n        for (let i = currentPage - offset; i <= currentPage + offset; i++) {\n          array.push(i)\n        }\n      } else {\n        for (let i = 2; i < pageCount; i++) {\n          array.push(i)\n        }\n      }\n\n      return array\n    })\n\n    watchEffect(() => {\n      const halfPagerCount = (props.pagerCount - 1) / 2\n\n      showPrevMore.value = false\n      showNextMore.value = false\n\n      if (props.pageCount > props.pagerCount) {\n        if (props.currentPage > props.pagerCount - halfPagerCount) {\n          showPrevMore.value = true\n        }\n        if (props.currentPage < props.pageCount - halfPagerCount) {\n          showNextMore.value = true\n        }\n      }\n    })\n\n    function onMouseenter(direction: 'left' | 'right') {\n      if (props.disabled) return\n      if (direction === 'left') {\n        quickPrevHover.value = true\n      } else {\n        quickNextHover.value = true\n      }\n    }\n\n    function onEnter(e: UIEvent) {\n      const target = e.target as HTMLElement\n      if (\n        target.tagName.toLowerCase() === 'li' &&\n        Array.from(target.classList).includes('number')\n      ) {\n        const newPage = Number(target.textContent)\n        if (newPage !== props.currentPage) {\n          emit('change', newPage)\n        }\n      }\n    }\n\n    function onPagerClick(event: UIEvent) {\n      const target = event.target as HTMLElement\n      if (target.tagName.toLowerCase() === 'ul' || props.disabled) {\n        return\n      }\n\n      let newPage = Number(target.textContent)\n      const pageCount = props.pageCount\n      const currentPage = props.currentPage\n      const pagerCountOffset = props.pagerCount - 2\n      if (target.className.includes('more')) {\n        if (target.className.includes('quickprev')) {\n          newPage = currentPage - pagerCountOffset\n        } else if (target.className.includes('quicknext')) {\n          newPage = currentPage + pagerCountOffset\n        }\n      }\n      if (!isNaN(newPage)) {\n        if (newPage < 1) {\n          newPage = 1\n        }\n        if (newPage > pageCount) {\n          newPage = pageCount\n        }\n      }\n      if (newPage !== currentPage) {\n        emit('change', newPage)\n      }\n    }\n\n    return {\n      showPrevMore,\n      showNextMore,\n      quickPrevHover,\n      quickNextHover,\n      pagers,\n\n      onMouseenter,\n      onPagerClick,\n      onEnter,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;AAwDA,MAAM,uBAAuB;AAAA,EAC3B,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,UAAU;AAAA;AAAA,EAEZ,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA;AAGZ,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAEF,OAAO;AAAA,EACP,OAAO,CAAC;AAAA,EAER,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,eAAe,IAAI;AACzB,UAAM,eAAe,IAAI;AACzB,UAAM,iBAAiB,IAAI;AAC3B,UAAM,iBAAiB,IAAI;AAE3B,UAAM,SAAS,SAAS,MAAM;AAC5B,YAAM,aAAa,MAAM;AACzB,YAAM,iBAAkB,cAAa,KAAK;AAC1C,YAAM,cAAc,OAAO,MAAM;AACjC,YAAM,YAAY,OAAO,MAAM;AAE/B,UAAI,gBAAe;AACnB,UAAI,gBAAe;AACnB,UAAI,YAAY,YAAY;AAC1B,YAAI,cAAc,aAAa,gBAAgB;AAC7C,0BAAe;AAAA;AAEjB,YAAI,cAAc,YAAY,gBAAgB;AAC5C,0BAAe;AAAA;AAAA;AAGnB,YAAM,QAAkB;AACxB,UAAI,iBAAgB,CAAC,eAAc;AACjC,cAAM,YAAY,0BAA0B;AAC5C,iBAAS,IAAI,WAAW,IAAI,WAAW,KAAK;AAC1C,gBAAM,KAAK;AAAA;AAAA,iBAEJ,CAAC,iBAAgB,eAAc;AACxC,iBAAS,IAAI,GAAG,IAAI,YAAY,KAAK;AACnC,gBAAM,KAAK;AAAA;AAAA,iBAEJ,iBAAgB,eAAc;AACvC,cAAM,SAAS,KAAK,MAAM,aAAa,KAAK;AAC5C,iBAAS,IAAI,cAAc,QAAQ,KAAK,cAAc,QAAQ,KAAK;AACjE,gBAAM,KAAK;AAAA;AAAA,aAER;AACL,iBAAS,IAAI,GAAG,IAAI,WAAW,KAAK;AAClC,gBAAM,KAAK;AAAA;AAAA;AAIf,aAAO;AAAA;AAGT,gBAAY,MAAM;AAChB,YAAM,iBAAkB,OAAM,aAAa,KAAK;AAEhD,mBAAa,QAAQ;AACrB,mBAAa,QAAQ;AAErB,UAAI,MAAM,YAAY,MAAM,YAAY;AACtC,YAAI,MAAM,cAAc,MAAM,aAAa,gBAAgB;AACzD,uBAAa,QAAQ;AAAA;AAEvB,YAAI,MAAM,cAAc,MAAM,YAAY,gBAAgB;AACxD,uBAAa,QAAQ;AAAA;AAAA;AAAA;AAK3B,0BAAsB,WAA6B;AACjD,UAAI,MAAM;AAAU;AACpB,UAAI,cAAc,QAAQ;AACxB,uBAAe,QAAQ;AAAA,aAClB;AACL,uBAAe,QAAQ;AAAA;AAAA;AAI3B,qBAAiB,GAAY;AAC3B,YAAM,SAAS,EAAE;AACjB,UACE,OAAO,QAAQ,kBAAkB,QACjC,MAAM,KAAK,OAAO,WAAW,SAAS,WACtC;AACA,cAAM,UAAU,OAAO,OAAO;AAC9B,YAAI,YAAY,MAAM,aAAa;AACjC,eAAK,UAAU;AAAA;AAAA;AAAA;AAKrB,0BAAsB,OAAgB;AACpC,YAAM,SAAS,MAAM;AACrB,UAAI,OAAO,QAAQ,kBAAkB,QAAQ,MAAM,UAAU;AAC3D;AAAA;AAGF,UAAI,UAAU,OAAO,OAAO;AAC5B,YAAM,YAAY,MAAM;AACxB,YAAM,cAAc,MAAM;AAC1B,YAAM,mBAAmB,MAAM,aAAa;AAC5C,UAAI,OAAO,UAAU,SAAS,SAAS;AACrC,YAAI,OAAO,UAAU,SAAS,cAAc;AAC1C,oBAAU,cAAc;AAAA,mBACf,OAAO,UAAU,SAAS,cAAc;AACjD,oBAAU,cAAc;AAAA;AAAA;AAG5B,UAAI,CAAC,MAAM,UAAU;AACnB,YAAI,UAAU,GAAG;AACf,oBAAU;AAAA;AAEZ,YAAI,UAAU,WAAW;AACvB,oBAAU;AAAA;AAAA;AAGd,UAAI,YAAY,aAAa;AAC3B,aAAK,UAAU;AAAA;AAAA;AAInB,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/es/components/pagination/src/components/pager.vue_vue_type_template_id_0bfc9916_lang.mjs

@@ -0,0 +1,55 @@
+import { resolveComponent, openBlock, createElementBlock, withKeys, normalizeClass, createCommentVNode, createBlock, Fragment, renderList, toDisplayString } from 'vue';
+
+const _hoisted_1 = ["aria-current"];
+const _hoisted_2 = ["aria-current"];
+const _hoisted_3 = ["aria-current"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_d_arrow_left = resolveComponent("d-arrow-left");
+  const _component_more_filled = resolveComponent("more-filled");
+  const _component_d_arrow_right = resolveComponent("d-arrow-right");
+  return openBlock(), createElementBlock("ul", {
+    class: "el-pager",
+    onClick: _cache[4] || (_cache[4] = (...args) => _ctx.onPagerClick && _ctx.onPagerClick(...args)),
+    onKeyup: _cache[5] || (_cache[5] = withKeys((...args) => _ctx.onEnter && _ctx.onEnter(...args), ["enter"]))
+  }, [
+    _ctx.pageCount > 0 ? (openBlock(), createElementBlock("li", {
+      key: 0,
+      class: normalizeClass([{ active: _ctx.currentPage === 1, disabled: _ctx.disabled }, "number"]),
+      "aria-current": _ctx.currentPage === 1,
+      tabindex: "0"
+    }, " 1 ", 10, _hoisted_1)) : createCommentVNode("v-if", true),
+    _ctx.showPrevMore ? (openBlock(), createElementBlock("li", {
+      key: 1,
+      class: normalizeClass(["el-icon more btn-quickprev", { disabled: _ctx.disabled }]),
+      onMouseenter: _cache[0] || (_cache[0] = ($event) => _ctx.onMouseenter("left")),
+      onMouseleave: _cache[1] || (_cache[1] = ($event) => _ctx.quickPrevHover = false)
+    }, [
+      _ctx.quickPrevHover ? (openBlock(), createBlock(_component_d_arrow_left, { key: 0 })) : (openBlock(), createBlock(_component_more_filled, { key: 1 }))
+    ], 34)) : createCommentVNode("v-if", true),
+    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.pagers, (pager) => {
+      return openBlock(), createElementBlock("li", {
+        key: pager,
+        class: normalizeClass([{ active: _ctx.currentPage === pager, disabled: _ctx.disabled }, "number"]),
+        "aria-current": _ctx.currentPage === pager,
+        tabindex: "0"
+      }, toDisplayString(pager), 11, _hoisted_2);
+    }), 128)),
+    _ctx.showNextMore ? (openBlock(), createElementBlock("li", {
+      key: 2,
+      class: normalizeClass(["el-icon more btn-quicknext", { disabled: _ctx.disabled }]),
+      onMouseenter: _cache[2] || (_cache[2] = ($event) => _ctx.onMouseenter("right")),
+      onMouseleave: _cache[3] || (_cache[3] = ($event) => _ctx.quickNextHover = false)
+    }, [
+      _ctx.quickNextHover ? (openBlock(), createBlock(_component_d_arrow_right, { key: 0 })) : (openBlock(), createBlock(_component_more_filled, { key: 1 }))
+    ], 34)) : createCommentVNode("v-if", true),
+    _ctx.pageCount > 1 ? (openBlock(), createElementBlock("li", {
+      key: 3,
+      class: normalizeClass([{ active: _ctx.currentPage === _ctx.pageCount, disabled: _ctx.disabled }, "number"]),
+      "aria-current": _ctx.currentPage === _ctx.pageCount,
+      tabindex: "0"
+    }, toDisplayString(_ctx.pageCount), 11, _hoisted_3)) : createCommentVNode("v-if", true)
+  ], 32);
+}
+
+export { render };
+//# sourceMappingURL=pager.vue_vue_type_template_id_0bfc9916_lang.mjs.map

package/es/components/pagination/src/components/pager.vue_vue_type_template_id_0bfc9916_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pager.vue_vue_type_template_id_0bfc9916_lang.mjs","sources":["../../../../../../../packages/components/pagination/src/components/pager.vue?vue&type=template&id=0bfc9916&lang.js"],"sourcesContent":["<template>\n  <ul class=\"el-pager\" @click=\"onPagerClick\" @keyup.enter=\"onEnter\">\n    <li\n      v-if=\"pageCount > 0\"\n      :class=\"{ active: currentPage === 1, disabled }\"\n      class=\"number\"\n      :aria-current=\"currentPage === 1\"\n      tabindex=\"0\"\n    >\n      1\n    </li>\n    <li\n      v-if=\"showPrevMore\"\n      class=\"el-icon more btn-quickprev\"\n      :class=\"{ disabled }\"\n      @mouseenter=\"onMouseenter('left')\"\n      @mouseleave=\"quickPrevHover = false\"\n    >\n      <d-arrow-left v-if=\"quickPrevHover\" />\n      <more-filled v-else />\n    </li>\n    <li\n      v-for=\"pager in pagers\"\n      :key=\"pager\"\n      :class=\"{ active: currentPage === pager, disabled }\"\n      class=\"number\"\n      :aria-current=\"currentPage === pager\"\n      tabindex=\"0\"\n    >\n      {{ pager }}\n    </li>\n    <li\n      v-if=\"showNextMore\"\n      class=\"el-icon more btn-quicknext\"\n      :class=\"{ disabled }\"\n      @mouseenter=\"onMouseenter('right')\"\n      @mouseleave=\"quickNextHover = false\"\n    >\n      <d-arrow-right v-if=\"quickNextHover\" />\n      <more-filled v-else />\n    </li>\n    <li\n      v-if=\"pageCount > 1\"\n      :class=\"{ active: currentPage === pageCount, disabled }\"\n      class=\"number\"\n      :aria-current=\"currentPage === pageCount\"\n      tabindex=\"0\"\n    >\n      {{ pageCount }}\n    </li>\n  </ul>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, ref, computed, watchEffect } from 'vue'\nimport { MoreFilled, DArrowLeft, DArrowRight } from '@element-plus/icons-vue'\n\nconst paginationPagerProps = {\n  currentPage: {\n    type: Number,\n    default: 1,\n  },\n  pageCount: {\n    type: Number,\n    required: true,\n  },\n  pagerCount: {\n    type: Number,\n    default: 7,\n  },\n  disabled: Boolean,\n} as const\n\nexport default defineComponent({\n  name: 'ElPaginationPager',\n\n  components: {\n    DArrowLeft,\n    DArrowRight,\n    MoreFilled,\n  },\n  props: paginationPagerProps,\n  emits: ['change'],\n\n  setup(props, { emit }) {\n    const showPrevMore = ref(false)\n    const showNextMore = ref(false)\n    const quickPrevHover = ref(false)\n    const quickNextHover = ref(false)\n\n    const pagers = computed(() => {\n      const pagerCount = props.pagerCount\n      const halfPagerCount = (pagerCount - 1) / 2\n      const currentPage = Number(props.currentPage)\n      const pageCount = Number(props.pageCount)\n\n      let showPrevMore = false\n      let showNextMore = false\n      if (pageCount > pagerCount) {\n        if (currentPage > pagerCount - halfPagerCount) {\n          showPrevMore = true\n        }\n        if (currentPage < pageCount - halfPagerCount) {\n          showNextMore = true\n        }\n      }\n      const array: number[] = []\n      if (showPrevMore && !showNextMore) {\n        const startPage = pageCount - (pagerCount - 2)\n        for (let i = startPage; i < pageCount; i++) {\n          array.push(i)\n        }\n      } else if (!showPrevMore && showNextMore) {\n        for (let i = 2; i < pagerCount; i++) {\n          array.push(i)\n        }\n      } else if (showPrevMore && showNextMore) {\n        const offset = Math.floor(pagerCount / 2) - 1\n        for (let i = currentPage - offset; i <= currentPage + offset; i++) {\n          array.push(i)\n        }\n      } else {\n        for (let i = 2; i < pageCount; i++) {\n          array.push(i)\n        }\n      }\n\n      return array\n    })\n\n    watchEffect(() => {\n      const halfPagerCount = (props.pagerCount - 1) / 2\n\n      showPrevMore.value = false\n      showNextMore.value = false\n\n      if (props.pageCount > props.pagerCount) {\n        if (props.currentPage > props.pagerCount - halfPagerCount) {\n          showPrevMore.value = true\n        }\n        if (props.currentPage < props.pageCount - halfPagerCount) {\n          showNextMore.value = true\n        }\n      }\n    })\n\n    function onMouseenter(direction: 'left' | 'right') {\n      if (props.disabled) return\n      if (direction === 'left') {\n        quickPrevHover.value = true\n      } else {\n        quickNextHover.value = true\n      }\n    }\n\n    function onEnter(e: UIEvent) {\n      const target = e.target as HTMLElement\n      if (\n        target.tagName.toLowerCase() === 'li' &&\n        Array.from(target.classList).includes('number')\n      ) {\n        const newPage = Number(target.textContent)\n        if (newPage !== props.currentPage) {\n          emit('change', newPage)\n        }\n      }\n    }\n\n    function onPagerClick(event: UIEvent) {\n      const target = event.target as HTMLElement\n      if (target.tagName.toLowerCase() === 'ul' || props.disabled) {\n        return\n      }\n\n      let newPage = Number(target.textContent)\n      const pageCount = props.pageCount\n      const currentPage = props.currentPage\n      const pagerCountOffset = props.pagerCount - 2\n      if (target.className.includes('more')) {\n        if (target.className.includes('quickprev')) {\n          newPage = currentPage - pagerCountOffset\n        } else if (target.className.includes('quicknext')) {\n          newPage = currentPage + pagerCountOffset\n        }\n      }\n      if (!isNaN(newPage)) {\n        if (newPage < 1) {\n          newPage = 1\n        }\n        if (newPage > pageCount) {\n          newPage = pageCount\n        }\n      }\n      if (newPage !== currentPage) {\n        emit('change', newPage)\n      }\n    }\n\n    return {\n      showPrevMore,\n      showNextMore,\n      quickPrevHover,\n      quickNextHover,\n      pagers,\n\n      onMouseenter,\n      onPagerClick,\n      onEnter,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createBlock"],"mappings":";;;;;;;;;sBACEA;IAAI,OAAM;AAAA,IAAY,gDAAO;IAAe,yDAAa;;IAE/C,mCADRA;;MAEG,iCAAiB,kCAAmB,iBAC/B;AAAA,MACL,gBAAc;MACf,UAAS;AAAA;IAKH,kCADRA;;MAEE,uBAAM,0CACI;MACT,oDAAY;MACZ,oDAAY;;MAEO,oCAApBC,kEACAA;;sBAEFD,8CACkB,cAAT;0BADTA;QAEG,KAAK;AAAA,QACL,iCAAiB,qBAAgB,iBAAO,iBACnC;AAAA,QACL,gBAAc,qBAAgB;AAAA,QAC/B,UAAS;AAAA,yBAEN;;IAGG,kCADRA;;MAEE,uBAAM,0CACI;MACT,oDAAY;MACZ,oDAAY;;MAEQ,oCAArBC,mEACAA;;IAGM,mCADRD;;MAEG,iCAAiB,qBAAgB,0BAAW,iBACvC;AAAA,MACL,gBAAc,qBAAgB;MAC/B,UAAS;AAAA,uBAEN;;;;;;"}

package/es/components/pagination/src/components/prev.mjs

@@ -1,6 +1,6 @@
-import script from './prev.vue_vue&type=script&lang.mjs';
-export { default } from './prev.vue_vue&type=script&lang.mjs';
-import { render } from './prev.vue_vue&type=template&id=15259d71&lang.mjs';
+import script from './prev.vue_vue_type_script_lang.mjs';
+export { default } from './prev.vue_vue_type_script_lang.mjs';
+import { render } from './prev.vue_vue_type_template_id_15259d71_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/pagination/src/components/prev.vue";

package/es/components/pagination/src/components/prev.vue_vue_type_script_lang.mjs

@@ -0,0 +1,33 @@
+import { defineComponent, computed } from 'vue';
+import { ElIcon } from '../../../icon/index.mjs';
+import { ArrowLeft } from '@element-plus/icons-vue';
+
+const paginationPrevProps = {
+  disabled: Boolean,
+  currentPage: {
+    type: Number,
+    default: 1
+  },
+  prevText: {
+    type: String,
+    default: ""
+  }
+};
+var script = defineComponent({
+  name: "ElPaginationPrev",
+  components: {
+    ElIcon,
+    ArrowLeft
+  },
+  props: paginationPrevProps,
+  emits: ["click"],
+  setup(props) {
+    const internalDisabled = computed(() => props.disabled || props.currentPage <= 1);
+    return {
+      internalDisabled
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=prev.vue_vue_type_script_lang.mjs.map

package/es/components/pagination/src/components/prev.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"prev.vue_vue_type_script_lang.mjs","sources":["../../../../../../../packages/components/pagination/src/components/prev.vue"],"sourcesContent":["<template>\n  <button\n    type=\"button\"\n    class=\"btn-prev\"\n    :disabled=\"internalDisabled\"\n    :aria-disabled=\"internalDisabled\"\n    @click=\"$emit('click', $event)\"\n  >\n    <span v-if=\"prevText\">{{ prevText }}</span>\n    <el-icon v-else><arrow-left /></el-icon>\n  </button>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ArrowLeft } from '@element-plus/icons-vue'\n\nconst paginationPrevProps = {\n  disabled: Boolean,\n  currentPage: {\n    type: Number,\n    default: 1,\n  },\n  prevText: {\n    type: String,\n    default: '',\n  },\n} as const\n\nexport default defineComponent({\n  name: 'ElPaginationPrev',\n\n  components: {\n    ElIcon,\n    ArrowLeft,\n  },\n  props: paginationPrevProps,\n  emits: ['click'],\n\n  setup(props) {\n    const internalDisabled = computed(\n      () => props.disabled || props.currentPage <= 1\n    )\n    return {\n      internalDisabled,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;AAkBA,MAAM,sBAAsB;AAAA,EAC1B,UAAU;AAAA,EACV,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;AAIb,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA,IACA;AAAA;AAAA,EAEF,OAAO;AAAA,EACP,OAAO,CAAC;AAAA,EAER,MAAM,OAAO;AACX,UAAM,mBAAmB,SACvB,MAAM,MAAM,YAAY,MAAM,eAAe;AAE/C,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;;;"}

package/es/components/pagination/src/components/prev.vue_vue_type_template_id_15259d71_lang.mjs

@@ -0,0 +1,25 @@
+import { resolveComponent, openBlock, createElementBlock, toDisplayString, createBlock, withCtx, createVNode } from 'vue';
+
+const _hoisted_1 = ["disabled", "aria-disabled"];
+const _hoisted_2 = { key: 0 };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_arrow_left = resolveComponent("arrow-left");
+  const _component_el_icon = resolveComponent("el-icon");
+  return openBlock(), createElementBlock("button", {
+    type: "button",
+    class: "btn-prev",
+    disabled: _ctx.internalDisabled,
+    "aria-disabled": _ctx.internalDisabled,
+    onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
+  }, [
+    _ctx.prevText ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.prevText), 1)) : (openBlock(), createBlock(_component_el_icon, { key: 1 }, {
+      default: withCtx(() => [
+        createVNode(_component_arrow_left)
+      ]),
+      _: 1
+    }))
+  ], 8, _hoisted_1);
+}
+
+export { render };
+//# sourceMappingURL=prev.vue_vue_type_template_id_15259d71_lang.mjs.map

package/es/components/pagination/src/components/prev.vue_vue_type_template_id_15259d71_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"prev.vue_vue_type_template_id_15259d71_lang.mjs","sources":["../../../../../../../packages/components/pagination/src/components/prev.vue?vue&type=template&id=15259d71&lang.js"],"sourcesContent":["<template>\n  <button\n    type=\"button\"\n    class=\"btn-prev\"\n    :disabled=\"internalDisabled\"\n    :aria-disabled=\"internalDisabled\"\n    @click=\"$emit('click', $event)\"\n  >\n    <span v-if=\"prevText\">{{ prevText }}</span>\n    <el-icon v-else><arrow-left /></el-icon>\n  </button>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ArrowLeft } from '@element-plus/icons-vue'\n\nconst paginationPrevProps = {\n  disabled: Boolean,\n  currentPage: {\n    type: Number,\n    default: 1,\n  },\n  prevText: {\n    type: String,\n    default: '',\n  },\n} as const\n\nexport default defineComponent({\n  name: 'ElPaginationPrev',\n\n  components: {\n    ElIcon,\n    ArrowLeft,\n  },\n  props: paginationPrevProps,\n  emits: ['click'],\n\n  setup(props) {\n    const internalDisabled = computed(\n      () => props.disabled || props.currentPage <= 1\n    )\n    return {\n      internalDisabled,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createBlock","_createVNode"],"mappings":";;;;;;;sBACEA;IACE,MAAK;AAAA,IACL,OAAM;AAAA,IACL,UAAU;IACV,iBAAe;IACf,+CAAO,oBAAe;AAAA;IAEX,8BAAZA,uDAAyB,oCACzBC;uBAAgB;QAAAC,YAAc;AAAA;AAAA;;;;;;;"}

package/es/components/pagination/src/components/sizes.mjs

@@ -1,6 +1,6 @@
-import script from './sizes.vue_vue&type=script&lang.mjs';
-export { default } from './sizes.vue_vue&type=script&lang.mjs';
-import { render } from './sizes.vue_vue&type=template&id=3a063678&lang.mjs';
+import script from './sizes.vue_vue_type_script_lang.mjs';
+export { default } from './sizes.vue_vue_type_script_lang.mjs';
+import { render } from './sizes.vue_vue_type_template_id_3a063678_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/pagination/src/components/sizes.vue";

package/es/components/pagination/src/components/sizes.vue.d.ts

@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     innerPagesizes: import("vue").ComputedRef<number[]>;
     innerPageSize: import("vue").Ref<Nullable<number>>;
-    t: (...args: any[]) => string;
+    t: import("element-plus/es/hooks").Translator;
     handleChange: (val: number) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "page-size-change"[], "page-size-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly pageSize?: unknown;