@element-plus/nightly 0.0.20251227 → 0.0.20251229

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

@@ -1,234 +1,20 @@
-import { defineComponent, ref, computed, watch, openBlock, createElementBlock, normalizeClass, unref, withKeys, createCommentVNode, createBlock, Fragment, renderList, toDisplayString } from 'vue';
-import { DArrowLeft, MoreFilled, DArrowRight } from '@element-plus/icons-vue';
-import { paginationPagerProps } from './pager.mjs';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
-import { CHANGE_EVENT } from '../../../../constants/event.mjs';
-import { useNamespace } from '../../../../hooks/use-namespace/index.mjs';
-import { useLocale } from '../../../../hooks/use-locale/index.mjs';
+import { buildProps } from '../../../../utils/vue/props/runtime.mjs';
 
-const _hoisted_1 = ["aria-current", "aria-label", "tabindex"];
-const _hoisted_2 = ["tabindex", "aria-label"];
-const _hoisted_3 = ["aria-current", "aria-label", "tabindex"];
-const _hoisted_4 = ["tabindex", "aria-label"];
-const _hoisted_5 = ["aria-current", "aria-label", "tabindex"];
-const _sfc_main = defineComponent({
-  ...{
-    name: "ElPaginationPager"
+const paginationPagerProps = buildProps({
+  currentPage: {
+    type: Number,
+    default: 1
   },
-  __name: "pager",
-  props: paginationPagerProps,
-  emits: [CHANGE_EVENT],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const nsPager = useNamespace("pager");
-    const nsIcon = useNamespace("icon");
-    const { t } = useLocale();
-    const showPrevMore = ref(false);
-    const showNextMore = ref(false);
-    const quickPrevHover = ref(false);
-    const quickNextHover = ref(false);
-    const quickPrevFocus = ref(false);
-    const quickNextFocus = 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;
-    });
-    const prevMoreKls = computed(() => [
-      "more",
-      "btn-quickprev",
-      nsIcon.b(),
-      nsPager.is("disabled", props.disabled)
-    ]);
-    const nextMoreKls = computed(() => [
-      "more",
-      "btn-quicknext",
-      nsIcon.b(),
-      nsPager.is("disabled", props.disabled)
-    ]);
-    const tabindex = computed(() => props.disabled ? -1 : 0);
-    watch(
-      () => [props.pageCount, props.pagerCount, props.currentPage],
-      ([pageCount, pagerCount, currentPage]) => {
-        const halfPagerCount = (pagerCount - 1) / 2;
-        let showPrev = false;
-        let showNext = false;
-        if (pageCount > pagerCount) {
-          showPrev = currentPage > pagerCount - halfPagerCount;
-          showNext = currentPage < pageCount - halfPagerCount;
-        }
-        quickPrevHover.value && (quickPrevHover.value = showPrev);
-        quickNextHover.value && (quickNextHover.value = showNext);
-        showPrevMore.value = showPrev;
-        showNextMore.value = showNext;
-      },
-      { immediate: true }
-    );
-    function onMouseEnter(forward = false) {
-      if (props.disabled)
-        return;
-      if (forward) {
-        quickPrevHover.value = true;
-      } else {
-        quickNextHover.value = true;
-      }
-    }
-    function onFocus(forward = false) {
-      if (forward) {
-        quickPrevFocus.value = true;
-      } else {
-        quickNextFocus.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_EVENT, newPage);
-        }
-      } else if (target.tagName.toLowerCase() === "li" && Array.from(target.classList).includes("more")) {
-        onPagerClick(e);
-      }
-    }
-    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 (!Number.isNaN(+newPage)) {
-        if (newPage < 1) {
-          newPage = 1;
-        }
-        if (newPage > pageCount) {
-          newPage = pageCount;
-        }
-      }
-      if (newPage !== currentPage) {
-        emit(CHANGE_EVENT, newPage);
-      }
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "ul",
-        {
-          class: normalizeClass(unref(nsPager).b()),
-          onClick: onPagerClick,
-          onKeyup: withKeys(onEnter, ["enter"])
-        },
-        [
-          _ctx.pageCount > 0 ? (openBlock(), createElementBlock("li", {
-            key: 0,
-            class: normalizeClass([[
-              unref(nsPager).is("active", _ctx.currentPage === 1),
-              unref(nsPager).is("disabled", _ctx.disabled)
-            ], "number"]),
-            "aria-current": _ctx.currentPage === 1,
-            "aria-label": unref(t)("el.pagination.currentPage", { pager: 1 }),
-            tabindex: tabindex.value
-          }, " 1 ", 10, _hoisted_1)) : createCommentVNode("v-if", true),
-          showPrevMore.value ? (openBlock(), createElementBlock("li", {
-            key: 1,
-            class: normalizeClass(prevMoreKls.value),
-            tabindex: tabindex.value,
-            "aria-label": unref(t)("el.pagination.prevPages", { pager: _ctx.pagerCount - 2 }),
-            onMouseenter: _cache[0] || (_cache[0] = ($event) => onMouseEnter(true)),
-            onMouseleave: _cache[1] || (_cache[1] = ($event) => quickPrevHover.value = false),
-            onFocus: _cache[2] || (_cache[2] = ($event) => onFocus(true)),
-            onBlur: _cache[3] || (_cache[3] = ($event) => quickPrevFocus.value = false)
-          }, [
-            (quickPrevHover.value || quickPrevFocus.value) && !_ctx.disabled ? (openBlock(), createBlock(unref(DArrowLeft), { key: 0 })) : (openBlock(), createBlock(unref(MoreFilled), { key: 1 }))
-          ], 42, _hoisted_2)) : createCommentVNode("v-if", true),
-          (openBlock(true), createElementBlock(
-            Fragment,
-            null,
-            renderList(pagers.value, (pager) => {
-              return openBlock(), createElementBlock("li", {
-                key: pager,
-                class: normalizeClass([[
-                  unref(nsPager).is("active", _ctx.currentPage === pager),
-                  unref(nsPager).is("disabled", _ctx.disabled)
-                ], "number"]),
-                "aria-current": _ctx.currentPage === pager,
-                "aria-label": unref(t)("el.pagination.currentPage", { pager }),
-                tabindex: tabindex.value
-              }, toDisplayString(pager), 11, _hoisted_3);
-            }),
-            128
-          )),
-          showNextMore.value ? (openBlock(), createElementBlock("li", {
-            key: 2,
-            class: normalizeClass(nextMoreKls.value),
-            tabindex: tabindex.value,
-            "aria-label": unref(t)("el.pagination.nextPages", { pager: _ctx.pagerCount - 2 }),
-            onMouseenter: _cache[4] || (_cache[4] = ($event) => onMouseEnter()),
-            onMouseleave: _cache[5] || (_cache[5] = ($event) => quickNextHover.value = false),
-            onFocus: _cache[6] || (_cache[6] = ($event) => onFocus()),
-            onBlur: _cache[7] || (_cache[7] = ($event) => quickNextFocus.value = false)
-          }, [
-            (quickNextHover.value || quickNextFocus.value) && !_ctx.disabled ? (openBlock(), createBlock(unref(DArrowRight), { key: 0 })) : (openBlock(), createBlock(unref(MoreFilled), { key: 1 }))
-          ], 42, _hoisted_4)) : createCommentVNode("v-if", true),
-          _ctx.pageCount > 1 ? (openBlock(), createElementBlock("li", {
-            key: 3,
-            class: normalizeClass([[
-              unref(nsPager).is("active", _ctx.currentPage === _ctx.pageCount),
-              unref(nsPager).is("disabled", _ctx.disabled)
-            ], "number"]),
-            "aria-current": _ctx.currentPage === _ctx.pageCount,
-            "aria-label": unref(t)("el.pagination.currentPage", { pager: _ctx.pageCount }),
-            tabindex: tabindex.value
-          }, toDisplayString(_ctx.pageCount), 11, _hoisted_5)) : createCommentVNode("v-if", true)
-        ],
-        34
-      );
-    };
-  }
+  pageCount: {
+    type: Number,
+    required: true
+  },
+  pagerCount: {
+    type: Number,
+    default: 7
+  },
+  disabled: Boolean
 });
-var Pager = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/pagination/src/components/pager.vue"]]);
 
-export { Pager as default };
+export { paginationPagerProps };
 //# sourceMappingURL=pager2.mjs.map

package/es/components/pagination/src/components/pager2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"pager2.mjs","sources":["../../../../../../../packages/components/pagination/src/components/pager.vue"],"sourcesContent":["<template>\n  <ul :class=\"nsPager.b()\" @click=\"onPagerClick\" @keyup.enter=\"onEnter\">\n    <li\n      v-if=\"pageCount > 0\"\n      :class=\"[\n        nsPager.is('active', currentPage === 1),\n        nsPager.is('disabled', disabled),\n      ]\"\n      class=\"number\"\n      :aria-current=\"currentPage === 1\"\n      :aria-label=\"t('el.pagination.currentPage', { pager: 1 })\"\n      :tabindex=\"tabindex\"\n    >\n      1\n    </li>\n    <li\n      v-if=\"showPrevMore\"\n      :class=\"prevMoreKls\"\n      :tabindex=\"tabindex\"\n      :aria-label=\"t('el.pagination.prevPages', { pager: pagerCount - 2 })\"\n      @mouseenter=\"onMouseEnter(true)\"\n      @mouseleave=\"quickPrevHover = false\"\n      @focus=\"onFocus(true)\"\n      @blur=\"quickPrevFocus = false\"\n    >\n      <d-arrow-left v-if=\"(quickPrevHover || quickPrevFocus) && !disabled\" />\n      <more-filled v-else />\n    </li>\n    <li\n      v-for=\"pager in pagers\"\n      :key=\"pager\"\n      :class=\"[\n        nsPager.is('active', currentPage === pager),\n        nsPager.is('disabled', disabled),\n      ]\"\n      class=\"number\"\n      :aria-current=\"currentPage === pager\"\n      :aria-label=\"t('el.pagination.currentPage', { pager })\"\n      :tabindex=\"tabindex\"\n    >\n      {{ pager }}\n    </li>\n    <li\n      v-if=\"showNextMore\"\n      :class=\"nextMoreKls\"\n      :tabindex=\"tabindex\"\n      :aria-label=\"t('el.pagination.nextPages', { pager: pagerCount - 2 })\"\n      @mouseenter=\"onMouseEnter()\"\n      @mouseleave=\"quickNextHover = false\"\n      @focus=\"onFocus()\"\n      @blur=\"quickNextFocus = false\"\n    >\n      <d-arrow-right v-if=\"(quickNextHover || quickNextFocus) && !disabled\" />\n      <more-filled v-else />\n    </li>\n    <li\n      v-if=\"pageCount > 1\"\n      :class=\"[\n        nsPager.is('active', currentPage === pageCount),\n        nsPager.is('disabled', disabled),\n      ]\"\n      class=\"number\"\n      :aria-current=\"currentPage === pageCount\"\n      :aria-label=\"t('el.pagination.currentPage', { pager: pageCount })\"\n      :tabindex=\"tabindex\"\n    >\n      {{ pageCount }}\n    </li>\n  </ul>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { DArrowLeft, DArrowRight, MoreFilled } from '@element-plus/icons-vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport { paginationPagerProps } from './pager'\n\ndefineOptions({\n  name: 'ElPaginationPager',\n})\nconst props = defineProps(paginationPagerProps)\nconst emit = defineEmits([CHANGE_EVENT])\nconst nsPager = useNamespace('pager')\nconst nsIcon = useNamespace('icon')\nconst { t } = useLocale()\n\nconst showPrevMore = ref(false)\nconst showNextMore = ref(false)\nconst quickPrevHover = ref(false)\nconst quickNextHover = ref(false)\nconst quickPrevFocus = ref(false)\nconst quickNextFocus = ref(false)\nconst 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  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  return array\n})\n\nconst prevMoreKls = computed(() => [\n  'more',\n  'btn-quickprev',\n  nsIcon.b(),\n  nsPager.is('disabled', props.disabled),\n])\nconst nextMoreKls = computed(() => [\n  'more',\n  'btn-quicknext',\n  nsIcon.b(),\n  nsPager.is('disabled', props.disabled),\n])\n\nconst tabindex = computed(() => (props.disabled ? -1 : 0))\nwatch(\n  () => [props.pageCount, props.pagerCount, props.currentPage],\n  ([pageCount, pagerCount, currentPage]) => {\n    const halfPagerCount = (pagerCount - 1) / 2\n    let showPrev = false\n    let showNext = false\n\n    if (pageCount > pagerCount) {\n      showPrev = currentPage > pagerCount - halfPagerCount\n      showNext = currentPage < pageCount - halfPagerCount\n    }\n\n    quickPrevHover.value &&= showPrev\n    quickNextHover.value &&= showNext\n    showPrevMore.value = showPrev\n    showNextMore.value = showNext\n  },\n  { immediate: true }\n)\nfunction onMouseEnter(forward = false) {\n  if (props.disabled) return\n  if (forward) {\n    quickPrevHover.value = true\n  } else {\n    quickNextHover.value = true\n  }\n}\nfunction onFocus(forward = false) {\n  if (forward) {\n    quickPrevFocus.value = true\n  } else {\n    quickNextFocus.value = true\n  }\n}\nfunction 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_EVENT, newPage)\n    }\n  } else if (\n    target.tagName.toLowerCase() === 'li' &&\n    Array.from(target.classList).includes('more')\n  ) {\n    onPagerClick(e)\n  }\n}\nfunction onPagerClick(event: UIEvent) {\n  const target = event.target as HTMLElement\n  if (target.tagName.toLowerCase() === 'ul' || props.disabled) {\n    return\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 (!Number.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_EVENT, newPage)\n  }\n}\n</script>\n"],"names":["showPrevMore","showNextMore","_openBlock","_createElementBlock","_normalizeClass","_unref","_withKeys","pageCount","currentPage","disabled","_createCommentVNode","pagerCount","_createBlock","_Fragment","_renderList","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"pager2.mjs","sources":["../../../../../../../packages/components/pagination/src/components/pager.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type Pager from './pager.vue'\n\nexport const paginationPagerProps = buildProps({\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 type PaginationPagerProps = ExtractPropTypes<typeof paginationPagerProps>\nexport type PaginationPagerPropsPublic = ExtractPublicPropTypes<\n  typeof paginationPagerProps\n>\n\nexport type PagerInstance = InstanceType<typeof Pager> & unknown\n"],"names":[],"mappings":";;AAKO,MAAM,uBAAuB,UAAW,CAAA;AAAA,EAC7C,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA,OAAA;AACZ,CAAU;;;;"}

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

@@ -1,93 +1,30 @@
-import { defineComponent, ref, watch, computed, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, Fragment, renderList, createBlock } from 'vue';
-import { isEqual } from 'lodash-unified';
-import { ElSelect, ElOption } from '../../../select/index.mjs';
-import { usePagination } from '../usePagination.mjs';
-import { paginationSizesProps } from './sizes2.mjs';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
-import { useLocale } from '../../../../hooks/use-locale/index.mjs';
-import { useNamespace } from '../../../../hooks/use-namespace/index.mjs';
-import { isArray } from '@vue/shared';
+import { buildProps, definePropType } from '../../../../utils/vue/props/runtime.mjs';
+import { mutable } from '../../../../utils/typescript.mjs';
+import { componentSizes } from '../../../../constants/size.mjs';
 
-const _sfc_main = defineComponent({
-  ...{
-    name: "ElPaginationSizes"
+const paginationSizesProps = buildProps({
+  pageSize: {
+    type: Number,
+    required: true
   },
-  __name: "sizes",
-  props: paginationSizesProps,
-  emits: ["page-size-change"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { t } = useLocale();
-    const ns = useNamespace("pagination");
-    const pagination = usePagination();
-    const innerPageSize = ref(props.pageSize);
-    watch(
-      () => props.pageSizes,
-      (newVal, oldVal) => {
-        if (isEqual(newVal, oldVal))
-          return;
-        if (isArray(newVal)) {
-          const pageSize = newVal.includes(props.pageSize) ? props.pageSize : props.pageSizes[0];
-          emit("page-size-change", pageSize);
-        }
-      }
-    );
-    watch(
-      () => props.pageSize,
-      (newVal) => {
-        innerPageSize.value = newVal;
-      }
-    );
-    const innerPageSizes = computed(() => props.pageSizes);
-    function handleChange(val) {
-      var _a;
-      if (val !== innerPageSize.value) {
-        innerPageSize.value = val;
-        (_a = pagination.handleSizeChange) == null ? void 0 : _a.call(pagination, Number(val));
-      }
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "span",
-        {
-          class: normalizeClass(unref(ns).e("sizes"))
-        },
-        [
-          createVNode(unref(ElSelect), {
-            "model-value": innerPageSize.value,
-            disabled: _ctx.disabled,
-            "popper-class": _ctx.popperClass,
-            "popper-style": _ctx.popperStyle,
-            size: _ctx.size,
-            teleported: _ctx.teleported,
-            "validate-event": false,
-            "append-to": _ctx.appendSizeTo,
-            onChange: handleChange
-          }, {
-            default: withCtx(() => [
-              (openBlock(true), createElementBlock(
-                Fragment,
-                null,
-                renderList(innerPageSizes.value, (item) => {
-                  return openBlock(), createBlock(unref(ElOption), {
-                    key: item,
-                    value: item,
-                    label: item + unref(t)("el.pagination.pagesize")
-                  }, null, 8, ["value", "label"]);
-                }),
-                128
-              ))
-            ]),
-            _: 1
-          }, 8, ["model-value", "disabled", "popper-class", "popper-style", "size", "teleported", "append-to"])
-        ],
-        2
-      );
-    };
-  }
+  pageSizes: {
+    type: definePropType(Array),
+    default: () => mutable([10, 20, 30, 40, 50, 100])
+  },
+  popperClass: {
+    type: String
+  },
+  popperStyle: {
+    type: definePropType([String, Object])
+  },
+  disabled: Boolean,
+  teleported: Boolean,
+  size: {
+    type: String,
+    values: componentSizes
+  },
+  appendSizeTo: String
 });
-var Sizes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/pagination/src/components/sizes.vue"]]);
 
-export { Sizes as default };
+export { paginationSizesProps };
 //# sourceMappingURL=sizes.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"sizes.mjs","sources":["../../../../../../../packages/components/pagination/src/components/sizes.vue"],"sourcesContent":["<template>\n  <span :class=\"ns.e('sizes')\">\n    <el-select\n      :model-value=\"innerPageSize\"\n      :disabled=\"disabled\"\n      :popper-class=\"popperClass\"\n      :popper-style=\"popperStyle\"\n      :size=\"size\"\n      :teleported=\"teleported\"\n      :validate-event=\"false\"\n      :append-to=\"appendSizeTo\"\n      @change=\"handleChange\"\n    >\n      <el-option\n        v-for=\"item in innerPageSizes\"\n        :key=\"item\"\n        :value=\"item\"\n        :label=\"item + t('el.pagination.pagesize')\"\n      />\n    </el-select>\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { isEqual } from 'lodash-unified'\nimport { ElOption, ElSelect } from '@element-plus/components/select'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { isArray } from '@element-plus/utils'\nimport { usePagination } from '../usePagination'\nimport { paginationSizesProps } from './sizes'\n\ndefineOptions({\n  name: 'ElPaginationSizes',\n})\n\nconst props = defineProps(paginationSizesProps)\nconst emit = defineEmits(['page-size-change'])\nconst { t } = useLocale()\nconst ns = useNamespace('pagination')\nconst pagination = usePagination()\nconst innerPageSize = ref<number>(props.pageSize!)\n\nwatch(\n  () => props.pageSizes,\n  (newVal, oldVal) => {\n    if (isEqual(newVal, oldVal)) return\n    if (isArray(newVal)) {\n      const pageSize = newVal.includes(props.pageSize!)\n        ? props.pageSize\n        : props.pageSizes[0]\n      emit('page-size-change', pageSize)\n    }\n  }\n)\n\nwatch(\n  () => props.pageSize,\n  (newVal) => {\n    innerPageSize.value = newVal!\n  }\n)\n\nconst innerPageSizes = computed(() => props.pageSizes)\nfunction handleChange(val: number) {\n  if (val !== innerPageSize.value) {\n    innerPageSize.value = val\n    pagination.handleSizeChange?.(Number(val))\n  }\n}\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createVNode","disabled","popperClass","popperStyle","size","teleported","appendSizeTo","_Fragment","_renderList","_createBlock"],"mappings":"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"}
+{"version":3,"file":"sizes.mjs","sources":["../../../../../../../packages/components/pagination/src/components/sizes.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\n\nimport type {\n  CSSProperties,\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n} from 'vue'\nimport type Sizes from './sizes.vue'\n\nexport const paginationSizesProps = buildProps({\n  pageSize: {\n    type: Number,\n    required: true,\n  },\n  pageSizes: {\n    type: definePropType<number[]>(Array),\n    default: () => mutable([10, 20, 30, 40, 50, 100] as const),\n  },\n  popperClass: {\n    type: String,\n  },\n  popperStyle: {\n    type: definePropType<string | CSSProperties>([String, Object]),\n  },\n  disabled: Boolean,\n  teleported: Boolean,\n  size: {\n    type: String,\n    values: componentSizes,\n  },\n  appendSizeTo: String,\n} as const)\n\nexport type PaginationSizesProps = ExtractPropTypes<typeof paginationSizesProps>\nexport type PaginationSizesPropsPublic = ExtractPublicPropTypes<\n  typeof paginationSizesProps\n>\n\nexport type SizesInstance = InstanceType<typeof Sizes> & unknown\n"],"names":[],"mappings":";;;;AAUO,MAAM,uBAAuB,UAAW,CAAA;AAAA,EAC7C,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,IACpC,OAAA,EAAS,MAAM,OAAA,CAAQ,CAAC,EAAA,EAAI,IAAI,EAAI,EAAA,EAAA,EAAI,EAAI,EAAA,GAAG,CAAU,CAAA;AAAA,GAC3D;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,cAAA,CAAuC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,GAC/D;AAAA,EACA,QAAU,EAAA,OAAA;AAAA,EACV,UAAY,EAAA,OAAA;AAAA,EACZ,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,cAAA;AAAA,GACV;AAAA,EACA,YAAc,EAAA,MAAA;AAChB,CAAU;;;;"}

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

@@ -1,30 +1,93 @@
-import { buildProps, definePropType } from '../../../../utils/vue/props/runtime.mjs';
-import { mutable } from '../../../../utils/typescript.mjs';
-import { componentSizes } from '../../../../constants/size.mjs';
+import { defineComponent, ref, watch, computed, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, Fragment, renderList, createBlock } from 'vue';
+import { isEqual } from 'lodash-unified';
+import { ElSelect, ElOption } from '../../../select/index.mjs';
+import { usePagination } from '../usePagination.mjs';
+import { paginationSizesProps } from './sizes.mjs';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
+import { useLocale } from '../../../../hooks/use-locale/index.mjs';
+import { useNamespace } from '../../../../hooks/use-namespace/index.mjs';
+import { isArray } from '@vue/shared';
 
-const paginationSizesProps = buildProps({
-  pageSize: {
-    type: Number,
-    required: true
+const _sfc_main = defineComponent({
+  ...{
+    name: "ElPaginationSizes"
   },
-  pageSizes: {
-    type: definePropType(Array),
-    default: () => mutable([10, 20, 30, 40, 50, 100])
-  },
-  popperClass: {
-    type: String
-  },
-  popperStyle: {
-    type: definePropType([String, Object])
-  },
-  disabled: Boolean,
-  teleported: Boolean,
-  size: {
-    type: String,
-    values: componentSizes
-  },
-  appendSizeTo: String
+  __name: "sizes",
+  props: paginationSizesProps,
+  emits: ["page-size-change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { t } = useLocale();
+    const ns = useNamespace("pagination");
+    const pagination = usePagination();
+    const innerPageSize = ref(props.pageSize);
+    watch(
+      () => props.pageSizes,
+      (newVal, oldVal) => {
+        if (isEqual(newVal, oldVal))
+          return;
+        if (isArray(newVal)) {
+          const pageSize = newVal.includes(props.pageSize) ? props.pageSize : props.pageSizes[0];
+          emit("page-size-change", pageSize);
+        }
+      }
+    );
+    watch(
+      () => props.pageSize,
+      (newVal) => {
+        innerPageSize.value = newVal;
+      }
+    );
+    const innerPageSizes = computed(() => props.pageSizes);
+    function handleChange(val) {
+      var _a;
+      if (val !== innerPageSize.value) {
+        innerPageSize.value = val;
+        (_a = pagination.handleSizeChange) == null ? void 0 : _a.call(pagination, Number(val));
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "span",
+        {
+          class: normalizeClass(unref(ns).e("sizes"))
+        },
+        [
+          createVNode(unref(ElSelect), {
+            "model-value": innerPageSize.value,
+            disabled: _ctx.disabled,
+            "popper-class": _ctx.popperClass,
+            "popper-style": _ctx.popperStyle,
+            size: _ctx.size,
+            teleported: _ctx.teleported,
+            "validate-event": false,
+            "append-to": _ctx.appendSizeTo,
+            onChange: handleChange
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(innerPageSizes.value, (item) => {
+                  return openBlock(), createBlock(unref(ElOption), {
+                    key: item,
+                    value: item,
+                    label: item + unref(t)("el.pagination.pagesize")
+                  }, null, 8, ["value", "label"]);
+                }),
+                128
+              ))
+            ]),
+            _: 1
+          }, 8, ["model-value", "disabled", "popper-class", "popper-style", "size", "teleported", "append-to"])
+        ],
+        2
+      );
+    };
+  }
 });
+var Sizes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/pagination/src/components/sizes.vue"]]);
 
-export { paginationSizesProps };
+export { Sizes as default };
 //# sourceMappingURL=sizes2.mjs.map

package/es/components/pagination/src/components/sizes2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sizes2.mjs","sources":["../../../../../../../packages/components/pagination/src/components/sizes.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\n\nimport type {\n  CSSProperties,\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n} from 'vue'\nimport type Sizes from './sizes.vue'\n\nexport const paginationSizesProps = buildProps({\n  pageSize: {\n    type: Number,\n    required: true,\n  },\n  pageSizes: {\n    type: definePropType<number[]>(Array),\n    default: () => mutable([10, 20, 30, 40, 50, 100] as const),\n  },\n  popperClass: {\n    type: String,\n  },\n  popperStyle: {\n    type: definePropType<string | CSSProperties>([String, Object]),\n  },\n  disabled: Boolean,\n  teleported: Boolean,\n  size: {\n    type: String,\n    values: componentSizes,\n  },\n  appendSizeTo: String,\n} as const)\n\nexport type PaginationSizesProps = ExtractPropTypes<typeof paginationSizesProps>\nexport type PaginationSizesPropsPublic = ExtractPublicPropTypes<\n  typeof paginationSizesProps\n>\n\nexport type SizesInstance = InstanceType<typeof Sizes> & unknown\n"],"names":[],"mappings":";;;;AAUO,MAAM,uBAAuB,UAAW,CAAA;AAAA,EAC7C,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,IACpC,OAAA,EAAS,MAAM,OAAA,CAAQ,CAAC,EAAA,EAAI,IAAI,EAAI,EAAA,EAAA,EAAI,EAAI,EAAA,GAAG,CAAU,CAAA;AAAA,GAC3D;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,cAAA,CAAuC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,GAC/D;AAAA,EACA,QAAU,EAAA,OAAA;AAAA,EACV,UAAY,EAAA,OAAA;AAAA,EACZ,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,cAAA;AAAA,GACV;AAAA,EACA,YAAc,EAAA,MAAA;AAChB,CAAU;;;;"}
+{"version":3,"file":"sizes2.mjs","sources":["../../../../../../../packages/components/pagination/src/components/sizes.vue"],"sourcesContent":["<template>\n  <span :class=\"ns.e('sizes')\">\n    <el-select\n      :model-value=\"innerPageSize\"\n      :disabled=\"disabled\"\n      :popper-class=\"popperClass\"\n      :popper-style=\"popperStyle\"\n      :size=\"size\"\n      :teleported=\"teleported\"\n      :validate-event=\"false\"\n      :append-to=\"appendSizeTo\"\n      @change=\"handleChange\"\n    >\n      <el-option\n        v-for=\"item in innerPageSizes\"\n        :key=\"item\"\n        :value=\"item\"\n        :label=\"item + t('el.pagination.pagesize')\"\n      />\n    </el-select>\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { isEqual } from 'lodash-unified'\nimport { ElOption, ElSelect } from '@element-plus/components/select'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { isArray } from '@element-plus/utils'\nimport { usePagination } from '../usePagination'\nimport { paginationSizesProps } from './sizes'\n\ndefineOptions({\n  name: 'ElPaginationSizes',\n})\n\nconst props = defineProps(paginationSizesProps)\nconst emit = defineEmits(['page-size-change'])\nconst { t } = useLocale()\nconst ns = useNamespace('pagination')\nconst pagination = usePagination()\nconst innerPageSize = ref<number>(props.pageSize!)\n\nwatch(\n  () => props.pageSizes,\n  (newVal, oldVal) => {\n    if (isEqual(newVal, oldVal)) return\n    if (isArray(newVal)) {\n      const pageSize = newVal.includes(props.pageSize!)\n        ? props.pageSize\n        : props.pageSizes[0]\n      emit('page-size-change', pageSize)\n    }\n  }\n)\n\nwatch(\n  () => props.pageSize,\n  (newVal) => {\n    innerPageSize.value = newVal!\n  }\n)\n\nconst innerPageSizes = computed(() => props.pageSizes)\nfunction handleChange(val: number) {\n  if (val !== innerPageSize.value) {\n    innerPageSize.value = val\n    pagination.handleSizeChange?.(Number(val))\n  }\n}\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createVNode","disabled","popperClass","popperStyle","size","teleported","appendSizeTo","_Fragment","_renderList","_createBlock"],"mappings":"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"}

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

@@ -2,11 +2,11 @@ import { defineComponent, getCurrentInstance, computed, ref, watch, provide, h }
 import { ArrowLeft, ArrowRight } from '@element-plus/icons-vue';
 import { elPaginationKey } from './constants.mjs';
 import Prev from './components/prev2.mjs';
-import Next from './components/next2.mjs';
-import Sizes from './components/sizes.mjs';
+import Next from './components/next.mjs';
+import Sizes from './components/sizes2.mjs';
 import Jumper from './components/jumper2.mjs';
 import Total from './components/total2.mjs';
-import Pager from './components/pager2.mjs';
+import Pager from './components/pager.mjs';
 import { useGlobalSize, useSizeProp } from '../../../hooks/use-size/index.mjs';
 import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 import { useLocale } from '../../../hooks/use-locale/index.mjs';

package/es/components/result/index.mjs

@@ -1,5 +1,5 @@
-import Result from './src/result2.mjs';
-export { IconComponentMap, IconMap, resultProps } from './src/result.mjs';
+import Result from './src/result.mjs';
+export { IconComponentMap, IconMap, resultProps } from './src/result2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElResult = withInstall(Result);