vft 0.0.18 → 0.0.20

package/es/components/overlay/style/css.mjs

@@ -0,0 +1,3 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-overlay.css";
+//# sourceMappingURL=css.mjs.map

package/es/components/overlay/style/css.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/components/overlay/style/index.mjs

@@ -0,0 +1,3 @@
+import "../../../theme-style/src/base.scss.mjs";
+import "../../../theme-style/src/overlay.scss.mjs";
+//# sourceMappingURL=index.mjs.map

package/es/components/overlay/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

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

@@ -0,0 +1,14 @@
+import type { PropType as __PropType } from 'vue';
+import { type ComponentSize } from '../../types';
+declare const _sfc_main: import("vue").DefineComponent<{
+    size: {
+        type: __PropType<ComponentSize>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: __PropType<ComponentSize>;
+        required: true;
+    };
+}>>, {}>;
+export default _sfc_main;

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

@@ -0,0 +1,5 @@
+import f from "./jumper.vue2.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=jumper.vue.mjs.map

package/es/components/pagination/components/jumper.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"jumper.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,52 @@
+import { defineComponent as f, ref as g, computed as _, openBlock as b, createElementBlock as h, normalizeClass as o, unref as e, createElementVNode as p, toDisplayString as v, createVNode as z } from "vue";
+import { useNamespace as C } from "../../../hooks/use-namespace/index.mjs";
+import "@popperjs/core";
+import "lodash";
+import "../../../hooks/use-z-index/index.mjs";
+import "@vueuse/core";
+import "@vue/shared";
+import "@vft/utils";
+import { VftInput as V } from "../../input/index.mjs";
+import { usePagination as x } from "../usePagination.mjs";
+const I = ["disabled"], w = /* @__PURE__ */ f({
+  __name: "jumper",
+  props: {
+    size: null
+  },
+  setup(r) {
+    const n = C("pagination"), { pageCount: m, disabled: l, currentPage: t, changeEvent: s } = x(), i = g(), u = _(() => i.value ?? (t == null ? void 0 : t.value));
+    function d(a) {
+      i.value = +a;
+    }
+    function c(a) {
+      a = Math.trunc(+a), s == null || s(+a), i.value = void 0;
+    }
+    return (a, N) => (b(), h("span", {
+      class: o(e(n).e("jump")),
+      disabled: e(l)
+    }, [
+      p("span", {
+        class: o([e(n).e("goto")])
+      }, v(a.t("el.pagination.goto")), 3),
+      z(e(V), {
+        size: r.size,
+        class: o([e(n).e("editor"), e(n).is("in-pagination")]),
+        min: 1,
+        max: e(m),
+        disabled: e(l),
+        "model-value": e(u),
+        "validate-event": !1,
+        type: "number",
+        "onUpdate:modelValue": d,
+        onChange: c
+      }, null, 8, ["size", "class", "max", "disabled", "model-value"]),
+      p("span", {
+        class: o([e(n).e("classifier")])
+      }, "页", 2)
+    ], 10, I));
+  }
+});
+export {
+  w as default
+};
+//# sourceMappingURL=jumper.vue2.mjs.map

package/es/components/pagination/components/jumper.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"jumper.vue2.mjs","sources":["../../../../../../packages/components/pagination/components/jumper.vue"],"sourcesContent":["<template>\n  <span :class=\"ns.e('jump')\" :disabled=\"disabled\">\n    <span :class=\"[ns.e('goto')]\">{{ t('el.pagination.goto') }}</span>\n    <vft-input\n      :size=\"size\"\n      :class=\"[ns.e('editor'), ns.is('in-pagination')]\"\n      :min=\"1\"\n      :max=\"pageCount\"\n      :disabled=\"disabled\"\n      :model-value=\"innerValue\"\n      :validate-event=\"false\"\n      type=\"number\"\n      @update:model-value=\"handleInput\"\n      @change=\"handleChange\"\n    />\n    <span :class=\"[ns.e('classifier')]\">页</span>\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue';\nimport { type ComponentSize } from '../../types';\nimport { useNamespace } from '@vft-ui/hooks';\nimport VftInput from '@vft-ui/components/input';\nimport { usePagination } from '../usePagination';\n\ninterface Props {\n  size: ComponentSize\n}\n\ndefineProps({\n  \"size\": null\n})\n\nconst ns = useNamespace('pagination');\nconst { pageCount, disabled, currentPage, changeEvent } = usePagination();\nconst userInput = ref<number>();\nconst innerValue = computed(() => userInput.value ?? currentPage?.value);\n\nfunction handleInput(val: number | string) {\n  userInput.value = +val;\n}\n\nfunction handleChange(val: number | string) {\n  val = Math.trunc(+val);\n  changeEvent?.(+val);\n  userInput.value = undefined;\n}\n</script>\n"],"names":["ns","useNamespace","pageCount","disabled","currentPage","changeEvent","usePagination","userInput","ref","innerValue","computed","handleInput","val","handleChange"],"mappings":";;;;;;;;;;;;;;;;AAkCM,UAAAA,IAAKC,EAAa,YAAY,GAC9B,EAAE,WAAAC,GAAW,UAAAC,GAAU,aAAAC,GAAa,aAAAC,EAAA,IAAgBC,KACpDC,IAAYC,KACZC,IAAaC,EAAS,MAAMH,EAAU,UAASH,KAAA,gBAAAA,EAAa,MAAK;AAEvE,aAASO,EAAYC,GAAsB;AACzC,MAAAL,EAAU,QAAQ,CAACK;AAAA,IACrB;AAEA,aAASC,EAAaD,GAAsB;AACpC,MAAAA,IAAA,KAAK,MAAM,CAACA,CAAG,GACrBP,KAAA,QAAAA,EAAc,CAACO,IACfL,EAAU,QAAQ;AAAA,IACpB;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/pagination/components/next.vue.d.ts

@@ -0,0 +1,39 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    currentPage: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    pageCount: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    nextText: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    currentPage: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    pageCount: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    nextText: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _sfc_main;

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

@@ -0,0 +1,5 @@
+import f from "./next.vue2.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=next.vue.mjs.map

package/es/components/pagination/components/next.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"next.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,34 @@
+import { defineComponent as r, computed as c, openBlock as o, createElementBlock as i, unref as t, toDisplayString as s, createCommentVNode as u, createVNode as m } from "vue";
+import { VftIcon as b } from "../../icon/index.mjs";
+const f = ["disabled", "aria-disabled"], x = { key: 0 }, p = /* @__PURE__ */ r({
+  __name: "next",
+  props: {
+    disabled: { type: Boolean },
+    currentPage: { default: 1 },
+    pageCount: { default: 50 },
+    nextText: null
+  },
+  emits: ["click"],
+  setup(e) {
+    const n = c(
+      () => e.disabled || e.currentPage === e.pageCount || e.pageCount === 0
+    );
+    return (d, a) => (o(), i("button", {
+      type: "button",
+      class: "btn-next",
+      disabled: t(n),
+      "aria-disabled": t(n),
+      onClick: a[0] || (a[0] = (l) => d.$emit("click", l))
+    }, [
+      e.nextText ? (o(), i("span", x, s(e.nextText), 1)) : u("", !0),
+      m(t(b), {
+        icon: "vi-arrow-right",
+        size: 16
+      })
+    ], 8, f));
+  }
+});
+export {
+  p as default
+};
+//# sourceMappingURL=next.vue2.mjs.map

package/es/components/pagination/components/next.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"next.vue2.mjs","sources":["../../../../../../packages/components/pagination/components/next.vue"],"sourcesContent":["<template>\n  <button\n    type=\"button\"\n    class=\"btn-next\"\n    :disabled=\"internalDisabled\"\n    :aria-disabled=\"internalDisabled\"\n    @click=\"$emit('click', $event)\"\n  >\n    <span v-if=\"nextText\">{{ nextText }}</span>\n    <vft-icon icon=\"vi-arrow-right\" :size=\"16\" />\n  </button>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport VftIcon from '@vft-ui/components/icon';\n\ninterface Props {\n  disabled?: boolean;\n  currentPage?: number;\n  pageCount?: number;\n  nextText?: string;\n}\n\ndefineProps({\n  \"disabled\": { type: Boolean,  },\n  \"currentPage\": { default: 1 },\n  \"pageCount\": { default: 50 },\n  \"nextText\": null\n})\n\ndefineEmits(['click']);\n\nconst internalDisabled = computed(\n  () =>\n    __props.disabled ||\n    __props.currentPage === __props.pageCount ||\n    __props.pageCount === 0\n);\n</script>\n"],"names":["internalDisabled","computed","__props"],"mappings":";;;;;;;;;;;;AAiCA,UAAMA,IAAmBC;AAAA,MACvB,MACEC,EAAQ,YACRA,EAAQ,gBAAgBA,EAAQ,aAChCA,EAAQ,cAAc;AAAA,IAAA;;;;;;;;;;;;;;;;"}

package/es/components/pagination/components/pager.vue.d.ts

@@ -0,0 +1,39 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    currentPage: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    pageCount: {
+        type: __PropType<number>;
+        required: true;
+    };
+    pagerCount: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    currentPage: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    pageCount: {
+        type: __PropType<number>;
+        required: true;
+    };
+    pagerCount: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _sfc_main;

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

@@ -0,0 +1,5 @@
+import f from "./pager.vue2.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=pager.vue.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pager.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,153 @@
+import { defineComponent as K, ref as f, computed as B, watchEffect as A, openBlock as r, createElementBlock as c, normalizeClass as g, unref as a, withKeys as H, createCommentVNode as m, createBlock as v, Fragment as I, renderList as V, toDisplayString as F } from "vue";
+import { useNamespace as L } from "../../../hooks/use-namespace/index.mjs";
+import "@popperjs/core";
+import "lodash";
+import "../../../hooks/use-z-index/index.mjs";
+import "@vueuse/core";
+import "@vue/shared";
+import "@vft/utils";
+import { VftIcon as b } from "../../icon/index.mjs";
+const D = ["onKeyup"], O = ["aria-current", "tabindex"], S = ["tabindex"], j = ["aria-current", "tabindex"], G = ["tabindex"], J = ["aria-current", "tabindex"], _ = /* @__PURE__ */ K({
+  __name: "pager",
+  props: {
+    currentPage: { default: 1 },
+    pageCount: null,
+    pagerCount: { default: 7 },
+    disabled: { type: Boolean }
+  },
+  emits: ["change"],
+  setup(e, { emit: w }) {
+    const l = L("pager"), M = L("icon"), C = f(!1), P = f(!1), k = f(!1), x = f(!1), y = f(!1), N = f(!1), E = B(() => {
+      const u = (e.pagerCount - 1) / 2;
+      let t = !1, n = !1;
+      e.pageCount > e.pagerCount && (e.currentPage > e.pagerCount - u && (t = !0), e.currentPage < e.pageCount - u && (n = !0));
+      const o = [];
+      if (t && !n) {
+        const i = e.pageCount - (e.pagerCount - 2);
+        for (let s = i; s < e.pageCount; s++)
+          o.push(s);
+      } else if (!t && n)
+        for (let i = 2; i < e.pagerCount; i++)
+          o.push(i);
+      else if (t && n) {
+        const i = Math.floor(e.pagerCount / 2) - 1;
+        for (let s = e.currentPage - i; s <= e.currentPage + i; s++)
+          o.push(s);
+      } else
+        for (let i = 2; i < e.pageCount; i++)
+          o.push(i);
+      return o;
+    }), d = B(() => e.disabled ? -1 : 0);
+    A(() => {
+      const u = (e.pagerCount - 1) / 2;
+      C.value = !1, P.value = !1, e.pageCount > e.pagerCount && (e.currentPage > e.pagerCount - u && (C.value = !0), e.currentPage < e.pageCount - u && (P.value = !0));
+    });
+    function h(u = !1) {
+      e.disabled || (u ? k.value = !0 : x.value = !0);
+    }
+    function q(u = !1) {
+      u ? y.value = !0 : N.value = !0;
+    }
+    function z(u) {
+      const t = u.target;
+      if (t.tagName.toLowerCase() === "li" && Array.from(t.classList).includes("number")) {
+        const n = Number(t.textContent);
+        n !== e.currentPage && w("change", n);
+      } else
+        t.tagName.toLowerCase() === "li" && Array.from(t.classList).includes("more") && $(u);
+    }
+    function $(u) {
+      const t = u.target;
+      if (t.tagName.toLowerCase() === "ul" || e.disabled)
+        return;
+      let n = Number(t.textContent);
+      const o = e.pagerCount - 2;
+      t.className.includes("more") && (t.className.includes("quickprev") ? n = e.currentPage - o : t.className.includes("quicknext") && (n = e.currentPage + o)), Number.isNaN(+n) || (n < 1 && (n = 1), n > e.pageCount && (n = e.pageCount)), n !== e.currentPage && w("change", n);
+    }
+    return (u, t) => (r(), c("ul", {
+      class: g(a(l).b()),
+      onClick: $,
+      onKeyup: H(z, ["enter"])
+    }, [
+      e.pageCount > 0 ? (r(), c("li", {
+        key: 0,
+        class: g([[
+          a(l).is("active", e.currentPage === 1),
+          a(l).is("disabled", e.disabled)
+        ], "number"]),
+        "aria-current": e.currentPage === 1,
+        tabindex: a(d)
+      }, " 1 ", 10, O)) : m("", !0),
+      C.value ? (r(), c("li", {
+        key: 1,
+        class: g([
+          "more",
+          "btn-quickprev",
+          a(M).b(),
+          a(l).is("disabled", e.disabled)
+        ]),
+        tabindex: a(d),
+        onMouseenter: t[0] || (t[0] = (n) => h(!0)),
+        onMouseleave: t[1] || (t[1] = (n) => k.value = !1),
+        onFocus: t[2] || (t[2] = (n) => q(!0)),
+        onBlur: t[3] || (t[3] = (n) => y.value = !1)
+      }, [
+        (k.value || y.value) && !e.disabled ? (r(), v(a(b), {
+          key: 0,
+          icon: "vi-arrow-lefts",
+          size: 12,
+          scale: 0.8
+        }, null, 8, ["scale"])) : (r(), v(a(b), {
+          key: 1,
+          icon: "vi-more"
+        }))
+      ], 42, S)) : m("", !0),
+      (r(!0), c(I, null, V(a(E), (n) => (r(), c("li", {
+        key: n,
+        class: g([[
+          a(l).is("active", e.currentPage === n),
+          a(l).is("disabled", e.disabled)
+        ], "number"]),
+        "aria-current": e.currentPage === n,
+        tabindex: a(d)
+      }, F(n), 11, j))), 128)),
+      P.value ? (r(), c("li", {
+        key: 2,
+        class: g([
+          "more",
+          "btn-quicknext",
+          a(M).b(),
+          a(l).is("disabled", e.disabled)
+        ]),
+        tabindex: a(d),
+        onMouseenter: t[4] || (t[4] = (n) => h()),
+        onMouseleave: t[5] || (t[5] = (n) => x.value = !1),
+        onFocus: t[6] || (t[6] = (n) => q()),
+        onBlur: t[7] || (t[7] = (n) => N.value = !1)
+      }, [
+        (x.value || N.value) && !e.disabled ? (r(), v(a(b), {
+          key: 0,
+          icon: "vi-arrow-rights",
+          size: 12,
+          scale: 0.8
+        }, null, 8, ["scale"])) : (r(), v(a(b), {
+          key: 1,
+          icon: "vi-more"
+        }))
+      ], 42, G)) : m("", !0),
+      e.pageCount > 1 ? (r(), c("li", {
+        key: 3,
+        class: g([[
+          a(l).is("active", e.currentPage === e.pageCount),
+          a(l).is("disabled", e.disabled)
+        ], "number"]),
+        "aria-current": e.currentPage === e.pageCount,
+        tabindex: a(d)
+      }, F(e.pageCount), 11, J)) : m("", !0)
+    ], 42, D));
+  }
+});
+export {
+  _ as default
+};
+//# sourceMappingURL=pager.vue2.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pager.vue2.mjs","sources":["../../../../../../packages/components/pagination/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      :tabindex=\"tabindex\"\n    >\n      1\n    </li>\n    <li\n      v-if=\"showPrevMore\"\n      :class=\"[\n        'more',\n        'btn-quickprev',\n        nsIcon.b(),\n        nsPager.is('disabled', disabled),\n      ]\"\n      :tabindex=\"tabindex\"\n      @mouseenter=\"onMouseEnter(true)\"\n      @mouseleave=\"quickPrevHover = false\"\n      @focus=\"onFocus(true)\"\n      @blur=\"quickPrevFocus = false\"\n    >\n      <Icon v-if=\"(quickPrevHover || quickPrevFocus) && !disabled\" icon=\"vi-arrow-lefts\" :size=\"12\" :scale=\"0.8\" />\n      <Icon v-else icon=\"vi-more\" />\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      :tabindex=\"tabindex\"\n    >\n      {{ pager }}\n    </li>\n    <li\n      v-if=\"showNextMore\"\n      :class=\"[\n        'more',\n        'btn-quicknext',\n        nsIcon.b(),\n        nsPager.is('disabled', disabled),\n      ]\"\n      :tabindex=\"tabindex\"\n      @mouseenter=\"onMouseEnter()\"\n      @mouseleave=\"quickNextHover = false\"\n      @focus=\"onFocus()\"\n      @blur=\"quickNextFocus = false\"\n    >\n      <Icon v-if=\"(quickNextHover || quickNextFocus) && !disabled\" icon=\"vi-arrow-rights\" :size=\"12\"\n        :scale=\"0.8\" />\n      <Icon v-else icon=\"vi-more\" />\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      :tabindex=\"tabindex\"\n    >\n      {{ pageCount }}\n    </li>\n  </ul>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, ref, watchEffect } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { VftIcon as Icon } from '@vft-ui/components/icon';\n\ninterface Props {\n  currentPage?: number;\n  pageCount: number;\n  pagerCount?: number;\n  disabled?: boolean;\n}\n\ndefineProps({\n  \"currentPage\": { default: 1 },\n  \"pageCount\": null,\n  \"pagerCount\": { default: 7 },\n  \"disabled\": { type: Boolean,  }\n})\n\nconst emit = defineEmits(['change']);\nconst nsPager = useNamespace('pager');\nconst nsIcon = useNamespace('icon');\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 halfPagerCount = (__props.pagerCount - 1) / 2;\n  let showPrevMore = false;\n  let showNextMore = false;\n  if (__props.pageCount > __props.pagerCount) {\n    if (__props.currentPage > __props.pagerCount - halfPagerCount) {\n      showPrevMore = true;\n    }\n    if (__props.currentPage < __props.pageCount - halfPagerCount) {\n      showNextMore = true;\n    }\n  }\n  const array: number[] = [];\n  if (showPrevMore && !showNextMore) {\n    const startPage = __props.pageCount - (__props.pagerCount - 2);\n    for (let i = startPage; i < __props.pageCount; i++) {\n      array.push(i);\n    }\n  } else if (!showPrevMore && showNextMore) {\n    for (let i = 2; i < __props.pagerCount; i++) {\n      array.push(i);\n    }\n  } else if (showPrevMore && showNextMore) {\n    const offset = Math.floor(__props.pagerCount / 2) - 1;\n    for (let i = __props.currentPage - offset; i <= __props.currentPage + offset; i++) {\n      array.push(i);\n    }\n  } else {\n    for (let i = 2; i < __props.pageCount; i++) {\n      array.push(i);\n    }\n  }\n  return array;\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});\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}\n\nfunction onFocus (forward = false) {\n  if (forward) {\n    quickPrevFocus.value = true;\n  } else {\n    quickNextFocus.value = true;\n  }\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}\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 pagerCountOffset = __props.pagerCount - 2;\n  if (target.className.includes('more')) {\n    if (target.className.includes('quickprev')) {\n      newPage = __props.currentPage - pagerCountOffset;\n    } else if (target.className.includes('quicknext')) {\n      newPage = __props.currentPage + pagerCountOffset;\n    }\n  }\n  if (!Number.isNaN(+newPage)) {\n    if (newPage < 1) {\n      newPage = 1;\n    }\n    if (newPage > __props.pageCount) {\n      newPage = __props.pageCount;\n    }\n  }\n  if (newPage !== __props.currentPage) {\n    emit('change', newPage);\n  }\n}\n</script>\n"],"names":["nsPager","useNamespace","nsIcon","showPrevMore","ref","showNextMore","quickPrevHover","quickNextHover","quickPrevFocus","quickNextFocus","pagers","computed","halfPagerCount","__props","array","startPage","i","offset","tabindex","watchEffect","onMouseEnter","forward","onFocus","onEnter","e","target","newPage","emit","onPagerClick","event","pagerCountOffset"],"mappings":"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"}

package/es/components/pagination/components/prev.vue.d.ts

@@ -0,0 +1,31 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    currentPage: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    prevText: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    currentPage: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    prevText: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _sfc_main;

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

@@ -0,0 +1,5 @@
+import f from "./prev.vue2.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=prev.vue.mjs.map

package/es/components/pagination/components/prev.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"prev.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,33 @@
+import { defineComponent as d, computed as c, openBlock as r, createElementBlock as a, unref as t, toDisplayString as s, createCommentVNode as u, createVNode as m } from "vue";
+import { VftIcon as p } from "../../icon/index.mjs";
+const b = ["disabled", "aria-disabled"], f = { key: 0 }, y = /* @__PURE__ */ d({
+  __name: "prev",
+  props: {
+    disabled: { type: Boolean },
+    currentPage: { default: 1 },
+    prevText: null
+  },
+  emits: ["click"],
+  setup(e, { emit: i }) {
+    const n = c(
+      () => e.disabled || e.currentPage <= 1
+    );
+    return (k, o) => (r(), a("button", {
+      type: "button",
+      class: "btn-prev",
+      disabled: t(n),
+      "aria-disabled": t(n),
+      onClick: o[0] || (o[0] = (l) => i("click", l))
+    }, [
+      e.prevText ? (r(), a("span", f, s(e.prevText), 1)) : u("", !0),
+      m(t(p), {
+        icon: "vi-arrow-left",
+        size: 16
+      })
+    ], 8, b));
+  }
+});
+export {
+  y as default
+};
+//# sourceMappingURL=prev.vue2.mjs.map

package/es/components/pagination/components/prev.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"prev.vue2.mjs","sources":["../../../../../../packages/components/pagination/components/prev.vue"],"sourcesContent":["<template>\n  <button\n    type=\"button\"\n    class=\"btn-prev\"\n    :disabled=\"internalDisabled\"\n    :aria-disabled=\"internalDisabled\"\n    @click=\"emit('click', $event)\"\n  >\n    <span v-if=\"prevText\">{{ prevText }}</span>\n    <Icon icon=\"vi-arrow-left\" :size=\"16\"/>\n  </button>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { VftIcon as Icon } from '@vft-ui/components/icon';\n\ninterface Props {\n  disabled?: boolean\n  currentPage?: number\n  prevText?:string\n}\n\ndefineProps({\n  \"disabled\": { type: Boolean,  },\n  \"currentPage\": { default: 1 },\n  \"prevText\": null\n})\n\nconst emit = defineEmits(['click']);\n\nconst internalDisabled = computed(\n  () => __props.disabled || __props.currentPage <= 1\n);\n</script>\n"],"names":["internalDisabled","computed","__props"],"mappings":";;;;;;;;;;;AA+BA,UAAMA,IAAmBC;AAAA,MACvB,MAAMC,EAAQ,YAAYA,EAAQ,eAAe;AAAA,IAAA;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,47 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    pageSize: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    pageSizes: {
+        type: __PropType<number[] | undefined>;
+        required: false;
+    };
+    popperClass: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    size: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "page-size-change"[], "page-size-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    pageSize: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    pageSizes: {
+        type: __PropType<number[] | undefined>;
+        required: false;
+    };
+    popperClass: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    size: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+}>> & {
+    "onPage-size-change"?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _sfc_main;

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

@@ -0,0 +1,5 @@
+import f from "./sizes.vue2.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=sizes.vue.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,45 @@
+import { defineComponent as p, ref as m, watch as t, computed as c, openBlock as l, createElementBlock as g, normalizeClass as z, unref as u } from "vue";
+import { isEqual as f } from "lodash";
+import { useNamespace as S } from "../../../hooks/use-namespace/index.mjs";
+import "@popperjs/core";
+import "../../../hooks/use-z-index/index.mjs";
+import "@vueuse/core";
+import "@vue/shared";
+import "@vft/utils";
+import { usePagination as d } from "../usePagination.mjs";
+const b = /* @__PURE__ */ p({
+  __name: "sizes",
+  props: {
+    pageSize: null,
+    pageSizes: { default: [10, 20, 30, 40, 50, 100] },
+    popperClass: null,
+    disabled: { type: Boolean },
+    size: null
+  },
+  emits: ["page-size-change"],
+  setup(e, { emit: n }) {
+    const s = S("pagination");
+    d();
+    const o = m(e.pageSize);
+    return t(
+      () => e.pageSizes,
+      (i, a) => {
+        if (!f(i, a) && Array.isArray(i)) {
+          const r = i.includes(e.pageSize) ? e.pageSize : e.pageSizes[0];
+          n("page-size-change", r);
+        }
+      }
+    ), t(
+      () => e.pageSize,
+      (i) => {
+        o.value = i;
+      }
+    ), c(() => e.pageSizes), (i, a) => (l(), g("span", {
+      class: z(u(s).e("sizes"))
+    }, " 暂无 ", 2));
+  }
+});
+export {
+  b as default
+};
+//# sourceMappingURL=sizes.vue2.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.vue2.mjs","sources":["../../../../../../packages/components/pagination/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=\"size\"-->\n    <!--  :validate-event=\"false\"-->\n    <!--  @change=\"handleChange\"-->\n    <!--&gt;-->\n    <!--  <el-option-->\n    <!--    v-for=\"item in innerPageSizes\"-->\n    <!--    :key=\"item\"-->\n    <!--    :value=\"item\"-->\n    <!--    :label=\"item + '条/页'\"-->\n    <!--  />-->\n    <!--</el-select>-->\n\t\t暂无\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue';\nimport { isEqual } from 'lodash';\n// import { ElOption, ElSelect } from 'element-plus';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { usePagination } from '../usePagination';\n\ninterface Props {\n  pageSize?: number\n  pageSizes?: number[]\n  popperClass?: string\n  disabled?: boolean\n  size?: string\n}\n\ndefineProps({\n  \"pageSize\": null,\n  \"pageSizes\": { default: [10, 20, 30, 40, 50, 100] },\n  \"popperClass\": null,\n  \"disabled\": { type: Boolean,  },\n  \"size\": null\n})\n\nconst emit = defineEmits(['page-size-change']);\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 (Array.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":["ns","useNamespace","usePagination","innerPageSize","ref","__props","watch","newVal","oldVal","isEqual","_pageSize","emit","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;AA6CM,UAAAA,IAAKC,EAAa,YAAY;AACjB,IAAAC,EAAc;AAC3B,UAAAC,IAAgBC,EAAYC,EAAQ,QAAS;AAEnD,WAAAC;AAAA,MACE,MAAMD,EAAQ;AAAA,MACd,CAACE,GAAQC,MAAW;AACd,YAAA,CAAAC,EAAQF,GAAQC,CAAM,KACtB,MAAM,QAAQD,CAAM,GAAG;AACnB,gBAAAG,IAAYH,EAAO,SAASF,EAAQ,QAAS,IAC/CA,EAAQ,WACRA,EAAQ,UAAU,CAAC;AACvB,UAAAM,EAAK,oBAAoBD,CAAS;AAAA,QACpC;AAAA,MACF;AAAA,IAAA,GAGFJ;AAAA,MACE,MAAMD,EAAQ;AAAA,MACd,CAACE,MAAW;AACV,QAAAJ,EAAc,QAAQI;AAAA,MACxB;AAAA,IAAA,GAGqBK,EAAS,MAAMP,EAAQ,SAAS;;;;;"}

package/es/components/pagination/components/total.vue.d.ts

@@ -0,0 +1,13 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    total: {
+        type: __PropType<number>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    total: {
+        type: __PropType<number>;
+        required: true;
+    };
+}>>, {}>;
+export default _sfc_main;

package/es/components/pagination/components/total.vue.mjs

@@ -0,0 +1,5 @@
+import f from "./total.vue2.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=total.vue.mjs.map

package/es/components/pagination/components/total.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"total.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}