@element-plus/nightly 0.0.20250105 → 0.0.20250107

package/lib/components/pagination/src/components/pager.js

@@ -2,216 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var iconsVue = require('@element-plus/icons-vue');
-var pager = require('./pager2.js');
-var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../../hooks/use-namespace/index.js');
-var index$1 = require('../../../../hooks/use-locale/index.js');
+var runtime = require('../../../../utils/vue/props/runtime.js');
 
-const __default__ = vue.defineComponent({
-  name: "ElPaginationPager"
+const paginationPagerProps = runtime.buildProps({
+  currentPage: {
+    type: Number,
+    default: 1
+  },
+  pageCount: {
+    type: Number,
+    required: true
+  },
+  pagerCount: {
+    type: Number,
+    default: 7
+  },
+  disabled: Boolean
 });
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: pager.paginationPagerProps,
-  emits: ["change"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const nsPager = index.useNamespace("pager");
-    const nsIcon = index.useNamespace("icon");
-    const { t } = index$1.useLocale();
-    const showPrevMore = vue.ref(false);
-    const showNextMore = vue.ref(false);
-    const quickPrevHover = vue.ref(false);
-    const quickNextHover = vue.ref(false);
-    const quickPrevFocus = vue.ref(false);
-    const quickNextFocus = vue.ref(false);
-    const pagers = vue.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 = vue.computed(() => [
-      "more",
-      "btn-quickprev",
-      nsIcon.b(),
-      nsPager.is("disabled", props.disabled)
-    ]);
-    const nextMoreKls = vue.computed(() => [
-      "more",
-      "btn-quicknext",
-      nsIcon.b(),
-      nsPager.is("disabled", props.disabled)
-    ]);
-    const tabindex = vue.computed(() => props.disabled ? -1 : 0);
-    vue.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(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", 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", newPage);
-      }
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("ul", {
-        class: vue.normalizeClass(vue.unref(nsPager).b()),
-        onClick: onPagerClick,
-        onKeyup: vue.withKeys(onEnter, ["enter"])
-      }, [
-        _ctx.pageCount > 0 ? (vue.openBlock(), vue.createElementBlock("li", {
-          key: 0,
-          class: vue.normalizeClass([[
-            vue.unref(nsPager).is("active", _ctx.currentPage === 1),
-            vue.unref(nsPager).is("disabled", _ctx.disabled)
-          ], "number"]),
-          "aria-current": _ctx.currentPage === 1,
-          "aria-label": vue.unref(t)("el.pagination.currentPage", { pager: 1 }),
-          tabindex: vue.unref(tabindex)
-        }, " 1 ", 10, ["aria-current", "aria-label", "tabindex"])) : vue.createCommentVNode("v-if", true),
-        showPrevMore.value ? (vue.openBlock(), vue.createElementBlock("li", {
-          key: 1,
-          class: vue.normalizeClass(vue.unref(prevMoreKls)),
-          tabindex: vue.unref(tabindex),
-          "aria-label": vue.unref(t)("el.pagination.prevPages", { pager: _ctx.pagerCount - 2 }),
-          onMouseenter: ($event) => onMouseEnter(true),
-          onMouseleave: ($event) => quickPrevHover.value = false,
-          onFocus: ($event) => onFocus(true),
-          onBlur: ($event) => quickPrevFocus.value = false
-        }, [
-          (quickPrevHover.value || quickPrevFocus.value) && !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.DArrowLeft), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.MoreFilled), { key: 1 }))
-        ], 42, ["tabindex", "aria-label", "onMouseenter", "onMouseleave", "onFocus", "onBlur"])) : vue.createCommentVNode("v-if", true),
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(pagers), (pager) => {
-          return vue.openBlock(), vue.createElementBlock("li", {
-            key: pager,
-            class: vue.normalizeClass([[
-              vue.unref(nsPager).is("active", _ctx.currentPage === pager),
-              vue.unref(nsPager).is("disabled", _ctx.disabled)
-            ], "number"]),
-            "aria-current": _ctx.currentPage === pager,
-            "aria-label": vue.unref(t)("el.pagination.currentPage", { pager }),
-            tabindex: vue.unref(tabindex)
-          }, vue.toDisplayString(pager), 11, ["aria-current", "aria-label", "tabindex"]);
-        }), 128)),
-        showNextMore.value ? (vue.openBlock(), vue.createElementBlock("li", {
-          key: 2,
-          class: vue.normalizeClass(vue.unref(nextMoreKls)),
-          tabindex: vue.unref(tabindex),
-          "aria-label": vue.unref(t)("el.pagination.nextPages", { pager: _ctx.pagerCount - 2 }),
-          onMouseenter: ($event) => onMouseEnter(),
-          onMouseleave: ($event) => quickNextHover.value = false,
-          onFocus: ($event) => onFocus(),
-          onBlur: ($event) => quickNextFocus.value = false
-        }, [
-          (quickNextHover.value || quickNextFocus.value) && !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.DArrowRight), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.MoreFilled), { key: 1 }))
-        ], 42, ["tabindex", "aria-label", "onMouseenter", "onMouseleave", "onFocus", "onBlur"])) : vue.createCommentVNode("v-if", true),
-        _ctx.pageCount > 1 ? (vue.openBlock(), vue.createElementBlock("li", {
-          key: 3,
-          class: vue.normalizeClass([[
-            vue.unref(nsPager).is("active", _ctx.currentPage === _ctx.pageCount),
-            vue.unref(nsPager).is("disabled", _ctx.disabled)
-          ], "number"]),
-          "aria-current": _ctx.currentPage === _ctx.pageCount,
-          "aria-label": vue.unref(t)("el.pagination.currentPage", { pager: _ctx.pageCount }),
-          tabindex: vue.unref(tabindex)
-        }, vue.toDisplayString(_ctx.pageCount), 11, ["aria-current", "aria-label", "tabindex"])) : vue.createCommentVNode("v-if", true)
-      ], 42, ["onKeyup"]);
-    };
-  }
-});
-var Pager = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "pager.vue"]]);
 
-exports["default"] = Pager;
+exports.paginationPagerProps = paginationPagerProps;
 //# sourceMappingURL=pager.js.map

package/lib/components/pagination/src/components/pager.js.map

@@ -1 +1 @@
-{"version":3,"file":"pager.js","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<script lang=\"ts\" setup>\nimport { computed, ref, watchEffect } from 'vue'\nimport { DArrowLeft, DArrowRight, MoreFilled } from '@element-plus/icons-vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { paginationPagerProps } from './pager'\ndefineOptions({\n  name: 'ElPaginationPager',\n})\nconst props = defineProps(paginationPagerProps)\nconst emit = defineEmits(['change'])\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))\nwatchEffect(() => {\n  const halfPagerCount = (props.pagerCount - 1) / 2\n  showPrevMore.value = false\n  showNextMore.value = false\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})\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', 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', newPage)\n  }\n}\n</script>\n"],"names":["useNamespace","useLocale","ref","computed","showPrevMore","showNextMore","watchEffect"],"mappings":"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"}
+{"version":3,"file":"pager.js","sources":["../../../../../../../packages/components/pagination/src/components/pager.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } 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>\n\nexport type PagerInstance = InstanceType<typeof Pager>\n"],"names":["buildProps"],"mappings":";;;;;;AACY,MAAC,oBAAoB,GAAGA,kBAAU,CAAC;AAC/C,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,CAAC;;;;"}

package/lib/components/pagination/src/components/pager2.js

@@ -2,23 +2,216 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var iconsVue = require('@element-plus/icons-vue');
+var pager = require('./pager.js');
+var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../../hooks/use-namespace/index.js');
+var index$1 = require('../../../../hooks/use-locale/index.js');
 
-const paginationPagerProps = runtime.buildProps({
-  currentPage: {
-    type: Number,
-    default: 1
-  },
-  pageCount: {
-    type: Number,
-    required: true
-  },
-  pagerCount: {
-    type: Number,
-    default: 7
-  },
-  disabled: Boolean
+const __default__ = vue.defineComponent({
+  name: "ElPaginationPager"
 });
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: pager.paginationPagerProps,
+  emits: ["change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const nsPager = index.useNamespace("pager");
+    const nsIcon = index.useNamespace("icon");
+    const { t } = index$1.useLocale();
+    const showPrevMore = vue.ref(false);
+    const showNextMore = vue.ref(false);
+    const quickPrevHover = vue.ref(false);
+    const quickNextHover = vue.ref(false);
+    const quickPrevFocus = vue.ref(false);
+    const quickNextFocus = vue.ref(false);
+    const pagers = vue.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 = vue.computed(() => [
+      "more",
+      "btn-quickprev",
+      nsIcon.b(),
+      nsPager.is("disabled", props.disabled)
+    ]);
+    const nextMoreKls = vue.computed(() => [
+      "more",
+      "btn-quicknext",
+      nsIcon.b(),
+      nsPager.is("disabled", props.disabled)
+    ]);
+    const tabindex = vue.computed(() => props.disabled ? -1 : 0);
+    vue.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(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", 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", newPage);
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("ul", {
+        class: vue.normalizeClass(vue.unref(nsPager).b()),
+        onClick: onPagerClick,
+        onKeyup: vue.withKeys(onEnter, ["enter"])
+      }, [
+        _ctx.pageCount > 0 ? (vue.openBlock(), vue.createElementBlock("li", {
+          key: 0,
+          class: vue.normalizeClass([[
+            vue.unref(nsPager).is("active", _ctx.currentPage === 1),
+            vue.unref(nsPager).is("disabled", _ctx.disabled)
+          ], "number"]),
+          "aria-current": _ctx.currentPage === 1,
+          "aria-label": vue.unref(t)("el.pagination.currentPage", { pager: 1 }),
+          tabindex: vue.unref(tabindex)
+        }, " 1 ", 10, ["aria-current", "aria-label", "tabindex"])) : vue.createCommentVNode("v-if", true),
+        showPrevMore.value ? (vue.openBlock(), vue.createElementBlock("li", {
+          key: 1,
+          class: vue.normalizeClass(vue.unref(prevMoreKls)),
+          tabindex: vue.unref(tabindex),
+          "aria-label": vue.unref(t)("el.pagination.prevPages", { pager: _ctx.pagerCount - 2 }),
+          onMouseenter: ($event) => onMouseEnter(true),
+          onMouseleave: ($event) => quickPrevHover.value = false,
+          onFocus: ($event) => onFocus(true),
+          onBlur: ($event) => quickPrevFocus.value = false
+        }, [
+          (quickPrevHover.value || quickPrevFocus.value) && !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.DArrowLeft), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.MoreFilled), { key: 1 }))
+        ], 42, ["tabindex", "aria-label", "onMouseenter", "onMouseleave", "onFocus", "onBlur"])) : vue.createCommentVNode("v-if", true),
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(pagers), (pager) => {
+          return vue.openBlock(), vue.createElementBlock("li", {
+            key: pager,
+            class: vue.normalizeClass([[
+              vue.unref(nsPager).is("active", _ctx.currentPage === pager),
+              vue.unref(nsPager).is("disabled", _ctx.disabled)
+            ], "number"]),
+            "aria-current": _ctx.currentPage === pager,
+            "aria-label": vue.unref(t)("el.pagination.currentPage", { pager }),
+            tabindex: vue.unref(tabindex)
+          }, vue.toDisplayString(pager), 11, ["aria-current", "aria-label", "tabindex"]);
+        }), 128)),
+        showNextMore.value ? (vue.openBlock(), vue.createElementBlock("li", {
+          key: 2,
+          class: vue.normalizeClass(vue.unref(nextMoreKls)),
+          tabindex: vue.unref(tabindex),
+          "aria-label": vue.unref(t)("el.pagination.nextPages", { pager: _ctx.pagerCount - 2 }),
+          onMouseenter: ($event) => onMouseEnter(),
+          onMouseleave: ($event) => quickNextHover.value = false,
+          onFocus: ($event) => onFocus(),
+          onBlur: ($event) => quickNextFocus.value = false
+        }, [
+          (quickNextHover.value || quickNextFocus.value) && !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.DArrowRight), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.MoreFilled), { key: 1 }))
+        ], 42, ["tabindex", "aria-label", "onMouseenter", "onMouseleave", "onFocus", "onBlur"])) : vue.createCommentVNode("v-if", true),
+        _ctx.pageCount > 1 ? (vue.openBlock(), vue.createElementBlock("li", {
+          key: 3,
+          class: vue.normalizeClass([[
+            vue.unref(nsPager).is("active", _ctx.currentPage === _ctx.pageCount),
+            vue.unref(nsPager).is("disabled", _ctx.disabled)
+          ], "number"]),
+          "aria-current": _ctx.currentPage === _ctx.pageCount,
+          "aria-label": vue.unref(t)("el.pagination.currentPage", { pager: _ctx.pageCount }),
+          tabindex: vue.unref(tabindex)
+        }, vue.toDisplayString(_ctx.pageCount), 11, ["aria-current", "aria-label", "tabindex"])) : vue.createCommentVNode("v-if", true)
+      ], 42, ["onKeyup"]);
+    };
+  }
+});
+var Pager = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "pager.vue"]]);
 
-exports.paginationPagerProps = paginationPagerProps;
+exports["default"] = Pager;
 //# sourceMappingURL=pager2.js.map

package/lib/components/pagination/src/components/pager2.js.map

@@ -1 +1 @@
-{"version":3,"file":"pager2.js","sources":["../../../../../../../packages/components/pagination/src/components/pager.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } 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>\n\nexport type PagerInstance = InstanceType<typeof Pager>\n"],"names":["buildProps"],"mappings":";;;;;;AACY,MAAC,oBAAoB,GAAGA,kBAAU,CAAC;AAC/C,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,CAAC;;;;"}
+{"version":3,"file":"pager2.js","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<script lang=\"ts\" setup>\nimport { computed, ref, watchEffect } from 'vue'\nimport { DArrowLeft, DArrowRight, MoreFilled } from '@element-plus/icons-vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { paginationPagerProps } from './pager'\ndefineOptions({\n  name: 'ElPaginationPager',\n})\nconst props = defineProps(paginationPagerProps)\nconst emit = defineEmits(['change'])\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))\nwatchEffect(() => {\n  const halfPagerCount = (props.pagerCount - 1) / 2\n  showPrevMore.value = false\n  showNextMore.value = false\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})\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', 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', newPage)\n  }\n}\n</script>\n"],"names":["useNamespace","useLocale","ref","computed","showPrevMore","showNextMore","watchEffect"],"mappings":"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"}

package/lib/components/pagination/src/pagination.js

@@ -10,7 +10,7 @@ var next = require('./components/next2.js');
 var sizes = require('./components/sizes2.js');
 var jumper = require('./components/jumper2.js');
 var total = require('./components/total2.js');
-var pager = require('./components/pager.js');
+var pager = require('./components/pager2.js');
 var runtime = require('../../../utils/vue/props/runtime.js');
 var types = require('../../../utils/types.js');
 var typescript = require('../../../utils/typescript.js');

package/lib/components/skeleton/index.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var skeleton$1 = require('./src/skeleton2.js');
+var skeleton$1 = require('./src/skeleton.js');
 var skeletonItem$1 = require('./src/skeleton-item2.js');
-var skeleton = require('./src/skeleton.js');
+var skeleton = require('./src/skeleton2.js');
 var skeletonItem = require('./src/skeleton-item.js');
 var install = require('../../utils/vue/install.js');
 

package/lib/components/skeleton/src/skeleton.js

@@ -2,29 +2,56 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var skeleton = require('./skeleton2.js');
+var skeletonItem = require('./skeleton-item2.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index$1 = require('../../../hooks/use-throttle-render/index.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
-const skeletonProps = runtime.buildProps({
-  animated: {
-    type: Boolean,
-    default: false
-  },
-  count: {
-    type: Number,
-    default: 1
-  },
-  rows: {
-    type: Number,
-    default: 3
-  },
-  loading: {
-    type: Boolean,
-    default: true
-  },
-  throttle: {
-    type: runtime.definePropType([Number, Object])
+const __default__ = vue.defineComponent({
+  name: "ElSkeleton"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: skeleton.skeletonProps,
+  setup(__props, { expose }) {
+    const props = __props;
+    const ns = index.useNamespace("skeleton");
+    const uiLoading = index$1.useThrottleRender(vue.toRef(props, "loading"), props.throttle);
+    expose({
+      uiLoading
+    });
+    return (_ctx, _cache) => {
+      return vue.unref(uiLoading) ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        key: 0,
+        class: [vue.unref(ns).b(), vue.unref(ns).is("animated", _ctx.animated)]
+      }, _ctx.$attrs), [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.count, (i) => {
+          return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: i }, [
+            vue.unref(uiLoading) ? vue.renderSlot(_ctx.$slots, "template", { key: i }, () => [
+              vue.createVNode(skeletonItem["default"], {
+                class: vue.normalizeClass(vue.unref(ns).is("first")),
+                variant: "p"
+              }, null, 8, ["class"]),
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.rows, (item) => {
+                return vue.openBlock(), vue.createBlock(skeletonItem["default"], {
+                  key: item,
+                  class: vue.normalizeClass([
+                    vue.unref(ns).e("paragraph"),
+                    vue.unref(ns).is("last", item === _ctx.rows && _ctx.rows > 1)
+                  ]),
+                  variant: "p"
+                }, null, 8, ["class"]);
+              }), 128))
+            ]) : vue.createCommentVNode("v-if", true)
+          ], 64);
+        }), 128))
+      ], 16)) : vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.mergeProps({ key: 1 }, _ctx.$attrs)));
+    };
   }
 });
+var Skeleton = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "skeleton.vue"]]);
 
-exports.skeletonProps = skeletonProps;
+exports["default"] = Skeleton;
 //# sourceMappingURL=skeleton.js.map

package/lib/components/skeleton/src/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","sources":["../../../../../../packages/components/skeleton/src/skeleton.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport type Skeleton from './skeleton.vue'\nimport type { ExtractPropTypes } from 'vue'\nimport type { ThrottleType } from '@element-plus/hooks'\n\nexport const skeletonProps = buildProps({\n  /**\n   * @description whether showing the animation\n   */\n  animated: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * @description how many fake items to render to the DOM\n   */\n  count: {\n    type: Number,\n    default: 1,\n  },\n  /**\n   * @description whether showing the real DOM\n   */\n  rows: {\n    type: Number,\n    default: 3,\n  },\n  /**\n   * @description numbers of the row, only useful when no template slot were given\n   */\n  loading: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description rendering delay in milliseconds\n   */\n  throttle: {\n    type: definePropType<ThrottleType>([Number, Object]),\n  },\n} as const)\nexport type SkeletonProps = ExtractPropTypes<typeof skeletonProps>\n\nexport type SkeletonInstance = InstanceType<typeof Skeleton>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AACY,MAAC,aAAa,GAAGA,kBAAU,CAAC;AACxC,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"skeleton.js","sources":["../../../../../../packages/components/skeleton/src/skeleton.vue"],"sourcesContent":["<template>\n  <template v-if=\"uiLoading\">\n    <div :class=\"[ns.b(), ns.is('animated', animated)]\" v-bind=\"$attrs\">\n      <template v-for=\"i in count\" :key=\"i\">\n        <slot v-if=\"uiLoading\" :key=\"i\" name=\"template\">\n          <el-skeleton-item :class=\"ns.is('first')\" variant=\"p\" />\n          <el-skeleton-item\n            v-for=\"item in rows\"\n            :key=\"item\"\n            :class=\"[\n              ns.e('paragraph'),\n              ns.is('last', item === rows && rows > 1),\n            ]\"\n            variant=\"p\"\n          />\n        </slot>\n      </template>\n    </div>\n  </template>\n  <template v-else>\n    <slot v-bind=\"$attrs\" />\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { toRef } from 'vue'\nimport { useNamespace, useThrottleRender } from '@element-plus/hooks'\nimport { skeletonProps } from './skeleton'\nimport ElSkeletonItem from './skeleton-item.vue'\n\ndefineOptions({\n  name: 'ElSkeleton',\n})\nconst props = defineProps(skeletonProps)\n\nconst ns = useNamespace('skeleton')\nconst uiLoading = useThrottleRender(toRef(props, 'loading'), props.throttle)\n\ndefineExpose({\n  /** @description loading state */\n  uiLoading,\n})\n</script>\n"],"names":["useNamespace","useThrottleRender","toRef"],"mappings":";;;;;;;;;;;uCA8Bc,CAAA;AAAA,EACZ,IAAM,EAAA,YAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAGA,IAAM,MAAA,EAAA,GAAKA,mBAAa,UAAU,CAAA,CAAA;AAClC,IAAA,MAAM,YAAYC,yBAAkB,CAAAC,SAAA,CAAM,OAAO,SAAS,CAAA,EAAG,MAAM,QAAQ,CAAA,CAAA;AAE3E,IAAa,MAAA,CAAA;AAAA,MAAA,SAAA;AAAA,KAEX,CAAA,CAAA;AAAA,IACF,OAAC,CAAA,IAAA,EAAA,MAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}