element-plus-secondary 1.2.7 → 1.2.8

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

@@ -2,23 +2,250 @@
 
 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 DArrowRight = vue.h("svg", {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, [
+      vue.h("path", {
+        fill: "#245BDB",
+        d: "M7.83135 3.24552L12.5858 8L7.83135 12.7545C7.70118 12.8847 7.70118 13.0957 7.83135 13.2259L8.30276 13.6973C8.43293 13.8275 8.64399 13.8275 8.77416 13.6973L14.0001 8.47141C14.2604 8.21106 14.2604 7.78895 14.0001 7.5286L8.77416 2.30271C8.64399 2.17253 8.43293 2.17253 8.30276 2.30271L7.83135 2.77411C7.70118 2.90429 7.70118 3.11534 7.83135 3.24552Z"
+      }),
+      vue.h("path", {
+        fill: "#245BDB",
+        d: "M1.89792 3.24552L6.65241 8L1.89792 12.7545C1.76775 12.8847 1.76775 13.0957 1.89792 13.2259L2.36933 13.6973C2.4995 13.8275 2.71056 13.8275 2.84073 13.6973L8.06662 8.47141C8.32697 8.21106 8.32697 7.78895 8.06662 7.5286L2.84073 2.30271C2.71055 2.17253 2.4995 2.17253 2.36932 2.30271L1.89792 2.77411C1.76775 2.90429 1.76775 3.11534 1.89792 3.24552Z"
+      })
+    ]);
+    const MoreFilled = vue.h("svg", {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, [
+      vue.h("path", {
+        fill: "#646A73",
+        d: "M2.33398 7.33333C2.33398 7.14924 2.48322 7 2.66732 7H4.00065C4.18475 7 4.33398 7.14924 4.33398 7.33333V8.66667C4.33398 8.85076 4.18475 9 4.00065 9H2.66732C2.48322 9 2.33398 8.85076 2.33398 8.66667V7.33333Z"
+      }),
+      vue.h("path", {
+        fill: "#646A73",
+        d: "M11.6673 7.33333C11.6673 7.14924 11.8166 7 12.0007 7H13.334C13.5181 7 13.6673 7.14924 13.6673 7.33333V8.66667C13.6673 8.85076 13.5181 9 13.334 9H12.0007C11.8166 9 11.6673 8.85076 11.6673 8.66667V7.33333Z"
+      }),
+      vue.h("path", {
+        fill: "#646A73",
+        d: "M7.33398 7C7.14989 7 7.00065 7.14924 7.00065 7.33333V8.66667C7.00065 8.85076 7.14989 9 7.33398 9H8.66732C8.85141 9 9.00065 8.85076 9.00065 8.66667V7.33333C9.00065 7.14924 8.85141 7 8.66732 7H7.33398Z"
+      })
+    ]);
+    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(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(DArrowRight), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(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, h } from 'vue'\nimport { DArrowLeft } 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 DArrowRight = h(\n  'svg',\n  {\n    width: '16',\n    height: '16',\n    viewBox: '0 0 16 16',\n    xmlns: 'http://www.w3.org/2000/svg',\n  },\n  [\n    h('path', {\n      fill: '#245BDB',\n      d: 'M7.83135 3.24552L12.5858 8L7.83135 12.7545C7.70118 12.8847 7.70118 13.0957 7.83135 13.2259L8.30276 13.6973C8.43293 13.8275 8.64399 13.8275 8.77416 13.6973L14.0001 8.47141C14.2604 8.21106 14.2604 7.78895 14.0001 7.5286L8.77416 2.30271C8.64399 2.17253 8.43293 2.17253 8.30276 2.30271L7.83135 2.77411C7.70118 2.90429 7.70118 3.11534 7.83135 3.24552Z',\n    }),\n    h('path', {\n      fill: '#245BDB',\n      d: 'M1.89792 3.24552L6.65241 8L1.89792 12.7545C1.76775 12.8847 1.76775 13.0957 1.89792 13.2259L2.36933 13.6973C2.4995 13.8275 2.71056 13.8275 2.84073 13.6973L8.06662 8.47141C8.32697 8.21106 8.32697 7.78895 8.06662 7.5286L2.84073 2.30271C2.71055 2.17253 2.4995 2.17253 2.36932 2.30271L1.89792 2.77411C1.76775 2.90429 1.76775 3.11534 1.89792 3.24552Z',\n    }),\n  ]\n)\nconst MoreFilled = h(\n  'svg',\n  {\n    width: '16',\n    height: '16',\n    viewBox: '0 0 16 16',\n    xmlns: 'http://www.w3.org/2000/svg',\n  },\n  [\n    h('path', {\n      fill: '#646A73',\n      d: 'M2.33398 7.33333C2.33398 7.14924 2.48322 7 2.66732 7H4.00065C4.18475 7 4.33398 7.14924 4.33398 7.33333V8.66667C4.33398 8.85076 4.18475 9 4.00065 9H2.66732C2.48322 9 2.33398 8.85076 2.33398 8.66667V7.33333Z',\n    }),\n    h('path', {\n      fill: '#646A73',\n      d: 'M11.6673 7.33333C11.6673 7.14924 11.8166 7 12.0007 7H13.334C13.5181 7 13.6673 7.14924 13.6673 7.33333V8.66667C13.6673 8.85076 13.5181 9 13.334 9H12.0007C11.8166 9 11.6673 8.85076 11.6673 8.66667V7.33333Z',\n    }),\n    h('path', {\n      fill: '#646A73',\n      d: 'M7.33398 7C7.14989 7 7.00065 7.14924 7.00065 7.33333V8.66667C7.00065 8.85076 7.14989 9 7.33398 9H8.66732C8.85141 9 9.00065 8.85076 9.00065 8.66667V7.33333C9.00065 7.14924 8.85141 7 8.66732 7H7.33398Z',\n    }),\n  ]\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","h","watchEffect","_openBlock","_createElementBlock","_normalizeClass","_unref"],"mappings":"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"}

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

@@ -2,26 +2,46 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../../utils/vue/props/runtime.js');
-var icon = require('../../../../utils/vue/icon.js');
+var vue = require('vue');
+var index$1 = require('../../../icon/index.js');
+var prev = require('./prev2.js');
+var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../../hooks/use-locale/index.js');
 
-const paginationPrevProps = runtime.buildProps({
-  disabled: Boolean,
-  currentPage: {
-    type: Number,
-    default: 1
-  },
-  prevText: {
-    type: String
-  },
-  prevIcon: {
-    type: icon.iconPropType
+const __default__ = vue.defineComponent({
+  name: "ElPaginationPrev"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: prev.paginationPrevProps,
+  emits: prev.paginationPrevEmits,
+  setup(__props) {
+    const props = __props;
+    const { t } = index.useLocale();
+    const internalDisabled = vue.computed(() => props.disabled || props.currentPage <= 1);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("button", {
+        type: "button",
+        class: "btn-prev",
+        disabled: vue.unref(internalDisabled),
+        "aria-label": _ctx.prevText || vue.unref(t)("el.pagination.prev"),
+        "aria-disabled": vue.unref(internalDisabled),
+        onClick: ($event) => _ctx.$emit("click", $event)
+      }, [
+        _ctx.prevText ? (vue.openBlock(), vue.createElementBlock("span", { key: 0 }, vue.toDisplayString(_ctx.prevText), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
+          key: 1,
+          size: "16"
+        }, {
+          default: vue.withCtx(() => [
+            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.prevIcon)))
+          ]),
+          _: 1
+        }))
+      ], 8, ["disabled", "aria-label", "aria-disabled", "onClick"]);
+    };
   }
 });
-const paginationPrevEmits = {
-  click: (evt) => evt instanceof MouseEvent
-};
+var Prev = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "prev.vue"]]);
 
-exports.paginationPrevEmits = paginationPrevEmits;
-exports.paginationPrevProps = paginationPrevProps;
+exports["default"] = Prev;
 //# sourceMappingURL=prev.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"prev.js","sources":["../../../../../../../packages/components/pagination/src/components/prev.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Prev from './prev.vue'\n\nexport const paginationPrevProps = buildProps({\n  disabled: Boolean,\n  currentPage: {\n    type: Number,\n    default: 1,\n  },\n  prevText: {\n    type: String,\n  },\n  prevIcon: {\n    type: iconPropType,\n  },\n} as const)\n\nexport const paginationPrevEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\n\nexport type PaginationPrevProps = ExtractPropTypes<typeof paginationPrevProps>\n\nexport type PrevInstance = InstanceType<typeof Prev>\n"],"names":["buildProps","iconPropType"],"mappings":";;;;;;;AACY,MAAC,mBAAmB,GAAGA,kBAAU,CAAC;AAC9C,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAEC,iBAAY;AACtB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,mBAAmB,GAAG;AACnC,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;;"}
+{"version":3,"file":"prev.js","sources":["../../../../../../../packages/components/pagination/src/components/prev.vue"],"sourcesContent":["<template>\n  <button\n    type=\"button\"\n    class=\"btn-prev\"\n    :disabled=\"internalDisabled\"\n    :aria-label=\"prevText || t('el.pagination.prev')\"\n    :aria-disabled=\"internalDisabled\"\n    @click=\"$emit('click', $event)\"\n  >\n    <span v-if=\"prevText\">{{ prevText }}</span>\n    <el-icon size=\"16\" v-else>\n      <component :is=\"prevIcon\" />\n    </el-icon>\n  </button>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { paginationPrevEmits, paginationPrevProps } from './prev'\n\ndefineOptions({\n  name: 'ElPaginationPrev',\n})\n\nconst props = defineProps(paginationPrevProps)\ndefineEmits(paginationPrevEmits)\n\nconst { t } = useLocale()\n\nconst internalDisabled = computed(\n  () => props.disabled || props.currentPage <= 1\n)\n</script>\n"],"names":["useLocale","computed","_openBlock","_createElementBlock"],"mappings":";;;;;;;;;;uCAsBc,CAAA;AAAA,EACZ,IAAM,EAAA,kBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,EAAE,CAAE,EAAA,GAAIA,eAAU,EAAA,CAAA;AAExB,IAAA,MAAM,gBAAmB,GAAAC,YAAA,CAAA,MAAA,KAAA,CAAA,QAAA,IAAA,KAAA,CAAA,WAAA,IAAA,CAAA,CAAA,CAAA;AAAA,IAAA,OACjB,CAAA,IAAA,EAAM,MAAY,KAAA;AAAqB,MAC/C,OAAAC,aAAA,EAAA,EAAAC,sBAAA,CAAA,QAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,46 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var index$1 = require('../../../icon/index.js');
-var prev = require('./prev.js');
-var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../../hooks/use-locale/index.js');
+var runtime = require('../../../../utils/vue/props/runtime.js');
+var icon = require('../../../../utils/vue/icon.js');
 
-const __default__ = vue.defineComponent({
-  name: "ElPaginationPrev"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: prev.paginationPrevProps,
-  emits: prev.paginationPrevEmits,
-  setup(__props) {
-    const props = __props;
-    const { t } = index.useLocale();
-    const internalDisabled = vue.computed(() => props.disabled || props.currentPage <= 1);
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("button", {
-        type: "button",
-        class: "btn-prev",
-        disabled: vue.unref(internalDisabled),
-        "aria-label": _ctx.prevText || vue.unref(t)("el.pagination.prev"),
-        "aria-disabled": vue.unref(internalDisabled),
-        onClick: ($event) => _ctx.$emit("click", $event)
-      }, [
-        _ctx.prevText ? (vue.openBlock(), vue.createElementBlock("span", { key: 0 }, vue.toDisplayString(_ctx.prevText), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
-          key: 1,
-          size: "16"
-        }, {
-          default: vue.withCtx(() => [
-            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.prevIcon)))
-          ]),
-          _: 1
-        }))
-      ], 8, ["disabled", "aria-label", "aria-disabled", "onClick"]);
-    };
+const paginationPrevProps = runtime.buildProps({
+  disabled: Boolean,
+  currentPage: {
+    type: Number,
+    default: 1
+  },
+  prevText: {
+    type: String
+  },
+  prevIcon: {
+    type: icon.iconPropType
   }
 });
-var Prev = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "prev.vue"]]);
+const paginationPrevEmits = {
+  click: (evt) => evt instanceof MouseEvent
+};
 
-exports["default"] = Prev;
+exports.paginationPrevEmits = paginationPrevEmits;
+exports.paginationPrevProps = paginationPrevProps;
 //# sourceMappingURL=prev2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"prev2.js","sources":["../../../../../../../packages/components/pagination/src/components/prev.vue"],"sourcesContent":["<template>\n  <button\n    type=\"button\"\n    class=\"btn-prev\"\n    :disabled=\"internalDisabled\"\n    :aria-label=\"prevText || t('el.pagination.prev')\"\n    :aria-disabled=\"internalDisabled\"\n    @click=\"$emit('click', $event)\"\n  >\n    <span v-if=\"prevText\">{{ prevText }}</span>\n    <el-icon size=\"16\" v-else>\n      <component :is=\"prevIcon\" />\n    </el-icon>\n  </button>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { paginationPrevEmits, paginationPrevProps } from './prev'\n\ndefineOptions({\n  name: 'ElPaginationPrev',\n})\n\nconst props = defineProps(paginationPrevProps)\ndefineEmits(paginationPrevEmits)\n\nconst { t } = useLocale()\n\nconst internalDisabled = computed(\n  () => props.disabled || props.currentPage <= 1\n)\n</script>\n"],"names":["useLocale","computed","_openBlock","_createElementBlock"],"mappings":";;;;;;;;;;uCAsBc,CAAA;AAAA,EACZ,IAAM,EAAA,kBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,EAAE,CAAE,EAAA,GAAIA,eAAU,EAAA,CAAA;AAExB,IAAA,MAAM,gBAAmB,GAAAC,YAAA,CAAA,MAAA,KAAA,CAAA,QAAA,IAAA,KAAA,CAAA,WAAA,IAAA,CAAA,CAAA,CAAA;AAAA,IAAA,OACjB,CAAA,IAAA,EAAM,MAAY,KAAA;AAAqB,MAC/C,OAAAC,aAAA,EAAA,EAAAC,sBAAA,CAAA,QAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"prev2.js","sources":["../../../../../../../packages/components/pagination/src/components/prev.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Prev from './prev.vue'\n\nexport const paginationPrevProps = buildProps({\n  disabled: Boolean,\n  currentPage: {\n    type: Number,\n    default: 1,\n  },\n  prevText: {\n    type: String,\n  },\n  prevIcon: {\n    type: iconPropType,\n  },\n} as const)\n\nexport const paginationPrevEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\n\nexport type PaginationPrevProps = ExtractPropTypes<typeof paginationPrevProps>\n\nexport type PrevInstance = InstanceType<typeof Prev>\n"],"names":["buildProps","iconPropType"],"mappings":";;;;;;;AACY,MAAC,mBAAmB,GAAGA,kBAAU,CAAC;AAC9C,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAEC,iBAAY;AACtB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,mBAAmB,GAAG;AACnC,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;;"}

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

@@ -2,78 +2,30 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var lodashUnified = require('lodash-unified');
-var index$2 = require('../../../select/index.js');
-var usePagination = require('../usePagination.js');
-var sizes = require('./sizes2.js');
-var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../../hooks/use-locale/index.js');
-var index$1 = require('../../../../hooks/use-namespace/index.js');
-var shared = require('@vue/shared');
+var runtime = require('../../../../utils/vue/props/runtime.js');
+var typescript = require('../../../../utils/typescript.js');
+var size = require('../../../../constants/size.js');
 
-const __default__ = vue.defineComponent({
-  name: "ElPaginationSizes"
+const paginationSizesProps = runtime.buildProps({
+  pageSize: {
+    type: Number,
+    required: true
+  },
+  pageSizes: {
+    type: runtime.definePropType(Array),
+    default: () => typescript.mutable([10, 20, 30, 40, 50, 100])
+  },
+  popperClass: {
+    type: String
+  },
+  disabled: Boolean,
+  teleported: Boolean,
+  size: {
+    type: String,
+    values: size.componentSizes
+  },
+  appendSizeTo: String
 });
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: sizes.paginationSizesProps,
-  emits: ["page-size-change"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const { t } = index.useLocale();
-    const ns = index$1.useNamespace("pagination");
-    const pagination = usePagination.usePagination();
-    const innerPageSize = vue.ref(props.pageSize);
-    vue.watch(() => props.pageSizes, (newVal, oldVal) => {
-      if (lodashUnified.isEqual(newVal, oldVal))
-        return;
-      if (shared.isArray(newVal)) {
-        const pageSize = newVal.includes(props.pageSize) ? props.pageSize : props.pageSizes[0];
-        emit("page-size-change", pageSize);
-      }
-    });
-    vue.watch(() => props.pageSize, (newVal) => {
-      innerPageSize.value = newVal;
-    });
-    const innerPageSizes = vue.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 vue.openBlock(), vue.createElementBlock("span", {
-        class: vue.normalizeClass(vue.unref(ns).e("sizes"))
-      }, [
-        vue.createVNode(vue.unref(index$2.ElSelect), {
-          "model-value": innerPageSize.value,
-          disabled: _ctx.disabled,
-          "popper-class": _ctx.popperClass,
-          size: "small",
-          teleported: _ctx.teleported,
-          "validate-event": false,
-          "append-to": _ctx.appendSizeTo,
-          onChange: handleChange
-        }, {
-          default: vue.withCtx(() => [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(innerPageSizes), (item) => {
-              return vue.openBlock(), vue.createBlock(vue.unref(index$2.ElOption), {
-                key: item,
-                value: item,
-                label: item + vue.unref(t)("el.pagination.pagesize")
-              }, null, 8, ["value", "label"]);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["model-value", "disabled", "popper-class", "teleported", "append-to"])
-      ], 2);
-    };
-  }
-});
-var Sizes = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "sizes.vue"]]);
 
-exports["default"] = Sizes;
+exports.paginationSizesProps = paginationSizesProps;
 //# sourceMappingURL=sizes.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sizes.js","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      size=\"small\"\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":["useLocale","useNamespace","usePagination","ref","watch","isArray","computed","_openBlock","_createElementBlock","_normalizeClass","_unref"],"mappings":";;;;;;;;;;;;;;uCA+Bc,CAAA;AAAA,EACZ,IAAM,EAAA,mBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAM,MAAA,EAAE,CAAE,EAAA,GAAIA,eAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAKC,qBAAa,YAAY,CAAA,CAAA;AACpC,IAAA,MAAM,aAAaC,2BAAc,EAAA,CAAA;AACjC,IAAM,MAAA,aAAA,GAAgBC,OAAY,CAAA,KAAA,CAAM,QAAS,CAAA,CAAA;AAEjD,IAAAC,SAAA,CAAA,MAAA,KAAA,CAAA,SAAA,EAAA,CAAA,MAAA,EAAA,MAAA,KAAA;AAAA,MACE,yBAAY,CAAA,MAAA,EAAA,MAAA,CAAA;AAAA,eACH;AACP,MAAI,IAAAC,cAAA,CAAA,MAAgB,CAAA,EAAA;AACpB,QAAI,MAAA,iBAAiB,CAAA,QAAA,CAAA,KAAA,CAAA,QAAA,CAAA,GAAA,KAAA,CAAA,QAAA,GAAA,KAAA,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;AACnB,QAAM,IAAA,CAAA,kBAAkB,EAAA,QAAA,CAAA,CAAS;AAGjC,OAAA;AAAiC,KACnC,CAAA,CAAA;AAAA,IACFD,SAAA,CAAA,MAAA,KAAA,CAAA,QAAA,EAAA,CAAA,MAAA,KAAA;AAAA,MACF,aAAA,CAAA,KAAA,GAAA,MAAA,CAAA;AAEA,KAAA,CAAA,CAAA;AAAA,IAAA,oBACc,GAAAE,YAAA,CAAA,MAAA,KAAA,CAAA,SAAA,CAAA,CAAA;AAAA,IAAA,SACA,YAAA,CAAA,GAAA,EAAA;AACV,MAAA,IAAA,EAAA,CAAA;AAAsB,MACxB,IAAA,GAAA,KAAA,aAAA,CAAA,KAAA,EAAA;AAAA,QACF,aAAA,CAAA,KAAA,GAAA,GAAA,CAAA;AAEA,QAAA,CAAA,EAAuB,GAAA,UAAA,CAAA,gBAAe,KAAA,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,UAAA,EAAA,MAAA,CAAA,GAAA,CAAA,CAAA,CAAA;AACrD,OAAA;AACE,KAAI;AACF,IAAA,OAAA,CAAA,IAAA,EAAA,MAAsB,KAAA;AACtB,MAAW,OAAAC,aAAA,EAAA,EAAAC,sBAA0B,CAAA,MAAI,EAAA;AAAA,QAC3C,KAAA,EAAAC,kBAAA,CAAAC,SAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA;AAAA,OACF,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"sizes.js","sources":["../../../../../../../packages/components/pagination/src/components/sizes.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\nimport type { ExtractPropTypes } 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  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>\n\nexport type SizesInstance = InstanceType<typeof Sizes>\n"],"names":["buildProps","definePropType","mutable","componentSizes"],"mappings":";;;;;;;;AAEY,MAAC,oBAAoB,GAAGA,kBAAU,CAAC;AAC/C,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEC,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;AACrD,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEC,mBAAc;AAC1B,GAAG;AACH,EAAE,YAAY,EAAE,MAAM;AACtB,CAAC;;;;"}