vft 0.0.18 → 0.0.19

package/es/packages/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/packages/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/packages/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/packages/components/pagination/components/prev.vue.mjs.map

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

package/es/packages/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/packages/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/packages/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/packages/components/pagination/components/sizes.vue.mjs.map

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

package/es/packages/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/packages/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/packages/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/packages/components/pagination/components/total.vue.mjs.map

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

package/es/packages/components/pagination/components/total.vue2.mjs

@@ -0,0 +1,26 @@
+import { defineComponent as i, openBlock as n, createElementBlock as r, normalizeClass as s, unref as t, toDisplayString as p } from "vue";
+import { useNamespace as m } 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 { usePagination as l } from "../usePagination.mjs";
+const c = ["disabled"], y = /* @__PURE__ */ i({
+  __name: "total",
+  props: {
+    total: { default: 1e3 }
+  },
+  setup(o) {
+    const e = m("pagination"), { disabled: a } = l();
+    return (d, f) => (n(), r("span", {
+      class: s(t(e).e("total")),
+      disabled: t(a)
+    }, p(o.total), 11, c));
+  }
+});
+export {
+  y as default
+};
+//# sourceMappingURL=total.vue2.mjs.map

package/es/packages/components/pagination/components/total.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"total.vue2.mjs","sources":["../../../../../../../packages/components/pagination/components/total.vue"],"sourcesContent":["<template>\n  <span :class=\"ns.e('total')\" :disabled=\"disabled\">\n    {{ total }}\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@vft-ui/hooks';\nimport { usePagination } from '../usePagination';\n\nconst ns = useNamespace('pagination');\nconst { disabled } = usePagination();\n\ninterface Props {\n  total: number;\n}\n\ndefineProps({\n  \"total\": { default: 1000 }\n})\n</script>\n"],"names":["ns","useNamespace","disabled","usePagination"],"mappings":";;;;;;;;;;;;;;;AAUM,UAAAA,IAAKC,EAAa,YAAY,GAC9B,EAAE,UAAAC,MAAaC;;;;;;;"}

package/es/packages/components/pagination/index.mjs

@@ -0,0 +1,16 @@
+import { withInstall as t } from "../../utils/vue/install.mjs";
+import "vue";
+import "@vue/shared";
+import "@vft/utils";
+import o from "./pagination.mjs";
+import { paginationEmits as g } from "./pagination.mjs";
+import { elPaginationKey as l, usePagination as P } from "./usePagination.mjs";
+const p = t(o);
+export {
+  p as VftPagination,
+  p as default,
+  l as elPaginationKey,
+  g as paginationEmits,
+  P as usePagination
+};
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/pagination/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/pagination/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Pagination from './pagination'\n\nexport const VftPagination = withInstall(Pagination)\nexport default VftPagination\n\nexport * from './pagination'\nexport * from './usePagination'\n"],"names":["VftPagination","withInstall","Pagination"],"mappings":";;;;;;;AAIa,MAAAA,IAAgBC,EAAYC,CAAU;"}

package/es/packages/components/pagination/pagination.mjs

@@ -0,0 +1,251 @@
+import { isNumber as g } from "@vft/utils";
+import { defineComponent as w, getCurrentInstance as A, computed as s, ref as y, watch as E, provide as M, h as l } from "vue";
+import { useNamespace as U } 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 $ from "./components/prev.vue2.mjs";
+import j from "./components/next.vue2.mjs";
+import L from "./components/sizes.vue2.mjs";
+import R from "./components/jumper.vue2.mjs";
+import W from "./components/total.vue2.mjs";
+import O from "./components/pager.vue2.mjs";
+import { elPaginationKey as V } from "./usePagination.mjs";
+const n = (e) => typeof e != "number", K = {
+  "update:current-page": (e) => g(e),
+  "update:page-size": (e) => g(e),
+  "size-change": (e) => g(e),
+  "current-change": (e) => g(e),
+  "prev-click": (e) => g(e),
+  "next-click": (e) => g(e)
+}, q = "VftPagination", ue = w({
+  name: q,
+  props: {
+    /**
+     * @description total item count
+     */
+    total: Number,
+    /**
+     * @description options of item count per page
+     */
+    pageSize: Number,
+    /**
+     * @description default initial value of page size
+     */
+    defaultPageSize: Number,
+    /**
+     * @description current page number
+     */
+    currentPage: Number,
+    /**
+     * @description default initial value of current-page
+     */
+    defaultCurrentPage: Number,
+    /**
+     * @description total page count. Set either `total` or `page-count` and pages will be displayed; if you need `page-sizes`, `total` is required
+     */
+    pageCount: Number,
+    /**
+     * @description number of pagers. Pagination collapses when the total page count exceeds this value
+     */
+    pagerCount: {
+      type: Number,
+      validator: (e) => g(e) && Math.trunc(e) === e && e > 4 && e < 22 && e % 2 === 1,
+      default: 7
+    },
+    /**
+     * @description layout of Pagination, elements separated with a comma
+     */
+    layout: {
+      type: String,
+      default: ["prev", "pager", "next", "jumper", "->", "total"].join(", ")
+    },
+    /**
+     * @description item count of each page
+     */
+    pageSizes: {
+      type: Array,
+      default: [10, 20, 30, 40, 50, 100]
+    },
+    /**
+     * @description custom class name for the page size Select's dropdown
+     */
+    popperClass: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @description text for the prev button
+     */
+    prevText: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @description icon for the prev button, higher priority of `prev-text`
+     */
+    prevIcon: {
+      type: String,
+      default: () => "ArrowLeft"
+    },
+    /**
+     * @description text for the next button
+     */
+    nextText: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @description icon for the next button, higher priority of `next-text`
+     */
+    nextIcon: {
+      type: String,
+      default: () => "ArrowRight"
+    },
+    /**
+     * @description whether to use small pagination
+     */
+    small: Boolean,
+    /**
+     * @description whether the buttons have a background color
+     */
+    background: Boolean,
+    /**
+     * @description whether Pagination is disabled
+     */
+    disabled: Boolean,
+    /**
+     * @description whether to hide when there's only one page
+     */
+    hideOnSinglePage: Boolean
+  },
+  emits: K,
+  setup(e, { emit: o, slots: f }) {
+    const r = U("pagination"), c = A().vnode.props || {}, v = "onUpdate:currentPage" in c || "onUpdate:current-page" in c || "onCurrentChange" in c, p = "onUpdate:pageSize" in c || "onUpdate:page-size" in c || "onSizeChange" in c, _ = s(() => {
+      if (n(e.total) && n(e.pageCount) || !n(e.currentPage) && !v)
+        return !1;
+      if (e.layout.includes("sizes")) {
+        if (n(e.pageCount)) {
+          if (!n(e.total) && !n(e.pageSize) && !p)
+            return !1;
+        } else if (!p)
+          return !1;
+      }
+      return !0;
+    }), P = y(n(e.defaultPageSize) ? 10 : e.defaultPageSize), b = y(n(e.defaultCurrentPage) ? 1 : e.defaultCurrentPage), C = s({
+      get() {
+        return n(e.pageSize) ? P.value : e.pageSize;
+      },
+      set(a) {
+        n(e.pageSize) && (P.value = a), p && (o("update:page-size", a), o("size-change", a));
+      }
+    }), u = s(() => {
+      let a = 0;
+      return n(e.pageCount) ? n(e.total) || (a = Math.max(1, Math.ceil(e.total / C.value))) : a = e.pageCount, a;
+    }), i = s({
+      get() {
+        return n(e.currentPage) ? b.value : e.currentPage;
+      },
+      set(a) {
+        let t = a;
+        a < 1 ? t = 1 : a > u.value && (t = u.value), n(e.currentPage) && (b.value = t), v && (o("update:current-page", t), o("current-change", t));
+      }
+    });
+    E(u, (a) => {
+      i.value > a && (i.value = a);
+    });
+    function z(a) {
+      i.value = a;
+    }
+    function N(a) {
+      C.value = a;
+      const t = u.value;
+      i.value > t && (i.value = t);
+    }
+    function k() {
+      e.disabled || (i.value -= 1, o("prev-click", i.value));
+    }
+    function T() {
+      e.disabled || (i.value += 1, o("next-click", i.value));
+    }
+    function m(a, t) {
+      a && (a.props || (a.props = {}), a.props.class = [a.props.class, t].join(" "));
+    }
+    return M(V, {
+      pageCount: u,
+      disabled: s(() => e.disabled),
+      currentPage: i,
+      changeEvent: z,
+      handleSizeChange: N
+    }), () => {
+      var x;
+      if (!_.value || !e.layout || e.hideOnSinglePage && u.value <= 1)
+        return null;
+      const a = [], t = [], B = l("div", { class: r.e("rightwrapper") }, t), S = {
+        prev: l($, {
+          disabled: e.disabled,
+          currentPage: i.value,
+          prevText: e.prevText,
+          prevIcon: e.prevIcon,
+          onClick: k
+        }),
+        jumper: l(R, {
+          size: e.small ? "small" : "default"
+        }),
+        pager: l(O, {
+          currentPage: i.value,
+          pageCount: u.value,
+          pagerCount: e.pagerCount,
+          onChange: z,
+          disabled: e.disabled
+        }),
+        next: l(j, {
+          disabled: e.disabled,
+          currentPage: i.value,
+          pageCount: u.value,
+          nextText: e.nextText,
+          nextIcon: e.nextIcon,
+          onClick: T
+        }),
+        sizes: l(L, {
+          pageSize: C.value,
+          pageSizes: e.pageSizes,
+          popperClass: e.popperClass,
+          disabled: e.disabled,
+          size: e.small ? "small" : "default"
+        }),
+        slot: ((x = f == null ? void 0 : f.default) == null ? void 0 : x.call(f)) ?? null,
+        total: l(W, { total: n(e.total) ? 0 : e.total })
+      }, I = e.layout.split(",").map((d) => d.trim());
+      let h = !1;
+      return I.forEach((d) => {
+        if (d === "->") {
+          h = !0;
+          return;
+        }
+        h ? t.push(S[d]) : a.push(S[d]);
+      }), m(a[0], r.is("first")), m(a[a.length - 1], r.is("last")), h && t.length > 0 && (m(t[0], r.is("first")), m(t[t.length - 1], r.is("last")), a.push(B)), l(
+        "div",
+        {
+          role: "pagination",
+          "aria-label": "pagination",
+          class: [
+            r.b(),
+            r.is("background", e.background),
+            {
+              [r.m("small")]: e.small
+            }
+          ]
+        },
+        a
+      );
+    };
+  }
+});
+export {
+  ue as default,
+  K as paginationEmits
+};
+//# sourceMappingURL=pagination.mjs.map

package/es/packages/components/pagination/pagination.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.mjs","sources":["../../../../../../packages/components/pagination/pagination.ts"],"sourcesContent":["import { isNumber } from '@vft/utils';\nimport { computed, type ComputedRef, defineComponent, getCurrentInstance, h, type InjectionKey, provide, ref, watch, type WritableComputedRef } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\n\nimport Prev from './components/prev.vue';\nimport Next from './components/next.vue';\nimport Sizes from './components/sizes.vue';\nimport Jumper from './components/jumper.vue';\nimport Total from './components/total.vue';\nimport Pager from './components/pager.vue';\n\nimport type { VNode } from 'vue';\nimport { elPaginationKey } from './usePagination';\n\n/**\n * It it user's responsibility to guarantee that the value of props.total... is number\n * (same as pageSize, defaultPageSize, currentPage, defaultCurrentPage, pageCount)\n * Otherwise we can reasonable infer that the corresponding field is absent\n */\nconst isAbsent = (v: unknown): v is undefined => typeof v !== 'number';\n\ntype LayoutKey = 'prev' | 'pager' | 'next' | 'jumper' | '->' | 'total' | 'sizes' | 'slot';\n\nexport const paginationEmits = {\n  'update:current-page': (val: number) => isNumber(val),\n  'update:page-size': (val: number) => isNumber(val),\n  'size-change': (val: number) => isNumber(val),\n  'current-change': (val: number) => isNumber(val),\n  'prev-click': (val: number) => isNumber(val),\n  'next-click': (val: number) => isNumber(val)\n};\nexport type PaginationEmits = typeof paginationEmits;\n\nconst componentName = 'VftPagination';\nexport default defineComponent({\n  name: componentName,\n  props: {\n    /**\n     * @description total item count\n     */\n    total: Number,\n    /**\n     * @description options of item count per page\n     */\n    pageSize: Number,\n    /**\n     * @description default initial value of page size\n     */\n    defaultPageSize: Number,\n    /**\n     * @description current page number\n     */\n    currentPage: Number,\n    /**\n     * @description default initial value of current-page\n     */\n    defaultCurrentPage: Number,\n    /**\n     * @description total page count. Set either `total` or `page-count` and pages will be displayed; if you need `page-sizes`, `total` is required\n     */\n    pageCount: Number,\n    /**\n     * @description number of pagers. Pagination collapses when the total page count exceeds this value\n     */\n    pagerCount: {\n      type: Number,\n      validator: (value: unknown) => {\n        return isNumber(value) && Math.trunc(value) === value && value > 4 && value < 22 && value % 2 === 1;\n      },\n      default: 7\n    },\n    /**\n     * @description layout of Pagination, elements separated with a comma\n     */\n    layout: {\n      type: String,\n      default: (['prev', 'pager', 'next', 'jumper', '->', 'total'] as LayoutKey[]).join(', ')\n    },\n    /**\n     * @description item count of each page\n     */\n    pageSizes: {\n      type: Array,\n      default: [10, 20, 30, 40, 50, 100]\n    },\n    /**\n     * @description custom class name for the page size Select's dropdown\n     */\n    popperClass: {\n      type: String,\n      default: ''\n    },\n    /**\n     * @description text for the prev button\n     */\n    prevText: {\n      type: String,\n      default: ''\n    },\n    /**\n     * @description icon for the prev button, higher priority of `prev-text`\n     */\n    prevIcon: {\n      type: String,\n      default: () => 'ArrowLeft'\n    },\n    /**\n     * @description text for the next button\n     */\n    nextText: {\n      type: String,\n      default: ''\n    },\n    /**\n     * @description icon for the next button, higher priority of `next-text`\n     */\n    nextIcon: {\n      type: String,\n      default: () => 'ArrowRight'\n    },\n    /**\n     * @description whether to use small pagination\n     */\n    small: Boolean,\n    /**\n     * @description whether the buttons have a background color\n     */\n    background: Boolean,\n    /**\n     * @description whether Pagination is disabled\n     */\n    disabled: Boolean,\n    /**\n     * @description whether to hide when there's only one page\n     */\n    hideOnSinglePage: Boolean\n  },\n  emits: paginationEmits,\n  setup(props, { emit, slots }) {\n    const ns = useNamespace('pagination');\n    const vnodeProps = getCurrentInstance()!.vnode.props || {};\n    // we can find @xxx=\"xxx\" props on `vnodeProps` to check if user bind corresponding events\n    const hasCurrentPageListener = 'onUpdate:currentPage' in vnodeProps || 'onUpdate:current-page' in vnodeProps || 'onCurrentChange' in vnodeProps;\n    const hasPageSizeListener = 'onUpdate:pageSize' in vnodeProps || 'onUpdate:page-size' in vnodeProps || 'onSizeChange' in vnodeProps;\n    const assertValidUsage = computed(() => {\n      // Users have to set either one, otherwise count of pages cannot be determined\n      if (isAbsent(props.total) && isAbsent(props.pageCount)) return false;\n      // <el-pagination ...otherProps :current-page=\"xxx\" /> without corresponding listener is forbidden now\n      // Users have to use two way binding of `currentPage`\n      // If users just want to provide a default value, `defaultCurrentPage` is here for you\n      if (!isAbsent(props.currentPage) && !hasCurrentPageListener) return false;\n      // When you want to change sizes, things get more complex, detailed below\n      // Basically the most important value we need is page count\n      // either directly from props.pageCount\n      // or calculated from props.total\n      // we will take props.pageCount precedence over props.total\n      if (props.layout.includes('sizes')) {\n        if (!isAbsent(props.pageCount)) {\n          // if props.pageCount is assign by user, then user have to watch pageSize change\n          // and recalculate pageCount\n          if (!hasPageSizeListener) return false;\n        } else if (!isAbsent(props.total)) {\n          // Otherwise, we will see if user have props.pageSize defined\n          // If so, meaning user want to have pageSize controlled himself/herself from component\n          // Thus page size listener is required\n          // users are account for page size change\n          if (!isAbsent(props.pageSize)) {\n            if (!hasPageSizeListener) {\n              return false;\n            }\n          } else {\n            // (else block just for explaination)\n            // else page size is controlled by el-pagination internally\n          }\n        }\n      }\n      return true;\n    });\n\n    const innerPageSize = ref(isAbsent(props.defaultPageSize) ? 10 : props.defaultPageSize);\n    const innerCurrentPage = ref(isAbsent(props.defaultCurrentPage) ? 1 : props.defaultCurrentPage);\n\n    const pageSizeBridge = computed({\n      get() {\n        return isAbsent(props.pageSize) ? innerPageSize.value : props.pageSize;\n      },\n      set(v: number) {\n        if (isAbsent(props.pageSize)) {\n          innerPageSize.value = v;\n        }\n        if (hasPageSizeListener) {\n          emit('update:page-size', v);\n          emit('size-change', v);\n        }\n      }\n    });\n\n    const pageCountBridge = computed<number>(() => {\n      let pageCount = 0;\n      if (!isAbsent(props.pageCount)) {\n        pageCount = props.pageCount;\n      } else if (!isAbsent(props.total)) {\n        pageCount = Math.max(1, Math.ceil(props.total / pageSizeBridge.value));\n      }\n      return pageCount;\n    });\n\n    const currentPageBridge = computed<number>({\n      get() {\n        return isAbsent(props.currentPage) ? innerCurrentPage.value : props.currentPage;\n      },\n      set(v) {\n        let newCurrentPage = v;\n        if (v < 1) {\n          newCurrentPage = 1;\n        } else if (v > pageCountBridge.value) {\n          newCurrentPage = pageCountBridge.value;\n        }\n        if (isAbsent(props.currentPage)) {\n          innerCurrentPage.value = newCurrentPage;\n        }\n        if (hasCurrentPageListener) {\n          emit('update:current-page', newCurrentPage);\n          emit('current-change', newCurrentPage);\n        }\n      }\n    });\n\n    watch(pageCountBridge, (val) => {\n      if (currentPageBridge.value > val) currentPageBridge.value = val;\n    });\n\n    function handleCurrentChange(val: number) {\n      currentPageBridge.value = val;\n    }\n\n    function handleSizeChange(val: number) {\n      pageSizeBridge.value = val;\n      const newPageCount = pageCountBridge.value;\n      if (currentPageBridge.value > newPageCount) {\n        currentPageBridge.value = newPageCount;\n      }\n    }\n\n    function prev() {\n      if (props.disabled) return;\n      currentPageBridge.value -= 1;\n      emit('prev-click', currentPageBridge.value);\n    }\n\n    function next() {\n      if (props.disabled) return;\n      currentPageBridge.value += 1;\n      emit('next-click', currentPageBridge.value);\n    }\n\n    function addClass(element: any, cls: string) {\n      if (element) {\n        if (!element.props) {\n          element.props = {};\n        }\n        element.props.class = [element.props.class, cls].join(' ');\n      }\n    }\n\n    provide(elPaginationKey, {\n      pageCount: pageCountBridge,\n      disabled: computed(() => props.disabled),\n      currentPage: currentPageBridge,\n      changeEvent: handleCurrentChange,\n      handleSizeChange\n    });\n\n    return () => {\n      if (!assertValidUsage.value) {\n        // debugWarn(componentName, t('el.pagination.deprecationWarning'));\n        return null;\n      }\n      if (!props.layout) return null;\n      if (props.hideOnSinglePage && pageCountBridge.value <= 1) return null;\n      const rootChildren: Array<VNode | VNode[] | null> = [];\n      const rightWrapperChildren: Array<VNode | VNode[] | null> = [];\n      const rightWrapperRoot = h('div', { class: ns.e('rightwrapper') }, rightWrapperChildren);\n      const TEMPLATE_MAP: Record<Exclude<LayoutKey, '->'>, VNode | VNode[] | null> = {\n        prev: h(Prev, {\n          disabled: props.disabled,\n          currentPage: currentPageBridge.value,\n          prevText: props.prevText,\n          prevIcon: props.prevIcon,\n          onClick: prev\n        }),\n        jumper: h(Jumper, {\n          size: props.small ? 'small' : 'default'\n        }),\n        pager: h(Pager, {\n          currentPage: currentPageBridge.value,\n          pageCount: pageCountBridge.value,\n          pagerCount: props.pagerCount,\n          onChange: handleCurrentChange,\n          disabled: props.disabled\n        }),\n        next: h(Next, {\n          disabled: props.disabled,\n          currentPage: currentPageBridge.value,\n          pageCount: pageCountBridge.value,\n          nextText: props.nextText,\n          nextIcon: props.nextIcon,\n          onClick: next\n        }),\n        sizes: h(Sizes, {\n          pageSize: pageSizeBridge.value,\n          pageSizes: props.pageSizes,\n          popperClass: props.popperClass,\n          disabled: props.disabled,\n          size: props.small ? 'small' : 'default'\n        }),\n        slot: slots?.default?.() ?? null,\n        total: h(Total, { total: isAbsent(props.total) ? 0 : props.total })\n      };\n\n      const components = props.layout.split(',').map((item: string) => item.trim()) as LayoutKey[];\n\n      let haveRightWrapper = false;\n\n      components.forEach((c) => {\n        if (c === '->') {\n          haveRightWrapper = true;\n          return;\n        }\n        if (!haveRightWrapper) {\n          rootChildren.push(TEMPLATE_MAP[c]);\n        } else {\n          rightWrapperChildren.push(TEMPLATE_MAP[c]);\n        }\n      });\n\n      addClass(rootChildren[0], ns.is('first'));\n      addClass(rootChildren[rootChildren.length - 1], ns.is('last'));\n\n      if (haveRightWrapper && rightWrapperChildren.length > 0) {\n        addClass(rightWrapperChildren[0], ns.is('first'));\n        addClass(rightWrapperChildren[rightWrapperChildren.length - 1], ns.is('last'));\n        rootChildren.push(rightWrapperRoot);\n      }\n      return h(\n        'div',\n        {\n          role: 'pagination',\n          'aria-label': 'pagination',\n          class: [\n            ns.b(),\n            ns.is('background', props.background),\n            {\n              [ns.m('small')]: props.small\n            }\n          ]\n        },\n        rootChildren\n      );\n    };\n  }\n});\n"],"names":["isAbsent","v","paginationEmits","val","isNumber","componentName","Pagination","defineComponent","value","props","emit","slots","ns","useNamespace","vnodeProps","getCurrentInstance","hasCurrentPageListener","hasPageSizeListener","assertValidUsage","computed","innerPageSize","ref","innerCurrentPage","pageSizeBridge","pageCountBridge","pageCount","currentPageBridge","newCurrentPage","watch","handleCurrentChange","handleSizeChange","newPageCount","prev","next","addClass","element","cls","provide","elPaginationKey","rootChildren","rightWrapperChildren","rightWrapperRoot","h","TEMPLATE_MAP","Prev","Jumper","Pager","Next","Sizes","_a","Total","components","item","haveRightWrapper","c"],"mappings":"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"}

package/es/packages/components/pagination/style/css.mjs

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