vft 0.0.115 → 0.0.118

package/es/components/affix/affix.vue2.js

@@ -1,34 +1,34 @@
-import { defineComponent as $, shallowRef as c, ref as v, computed as E, watch as M, onMounted as R, watchEffect as W, openBlock as A, createElementBlock as H, normalizeClass as S, unref as _, normalizeStyle as y, createElementVNode as I, renderSlot as O } from "vue";
-import { useWindowSize as P, useElementBounding as T, useEventListener as q } from "@vueuse/core";
-import { addUnit as L } from "@vft/utils";
-import { throwError as U } from "../../utils/error.js";
+import { defineComponent as $, shallowRef as c, ref as v, computed as E, watch as k, onMounted as M, watchEffect as R, openBlock as W, createElementBlock as A, normalizeClass as S, unref as _, normalizeStyle as y, createElementVNode as H, renderSlot as I } from "vue";
+import { useWindowSize as O, useElementBounding as T, useEventListener as P } from "@vueuse/core";
+import { addUnit as q } from "@vft/utils";
+import { throwError as L } from "../../utils/error.js";
 import "lodash";
 import "../../utils/ns-cover.js";
-import { getScrollContainer as V } from "../../utils/dom/scroll.js";
-import { useNamespace as Y } from "../../hooks/use-namespace/index.js";
+import { getScrollContainer as U } from "../../utils/dom/scroll.js";
+import { useNamespace as V } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { affixProps as j, affixEmits as D } from "./affix.js";
-const b = "ElAffix", F = $({
-  name: b
+import { affixProps as Y, affixEmits as j } from "./affix.js";
+const D = "ElAffix", F = $({
+  name: "vft-affix"
 }), se = /* @__PURE__ */ $({
   ...F,
-  props: j,
-  emits: D,
-  setup(z, { expose: C, emit: m }) {
-    const e = z, p = Y("affix"), a = c(), f = c(), l = c(), { height: r } = P(), {
+  props: Y,
+  emits: j,
+  setup(b, { expose: z, emit: m }) {
+    const e = b, p = V("affix"), a = c(), f = c(), l = c(), { height: r } = O(), {
       height: s,
       width: d,
       top: h,
       bottom: x,
       update: i
-    } = T(f, { windowScroll: !1 }), n = T(a), o = v(!1), g = v(0), u = v(0), N = E(() => ({
+    } = T(f, { windowScroll: !1 }), n = T(a), o = v(!1), g = v(0), u = v(0), C = E(() => ({
       height: o.value ? `${s.value}px` : "",
       width: o.value ? `${d.value}px` : ""
-    })), B = E(() => {
+    })), N = E(() => {
       if (!o.value)
         return {};
-      const t = e.offset ? L(e.offset) : 0;
+      const t = e.offset ? q(e.offset) : 0;
       return {
         height: `${s.value}px`,
         width: `${d.value}px`,
@@ -50,30 +50,30 @@ const b = "ElAffix", F = $({
           o.value = r.value - e.offset < x.value && r.value > n.top.value, u.value = t < 0 ? -t : 0;
         } else
           o.value = r.value - e.offset < x.value;
-    }, k = () => {
+    }, B = () => {
       i(), m("scroll", {
         scrollTop: g.value,
         fixed: o.value
       });
     };
-    return M(o, (t) => m("change", t)), R(() => {
-      e.target ? (a.value = document.querySelector(e.target) ?? void 0, a.value || U(b, `Target is not existed: ${e.target}`)) : a.value = document.documentElement, l.value = V(f.value, !0), i();
-    }), q(l, "scroll", k), W(w), C({
+    return k(o, (t) => m("change", t)), M(() => {
+      e.target ? (a.value = document.querySelector(e.target) ?? void 0, a.value || L(D, `Target is not existed: ${e.target}`)) : a.value = document.documentElement, l.value = U(f.value, !0), i();
+    }), P(l, "scroll", B), R(w), z({
       /** @description update affix status */
       update: w,
       /** @description update rootRect info */
       updateRoot: i
-    }), (t, G) => (A(), H("div", {
+    }), (t, G) => (W(), A("div", {
       ref_key: "root",
       ref: f,
       class: S(_(p).b()),
-      style: y(N.value)
+      style: y(C.value)
     }, [
-      I("div", {
+      H("div", {
         class: S({ [_(p).m("fixed")]: o.value }),
-        style: y(B.value)
+        style: y(N.value)
       }, [
-        O(t.$slots, "default")
+        I(t.$slots, "default")
       ], 6)
     ], 6));
   }

package/es/components/alert/alert.vue2.js

@@ -7,11 +7,8 @@ import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-const t = (
-  /* hoist-static*/
-  E("alert")
-), D = C({
-  name: t.b()
+const D = C({
+  name: "vft-alert"
 }), L = /* @__PURE__ */ C({
   ...D,
   props: {
@@ -28,7 +25,7 @@ const t = (
     close: (n) => n instanceof MouseEvent
   },
   setup(n, { emit: h }) {
-    const d = w(), f = g(!0), m = c(() => n.type), B = c(() => [
+    const t = E("alert"), d = w(), f = g(!0), m = c(() => n.type), B = c(() => [
       t.e("icon"),
       { [t.is("big")]: !!n.description || !!d.default }
     ]), T = c(() => ({ [t.is("bold")]: n.description || d.default })), p = (e) => {

package/es/components/autocomplete/autocomplete.vue2.js

@@ -15,11 +15,11 @@ import { VftTooltip as Fe } from "../tooltip/index.js";
 import "../form/index.js";
 import { generateId as Ne } from "./types.js";
 import { useFormDisabled as Ke } from "../form/hooks/use-form-common-props.js";
-const Oe = ["aria-expanded", "aria-owns"], Re = ["id", "aria-selected", "onClick"], Me = "ElAutocomplete", r = (
+const Oe = ["aria-expanded", "aria-owns"], Re = ["id", "aria-selected", "onClick"], Me = "ElAutocomplete", i = (
   /* hoist-static*/
   Te("autocomplete")
 ), Pe = X({
-  name: r.b(),
+  name: "vft-autocomplete",
   inheritAttrs: !1
 }), at = /* @__PURE__ */ X({
   ...Pe,
@@ -51,10 +51,10 @@ const Oe = ["aria-expanded", "aria-owns"], Re = ["id", "aria-selected", "onClick
     clear: () => !0,
     select: (t) => Ve(t)
   },
-  setup(t, { expose: Y, emit: u }) {
+  setup(t, { expose: Y, emit: r }) {
     const Z = Ie(), x = de(), M = Ke(), o = f(), P = f(), V = f(), W = f();
     let U = !1, C = !1;
-    const i = f([]), a = f(-1), H = f(""), c = f(!1), h = f(!1), m = f(!1), b = w(() => r.b(String(Ne()))), _ = w(() => x.style), d = w(() => (i.value.length > 0 || m.value) && c.value), I = w(() => !t.hideLoading && m.value), ee = w(() => o.value ? Array.from(
+    const u = f([]), a = f(-1), H = f(""), c = f(!1), h = f(!1), m = f(!1), b = w(() => i.b(String(Ne()))), _ = w(() => x.style), d = w(() => (u.value.length > 0 || m.value) && c.value), I = w(() => !t.hideLoading && m.value), ee = w(() => o.value ? Array.from(
       o.value.$el.querySelectorAll("input")
     ) : []), te = async () => {
       await Ee(), d.value && (H.value = `${o.value.$el.offsetWidth}px`);
@@ -64,7 +64,7 @@ const Oe = ["aria-expanded", "aria-owns"], Re = ["id", "aria-selected", "onClick
       if (h.value)
         return;
       const l = (n) => {
-        m.value = !1, console.log("cb---", n, h.value, k(n)), !h.value && (k(n) ? (i.value = n, a.value = t.highlightFirstItem ? 0 : -1) : Ce(Me, "autocomplete suggestions must be an array"));
+        m.value = !1, console.log("cb---", n, h.value, k(n)), !h.value && (k(n) ? (u.value = n, a.value = t.highlightFirstItem ? 0 : -1) : Ce(Me, "autocomplete suggestions must be an array"));
       };
       if (m.value = !0, console.log(t.fetchSuggestions, e, 8989), k(t.fetchSuggestions))
         console.log("isArray----"), l(t.fetchSuggestions);
@@ -74,8 +74,8 @@ const Oe = ["aria-expanded", "aria-owns"], Re = ["id", "aria-selected", "onClick
       }
     }, t.debounce), ae = (e) => {
       const l = !!e;
-      if (u(R, e), u(T, e), h.value = !1, c.value || (c.value = l), !t.triggerOnFocus && !e) {
-        h.value = !0, i.value = [];
+      if (r(R, e), r(T, e), h.value = !1, c.value || (c.value = l), !t.triggerOnFocus && !e) {
+        h.value = !0, u.value = [];
         return;
       }
       L(e);
@@ -83,9 +83,9 @@ const Oe = ["aria-expanded", "aria-owns"], Re = ["id", "aria-selected", "onClick
       var l;
       M.value || (((l = e.target) == null ? void 0 : l.tagName) !== "INPUT" || ee.value.includes(document.activeElement)) && (c.value = !0);
     }, se = (e) => {
-      u(Q, e);
+      r(Q, e);
     }, ne = (e) => {
-      C ? C = !1 : (c.value = !0, u("focus", e), t.triggerOnFocus && !U && L(String(t.modelValue)));
+      C ? C = !1 : (c.value = !0, r("focus", e), t.triggerOnFocus && !U && L(String(t.modelValue)));
     }, re = (e) => {
       setTimeout(() => {
         var l;
@@ -93,12 +93,12 @@ const Oe = ["aria-expanded", "aria-owns"], Re = ["id", "aria-selected", "onClick
           C = !0;
           return;
         }
-        c.value && y(), u("blur", e);
+        c.value && y(), r("blur", e);
       });
     }, ue = () => {
-      c.value = !1, u(T, ""), u("clear");
+      c.value = !1, r(T, ""), r("clear");
     }, z = async () => {
-      d.value && a.value >= 0 && a.value < i.value.length ? B(i.value[a.value]) : t.selectWhenUnmatched && (u("select", { value: t.modelValue }), i.value = [], a.value = -1);
+      d.value && a.value >= 0 && a.value < u.value.length ? B(u.value[a.value]) : t.selectWhenUnmatched && (r("select", { value: t.modelValue }), u.value = [], a.value = -1);
     }, ie = (e) => {
       d.value && (e.preventDefault(), e.stopPropagation(), y());
     }, y = () => {
@@ -110,7 +110,7 @@ const Oe = ["aria-expanded", "aria-owns"], Re = ["id", "aria-selected", "onClick
       var e;
       (e = o.value) == null || e.blur();
     }, B = async (e) => {
-      u(R, e[t.valueKey]), u(T, e[t.valueKey]), u("select", e), i.value = [], a.value = -1;
+      r(R, e[t.valueKey]), r(T, e[t.valueKey]), r("select", e), u.value = [], a.value = -1;
     }, D = (e) => {
       if (!d.value || m.value)
         return;
@@ -118,11 +118,11 @@ const Oe = ["aria-expanded", "aria-owns"], Re = ["id", "aria-selected", "onClick
         a.value = -1;
         return;
       }
-      e >= i.value.length && (e = i.value.length - 1);
+      e >= u.value.length && (e = u.value.length - 1);
       const l = P.value.querySelector(
-        `.${r.be("suggestion", "wrap")}`
+        `.${i.be("suggestion", "wrap")}`
       ), v = l.querySelectorAll(
-        `.${r.be("suggestion", "list")} li`
+        `.${i.be("suggestion", "list")} li`
       )[e], p = l.scrollTop, { offsetTop: F, scrollHeight: N } = v;
       F + N > p + l.clientHeight && (l.scrollTop += N), F < p && (l.scrollTop -= N), a.value = e, o.value.ref.setAttribute(
         "aria-activedescendant",
@@ -148,7 +148,7 @@ const Oe = ["aria-expanded", "aria-owns"], Re = ["id", "aria-selected", "onClick
       /** @description el-tooltip component instance */
       popperRef: V,
       /** @description fetch suggestions result */
-      suggestions: i,
+      suggestions: u,
       /** @description triggers when a suggestion is clicked */
       handleSelect: B,
       /** @description handle keyboard enter event */
@@ -169,14 +169,14 @@ const Oe = ["aria-expanded", "aria-owns"], Re = ["id", "aria-selected", "onClick
         visible: d.value,
         placement: e.placement,
         "fallback-placements": ["bottom-start", "top-start"],
-        "popper-class": [s(r).e("popper"), e.popperClass],
+        "popper-class": [s(i).e("popper"), e.popperClass],
         teleported: e.teleported,
         "gpu-acceleration": !1,
         pure: "",
         "manual-mode": "",
         effect: "light",
         trigger: "click",
-        transition: `${s(r).namespace.value}-zoom-in-top`,
+        transition: `${s(i).namespace.value}-zoom-in-top`,
         persistent: "",
         onBeforeShow: te,
         onHide: le
@@ -185,7 +185,7 @@ const Oe = ["aria-expanded", "aria-owns"], Re = ["id", "aria-selected", "onClick
           G("div", {
             ref_key: "regionRef",
             ref: P,
-            class: S([s(r).b("suggestion"), s(r).is("loading", I.value)]),
+            class: S([s(i).b("suggestion"), s(i).is("loading", I.value)]),
             style: j({
               [e.fitInputWidth ? "width" : "minWidth"]: H.value,
               outline: "none"
@@ -195,15 +195,15 @@ const Oe = ["aria-expanded", "aria-owns"], Re = ["id", "aria-selected", "onClick
             ge(($(), q(s(De), {
               id: b.value,
               tag: "ul",
-              "wrap-class": s(r).be("suggestion", "wrap"),
-              "view-class": s(r).be("suggestion", "list"),
+              "wrap-class": s(i).be("suggestion", "wrap"),
+              "view-class": s(i).be("suggestion", "list"),
               role: "listbox"
             }, {
               default: g(() => [
                 I.value ? ($(), K("li", {
                   key: 0,
-                  class: S(s(r).is("loading"))
-                }, null, 2)) : ($(!0), K(me, { key: 1 }, he(i.value, (v, p) => ($(), K("li", {
+                  class: S(s(i).is("loading"))
+                }, null, 2)) : ($(!0), K(me, { key: 1 }, he(u.value, (v, p) => ($(), K("li", {
                   id: `${b.value}-item-${p}`,
                   key: p,
                   class: S({ highlighted: a.value === p }),
@@ -226,7 +226,7 @@ const Oe = ["aria-expanded", "aria-owns"], Re = ["id", "aria-selected", "onClick
           G("div", {
             ref_key: "listboxRef",
             ref: W,
-            class: S([s(r).b(), e.$attrs.class]),
+            class: S([s(i).b(), e.$attrs.class]),
             style: j(_.value),
             role: "combobox",
             "aria-haspopup": "listbox",

package/es/components/backtop/backtop.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as c, getCurrentInstance as g, computed as a, openBlock as m, createBlock as l, Transition as y, unref as t, withCtx as C, createElementBlock as h, normalizeStyle as v, normalizeClass as x, withModifiers as T, renderSlot as z, normalizeProps as B, mergeProps as $, createCommentVNode as s } from "vue";
+import { defineComponent as c, getCurrentInstance as g, computed as a, openBlock as i, createBlock as l, Transition as v, unref as t, withCtx as y, createElementBlock as C, normalizeStyle as h, normalizeClass as x, withModifiers as T, renderSlot as z, normalizeProps as B, mergeProps as $, createCommentVNode as s } from "vue";
 import { singleAttrToObj as w } from "@vft/utils";
 import "../divider/index.js";
 import { VftIcon as S } from "../icon/index.js";
@@ -90,11 +90,11 @@ import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
 import { useBackTop as I } from "./use-backtop.js";
-const r = (
+const m = (
   /* hoist-static*/
   _("backtop")
 ), N = c({
-  name: r.b()
+  name: "vft-backtop"
 }), go = /* @__PURE__ */ c({
   ...N,
   props: {
@@ -106,19 +106,19 @@ const r = (
     scrollTargetKey: {}
   },
   emits: ["click"],
-  setup(i, { emit: u }) {
-    const f = g(), { handleClick: p, visible: d } = I(f.props, u, r.b()), b = a(() => ({
-      right: `${i.right}px`,
-      bottom: `${i.bottom}px`
-    })), e = a(() => w(i.icon, "icon", { size: 25 }));
-    return (k, n) => (m(), l(y, {
-      name: `${t(r).namespace}-fade-in`
+  setup(r, { emit: u }) {
+    const f = g(), { handleClick: p, visible: d } = I(f.props, u, m.b()), b = a(() => ({
+      right: `${r.right}px`,
+      bottom: `${r.bottom}px`
+    })), e = a(() => w(r.icon, "icon", { size: 25 }));
+    return (k, n) => (i(), l(v, {
+      name: `${t(m).namespace}-fade-in`
     }, {
-      default: C(() => [
-        t(d) ? (m(), h("div", {
+      default: y(() => [
+        t(d) ? (i(), C("div", {
           key: 0,
-          style: v(b.value),
-          class: x(t(r).b()),
+          style: h(b.value),
+          class: x(t(m).b()),
           onClick: n[0] || (n[0] = T(
             //@ts-ignore
             (...o) => t(p) && t(p)(...o),
@@ -128,7 +128,7 @@ const r = (
           z(k.$slots, "default", {}, () => {
             var o;
             return [
-              (o = e.value) != null && o.icon ? (m(), l(t(S), B($({ key: 0 }, e.value)), null, 16)) : s("", !0)
+              (o = e.value) != null && o.icon ? (i(), l(t(S), B($({ key: 0 }, e.value)), null, 16)) : s("", !0)
             ];
           })
         ], 6)) : s("", !0)

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

@@ -9,11 +9,11 @@ import { singleAttrToObj as O } from "@vft/utils";
 import "../../utils/ns-cover.js";
 import { useButton as P } from "./use-button.js";
 import { useButtonCustomStyle as T } from "./button-custom.js";
-const o = (
+const t = (
   /* hoist-static*/
   N("button")
 ), V = B({
-  name: o.b()
+  name: "vft-button"
 }), U = /* @__PURE__ */ B({
   ...V,
   props: {
@@ -39,7 +39,7 @@ const o = (
   },
   emits: ["click"],
   setup(C, { expose: S, emit: h }) {
-    const l = C, s = I(() => O(l.icon, "icon")), z = T(l), { _ref: i, _size: r, _type: p, _disabled: c, _props: v, shouldAddSpace: d, handleClick: $ } = P(l, h);
+    const l = C, s = I(() => O(l.icon, "icon")), v = T(l), { _ref: i, _size: r, _type: p, _disabled: c, _props: z, shouldAddSpace: u, handleClick: $ } = P(l, h);
     return S({
       /** @description button html element */
       ref: i,
@@ -50,44 +50,44 @@ const o = (
       /** @description button disabled */
       disabled: c,
       /** @description whether adding space */
-      shouldAddSpace: d
-    }), (t, w) => (n(), a(_(t.tag), m({
+      shouldAddSpace: u
+    }), (o, w) => (n(), a(_(o.tag), m({
       ref_key: "_ref",
       ref: i
-    }, e(v), {
+    }, e(z), {
       class: [
-        e(o).b(),
-        e(o).m(e(p)),
-        e(o).m(e(r)),
-        e(o).is("disabled", e(c)),
-        e(o).is("loading", t.loading),
-        e(o).is("plain", t.plain),
-        e(o).is("round", t.round),
-        e(o).is("circle", t.circle),
-        e(o).is("text", t.text),
-        e(o).is("link", t.link),
-        e(o).is("has-bg", t.bg),
-        e(o).is("block", t.block)
+        e(t).b(),
+        e(t).m(e(p)),
+        e(t).m(e(r)),
+        e(t).is("disabled", e(c)),
+        e(t).is("loading", o.loading),
+        e(t).is("plain", o.plain),
+        e(t).is("round", o.round),
+        e(t).is("circle", o.circle),
+        e(t).is("text", o.text),
+        e(t).is("link", o.link),
+        e(t).is("has-bg", o.bg),
+        e(t).is("block", o.block)
       ],
-      style: e(z),
+      style: e(v),
       onClick: e($)
     }), {
       default: j(() => {
-        var u;
+        var d;
         return [
-          t.loading ? (n(), y(A, { key: 0 }, [
-            t.$slots.loading ? f(t.$slots, "loading", { key: 0 }) : (n(), a(e(g), {
+          o.loading ? (n(), y(A, { key: 0 }, [
+            o.$slots.loading ? f(o.$slots, "loading", { key: 0 }) : (n(), a(e(g), {
               key: 1,
               rotate: "",
-              class: k(e(o).is("loading")),
+              class: k(e(t).is("loading")),
               icon: "ico-ep:loading"
             }, null, 8, ["class"]))
-          ], 64)) : (u = s.value) != null && u.icon ? (n(), a(e(g), F(m({ key: 1 }, s.value)), null, 16)) : b("", !0),
-          t.$slots.default ? (n(), y("span", {
+          ], 64)) : (d = s.value) != null && d.icon ? (n(), a(e(g), F(m({ key: 1 }, s.value)), null, 16)) : b("", !0),
+          o.$slots.default ? (n(), y("span", {
             key: 2,
-            class: k({ [e(o).em("text", "expand")]: e(d) })
+            class: k({ [e(t).em("text", "expand")]: e(u) })
           }, [
-            f(t.$slots, "default")
+            f(o.$slots, "default")
           ], 2)) : b("", !0)
         ];
       }),

package/es/components/card/card.vue2.js

@@ -1,18 +1,18 @@
-import { defineComponent as l, openBlock as t, createElementBlock as s, normalizeClass as r, unref as a, renderSlot as d, createTextVNode as m, toDisplayString as n, createCommentVNode as i, createElementVNode as p, normalizeStyle as u } from "vue";
-import { useNamespace as c } from "../../hooks/use-namespace/index.js";
+import { defineComponent as l, openBlock as t, createElementBlock as s, normalizeClass as r, unref as o, renderSlot as d, createTextVNode as m, toDisplayString as n, createCommentVNode as i, createElementVNode as p, normalizeStyle as c } from "vue";
+import { useNamespace as f } 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";
-const o = (
+const a = (
   /* hoist-static*/
-  c("card")
-), f = l({
-  name: o.b()
+  f("card")
+), u = l({
+  name: "vft-card"
 }), V = /* @__PURE__ */ l({
-  ...f,
+  ...u,
   props: {
     header: { default: "" },
     bodyStyle: { default: "" },
@@ -20,19 +20,19 @@ const o = (
   },
   setup(h) {
     return (e, y) => (t(), s("div", {
-      class: r([a(o).b(), a(o).is(`${e.shadow}-shadow`)])
+      class: r([o(a).b(), o(a).is(`${e.shadow}-shadow`)])
     }, [
       e.$slots.header || e.header ? (t(), s("div", {
         key: 0,
-        class: r(a(o).e("header"))
+        class: r(o(a).e("header"))
       }, [
         d(e.$slots, "header", {}, () => [
           m(n(e.header), 1)
         ])
       ], 2)) : i("", !0),
       p("div", {
-        class: r(a(o).e("body")),
-        style: u(e.bodyStyle)
+        class: r(o(a).e("body")),
+        style: c(e.bodyStyle)
       }, [
         d(e.$slots, "default")
       ], 6)

package/es/components/check-tag/check-tag.vue2.js

@@ -7,22 +7,22 @@ import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-const c = (
+const t = (
   /* hoist-static*/
   h("check-tag")
-), u = o({
-  name: c.b()
+), k = o({
+  name: "vft-check-tag"
 }), x = /* @__PURE__ */ o({
-  ...u,
+  ...k,
   props: {
     checked: { type: Boolean, default: !1 }
   },
   emits: ["update:checked", "change"],
-  setup(e, { emit: t }) {
-    const a = s(() => [c.b(), c.is("checked", e.checked)]), n = () => {
-      t(i, !e.checked), t("update:checked", !e.checked);
+  setup(e, { emit: c }) {
+    const a = s(() => [t.b(), t.is("checked", e.checked)]), n = () => {
+      c(i, !e.checked), c("update:checked", !e.checked);
     };
-    return (r, k) => (m(), l("span", {
+    return (r, u) => (m(), l("span", {
       class: d(a.value),
       onClick: n
     }, [

package/es/components/checkbox/checkbox.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as S, useSlots as K, computed as c, openBlock as i, createBlock as L, resolveDynamicComponent as O, unref as a, normalizeClass as s, withCtx as R, createElementVNode as y, withDirectives as C, createElementBlock as r, isRef as h, vModelCheckbox as B, createTextVNode as V, toDisplayString as g, Fragment as N, renderSlot as U, createCommentVNode as b } from "vue";
+import { defineComponent as S, useSlots as K, computed as c, openBlock as i, createBlock as L, resolveDynamicComponent as O, unref as a, normalizeClass as s, withCtx as R, createElementVNode as y, withDirectives as h, createElementBlock as r, isRef as C, vModelCheckbox as B, createTextVNode as V, toDisplayString as g, Fragment as N, renderSlot as U, createCommentVNode as b } from "vue";
 import { useNamespace as j } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -7,12 +7,12 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
 import "../form/index.js";
-import { useCheckbox as M } from "./composables/use-checkbox.js";
-const T = ["tabindex", "role", "aria-checked"], q = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"], x = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"], n = (
+import { useCheckbox as x } from "./composables/use-checkbox.js";
+const M = ["tabindex", "role", "aria-checked"], T = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"], q = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"], n = (
   /* hoist-static*/
   j("checkbox")
 ), A = S({
-  name: n.b()
+  name: "vft-checkbox"
 }), ee = /* @__PURE__ */ S({
   ...A,
   props: {
@@ -45,7 +45,7 @@ const T = ["tabindex", "role", "aria-checked"], q = ["id", "aria-hidden", "name"
       model: t,
       handleChange: m,
       onClickRoot: z
-    } = M(p, F), E = c(() => [
+    } = x(p, F), E = c(() => [
       n.b(),
       n.m(w.value),
       n.is("disabled", u.value),
@@ -70,10 +70,10 @@ const T = ["tabindex", "role", "aria-checked"], q = ["id", "aria-hidden", "name"
           role: e.indeterminate ? "checkbox" : void 0,
           "aria-checked": e.indeterminate ? "mixed" : void 0
         }, [
-          e.trueValue || e.falseValue ? C((i(), r("input", {
+          e.trueValue || e.falseValue ? h((i(), r("input", {
             key: 0,
             id: a(v),
-            "onUpdate:modelValue": l[0] || (l[0] = (o) => h(t) ? t.value = o : null),
+            "onUpdate:modelValue": l[0] || (l[0] = (o) => C(t) ? t.value = o : null),
             class: s(a(n).e("original")),
             type: "checkbox",
             "aria-hidden": e.indeterminate ? "true" : "false",
@@ -86,12 +86,12 @@ const T = ["tabindex", "role", "aria-checked"], q = ["id", "aria-hidden", "name"
             (...o) => a(m) && a(m)(...o)),
             onFocus: l[2] || (l[2] = (o) => d.value = !0),
             onBlur: l[3] || (l[3] = (o) => d.value = !1)
-          }, null, 42, q)), [
+          }, null, 42, T)), [
             [B, a(t)]
-          ]) : C((i(), r("input", {
+          ]) : h((i(), r("input", {
             key: 1,
             id: a(v),
-            "onUpdate:modelValue": l[4] || (l[4] = (o) => h(t) ? t.value = o : null),
+            "onUpdate:modelValue": l[4] || (l[4] = (o) => C(t) ? t.value = o : null),
             class: s(a(n).e("original")),
             type: "checkbox",
             "aria-hidden": e.indeterminate ? "true" : "false",
@@ -103,13 +103,13 @@ const T = ["tabindex", "role", "aria-checked"], q = ["id", "aria-hidden", "name"
             (...o) => a(m) && a(m)(...o)),
             onFocus: l[6] || (l[6] = (o) => d.value = !0),
             onBlur: l[7] || (l[7] = (o) => d.value = !1)
-          }, null, 42, x)), [
+          }, null, 42, q)), [
             [B, a(t)]
           ]),
           y("span", {
             class: s(a(n).e("inner"))
           }, null, 2)
-        ], 10, T),
+        ], 10, M),
         a(f) ? (i(), r("span", {
           key: 0,
           class: s(a(n).e("label"))