vft 0.0.48 → 0.0.50

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

@@ -0,0 +1,189 @@
+import { defineComponent as k, useSlots as w, getCurrentInstance as E, computed as s, ref as x, watch as M, provide as j, h as r } 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 { isNumber as t } from "@vft/utils";
+import "../../utils/ns-cover.js";
+import W from "./components/jumper.vue2.js";
+import A from "./components/next.vue2.js";
+import N from "./components/pager.vue2.js";
+import O from "./components/prev.vue2.js";
+import R from "./components/sizes.vue2.js";
+import K from "./components/total.vue2.js";
+import { vftPaginationKey as V } from "./usePagination.js";
+const i = (
+  /* hoist-static*/
+  L("pagination")
+), q = k({
+  name: i.b()
+}), ie = /* @__PURE__ */ k({
+  ...q,
+  props: {
+    total: null,
+    pageSize: null,
+    defaultPageSize: null,
+    currentPage: null,
+    defaultCurrentPage: null,
+    pageCount: null,
+    pagerCount: {
+      default: 7
+    },
+    layout: {
+      default: ["prev", "pager", "next", "jumper", "->", "total"]
+    },
+    pageSizes: {
+      default: [10, 20, 30, 40, 50, 100]
+    },
+    popperClass: {
+      default: ""
+    },
+    prevText: null,
+    prevIcon: null,
+    nextText: null,
+    nextIcon: null,
+    small: {
+      type: Boolean
+    },
+    background: {
+      type: Boolean
+    },
+    disabled: {
+      type: Boolean
+    },
+    hideOnSinglePage: {
+      type: Boolean
+    }
+  },
+  emits: {
+    "update:current-page": (e) => t(e),
+    "update:page-size": (e) => t(e),
+    "size-change": (e) => t(e),
+    "current-change": (e) => t(e),
+    "prev-click": (e) => t(e),
+    "next-click": (e) => t(e)
+  },
+  setup(e, {
+    emit: g
+  }) {
+    const c = w(), o = E().vnode.props || {}, h = "onUpdate:currentPage" in o || "onUpdate:current-page" in o || "onCurrentChange" in o, m = "onUpdate:pageSize" in o || "onUpdate:page-size" in o || "onSizeChange" in o, y = s(() => {
+      if (!t(e.total) && !t(e.pageCount) || t(e.currentPage) && !h)
+        return !1;
+      if (e.layout.includes("sizes")) {
+        if (t(e.pageCount)) {
+          if (!m)
+            return !1;
+        } else if (t(e.total) && t(e.pageSize) && !m)
+          return !1;
+      }
+      return !0;
+    }), P = x(t(e.defaultPageSize) ? e.defaultPageSize : 10), p = x(t(e.defaultCurrentPage) ? e.defaultCurrentPage : 1), v = s({
+      get() {
+        return t(e.pageSize) ? e.pageSize : P.value;
+      },
+      set(a) {
+        t(e.pageSize) || (P.value = a), m && (g("update:page-size", a), g("size-change", a));
+      }
+    }), u = s(() => {
+      let a = 0;
+      return t(e.pageCount) ? a = e.pageCount : t(e.total) && (a = Math.max(1, Math.ceil(e.total / v.value))), a;
+    }), l = s({
+      get() {
+        return t(e.currentPage) ? e.currentPage : p.value;
+      },
+      set(a) {
+        let n = a;
+        a < 1 ? n = 1 : a > u.value && (n = u.value), t(e.currentPage) || (p.value = n), h && (g("update:current-page", n), g("current-change", n));
+      }
+    });
+    M(u, (a) => {
+      l.value > a && (l.value = a);
+    });
+    function z(a) {
+      l.value = a;
+    }
+    function T(a) {
+      v.value = a;
+      const n = u.value;
+      l.value > n && (l.value = n);
+    }
+    function B() {
+      e.disabled || (l.value -= 1, g("prev-click", l.value));
+    }
+    function I() {
+      e.disabled || (l.value += 1, g("next-click", l.value));
+    }
+    function d(a, n) {
+      a && (a.props || (a.props = {}), a.class = [a.class, n].join(" "));
+    }
+    return j(V, {
+      pageCount: u,
+      disabled: s(() => e.disabled),
+      currentPage: l,
+      changeEvent: z,
+      handleSizeChange: T
+    }), () => {
+      var b;
+      if (!y.value || !e.layout || e.hideOnSinglePage && u.value <= 1)
+        return null;
+      const a = [], n = [], $ = r("div", {
+        class: i.e("rightwrapper")
+      }, n), S = {
+        prev: r(O, {
+          disabled: e.disabled,
+          currentPage: l.value,
+          prevText: e.prevText,
+          prevIcon: e.prevIcon,
+          onClick: B
+        }),
+        jumper: r(W, {
+          size: e.small ? "small" : "default"
+        }),
+        pager: r(N, {
+          currentPage: l.value,
+          pageCount: u.value,
+          pagerCount: e.pagerCount,
+          onChange: z,
+          disabled: e.disabled
+        }),
+        next: r(A, {
+          disabled: e.disabled,
+          currentPage: l.value,
+          pageCount: u.value,
+          nextText: e.nextText,
+          nextIcon: e.nextIcon,
+          onClick: I
+        }),
+        sizes: r(R, {
+          pageSize: v.value,
+          pageSizes: e.pageSizes,
+          popperClass: e.popperClass,
+          disabled: e.disabled,
+          size: e.small ? "small" : "default"
+        }),
+        slot: ((b = c == null ? void 0 : c.default) == null ? void 0 : b.call(c)) ?? null,
+        total: r(K, {
+          total: t(e.total) ? e.total : 0
+        })
+      }, U = e.layout.split(",").map((f) => f.trim());
+      let C = !1;
+      return U.forEach((f) => {
+        if (f === "->") {
+          C = !0;
+          return;
+        }
+        C ? n.push(S[f]) : a.push(S[f]);
+      }), d(a[0], i.is("first")), d(a[a.length - 1], i.is("last")), C && n.length > 0 && (d(n[0], i.is("first")), d(n[n.length - 1], i.is("last")), a.push($)), r("div", {
+        role: "pagination",
+        "aria-label": "pagination",
+        class: [i.b(), i.is("background", e.background), {
+          [i.m("small")]: e.small
+        }]
+      }, a);
+    };
+  }
+});
+export {
+  ie as default
+};

package/es/packages/components/pagination/usePagination.js

@@ -0,0 +1,6 @@
+import { inject as t } from "vue";
+const n = Symbol("vftPaginationKey"), i = () => t(n, {});
+export {
+  i as usePagination,
+  n as vftPaginationKey
+};

package/es/packages/components/popover/index.js

@@ -0,0 +1,12 @@
+import { withInstall as o } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import t from "./popover.vue2.js";
+const e = o(t);
+export {
+  e as VftPopover,
+  e as default
+};

package/es/packages/components/popper/index.js

@@ -0,0 +1,18 @@
+import { withInstall as r } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import t from "./popper.vue2.js";
+import { default as d } from "./arrow.vue2.js";
+import { default as x } from "./trigger.vue2.js";
+import { default as V } from "./content.vue2.js";
+const s = r(t);
+export {
+  s as VftPopper,
+  d as VftPopperArrow,
+  V as VftPopperContent,
+  x as VftPopperTrigger,
+  s as default
+};

package/es/packages/components/qrcode/index.js

@@ -0,0 +1,12 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import o from "./qrcode.vue2.js";
+const c = t(o);
+export {
+  c as VftQrcode,
+  c as default
+};

package/es/packages/components/radio/constants.js

@@ -0,0 +1,4 @@
+const o = Symbol("radioGroupKey");
+export {
+  o as radioGroupKey
+};

package/es/packages/components/radio/index.js

@@ -0,0 +1,21 @@
+import { withInstall as r, withNoopInstall as o } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import m from "./radio.vue2.js";
+import t from "./radio-button.vue2.js";
+import i from "./radio-group.vue2.js";
+import { radioGroupKey as h } from "./constants.js";
+const l = r(m, {
+  RadioButton: t,
+  RadioGroup: i
+}), R = o(i), e = o(t);
+export {
+  l as VftRadio,
+  e as VftRadioButton,
+  R as VftRadioGroup,
+  l as default,
+  h as radioGroupKey
+};

package/es/packages/components/radio/radio-button.vue.js

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

package/es/packages/components/radio/radio-button.vue2.js

@@ -0,0 +1,68 @@
+import { defineComponent as b, computed as B, openBlock as R, createElementBlock as S, normalizeClass as r, unref as e, withDirectives as x, createElementVNode as u, isRef as C, vModelRadio as V, normalizeStyle as g, withModifiers as k, renderSlot as w, createTextVNode as z, toDisplayString as N } from "vue";
+import { useNamespace as $ } 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 { useRadio as D } from "./use-radio.js";
+const E = ["value", "name", "disabled"], M = b({
+  name: "VftRadioButton"
+}), J = /* @__PURE__ */ b({
+  ...M,
+  props: {
+    size: null,
+    disabled: { type: Boolean },
+    label: { type: [String, Number, Boolean] },
+    name: null
+  },
+  setup(n) {
+    const f = n, o = $("radio"), { radioRef: c, focus: i, size: p, disabled: m, modelValue: a, radioGroup: l } = D(f), v = B(() => ({
+      backgroundColor: (l == null ? void 0 : l.fill) || "",
+      borderColor: (l == null ? void 0 : l.fill) || "",
+      boxShadow: l != null && l.fill ? `-1px 0 0 0 ${l.fill}` : "",
+      color: (l == null ? void 0 : l.textColor) || ""
+    }));
+    return (y, t) => {
+      var d;
+      return R(), S("label", {
+        class: r([
+          e(o).b("button"),
+          e(o).is("active", e(a) === n.label),
+          e(o).is("disabled", e(m)),
+          e(o).is("focus", e(i)),
+          e(o).bm("button", e(p))
+        ])
+      }, [
+        x(u("input", {
+          ref_key: "radioRef",
+          ref: c,
+          "onUpdate:modelValue": t[0] || (t[0] = (s) => C(a) ? a.value = s : null),
+          class: r(e(o).be("button", "original-radio")),
+          value: n.label,
+          type: "radio",
+          name: n.name || ((d = e(l)) == null ? void 0 : d.name),
+          disabled: e(m),
+          onFocus: t[1] || (t[1] = (s) => i.value = !0),
+          onBlur: t[2] || (t[2] = (s) => i.value = !1)
+        }, null, 42, E), [
+          [V, e(a)]
+        ]),
+        u("span", {
+          class: r(e(o).be("button", "inner")),
+          style: g(e(a) === n.label ? e(v) : {}),
+          onKeydown: t[3] || (t[3] = k(() => {
+          }, ["stop"]))
+        }, [
+          w(y.$slots, "default", {}, () => [
+            z(N(n.label), 1)
+          ])
+        ], 38)
+      ], 2);
+    };
+  }
+});
+export {
+  J as default
+};

package/es/packages/components/radio/radio-group.vue.js

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

package/es/packages/components/radio/radio-group.vue2.js

@@ -0,0 +1,72 @@
+import { defineComponent as u, ref as y, onMounted as E, computed as I, provide as _, reactive as g, toRefs as h, watch as B, openBlock as k, createElementBlock as x, unref as t, normalizeClass as C, renderSlot as G, nextTick as N } from "vue";
+import "../form/index.js";
+import { UPDATE_MODEL_EVENT as s, CHANGE_EVENT as V } from "../../constants/event.js";
+import { useNamespace as A } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import { useId as R } from "../../hooks/use-id/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import { debugWarn as T } from "../../utils/error.js";
+import "../../utils/ns-cover.js";
+import { radioGroupKey as F } from "./constants.js";
+import { useFormItem as L, useFormItemInputId as S } from "../form/hooks/use-form-item.js";
+const z = ["id", "aria-label", "aria-labelledby"], D = u({
+  name: "VftRadioGroup"
+}), Y = /* @__PURE__ */ u({
+  ...D,
+  props: {
+    id: null,
+    size: null,
+    disabled: { type: Boolean },
+    label: null,
+    modelValue: { type: [String, Number, Boolean] },
+    name: null,
+    fill: null,
+    textColor: null,
+    validateEvent: { type: Boolean, default: !0 }
+  },
+  emits: [s, V],
+  setup(n, { emit: i }) {
+    const o = n, p = A("radio"), c = R(), d = y(), { formItem: r } = L(), { inputId: f, isLabeledByFormItem: m } = S(o, {
+      formItemContext: r
+    }), b = (e) => {
+      i(s, e), N(() => i("change", e));
+    };
+    E(() => {
+      const e = d.value.querySelectorAll("[type=radio]"), l = e[0];
+      !Array.from(e).some((a) => a.checked) && l && (l.tabIndex = 0);
+    });
+    const v = I(() => o.name || c.value);
+    return _(
+      F,
+      g({
+        ...h(o),
+        changeEvent: b,
+        name: v
+      })
+    ), B(
+      () => o.modelValue,
+      () => {
+        o.validateEvent && (r == null || r.validate("change").catch((e) => T(e)));
+      }
+    ), (e, l) => {
+      var a;
+      return k(), x("div", {
+        id: t(f),
+        ref_key: "radioGroupRef",
+        ref: d,
+        class: C(t(p).b("group")),
+        role: "radiogroup",
+        "aria-label": t(m) ? void 0 : n.label || "radio-group",
+        "aria-labelledby": t(m) ? (a = t(r)) == null ? void 0 : a.labelId : void 0
+      }, [
+        G(e.$slots, "default")
+      ], 10, z);
+    };
+  }
+});
+export {
+  Y as default
+};

package/es/packages/components/radio/radio.vue.js

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

package/es/packages/components/radio/radio.vue2.js

@@ -0,0 +1,88 @@
+import { defineComponent as p, openBlock as N, createElementBlock as g, normalizeClass as t, unref as e, createElementVNode as i, withDirectives as B, isRef as V, vModelRadio as k, withModifiers as C, renderSlot as R, createTextVNode as T, toDisplayString as D, nextTick as S } from "vue";
+import { UPDATE_MODEL_EVENT as w, CHANGE_EVENT as x } from "../../constants/event.js";
+import { useNamespace as z } 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 { useRadio as M } from "./use-radio.js";
+const $ = ["value", "name", "disabled"], l = (
+  /* hoist-static*/
+  z("radio")
+), h = p({
+  name: l.b()
+}), q = /* @__PURE__ */ p({
+  ...h,
+  props: {
+    size: null,
+    disabled: { type: Boolean },
+    label: { type: [String, Number, Boolean] },
+    modelValue: { type: [String, Number, Boolean] },
+    name: null,
+    border: { type: Boolean }
+  },
+  emits: [w, x],
+  setup(a, { emit: u }) {
+    const b = a, { radioRef: f, radioGroup: c, focus: s, size: v, disabled: r, modelValue: n } = M(
+      b,
+      u
+    );
+    function E() {
+      S(() => u("change", n.value));
+    }
+    return (y, o) => {
+      var m;
+      return N(), g("label", {
+        class: t([
+          e(l).b(),
+          e(l).is("disabled", e(r)),
+          e(l).is("focus", e(s)),
+          e(l).is("bordered", a.border),
+          e(l).is("checked", e(n) === a.label),
+          e(l).m(e(v))
+        ])
+      }, [
+        i("span", {
+          class: t([
+            e(l).e("input"),
+            e(l).is("disabled", e(r)),
+            e(l).is("checked", e(n) === a.label)
+          ])
+        }, [
+          B(i("input", {
+            ref_key: "radioRef",
+            ref: f,
+            "onUpdate:modelValue": o[0] || (o[0] = (d) => V(n) ? n.value = d : null),
+            class: t(e(l).e("original")),
+            value: a.label,
+            name: a.name || ((m = e(c)) == null ? void 0 : m.name),
+            disabled: e(r),
+            type: "radio",
+            onFocus: o[1] || (o[1] = (d) => s.value = !0),
+            onBlur: o[2] || (o[2] = (d) => s.value = !1),
+            onChange: E
+          }, null, 42, $), [
+            [k, e(n)]
+          ]),
+          i("span", {
+            class: t(e(l).e("inner"))
+          }, null, 2)
+        ], 2),
+        i("span", {
+          class: t(e(l).e("label")),
+          onKeydown: o[3] || (o[3] = C(() => {
+          }, ["stop"]))
+        }, [
+          R(y.$slots, "default", {}, () => [
+            T(D(a.label), 1)
+          ])
+        ], 34)
+      ], 2);
+    };
+  }
+});
+export {
+  q as default
+};

package/es/packages/components/radio/style/css.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-radio.css";

package/es/packages/components/radio/style/index.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/radio.scss";

package/es/packages/components/radio/use-radio.js

@@ -0,0 +1,28 @@
+import { ref as m, inject as f, computed as o } from "vue";
+import { UPDATE_MODEL_EVENT as v } from "../../constants/event.js";
+import "../form/index.js";
+import { radioGroupKey as b } from "./constants.js";
+import { useFormSize as E, useFormDisabled as V } from "../form/hooks/use-form-common-props.js";
+const F = (t, s) => {
+  const a = m(), e = f(b, void 0), l = o(() => !!e), u = o({
+    get() {
+      return l.value ? e.modelValue : t.modelValue;
+    },
+    set(c) {
+      l.value ? e.changeEvent(c) : s && s(v, c), a.value.checked = t.modelValue === t.label;
+    }
+  }), i = E(o(() => e == null ? void 0 : e.size)), n = V(o(() => e == null ? void 0 : e.disabled)), r = m(!1), d = o(() => n.value || l.value && u.value !== t.label ? -1 : 0);
+  return {
+    radioRef: a,
+    isGroup: l,
+    radioGroup: e,
+    focus: r,
+    size: i,
+    disabled: n,
+    tabIndex: d,
+    modelValue: u
+  };
+};
+export {
+  F as useRadio
+};

package/es/packages/components/radio-button/style/css.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-radio-button.css";

package/es/packages/components/radio-button/style/index.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/radio-button.scss";

package/es/packages/components/radio-group/style/css.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-radio-group.css";

package/es/packages/components/radio-group/style/index.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/radio-group.scss";

package/es/packages/components/result/index.js

@@ -0,0 +1,12 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import o from "./result.vue2.js";
+const l = t(o);
+export {
+  l as VftResult,
+  l as default
+};