vft 0.0.428 → 0.0.430

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

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

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

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

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

@@ -0,0 +1,149 @@
+import { defineComponent as I, ref as f, computed as B, watchEffect as K, createElementBlock as c, openBlock as r, withKeys as V, normalizeClass as d, unref as u, createCommentVNode as m, createBlock as v, Fragment as z, renderList as D, toDisplayString as F } from "vue";
+import "@vueuse/core";
+import "@vft/utils";
+import "../../config-provider/hooks/use-global-config.js";
+import "lodash-es";
+import "../../form/index.js";
+import { useNamespace as L } from "../../../hooks/use-namespace/index.js";
+import "../../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../../hooks/use-z-index/index.js";
+import { VftIcon as b } from "../../icon/index.js";
+const O = ["aria-current", "tabindex"], S = ["tabindex"], j = ["aria-current", "tabindex"], G = ["tabindex"], J = ["aria-current", "tabindex"], te = /* @__PURE__ */ I({
+  __name: "pager",
+  props: {
+    currentPage: { default: 1 },
+    pageCount: {},
+    pagerCount: { default: 7 },
+    disabled: { type: Boolean }
+  },
+  emits: ["change"],
+  setup(e, { emit: E }) {
+    const w = E, l = L("pager"), M = L("icon"), C = f(!1), P = f(!1), k = f(!1), x = f(!1), N = f(!1), y = f(!1), A = B(() => {
+      const a = (e.pagerCount - 1) / 2;
+      let t = !1, n = !1;
+      e.pageCount > e.pagerCount && (e.currentPage > e.pagerCount - a && (t = !0), e.currentPage < e.pageCount - a && (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);
+    K(() => {
+      const a = (e.pagerCount - 1) / 2;
+      C.value = !1, P.value = !1, e.pageCount > e.pagerCount && (e.currentPage > e.pagerCount - a && (C.value = !0), e.currentPage < e.pageCount - a && (P.value = !0));
+    });
+    function q(a = !1) {
+      e.disabled || (a ? k.value = !0 : x.value = !0);
+    }
+    function $(a = !1) {
+      a ? N.value = !0 : y.value = !0;
+    }
+    function H(a) {
+      const t = a.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") && h(a);
+    }
+    function h(a) {
+      const t = a.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 (a, t) => (r(), c("ul", {
+      class: d(u(l).b()),
+      onClick: h,
+      onKeyup: V(H, ["enter"])
+    }, [
+      e.pageCount > 0 ? (r(), c("li", {
+        key: 0,
+        class: d([[
+          u(l).is("active", e.currentPage === 1),
+          u(l).is("disabled", e.disabled)
+        ], "number"]),
+        "aria-current": e.currentPage === 1,
+        tabindex: g.value
+      }, " 1 ", 10, O)) : m("", !0),
+      C.value ? (r(), c("li", {
+        key: 1,
+        class: d([
+          "more",
+          "btn-quickprev",
+          u(M).b(),
+          u(l).is("disabled", e.disabled)
+        ]),
+        tabindex: g.value,
+        onMouseenter: t[0] || (t[0] = (n) => q(!0)),
+        onMouseleave: t[1] || (t[1] = (n) => k.value = !1),
+        onFocus: t[2] || (t[2] = (n) => $(!0)),
+        onBlur: t[3] || (t[3] = (n) => N.value = !1)
+      }, [
+        (k.value || N.value) && !e.disabled ? (r(), v(u(b), {
+          key: 0,
+          icon: "icon-d-arrow-left"
+        })) : (r(), v(u(b), {
+          key: 1,
+          icon: "icon-more-filled"
+        }))
+      ], 42, S)) : m("", !0),
+      (r(!0), c(z, null, D(A.value, (n) => (r(), c("li", {
+        key: n,
+        class: d([[
+          u(l).is("active", e.currentPage === n),
+          u(l).is("disabled", e.disabled)
+        ], "number"]),
+        "aria-current": e.currentPage === n,
+        tabindex: g.value
+      }, F(n), 11, j))), 128)),
+      P.value ? (r(), c("li", {
+        key: 2,
+        class: d([
+          "more",
+          "btn-quicknext",
+          u(M).b(),
+          u(l).is("disabled", e.disabled)
+        ]),
+        tabindex: g.value,
+        onMouseenter: t[4] || (t[4] = (n) => q()),
+        onMouseleave: t[5] || (t[5] = (n) => x.value = !1),
+        onFocus: t[6] || (t[6] = (n) => $()),
+        onBlur: t[7] || (t[7] = (n) => y.value = !1)
+      }, [
+        (x.value || y.value) && !e.disabled ? (r(), v(u(b), {
+          key: 0,
+          icon: "icon-d-arrow-right"
+        })) : (r(), v(u(b), {
+          key: 1,
+          icon: "icon-more-filled"
+        }))
+      ], 42, G)) : m("", !0),
+      e.pageCount > 1 ? (r(), c("li", {
+        key: 3,
+        class: d([[
+          u(l).is("active", e.currentPage === e.pageCount),
+          u(l).is("disabled", e.disabled)
+        ], "number"]),
+        "aria-current": e.currentPage === e.pageCount,
+        tabindex: g.value
+      }, F(e.pageCount), 11, J)) : m("", !0)
+    ], 34));
+  }
+});
+export {
+  te as default
+};

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

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

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

@@ -0,0 +1,62 @@
+import { defineComponent as g, ref as z, watch as n, computed as d, createElementBlock as f, openBlock as S, normalizeClass as h, unref as s, createVNode as v } from "vue";
+import { isEqual as C } from "lodash-es";
+import "@vueuse/core";
+import "@vft/utils";
+import "../../config-provider/hooks/use-global-config.js";
+import "../../form/index.js";
+import { useNamespace as b } from "../../../hooks/use-namespace/index.js";
+import "../../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../../hooks/use-z-index/index.js";
+import { usePagination as y } from "../usePagination.js";
+import { VftSelect as B } from "../../select/index.js";
+const I = /* @__PURE__ */ g({
+  __name: "sizes",
+  props: {
+    pageSize: {},
+    pageSizes: { default: () => [10, 20, 30, 40, 50, 100] },
+    popperClass: {},
+    disabled: { type: Boolean },
+    size: {}
+  },
+  emits: ["page-size-change"],
+  setup(a, { emit: o }) {
+    const l = o, r = b("pagination"), p = y(), i = z(a.pageSize);
+    n(
+      () => a.pageSizes,
+      (e, t) => {
+        if (!C(e, t) && Array.isArray(e)) {
+          const u = e.includes(a.pageSize) ? a.pageSize : a.pageSizes[0];
+          l("page-size-change", u);
+        }
+      }
+    ), n(
+      () => a.pageSize,
+      (e) => {
+        i.value = e;
+      }
+    );
+    const m = d(
+      () => a.pageSizes.map((e) => ({ label: e + "条/页", value: e }))
+    );
+    function c(e) {
+      e !== i.value && (i.value = e, p.handleSizeChange?.(Number(e)));
+    }
+    return (e, t) => (S(), f("span", {
+      class: h(s(r).e("sizes"))
+    }, [
+      v(s(B), {
+        "model-value": i.value,
+        disabled: a.disabled,
+        "popper-class": a.popperClass,
+        size: a.size,
+        "validate-event": !1,
+        onChange: c,
+        options: m.value
+      }, null, 8, ["model-value", "disabled", "popper-class", "size", "options"])
+    ], 2));
+  }
+});
+export {
+  I as default
+};

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

@@ -0,0 +1,27 @@
+import { defineComponent as i, createElementBlock as r, openBlock as n, unref as t, normalizeClass as s, toDisplayString as p } from "vue";
+import "@vueuse/core";
+import "@vft/utils";
+import "../../config-provider/hooks/use-global-config.js";
+import "lodash-es";
+import "../../form/index.js";
+import { useNamespace as m } from "../../../hooks/use-namespace/index.js";
+import "../../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../../hooks/use-z-index/index.js";
+import { usePagination as l } from "../usePagination.js";
+const c = ["disabled"], D = /* @__PURE__ */ i({
+  __name: "total",
+  props: {
+    total: { default: 0 }
+  },
+  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 {
+  D as default
+};

package/es/components/popconfirm/popconfirm.vue2.js

@@ -0,0 +1,111 @@
+import { defineComponent as h, ref as N, computed as r, createBlock as d, openBlock as y, unref as t, mergeProps as w, withCtx as l, renderSlot as $, createCommentVNode as B, createElementVNode as a, normalizeClass as c, createTextVNode as f, normalizeStyle as b, toDisplayString as s, createVNode as T } from "vue";
+import "@vueuse/core";
+import "@vft/utils";
+import { addUnit as I } from "../../utils/helper.js";
+import "lodash-es";
+import "../form/index.js";
+import { VftButton as x } from "../button/index.js";
+import { VftIcon as P } from "../icon/index.js";
+import { VftTooltip as S } from "../tooltip/index.js";
+import { useNamespace as A } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+const R = h({
+  name: "VftPopconfirm"
+}), W = /* @__PURE__ */ h({
+  ...R,
+  props: {
+    title: {},
+    confirmButtonText: {},
+    cancelButtonText: {},
+    confirmButtonType: { default: "primary" },
+    cancelButtonType: {},
+    icon: { default: "icon-question-filled" },
+    iconColor: { default: "#f90" },
+    hideIcon: { type: Boolean, default: !1 },
+    hideAfter: { default: 200 },
+    teleported: { type: Boolean, default: !0 },
+    persistent: { type: Boolean, default: !0 },
+    width: { default: 150 }
+  },
+  emits: ["confirm", "cancel"],
+  setup(e, { emit: C }) {
+    const i = e, m = C, n = A("popconfirm"), p = N(), u = () => {
+      p.value?.onClose?.();
+    }, k = r(() => ({
+      width: I(i.width)
+    })), v = (o) => {
+      m("confirm", o), u();
+    }, V = (o) => {
+      m("cancel", o), u();
+    }, g = r(
+      () => i.confirmButtonText || "确认"
+    ), z = r(() => i.cancelButtonText || "取消");
+    return (o, q) => (y(), d(t(S), w({
+      ref_key: "tooltipRef",
+      ref: p,
+      trigger: "click",
+      effect: "light"
+    }, o.$attrs, {
+      "popper-class": `${t(n).namespace.value}-popover`,
+      "popper-style": k.value,
+      teleported: e.teleported,
+      "fallback-placements": ["bottom", "top", "right", "left"],
+      "hide-after": e.hideAfter,
+      persistent: e.persistent
+    }), {
+      content: l(() => [
+        a("div", {
+          class: c(t(n).b())
+        }, [
+          a("div", {
+            class: c(t(n).e("main"))
+          }, [
+            !e.hideIcon && e.icon ? (y(), d(t(P), {
+              key: 0,
+              icon: e.icon,
+              size: 20,
+              class: c(t(n).e("icon")),
+              style: b({ color: e.iconColor })
+            }, null, 8, ["icon", "class", "style"])) : B("", !0),
+            f(" " + s(e.title), 1)
+          ], 2),
+          a("div", {
+            class: c(t(n).e("action"))
+          }, [
+            T(t(x), {
+              size: "small",
+              type: e.cancelButtonType === "text" ? "" : e.cancelButtonType,
+              text: e.cancelButtonType === "text",
+              onClick: V
+            }, {
+              default: l(() => [
+                f(s(z.value), 1)
+              ]),
+              _: 1
+            }, 8, ["type", "text"]),
+            T(t(x), {
+              size: "small",
+              type: e.confirmButtonType === "text" ? "" : e.confirmButtonType,
+              text: e.confirmButtonType === "text",
+              onClick: v
+            }, {
+              default: l(() => [
+                f(s(g.value), 1)
+              ]),
+              _: 1
+            }, 8, ["type", "text"])
+          ], 2)
+        ], 2)
+      ]),
+      default: l(() => [
+        o.$slots.reference ? $(o.$slots, "reference", { key: 0 }) : B("", !0)
+      ]),
+      _: 3
+    }, 16, ["popper-class", "popper-style", "teleported", "hide-after", "persistent"]));
+  }
+});
+export {
+  W as default
+};

package/es/components/popover/popover.vue2.js

@@ -0,0 +1,121 @@
+import { defineComponent as u, computed as o, ref as S, unref as l, createBlock as x, openBlock as f, mergeProps as R, withCtx as s, renderSlot as d, createCommentVNode as p, createElementBlock as T, normalizeClass as U, toDisplayString as c, createTextVNode as V } from "vue";
+import { VftTooltip as $ } from "../tooltip/index.js";
+import { EVENT_CODE as i } from "../../constants/aria.js";
+import "@vueuse/core";
+import "@vft/utils";
+import { addUnit as N } from "../../utils/helper.js";
+import "lodash-es";
+import "../form/index.js";
+import { useNamespace as O } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+const K = "onUpdate:visible", D = u({
+  name: "vft-popover"
+}), X = /* @__PURE__ */ u({
+  ...D,
+  props: {
+    trigger: { default: "hover" },
+    placement: { default: "bottom" },
+    disabled: { type: Boolean, default: !1 },
+    visible: { type: [Boolean, null], default: null },
+    transition: {},
+    popperOptions: {},
+    tabindex: { default: 0 },
+    content: {},
+    popperStyle: { type: [Boolean, null, String, Object, Array] },
+    popperClass: {},
+    enterable: { type: Boolean, default: !0 },
+    effect: { default: "light" },
+    teleported: { type: Boolean, default: !0 },
+    title: {},
+    width: { default: 150 },
+    offset: {},
+    showAfter: { default: 0 },
+    hideAfter: { default: 200 },
+    autoClose: { default: 0 },
+    showArrow: { type: Boolean, default: !0 },
+    persistent: { type: Boolean, default: !0 },
+    appendTo: {},
+    triggerKeys: { default: () => [i.enter, i.numpadEnter, i.space] }
+  },
+  emits: [
+    "update:visible",
+    "before-enter",
+    "before-leave",
+    "after-enter",
+    "after-leave"
+  ],
+  setup(e, { expose: m, emit: b }) {
+    const t = b, r = O("popover"), v = o(() => [K]), n = S(), g = o(() => l(n)?.popperRef), h = o(() => [
+      {
+        width: N(e.width)
+      },
+      e.popperStyle
+    ]), y = o(() => [r.b(), e.popperClass, { [r.m("plain")]: !!e.content }]), w = o(() => e.transition === `${r.namespace.value}-fade-in-linear`), B = () => {
+      n.value?.hide();
+    }, k = () => {
+      t("before-enter");
+    }, C = () => {
+      t("before-leave");
+    }, A = () => {
+      t("after-enter");
+    }, E = () => {
+      t("update:visible", !1), t("after-leave");
+    };
+    return m({
+      popperRef: g,
+      hide: B
+    }), (a, H) => (f(), x(l($), R({
+      ref_key: "tooltipRef",
+      ref: n
+    }, a.$attrs, {
+      trigger: e.trigger,
+      "trigger-keys": e.triggerKeys,
+      placement: e.placement,
+      disabled: e.disabled,
+      visible: e.visible,
+      transition: e.transition,
+      "popper-options": e.popperOptions,
+      tabindex: e.tabindex,
+      content: e.content,
+      offset: e.offset,
+      "show-after": e.showAfter,
+      "hide-after": e.hideAfter,
+      "auto-close": e.autoClose,
+      "show-arrow": e.showArrow,
+      "aria-label": e.title,
+      effect: e.effect,
+      enterable: e.enterable,
+      "popper-class": y.value,
+      "popper-style": h.value,
+      teleported: e.teleported,
+      "append-to": e.appendTo,
+      persistent: e.persistent,
+      "gpu-acceleration": w.value,
+      "onUpdate:visible": v.value,
+      onBeforeShow: k,
+      onBeforeHide: C,
+      onShow: A,
+      onHide: E
+    }), {
+      content: s(() => [
+        e.title ? (f(), T("div", {
+          key: 0,
+          class: U(l(r).e("title")),
+          role: "title"
+        }, c(e.title), 3)) : p("", !0),
+        d(a.$slots, "default", {}, () => [
+          V(c(e.content), 1)
+        ])
+      ]),
+      default: s(() => [
+        a.$slots.reference ? d(a.$slots, "reference", { key: 0 }) : p("", !0)
+      ]),
+      _: 3
+    }, 16, ["trigger", "trigger-keys", "placement", "disabled", "visible", "transition", "popper-options", "tabindex", "content", "offset", "show-after", "hide-after", "auto-close", "show-arrow", "aria-label", "effect", "enterable", "popper-class", "popper-style", "teleported", "append-to", "persistent", "gpu-acceleration", "onUpdate:visible"]));
+  }
+});
+export {
+  X as default
+};