element-plus-secondary 1.2.7 → 1.2.8

package/es/components/notification/src/notification2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"notification2.mjs","sources":["../../../../../../packages/components/notification/src/notification.vue"],"sourcesContent":["<template>\n  <transition\n    :name=\"ns.b('fade')\"\n    @before-leave=\"onClose\"\n    @after-leave=\"$emit('destroy')\"\n  >\n    <div\n      v-show=\"visible\"\n      :id=\"id\"\n      :class=\"[ns.b(), customClass, horizontalClass]\"\n      :style=\"positionStyle\"\n      role=\"alert\"\n      @mouseenter=\"clearTimer\"\n      @mouseleave=\"startTimer\"\n      @click=\"onClick\"\n    >\n      <el-icon v-if=\"iconComponent\" :class=\"[ns.e('icon'), typeClass]\">\n        <component :is=\"iconComponent\" />\n      </el-icon>\n      <div :class=\"ns.e('group')\">\n        <h2 :class=\"ns.e('title')\" v-text=\"title\" />\n        <div\n          v-show=\"message\"\n          :class=\"ns.e('content')\"\n          :style=\"!!title ? undefined : { margin: 0 }\"\n        >\n          <slot>\n            <p v-if=\"!dangerouslyUseHTMLString\">{{ message }}</p>\n            <!-- Caution here, message could've been compromised, never use user's input as message -->\n            <p v-else v-html=\"message\" />\n          </slot>\n        </div>\n        <el-icon v-if=\"showClose\" :class=\"ns.e('closeBtn')\" @click.stop=\"close\">\n          <Close />\n        </el-icon>\n      </div>\n    </div>\n  </transition>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, onMounted, ref } from 'vue'\nimport { useEventListener, useTimeoutFn } from '@vueuse/core'\nimport { CloseComponents, TypeComponentsMap } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useGlobalComponentSettings } from '@element-plus/components/config-provider'\nimport { notificationEmits, notificationProps } from './notification'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElNotification',\n})\n\nconst props = defineProps(notificationProps)\ndefineEmits(notificationEmits)\n\nconst { ns, zIndex } = useGlobalComponentSettings('notification')\nconst { nextZIndex, currentZIndex } = zIndex\n\nconst { Close } = CloseComponents\n\nconst visible = ref(false)\nlet timer: (() => void) | undefined = undefined\n\nconst typeClass = computed(() => {\n  const type = props.type\n  return type && TypeComponentsMap[props.type] ? ns.m(type) : ''\n})\n\nconst iconComponent = computed(() => {\n  if (!props.type) return props.icon\n  return TypeComponentsMap[props.type] || props.icon\n})\n\nconst horizontalClass = computed(() =>\n  props.position.endsWith('right') ? 'right' : 'left'\n)\n\nconst verticalProperty = computed(() =>\n  props.position.startsWith('top') ? 'top' : 'bottom'\n)\n\nconst positionStyle = computed<CSSProperties>(() => {\n  return {\n    [verticalProperty.value]: `${props.offset}px`,\n    zIndex: props.zIndex ?? currentZIndex.value,\n  }\n})\n\nfunction startTimer() {\n  if (props.duration > 0) {\n    ;({ stop: timer } = useTimeoutFn(() => {\n      if (visible.value) close()\n    }, props.duration))\n  }\n}\n\nfunction clearTimer() {\n  timer?.()\n}\n\nfunction close() {\n  visible.value = false\n}\n\nfunction onKeydown({ code }: KeyboardEvent) {\n  if (code === EVENT_CODE.delete || code === EVENT_CODE.backspace) {\n    clearTimer() // press delete/backspace clear timer\n  } else if (code === EVENT_CODE.esc) {\n    // press esc to close the notification\n    if (visible.value) {\n      close()\n    }\n  } else {\n    startTimer() // resume timer\n  }\n}\n\n// lifecycle\nonMounted(() => {\n  startTimer()\n  nextZIndex()\n  visible.value = true\n})\n\nuseEventListener(document, 'keydown', onKeydown)\n\ndefineExpose({\n  visible,\n  /** @description close notification */\n  close,\n})\n</script>\n"],"names":["_openBlock","_createBlock","_Transition"],"mappings":"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"}
+{"version":3,"file":"notification2.mjs","sources":["../../../../../../packages/components/notification/src/notification.ts"],"sourcesContent":["import { buildProps, definePropType, iconPropType } from '@element-plus/utils'\n\nimport type { AppContext, ExtractPropTypes, VNode } from 'vue'\nimport type Notification from './notification.vue'\n\nexport const notificationTypes = [\n  'success',\n  'info',\n  'warning',\n  'error',\n] as const\n\nexport const notificationProps = buildProps({\n  /**\n   * @description custom class name for Notification\n   */\n  customClass: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description whether `message` is treated as HTML string\n   */\n  dangerouslyUseHTMLString: Boolean,\n  /**\n   * @description duration before close. It will not automatically close if set 0\n   */\n  duration: {\n    type: Number,\n    default: 4500,\n  },\n  /**\n   * @description custom icon component. It will be overridden by `type`\n   */\n  icon: {\n    type: iconPropType,\n  },\n  /**\n   * @description notification dom id\n   */\n  id: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description description text\n   */\n  message: {\n    type: definePropType<string | VNode | (() => VNode)>([\n      String,\n      Object,\n      Function,\n    ]),\n    default: '',\n  },\n  /**\n   * @description offset from the top edge of the screen. Every Notification instance of the same moment should have the same offset\n   */\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description callback function when notification clicked\n   */\n  onClick: {\n    type: definePropType<() => void>(Function),\n    default: () => undefined,\n  },\n  /**\n   * @description callback function when closed\n   */\n  onClose: {\n    type: definePropType<() => void>(Function),\n    required: true,\n  },\n  /**\n   * @description custom position\n   */\n  position: {\n    type: String,\n    values: ['top-right', 'top-left', 'bottom-right', 'bottom-left'],\n    default: 'top-right',\n  },\n  /**\n   * @description whether to show a close button\n   */\n  showClose: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description title\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description notification type\n   */\n  type: {\n    type: String,\n    values: [...notificationTypes, ''],\n    default: '',\n  },\n  /**\n   * @description initial zIndex\n   */\n  zIndex: Number,\n} as const)\nexport type NotificationProps = ExtractPropTypes<typeof notificationProps>\n\nexport const notificationEmits = {\n  destroy: () => true,\n}\nexport type NotificationEmits = typeof notificationEmits\n\nexport type NotificationInstance = InstanceType<typeof Notification>\n\nexport type NotificationOptions = Omit<NotificationProps, 'id' | 'onClose'> & {\n  /**\n   * @description set the root element for the notification, default to `document.body`\n   */\n  appendTo?: HTMLElement | string\n  /**\n   * @description callback function when closed\n   */\n  onClose?(vm: VNode): void\n}\nexport type NotificationOptionsTyped = Omit<NotificationOptions, 'type'>\n\nexport interface NotificationHandle {\n  close: () => void\n}\n\nexport type NotificationParams = Partial<NotificationOptions> | string | VNode\nexport type NotificationParamsTyped =\n  | Partial<NotificationOptionsTyped>\n  | string\n  | VNode\n\nexport interface NotifyFn {\n  (\n    options?: NotificationParams,\n    appContext?: null | AppContext\n  ): NotificationHandle\n  closeAll(): void\n  _context: AppContext | null\n}\n\nexport type NotifyTypedFn = (\n  options?: NotificationParamsTyped,\n  appContext?: null | AppContext\n) => NotificationHandle\n\nexport interface Notify extends NotifyFn {\n  success: NotifyTypedFn\n  warning: NotifyTypedFn\n  error: NotifyTypedFn\n  info: NotifyTypedFn\n}\n\nexport interface NotificationQueueItem {\n  vm: VNode\n}\n\nexport type NotificationQueue = NotificationQueueItem[]\n"],"names":[],"mappings":";;;AACY,MAAC,iBAAiB,GAAG;AACjC,EAAE,SAAS;AACX,EAAE,MAAM;AACR,EAAE,SAAS;AACX,EAAE,OAAO;AACT,EAAE;AACU,MAAC,iBAAiB,GAAG,UAAU,CAAC;AAC5C,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,wBAAwB,EAAE,OAAO;AACnC,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,cAAc,CAAC;AACzB,MAAM,MAAM;AACZ,MAAM,MAAM;AACZ,MAAM,QAAQ;AACd,KAAK,CAAC;AACN,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAE,MAAM,KAAK,CAAC;AACzB,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,cAAc,EAAE,aAAa,CAAC;AACpE,IAAI,OAAO,EAAE,WAAW;AACxB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,GAAG,iBAAiB,EAAE,EAAE,CAAC;AACtC,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE,MAAM;AAChB,CAAC,EAAE;AACS,MAAC,iBAAiB,GAAG;AACjC,EAAE,OAAO,EAAE,MAAM,IAAI;AACrB;;;;"}

package/es/components/notification/src/notify.mjs

@@ -1,6 +1,6 @@
 import { isVNode, createVNode, render } from 'vue';
-import NotificationConstructor from './notification2.mjs';
-import { notificationTypes } from './notification.mjs';
+import NotificationConstructor from './notification.mjs';
+import { notificationTypes } from './notification2.mjs';
 import { isClient } from '@vueuse/core';
 import { isString, isFunction } from '@vue/shared';
 import { isElement, isUndefined } from '../../../utils/types.mjs';

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

@@ -1,247 +1,20 @@
-import { defineComponent, ref, computed, h, watchEffect, openBlock, createElementBlock, normalizeClass, unref, withKeys, createCommentVNode, createBlock, Fragment, renderList, toDisplayString } from 'vue';
-import { DArrowLeft } from '@element-plus/icons-vue';
-import { paginationPagerProps } from './pager2.mjs';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.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 __default__ = defineComponent({
-  name: "ElPaginationPager"
+const paginationPagerProps = buildProps({
+  currentPage: {
+    type: Number,
+    default: 1
+  },
+  pageCount: {
+    type: Number,
+    required: true
+  },
+  pagerCount: {
+    type: Number,
+    default: 7
+  },
+  disabled: Boolean
 });
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: paginationPagerProps,
-  emits: ["change"],
-  setup(__props, { emit }) {
-    const props = __props;
-    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 DArrowRight = h("svg", {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, [
-      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"
-      }),
-      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 = h("svg", {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, [
-      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"
-      }),
-      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"
-      }),
-      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 = 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);
-    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 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: unref(tabindex)
-        }, " 1 ", 10, ["aria-current", "aria-label", "tabindex"])) : createCommentVNode("v-if", true),
-        showPrevMore.value ? (openBlock(), createElementBlock("li", {
-          key: 1,
-          class: normalizeClass(unref(prevMoreKls)),
-          tabindex: unref(tabindex),
-          "aria-label": 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 ? (openBlock(), createBlock(unref(DArrowLeft), { key: 0 })) : (openBlock(), createBlock(unref(MoreFilled), { key: 1 }))
-        ], 42, ["tabindex", "aria-label", "onMouseenter", "onMouseleave", "onFocus", "onBlur"])) : createCommentVNode("v-if", true),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(pagers), (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: unref(tabindex)
-          }, toDisplayString(pager), 11, ["aria-current", "aria-label", "tabindex"]);
-        }), 128)),
-        showNextMore.value ? (openBlock(), createElementBlock("li", {
-          key: 2,
-          class: normalizeClass(unref(nextMoreKls)),
-          tabindex: unref(tabindex),
-          "aria-label": 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 ? (openBlock(), createBlock(unref(DArrowRight), { key: 0 })) : (openBlock(), createBlock(unref(MoreFilled), { key: 1 }))
-        ], 42, ["tabindex", "aria-label", "onMouseenter", "onMouseleave", "onFocus", "onBlur"])) : 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: unref(tabindex)
-        }, toDisplayString(_ctx.pageCount), 11, ["aria-current", "aria-label", "tabindex"])) : createCommentVNode("v-if", true)
-      ], 42, ["onKeyup"]);
-    };
-  }
-});
-var Pager = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "pager.vue"]]);
 
-export { Pager as default };
+export { paginationPagerProps };
 //# sourceMappingURL=pager.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"pager.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<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":["showPrevMore","showNextMore","_openBlock","_createElementBlock","_normalizeClass","_unref"],"mappings":"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"}
+{"version":3,"file":"pager.mjs","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":[],"mappings":";;AACY,MAAC,oBAAoB,GAAG,UAAU,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/es/components/pagination/src/components/pager2.mjs

@@ -1,20 +1,247 @@
-import { buildProps } from '../../../../utils/vue/props/runtime.mjs';
+import { defineComponent, ref, computed, h, watchEffect, openBlock, createElementBlock, normalizeClass, unref, withKeys, createCommentVNode, createBlock, Fragment, renderList, toDisplayString } from 'vue';
+import { DArrowLeft } from '@element-plus/icons-vue';
+import { paginationPagerProps } from './pager.mjs';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../../hooks/use-namespace/index.mjs';
+import { useLocale } from '../../../../hooks/use-locale/index.mjs';
 
-const paginationPagerProps = buildProps({
-  currentPage: {
-    type: Number,
-    default: 1
-  },
-  pageCount: {
-    type: Number,
-    required: true
-  },
-  pagerCount: {
-    type: Number,
-    default: 7
-  },
-  disabled: Boolean
+const __default__ = defineComponent({
+  name: "ElPaginationPager"
 });
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: paginationPagerProps,
+  emits: ["change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    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 DArrowRight = h("svg", {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, [
+      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"
+      }),
+      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 = h("svg", {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, [
+      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"
+      }),
+      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"
+      }),
+      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 = 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);
+    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 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: unref(tabindex)
+        }, " 1 ", 10, ["aria-current", "aria-label", "tabindex"])) : createCommentVNode("v-if", true),
+        showPrevMore.value ? (openBlock(), createElementBlock("li", {
+          key: 1,
+          class: normalizeClass(unref(prevMoreKls)),
+          tabindex: unref(tabindex),
+          "aria-label": 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 ? (openBlock(), createBlock(unref(DArrowLeft), { key: 0 })) : (openBlock(), createBlock(unref(MoreFilled), { key: 1 }))
+        ], 42, ["tabindex", "aria-label", "onMouseenter", "onMouseleave", "onFocus", "onBlur"])) : createCommentVNode("v-if", true),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(pagers), (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: unref(tabindex)
+          }, toDisplayString(pager), 11, ["aria-current", "aria-label", "tabindex"]);
+        }), 128)),
+        showNextMore.value ? (openBlock(), createElementBlock("li", {
+          key: 2,
+          class: normalizeClass(unref(nextMoreKls)),
+          tabindex: unref(tabindex),
+          "aria-label": 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 ? (openBlock(), createBlock(unref(DArrowRight), { key: 0 })) : (openBlock(), createBlock(unref(MoreFilled), { key: 1 }))
+        ], 42, ["tabindex", "aria-label", "onMouseenter", "onMouseleave", "onFocus", "onBlur"])) : 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: unref(tabindex)
+        }, toDisplayString(_ctx.pageCount), 11, ["aria-current", "aria-label", "tabindex"])) : createCommentVNode("v-if", true)
+      ], 42, ["onKeyup"]);
+    };
+  }
+});
+var Pager = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "pager.vue"]]);
 
-export { paginationPagerProps };
+export { Pager as default };
 //# sourceMappingURL=pager2.mjs.map