vft 0.0.43 → 0.0.45

package/es/components/overlay/overlay.vue2.js

@@ -0,0 +1,76 @@
+import { defineComponent as c, useSlots as x, createVNode as y, renderSlot as u, h as r } from "vue";
+import { useNamespace as v } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import { noop as a } from "@vft/utils";
+import "../../utils/ns-cover.js";
+const i = (
+  /* hoist-static*/
+  v("overlay")
+), C = c({
+  name: i.b()
+}), V = /* @__PURE__ */ c({
+  ...C,
+  props: {
+    mask: { type: Boolean },
+    onlyNode: { type: Boolean },
+    customMaskEvent: { type: Boolean },
+    overlayClass: null,
+    zIndex: null
+  },
+  emits: ["click"],
+  setup(o, { emit: d }) {
+    const m = (n) => {
+      if (!n)
+        return { onClick: a, onMousedown: a, onMouseup: a };
+      let s = !1, l = !1;
+      return { onClick: (e) => {
+        s && l && n(e), s = l = !1;
+      }, onMousedown: (e) => {
+        s = e.target === e.currentTarget;
+      }, onMouseup: (e) => {
+        l = e.target === e.currentTarget;
+      } };
+    }, t = x(), p = (n) => {
+      d("click", n);
+    }, { onClick: f, onMousedown: M, onMouseup: k } = m(o.customMaskEvent ? void 0 : p);
+    return () => o.mask ? y(
+      "div",
+      {
+        class: [i.b(), o.overlayClass],
+        style: {
+          zIndex: o.zIndex
+        },
+        onClick: f,
+        onMousedown: M,
+        onMouseup: k
+      },
+      [u(t, "default")],
+      14,
+      ["onClick", "onMouseup", "onMousedown"]
+    ) : o.onlyNode ? r(
+      "div",
+      {},
+      [u(t, "default")]
+    ) : r(
+      "div",
+      {
+        class: o.overlayClass,
+        style: {
+          zIndex: o.zIndex,
+          position: "fixed",
+          top: "0px",
+          right: "0px",
+          bottom: "0px",
+          left: "0px"
+        }
+      },
+      [u(t, "default")]
+    );
+  }
+});
+export {
+  V as default
+};

package/es/components/page-wrapper/index.js

@@ -0,0 +1,10 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import r from "./page-wrapper.vue2.js";
+const f = t(r);
+export {
+  f as VftPageWrapper,
+  f as default
+};

package/es/components/page-wrapper/page-wrapper.vue.js

@@ -0,0 +1,4 @@
+import f from "./page-wrapper.vue2.js";
+export {
+  f as default
+};

package/es/components/page-wrapper/page-wrapper.vue2.js

@@ -0,0 +1,42 @@
+import { defineComponent as s, openBlock as p, createElementBlock as i, normalizeClass as o, unref as e, createElementVNode as r, toDisplayString as m, renderSlot as c } from "vue";
+import { useNamespace as u } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import { useRouterHelper as d } from "@vft/router";
+const t = (
+  /* hoist-static*/
+  u("page-wrapper")
+), f = s({
+  name: t.b()
+}), S = /* @__PURE__ */ s({
+  ...f,
+  props: {
+    title: null
+  },
+  setup(l) {
+    const { getTitle: n } = d();
+    return (a, _) => (p(), i("div", {
+      class: o(e(t).b())
+    }, [
+      r("div", {
+        class: o(e(t).e("header"))
+      }, [
+        r("span", {
+          class: o(e(t).e("title"))
+        }, m(l.title || e(n)), 3)
+      ], 2),
+      r("div", {
+        class: o(e(t).e("content"))
+      }, [
+        c(a.$slots, "default")
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  S as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./jumper.vue2.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,51 @@
+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.js";
+import "@popperjs/core";
+import "lodash";
+import "../../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../../../utils/ns-cover.js";
+import { VftInput as V } from "../../input/index.js";
+import { usePagination as x } from "../usePagination.js";
+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
+};

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

@@ -0,0 +1,4 @@
+import f from "./next.vue2.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,33 @@
+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.js";
+const f = ["disabled", "aria-disabled"], x = { key: 0 }, k = /* @__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: "ico-ep:arrow-right",
+        size: 16
+      })
+    ], 8, f));
+  }
+});
+export {
+  k as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./pager.vue2.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,148 @@
+import { defineComponent as A, ref as f, computed as B, watchEffect as H, openBlock as r, createElementBlock as c, normalizeClass as d, unref as a, withKeys as I, createCommentVNode as m, createBlock as b, Fragment as V, renderList as z, toDisplayString as F } from "vue";
+import { useNamespace as L } from "../../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../../../utils/ns-cover.js";
+import { VftIcon as v } from "../../icon/index.js";
+const D = ["onKeyup"], O = ["aria-current", "tabindex"], S = ["tabindex"], j = ["aria-current", "tabindex"], G = ["tabindex"], J = ["aria-current", "tabindex"], _ = /* @__PURE__ */ A({
+  __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;
+    }), g = B(() => e.disabled ? -1 : 0);
+    H(() => {
+      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 K(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: d(a(l).b()),
+      onClick: $,
+      onKeyup: I(K, ["enter"])
+    }, [
+      e.pageCount > 0 ? (r(), c("li", {
+        key: 0,
+        class: d([[
+          a(l).is("active", e.currentPage === 1),
+          a(l).is("disabled", e.disabled)
+        ], "number"]),
+        "aria-current": e.currentPage === 1,
+        tabindex: a(g)
+      }, " 1 ", 10, O)) : m("", !0),
+      C.value ? (r(), c("li", {
+        key: 1,
+        class: d([
+          "more",
+          "btn-quickprev",
+          a(M).b(),
+          a(l).is("disabled", e.disabled)
+        ]),
+        tabindex: a(g),
+        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(), b(a(v), {
+          key: 0,
+          icon: "ico-ep:d-arrow-left"
+        })) : (r(), b(a(v), {
+          key: 1,
+          icon: "ico-ep:more-filled"
+        }))
+      ], 42, S)) : m("", !0),
+      (r(!0), c(V, null, z(a(E), (n) => (r(), c("li", {
+        key: n,
+        class: d([[
+          a(l).is("active", e.currentPage === n),
+          a(l).is("disabled", e.disabled)
+        ], "number"]),
+        "aria-current": e.currentPage === n,
+        tabindex: a(g)
+      }, F(n), 11, j))), 128)),
+      P.value ? (r(), c("li", {
+        key: 2,
+        class: d([
+          "more",
+          "btn-quicknext",
+          a(M).b(),
+          a(l).is("disabled", e.disabled)
+        ]),
+        tabindex: a(g),
+        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(), b(a(v), {
+          key: 0,
+          icon: "ico-ep:d-arrow-right"
+        })) : (r(), b(a(v), {
+          key: 1,
+          icon: "ico-ep:more-filled"
+        }))
+      ], 42, G)) : m("", !0),
+      e.pageCount > 1 ? (r(), c("li", {
+        key: 3,
+        class: d([[
+          a(l).is("active", e.currentPage === e.pageCount),
+          a(l).is("disabled", e.disabled)
+        ], "number"]),
+        "aria-current": e.currentPage === e.pageCount,
+        tabindex: a(g)
+      }, F(e.pageCount), 11, J)) : m("", !0)
+    ], 42, D));
+  }
+});
+export {
+  _ as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./prev.vue2.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,32 @@
+import { defineComponent as c, computed as d, openBlock as r, createElementBlock as a, unref as t, toDisplayString as s, createCommentVNode as p, createVNode as u } from "vue";
+import { VftIcon as m } from "../../icon/index.js";
+const b = ["disabled", "aria-disabled"], f = { key: 0 }, y = /* @__PURE__ */ c({
+  __name: "prev",
+  props: {
+    disabled: { type: Boolean },
+    currentPage: { default: 1 },
+    prevText: null
+  },
+  emits: ["click"],
+  setup(e, { emit: i }) {
+    const n = d(
+      () => 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)) : p("", !0),
+      u(t(m), {
+        icon: "ico-ep:arrow-left",
+        size: 16
+      })
+    ], 8, b));
+  }
+});
+export {
+  y as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./sizes.vue2.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,44 @@
+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.js";
+import "@popperjs/core";
+import "../../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../../../utils/ns-cover.js";
+import { usePagination as d } from "../usePagination.js";
+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
+};

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

@@ -0,0 +1,4 @@
+import f from "./total.vue2.js";
+export {
+  f as default
+};

package/es/components/pagination/components/total.vue2.js

@@ -0,0 +1,25 @@
+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.js";
+import "@popperjs/core";
+import "lodash";
+import "../../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../../../utils/ns-cover.js";
+import { usePagination as l } from "../usePagination.js";
+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
+};

package/es/components/pagination/index.js

@@ -0,0 +1,15 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import o from "./pagination.js";
+import { paginationEmits as g } from "./pagination.js";
+import { elPaginationKey as l, usePagination as P } from "./usePagination.js";
+const p = t(o);
+export {
+  p as VftPagination,
+  p as default,
+  l as elPaginationKey,
+  g as paginationEmits,
+  P as usePagination
+};