vft 0.0.97 → 0.0.99

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

@@ -1,4 +1,4 @@
-import { defineComponent as u, ref as k, computed as a, unref as n, openBlock as p, createBlock as A, mergeProps as S, withCtx as s, createElementBlock as $, normalizeClass as R, toDisplayString as i, createCommentVNode as f, renderSlot as d, createTextVNode as E } from "vue";
+import { defineComponent as C, ref as k, computed as a, unref as l, openBlock as p, createBlock as A, mergeProps as S, withCtx as i, createElementBlock as $, normalizeClass as R, toDisplayString as s, createCommentVNode as f, renderSlot as d, createTextVNode as E } from "vue";
 import { addUnit as N } from "@vft/utils";
 import { useNamespace as V } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
@@ -10,10 +10,9 @@ import { VftTooltip as H } from "../tooltip/index.js";
 const r = (
   /* hoist-static*/
   V("popover")
-), L = u({
-  name: r.b()
-}), I = /* @__PURE__ */ u({
-  ...L,
+), G = /* @__PURE__ */ C({
+  name: r.b(),
+  __name: "popover",
   props: {
     trigger: { default: "hover" },
     placement: { default: "bottom" },
@@ -38,35 +37,35 @@ const r = (
     persistent: { type: Boolean, default: !0 }
   },
   emits: ["update:visible", "before-enter", "before-leave", "after-enter", "after-leave"],
-  setup(t, { expose: c, emit: o }) {
-    const l = k(), b = a(() => {
+  setup(t, { expose: u, emit: o }) {
+    const n = k(), b = a(() => {
       var e;
-      return (e = n(l)) == null ? void 0 : e.popperRef;
-    }), m = a(() => [
+      return (e = l(n)) == null ? void 0 : e.popperRef;
+    }), c = a(() => [
       {
         width: N(t.width)
       },
       t.popperStyle
-    ]), h = a(() => [r.b(), t.popperClass, { [r.m("plain")]: !!t.content }]), v = a(() => t.transition === `${r.namespace.value}-fade-in-linear`), w = () => {
+    ]), m = a(() => [r.b(), t.popperClass, { [r.m("plain")]: !!t.content }]), h = a(() => t.transition === `${r.namespace.value}-fade-in-linear`), v = () => {
       var e;
-      (e = l.value) == null || e.hide();
-    }, y = () => {
+      (e = n.value) == null || e.hide();
+    }, w = () => {
       o("before-enter");
-    }, g = () => {
+    }, y = () => {
       o("before-leave");
-    }, B = () => {
+    }, g = () => {
       o("after-enter");
-    }, C = () => {
+    }, B = () => {
       o("update:visible", !1), o("after-leave");
     };
-    return c({
+    return u({
       /** @description popper ref */
       popperRef: b,
       /** @description hide popover */
-      hide: w
-    }), (e, O) => (p(), A(n(H), S({
+      hide: v
+    }), (e, L) => (p(), A(l(H), S({
       ref_key: "tooltipRef",
-      ref: l
+      ref: n
     }, e.$attrs, {
       trigger: e.trigger,
       placement: e.placement,
@@ -84,27 +83,27 @@ const r = (
       "aria-label": e.title,
       effect: e.effect,
       enterable: e.enterable,
-      "popper-class": h.value,
-      "popper-style": m.value,
+      "popper-class": m.value,
+      "popper-style": c.value,
       teleported: e.teleported,
       persistent: e.persistent,
-      "gpu-acceleration": v.value,
-      onBeforeShow: y,
-      onBeforeHide: g,
-      onShow: B,
-      onHide: C
+      "gpu-acceleration": h.value,
+      onBeforeShow: w,
+      onBeforeHide: y,
+      onShow: g,
+      onHide: B
     }), {
-      content: s(() => [
+      content: i(() => [
         e.title ? (p(), $("div", {
           key: 0,
-          class: R(n(r).e("title")),
+          class: R(l(r).e("title")),
           role: "title"
-        }, i(e.title), 3)) : f("", !0),
+        }, s(e.title), 3)) : f("", !0),
         d(e.$slots, "default", {}, () => [
-          E(i(e.content), 1)
+          E(s(e.content), 1)
         ])
       ]),
-      default: s(() => [
+      default: i(() => [
         e.$slots.reference ? d(e.$slots, "reference", { key: 0 }) : f("", !0)
       ]),
       _: 3
@@ -112,5 +111,5 @@ const r = (
   }
 });
 export {
-  I as default
+  G as default
 };

package/es/components/popper/arrow.vue2.js

@@ -1,46 +1,45 @@
-import { defineComponent as t, inject as m, watch as i, onBeforeUnmount as l, openBlock as c, createElementBlock as _, normalizeClass as u, unref as o, normalizeStyle as w } from "vue";
-import { useNamespace as d } from "../../hooks/use-namespace/index.js";
+import { defineComponent as s, inject as m, watch as i, onBeforeUnmount as l, openBlock as c, createElementBlock as w, normalizeClass as u, unref as o, normalizeStyle as _ } from "vue";
+import { useNamespace as O } 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 { POPPER_CONTENT_INJECTION_KEY as O } from "./constants.js";
-const v = t({
+import { POPPER_CONTENT_INJECTION_KEY as d } from "./constants.js";
+const R = /* @__PURE__ */ s({
   name: "vft-popper-arrow",
-  inheritAttrs: !1
-}), T = /* @__PURE__ */ t({
-  ...v,
+  inheritAttrs: !1,
+  __name: "arrow",
   props: {
     arrowOffset: { default: 5 }
   },
-  setup(a, { expose: p }) {
-    const f = d("popper"), { arrowOffset: n, arrowRef: r, arrowStyle: s } = m(
-      O,
+  setup(t, { expose: a }) {
+    const p = O("popper"), { arrowOffset: n, arrowRef: r, arrowStyle: f } = m(
+      d,
       void 0
     );
     return i(
-      () => a.arrowOffset,
+      () => t.arrowOffset,
       (e) => {
         n.value = e;
       }
     ), l(() => {
       r.value = void 0;
-    }), p({
+    }), a({
       /**
        * @description Arrow element
        */
       arrowRef: r
-    }), (e, E) => (c(), _("span", {
+    }), (e, v) => (c(), w("span", {
       ref_key: "arrowRef",
       ref: r,
-      class: u(o(f).e("arrow")),
+      class: u(o(p).e("arrow")),
       "data-popper-arrow": "",
-      style: w(o(s))
+      style: _(o(f))
     }, null, 6));
   }
 });
 export {
-  T as default
+  R as default
 };

package/es/components/popper/content.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as y, getCurrentInstance as z, ref as D, provide as J, onMounted as K, watch as i, unref as e, onBeforeUnmount as U, openBlock as Y, createElementBlock as Z, mergeProps as j, createVNode as G, withCtx as H, renderSlot as Q } from "vue";
+import { defineComponent as V, getCurrentInstance as z, ref as D, provide as J, onMounted as K, watch as i, unref as e, onBeforeUnmount as U, openBlock as Y, createElementBlock as Z, mergeProps as j, createVNode as G, withCtx as H, renderSlot as Q } from "vue";
 import X from "../focus-trap/focus-trap.vue.js";
 import "../focus-trap/utils.js";
 import { isElement as R } from "@vft/utils";
@@ -7,10 +7,9 @@ import { usePopperContent as W } from "./composables/use-content.js";
 import { usePopperContentDOM as _ } from "./composables/use-content-dom.js";
 import { usePopperContentFocusTrap as ee } from "./composables/use-focus-trap.js";
 import { POPPER_CONTENT_INJECTION_KEY as te } from "./constants.js";
-const oe = y({
-  name: "vft-popper-content"
-}), de = /* @__PURE__ */ y({
-  ...oe,
+const ie = /* @__PURE__ */ V({
+  name: "vft-popper-content",
+  __name: "content",
   props: {
     boundariesPadding: { default: 0 },
     fallbackPlacements: {},
@@ -38,36 +37,36 @@ const oe = y({
     zIndex: {}
   },
   emits: ["mouseenter", "mouseleave", "focus", "blur", "close"],
-  setup(r, { expose: P, emit: F }) {
+  setup(r, { expose: y, emit: P }) {
     const u = z(), {
-      focusStartRef: E,
+      focusStartRef: F,
       trapped: p,
-      onFocusAfterReleased: B,
-      onFocusAfterTrapped: C,
-      onFocusInTrap: A,
-      onFocusoutPrevented: T,
-      onReleaseRequested: g
-    } = ee(u.props, F), { attributes: O, arrowRef: I, contentRef: s, styles: N, instanceRef: w, role: d, update: M } = W(u.props), {
-      ariaModal: k,
-      arrowStyle: S,
-      contentAttrs: q,
-      contentClass: x,
+      onFocusAfterReleased: E,
+      onFocusAfterTrapped: B,
+      onFocusInTrap: C,
+      onFocusoutPrevented: A,
+      onReleaseRequested: T
+    } = ee(u.props, P), { attributes: g, arrowRef: O, contentRef: s, styles: I, instanceRef: N, role: d, update: w } = W(u.props), {
+      ariaModal: M,
+      arrowStyle: k,
+      contentAttrs: S,
+      contentClass: q,
       contentStyle: c,
-      updateZIndex: $
+      updateZIndex: x
     } = _(u.props, {
-      styles: N,
-      attributes: O,
+      styles: I,
+      attributes: g,
       role: d
-    }), L = D();
+    }), $ = D();
     J(te, {
-      arrowStyle: S,
-      arrowRef: I,
-      arrowOffset: L
+      arrowStyle: k,
+      arrowRef: O,
+      arrowOffset: $
     });
     let t;
     const m = (n = !0) => {
-      M(), n && $();
-    }, V = () => {
+      w(), n && x();
+    }, L = () => {
       m(!1), r.visible && r.focusOnShow ? p.value = !0 : r.visible === !1 && (p.value = !1);
     };
     return K(() => {
@@ -77,7 +76,7 @@ const oe = y({
           t == null || t(), t = void 0;
           const o = e(n || s.value), f = e(a || s.value);
           R(o) && (t = i(
-            [d, () => r.ariaLabel, k, () => r.id],
+            [d, () => r.ariaLabel, M, () => r.id],
             (l) => {
               ["role", "aria-label", "aria-modal", "id"].forEach((v, b) => {
                 h(l[b]) ? o.removeAttribute(v) : o.setAttribute(v, l[b]);
@@ -89,10 +88,10 @@ const oe = y({
           });
         },
         { immediate: !0 }
-      ), i(() => r.visible, V, { immediate: !0 });
+      ), i(() => r.visible, L, { immediate: !0 });
     }), U(() => {
       t == null || t(), t = void 0;
-    }), P({
+    }), y({
       /**
        * @description popper content element
        */
@@ -100,7 +99,7 @@ const oe = y({
       /**
        * @description popperjs instance
        */
-      popperInstanceRef: w,
+      popperInstanceRef: N,
       /**
        * @description method for updating popper
        */
@@ -112,9 +111,9 @@ const oe = y({
     }), (n, a) => (Y(), Z("div", j({
       ref_key: "contentRef",
       ref: s
-    }, e(q), {
+    }, e(S), {
       style: e(c),
-      class: e(x),
+      class: e(q),
       tabindex: "-1",
       onMouseenter: a[0] || (a[0] = (o) => n.$emit("mouseenter", o)),
       onMouseleave: a[1] || (a[1] = (o) => n.$emit("mouseleave", o))
@@ -123,12 +122,12 @@ const oe = y({
         trapped: e(p),
         "trap-on-focus-in": !0,
         "focus-trap-el": e(s),
-        "focus-start-el": e(E),
-        onFocusAfterTrapped: e(C),
-        onFocusAfterReleased: e(B),
-        onFocusin: e(A),
-        onFocusoutPrevented: e(T),
-        onReleaseRequested: e(g)
+        "focus-start-el": e(F),
+        onFocusAfterTrapped: e(B),
+        onFocusAfterReleased: e(E),
+        onFocusin: e(C),
+        onFocusoutPrevented: e(A),
+        onReleaseRequested: e(T)
       }, {
         default: H(() => [
           Q(n.$slots, "default")
@@ -139,5 +138,5 @@ const oe = y({
   }
 });
 export {
-  de as default
+  ie as default
 };

package/es/components/popper/popper.vue2.js

@@ -1,15 +1,14 @@
-import { defineComponent as t, ref as e, computed as i, provide as _, renderSlot as d } from "vue";
-import { POPPER_INJECTION_KEY as m } from "./constants.js";
-const u = t({
+import { defineComponent as a, ref as e, computed as i, provide as m, renderSlot as d } from "vue";
+import { POPPER_INJECTION_KEY as _ } from "./constants.js";
+const v = /* @__PURE__ */ a({
   name: "vft-popper",
-  inheritAttrs: !1
-}), E = /* @__PURE__ */ t({
-  ...u,
+  inheritAttrs: !1,
+  __name: "popper",
   props: {
     role: { default: "tooltip" }
   },
-  setup(r, { expose: n }) {
-    const p = e(), s = e(), f = e(), c = e(), l = i(() => r.role), o = {
+  setup(t, { expose: r }) {
+    const p = e(), n = e(), s = e(), f = e(), c = i(() => t.role), o = {
       /**
        * @description trigger element
        */
@@ -17,23 +16,23 @@ const u = t({
       /**
        * @description popperjs instance
        */
-      popperInstanceRef: s,
+      popperInstanceRef: n,
       /**
        * @description popper content element
        */
-      contentRef: f,
+      contentRef: s,
       /**
        * @description popper reference element
        */
-      referenceRef: c,
+      referenceRef: f,
       /**
        * @description role determines how aria attributes are distributed
        */
-      role: l
+      role: c
     };
-    return n(o), _(m, o), (a, R) => d(a.$slots, "default");
+    return r(o), m(_, o), (l, u) => d(l.$slots, "default");
   }
 });
 export {
-  E as default
+  v as default
 };

package/es/components/popper/trigger.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as b, getCurrentInstance as h, inject as x, computed as m, onMounted as B, watch as c, onBeforeUnmount as g, openBlock as w, createBlock as M, unref as P, mergeProps as R, withCtx as k, renderSlot as L, createCommentVNode as F } from "vue";
+import { defineComponent as y, getCurrentInstance as h, inject as g, computed as m, onMounted as x, watch as c, onBeforeUnmount as B, openBlock as w, createBlock as M, unref as P, mergeProps as R, withCtx as k, renderSlot as L, createCommentVNode as F } from "vue";
 import { isNil as I } from "lodash";
 import { unrefElement as K } from "@vueuse/core";
 import { OnlyChild as O } from "../slot/only-child.js";
@@ -9,11 +9,10 @@ import { useForwardRef as $ } from "../../hooks/use-forward-ref/index.js";
 import { isElement as v } from "@vft/utils";
 import "../../utils/ns-cover.js";
 import { POPPER_INJECTION_KEY as N } from "./constants.js";
-const V = b({
+const E = /* @__PURE__ */ y({
   name: "VftPopperTrigger",
-  inheritAttrs: !1
-}), G = /* @__PURE__ */ b({
-  ...V,
+  inheritAttrs: !1,
+  __name: "trigger",
   props: {
     virtualRef: {},
     virtualTriggering: { type: Boolean },
@@ -27,8 +26,8 @@ const V = b({
     id: {},
     open: { type: Boolean }
   },
-  setup(n, { expose: C }) {
-    const y = h(), { role: a, triggerRef: d } = x(N, void 0);
+  setup(n, { expose: b }) {
+    const C = h(), { role: a, triggerRef: d } = g(N, void 0);
     $(d);
     const f = m(() => s.value ? n.id : void 0), l = m(() => {
       if (a && a.value === "tooltip")
@@ -38,7 +37,7 @@ const V = b({
         return a.value;
     }), p = m(() => s.value ? `${n.open}` : void 0);
     let o;
-    return B(() => {
+    return x(() => {
       c(
         () => n.virtualRef,
         (e) => {
@@ -60,7 +59,7 @@ const V = b({
             "onContextmenu"
           ].forEach((t) => {
             var u;
-            const i = y.props[t];
+            const i = C.props[t];
             i && (e.addEventListener(
               t.slice(2).toLowerCase(),
               i
@@ -93,9 +92,9 @@ const V = b({
           immediate: !0
         }
       );
-    }), g(() => {
+    }), B(() => {
       o == null || o(), o = void 0;
-    }), C({
+    }), b({
       /**
        * @description trigger element
        */
@@ -114,5 +113,5 @@ const V = b({
   }
 });
 export {
-  G as default
+  E as default
 };

package/es/components/qrcode/qrcode.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as s, ref as d, onMounted as p, openBlock as l, createElementBlock as w, createBlock as g, resolveDynamicComponent as v, unref as c } from "vue";
+import { defineComponent as u, ref as d, onMounted as p, openBlock as l, createElementBlock as w, createBlock as g, resolveDynamicComponent as v, unref as c } from "vue";
 import { toDataURL as h } from "qrcode";
 import { useNamespace as C } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
@@ -11,10 +11,9 @@ import { toCanvas as E } from "./toCanvas.js";
 const L = (
   /* hoist-static*/
   C("qrcode")
-), k = s({
-  name: L.b()
-}), q = /* @__PURE__ */ s({
-  ...k,
+), T = /* @__PURE__ */ u({
+  name: L.b(),
+  __name: "qrcode",
   props: {
     value: {},
     options: {},
@@ -23,41 +22,41 @@ const L = (
     tag: { default: "canvas" }
   },
   emits: ["done", "error"],
-  setup(o, { expose: f, emit: a }) {
+  setup(o, { expose: s, emit: a }) {
     const r = d(null);
     async function i() {
       try {
-        const n = String(o.value), t = c(r);
-        if (!t)
+        const n = String(o.value), e = c(r);
+        if (!e)
           return;
         if (o.tag === "canvas") {
-          const e = await E({
-            canvas: t,
+          const t = await E({
+            canvas: e,
             width: o.width,
             logo: o.logo,
             content: n,
             options: o.options || {}
           });
-          a("done", { url: e, ctx: t.getContext("2d") });
+          a("done", { url: t, ctx: e.getContext("2d") });
           return;
         }
         if (o.tag === "img") {
-          const e = await h(n, {
+          const t = await h(n, {
             errorCorrectionLevel: "H",
             width: o.width,
             ...o.options
           });
-          c(r).src = e, a("done", { url: e });
+          c(r).src = t, a("done", { url: t });
         }
       } catch (n) {
         a("error", n);
       }
     }
-    function u(n) {
-      let t = "";
-      const e = c(r);
-      e instanceof HTMLCanvasElement ? t = e.toDataURL() : e instanceof HTMLImageElement && (t = e.src), t && y({
-        url: t,
+    function f(n) {
+      let e = "";
+      const t = c(r);
+      t instanceof HTMLCanvasElement ? e = t.toDataURL() : t instanceof HTMLImageElement && (e = t.src), e && y({
+        url: e,
         fileName: n
       });
     }
@@ -65,9 +64,9 @@ const L = (
     const m = getCurrentInstance();
     return watch(m.props, () => {
       i();
-    }, { deep: !0 }), f({
-      download: u
-    }), (n, t) => (l(), w("div", null, [
+    }, { deep: !0 }), s({
+      download: f
+    }), (n, e) => (l(), w("div", null, [
       (l(), g(v(n.tag), {
         ref_key: "wrapRef",
         ref: r
@@ -76,5 +75,5 @@ const L = (
   }
 });
 export {
-  q as default
+  T as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as b, computed as B, openBlock as R, createElementBlock as S, normalizeClass as r, unref as e, withDirectives as C, createElementVNode as u, isRef as V, vModelRadio as g, normalizeStyle as k, withModifiers as w, renderSlot as z, createTextVNode as N, toDisplayString as $ } from "vue";
+import { defineComponent as c, computed as B, openBlock as R, createElementBlock as S, normalizeClass as r, unref as e, withDirectives as C, createElementVNode as u, isRef as V, vModelRadio as g, normalizeStyle as k, withModifiers as w, renderSlot as z, createTextVNode as N, toDisplayString as $ } from "vue";
 import { useNamespace as D } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -7,18 +7,17 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
 import { useRadio as E } from "./use-radio.js";
-const M = ["value", "name", "disabled"], F = b({
-  name: "VftRadioButton"
-}), J = /* @__PURE__ */ b({
-  ...F,
+const M = ["value", "name", "disabled"], I = /* @__PURE__ */ c({
+  name: "VftRadioButton",
+  __name: "radio-button",
   props: {
     size: {},
     disabled: { type: Boolean },
     label: { type: [String, Number, Boolean] },
     name: {}
   },
-  setup(f) {
-    const p = f, t = D("radio"), { radioRef: v, focus: a, size: y, disabled: m, modelValue: s, radioGroup: l } = E(p), c = B(() => ({
+  setup(b) {
+    const f = b, t = D("radio"), { radioRef: p, focus: s, size: v, disabled: m, modelValue: a, radioGroup: l } = E(f), y = 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}` : "",
@@ -29,29 +28,29 @@ const M = ["value", "name", "disabled"], F = b({
       return R(), S("label", {
         class: r([
           e(t).b("button"),
-          e(t).is("active", e(s) === n.label),
+          e(t).is("active", e(a) === n.label),
           e(t).is("disabled", e(m)),
-          e(t).is("focus", e(a)),
-          e(t).bm("button", e(y))
+          e(t).is("focus", e(s)),
+          e(t).bm("button", e(v))
         ])
       }, [
         C(u("input", {
           ref_key: "radioRef",
-          ref: v,
-          "onUpdate:modelValue": o[0] || (o[0] = (i) => V(s) ? s.value = i : null),
+          ref: p,
+          "onUpdate:modelValue": o[0] || (o[0] = (i) => V(a) ? a.value = i : null),
           class: r(e(t).be("button", "original-radio")),
           value: n.label,
           type: "radio",
           name: n.name || ((d = e(l)) == null ? void 0 : d.name),
           disabled: e(m),
-          onFocus: o[1] || (o[1] = (i) => a.value = !0),
-          onBlur: o[2] || (o[2] = (i) => a.value = !1)
+          onFocus: o[1] || (o[1] = (i) => s.value = !0),
+          onBlur: o[2] || (o[2] = (i) => s.value = !1)
         }, null, 42, M), [
-          [g, e(s)]
+          [g, e(a)]
         ]),
         u("span", {
           class: r(e(t).be("button", "inner")),
-          style: k(e(s) === n.label ? c.value : {}),
+          style: k(e(a) === n.label ? y.value : {}),
           onKeydown: o[3] || (o[3] = w(() => {
           }, ["stop"]))
         }, [
@@ -64,5 +63,5 @@ const M = ["value", "name", "disabled"], F = b({
   }
 });
 export {
-  J as default
+  I as default
 };