vft 0.0.70 → 0.0.72

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

@@ -1,4 +1,4 @@
-import { defineComponent as k, useSlots as $, inject as L, computed as c, openBlock as r, createElementBlock as b, normalizeClass as m, unref as t, withDirectives as x, isRef as y, vModelCheckbox as p, normalizeStyle as N, renderSlot as z, createTextVNode as D, toDisplayString as F, createCommentVNode as h } from "vue";
+import { defineComponent as p, useSlots as $, inject as L, computed as c, openBlock as r, createElementBlock as b, normalizeClass as m, unref as t, withDirectives as x, isRef as y, vModelCheckbox as k, normalizeStyle as N, renderSlot as z, createTextVNode as D, toDisplayString as F, createCommentVNode as h } from "vue";
 import { useNamespace as j } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -6,14 +6,12 @@ import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { checkboxGroupContextKey as w } from "./constants.js";
 import "../form/index.js";
 import { useCheckbox as E } from "./composables/use-checkbox.js";
-const K = ["name", "tabindex", "disabled", "true-value", "false-value"], U = ["name", "tabindex", "disabled", "value"], M = k({
+const K = ["name", "tabindex", "disabled", "true-value", "false-value"], U = ["name", "tabindex", "disabled", "value"], M = p({
   name: "VftCheckboxButton"
-}), Z = /* @__PURE__ */ k({
+}), X = /* @__PURE__ */ p({
   ...M,
   props: {
     modelValue: { type: [Number, String, Boolean] },
@@ -32,15 +30,15 @@ const K = ["name", "tabindex", "disabled", "true-value", "false-value"], U = ["n
     validateEvent: { type: Boolean }
   },
   emits: ["update:modelValue", "change"],
-  setup(o) {
-    const C = o, B = $(), {
+  setup(n) {
+    const C = n, B = $(), {
       isFocused: s,
       isChecked: f,
       isDisabled: v,
       checkboxButtonSize: g,
       model: u,
       handleChange: d
-    } = E(C, B), i = L(w, void 0), n = j("checkbox"), S = c(() => {
+    } = E(C, B), i = L(w, void 0), o = j("checkbox"), S = c(() => {
       var e, l;
       const a = ((e = i == null ? void 0 : i.fill) == null ? void 0 : e.value) ?? "";
       return {
@@ -50,59 +48,59 @@ const K = ["name", "tabindex", "disabled", "true-value", "false-value"], U = ["n
         boxShadow: a ? `-1px 0 0 0 ${a}` : void 0
       };
     }), V = c(() => [
-      n.b("button"),
-      n.bm("button", g.value),
-      n.is("disabled", v.value),
-      n.is("checked", f.value),
-      n.is("focus", s.value)
+      o.b("button"),
+      o.bm("button", g.value),
+      o.is("disabled", v.value),
+      o.is("checked", f.value),
+      o.is("focus", s.value)
     ]);
     return (a, e) => (r(), b("label", {
       class: m(t(V))
     }, [
-      o.trueLabel || o.falseLabel ? x((r(), b("input", {
+      n.trueLabel || n.falseLabel ? x((r(), b("input", {
         key: 0,
         "onUpdate:modelValue": e[0] || (e[0] = (l) => y(u) ? u.value = l : null),
-        class: m(t(n).be("button", "original")),
+        class: m(t(o).be("button", "original")),
         type: "checkbox",
-        name: o.name,
-        tabindex: o.tabindex,
+        name: n.name,
+        tabindex: n.tabindex,
         disabled: t(v),
-        "true-value": o.trueLabel,
-        "false-value": o.falseLabel,
+        "true-value": n.trueLabel,
+        "false-value": n.falseLabel,
         onChange: e[1] || (e[1] = //@ts-ignore
         (...l) => t(d) && t(d)(...l)),
         onFocus: e[2] || (e[2] = (l) => s.value = !0),
         onBlur: e[3] || (e[3] = (l) => s.value = !1)
       }, null, 42, K)), [
-        [p, t(u)]
+        [k, t(u)]
       ]) : x((r(), b("input", {
         key: 1,
         "onUpdate:modelValue": e[4] || (e[4] = (l) => y(u) ? u.value = l : null),
-        class: m(t(n).be("button", "original")),
+        class: m(t(o).be("button", "original")),
         type: "checkbox",
-        name: o.name,
-        tabindex: o.tabindex,
+        name: n.name,
+        tabindex: n.tabindex,
         disabled: t(v),
-        value: o.label,
+        value: n.label,
         onChange: e[5] || (e[5] = //@ts-ignore
         (...l) => t(d) && t(d)(...l)),
         onFocus: e[6] || (e[6] = (l) => s.value = !0),
         onBlur: e[7] || (e[7] = (l) => s.value = !1)
       }, null, 42, U)), [
-        [p, t(u)]
+        [k, t(u)]
       ]),
-      a.$slots.default || o.label ? (r(), b("span", {
+      a.$slots.default || n.label ? (r(), b("span", {
         key: 2,
-        class: m(t(n).be("button", "inner")),
+        class: m(t(o).be("button", "inner")),
         style: N(t(f) ? t(S) : void 0)
       }, [
         z(a.$slots, "default", {}, () => [
-          D(F(o.label), 1)
+          D(F(n.label), 1)
         ])
       ], 6)) : h("", !0)
     ], 2));
   }
 });
 export {
-  Z as default
+  X as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as d, computed as s, provide as f, toRefs as b, watch as x, openBlock as g, createBlock as h, resolveDynamicComponent as v, unref as l, normalizeClass as C, withCtx as k, renderSlot as y, nextTick as E } from "vue";
+import { defineComponent as d, computed as p, provide as f, toRefs as b, watch as x, openBlock as g, createBlock as h, resolveDynamicComponent as v, unref as l, normalizeClass as C, withCtx as k, renderSlot as y, nextTick as E } from "vue";
 import { pick as I } from "lodash";
 import { UPDATE_MODEL_EVENT as V } from "../../constants/event.js";
 import "@vft/utils";
@@ -8,14 +8,12 @@ import "../../utils/ns-cover.js";
 import { useNamespace as B } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import "../form/index.js";
 import { checkboxGroupContextKey as w } from "./constants.js";
 import { useFormItem as z, useFormItemInputId as D } from "../form/hooks/use-form-item.js";
 const F = d({
   name: "VftCheckboxGroup"
-}), H = /* @__PURE__ */ d({
+}), j = /* @__PURE__ */ d({
   ...F,
   props: {
     modelValue: { default: () => [] },
@@ -35,7 +33,7 @@ const F = d({
       formItemContext: o
     }), i = async (e) => {
       r(V, e), await E(), r("change", e);
-    }, p = s({
+    }, s = p({
       get() {
         return t.modelValue;
       },
@@ -53,7 +51,7 @@ const F = d({
         "fill",
         "textColor"
       ]),
-      modelValue: p,
+      modelValue: s,
       changeEvent: i
     }), x(
       () => t.modelValue,
@@ -78,5 +76,5 @@ const F = d({
   }
 });
 export {
-  H as default
+  j as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as g, useSlots as D, computed as x, openBlock as s, createBlock as w, resolveDynamicComponent as z, unref as e, normalizeClass as o, withCtx as E, createElementVNode as y, withDirectives as C, createElementBlock as m, isRef as h, vModelCheckbox as B, renderSlot as I, Fragment as K, createTextVNode as O, toDisplayString as R, createCommentVNode as p } from "vue";
+import { defineComponent as p, useSlots as D, computed as x, openBlock as s, createBlock as w, resolveDynamicComponent as z, unref as e, normalizeClass as o, withCtx as E, createElementVNode as y, withDirectives as C, createElementBlock as m, isRef as h, vModelCheckbox as B, renderSlot as I, Fragment as K, createTextVNode as O, toDisplayString as R, createCommentVNode as g } from "vue";
 import { useNamespace as U } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -6,16 +6,14 @@ import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import "../form/index.js";
 import { useCheckbox as j } 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"], t = (
+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"], a = (
   /* hoist-static*/
   U("checkbox")
-), A = g({
-  name: t.b()
-}), ne = /* @__PURE__ */ g({
+), A = p({
+  name: a.b()
+}), ee = /* @__PURE__ */ p({
   ...A,
   props: {
     modelValue: { type: [Number, String, Boolean] },
@@ -47,17 +45,17 @@ const M = ["tabindex", "role", "aria-checked"], T = ["id", "aria-hidden", "name"
       handleChange: r,
       onClickRoot: S
     } = j(b, L), $ = x(() => [
-      t.b(),
-      t.m(N.value),
-      t.is("disabled", u.value),
-      t.is("bordered", b.border),
-      t.is("checked", v.value)
+      a.b(),
+      a.m(N.value),
+      a.is("disabled", u.value),
+      a.is("bordered", b.border),
+      a.is("checked", v.value)
     ]), F = x(() => [
-      t.e("input"),
-      t.is("disabled", u.value),
-      t.is("checked", v.value),
-      t.is("indeterminate", b.indeterminate),
-      t.is("focus", d.value)
+      a.e("input"),
+      a.is("disabled", u.value),
+      a.is("checked", v.value),
+      a.is("indeterminate", b.indeterminate),
+      a.is("focus", d.value)
     ]);
     return (k, n) => (s(), w(z(!e(f) && e(V) ? "span" : "label"), {
       class: o(e($)),
@@ -74,8 +72,8 @@ const M = ["tabindex", "role", "aria-checked"], T = ["id", "aria-hidden", "name"
           l.trueLabel || l.falseLabel ? C((s(), m("input", {
             key: 0,
             id: e(c),
-            "onUpdate:modelValue": n[0] || (n[0] = (a) => h(i) ? i.value = a : null),
-            class: o(e(t).e("original")),
+            "onUpdate:modelValue": n[0] || (n[0] = (t) => h(i) ? i.value = t : null),
+            class: o(e(a).e("original")),
             type: "checkbox",
             "aria-hidden": l.indeterminate ? "true" : "false",
             name: l.name,
@@ -84,16 +82,16 @@ const M = ["tabindex", "role", "aria-checked"], T = ["id", "aria-hidden", "name"
             "true-value": l.trueLabel,
             "false-value": l.falseLabel,
             onChange: n[1] || (n[1] = //@ts-ignore
-            (...a) => e(r) && e(r)(...a)),
-            onFocus: n[2] || (n[2] = (a) => d.value = !0),
-            onBlur: n[3] || (n[3] = (a) => d.value = !1)
+            (...t) => e(r) && e(r)(...t)),
+            onFocus: n[2] || (n[2] = (t) => d.value = !0),
+            onBlur: n[3] || (n[3] = (t) => d.value = !1)
           }, null, 42, T)), [
             [B, e(i)]
           ]) : C((s(), m("input", {
             key: 1,
             id: e(c),
-            "onUpdate:modelValue": n[4] || (n[4] = (a) => h(i) ? i.value = a : null),
-            class: o(e(t).e("original")),
+            "onUpdate:modelValue": n[4] || (n[4] = (t) => h(i) ? i.value = t : null),
+            class: o(e(a).e("original")),
             type: "checkbox",
             "aria-hidden": l.indeterminate ? "true" : "false",
             disabled: e(u),
@@ -101,30 +99,30 @@ const M = ["tabindex", "role", "aria-checked"], T = ["id", "aria-hidden", "name"
             name: l.name,
             tabindex: l.tabindex,
             onChange: n[5] || (n[5] = //@ts-ignore
-            (...a) => e(r) && e(r)(...a)),
-            onFocus: n[6] || (n[6] = (a) => d.value = !0),
-            onBlur: n[7] || (n[7] = (a) => d.value = !1)
+            (...t) => e(r) && e(r)(...t)),
+            onFocus: n[6] || (n[6] = (t) => d.value = !0),
+            onBlur: n[7] || (n[7] = (t) => d.value = !1)
           }, null, 42, q)), [
             [B, e(i)]
           ]),
           y("span", {
-            class: o(e(t).e("inner"))
+            class: o(e(a).e("inner"))
           }, null, 2)
         ], 10, M),
         e(f) ? (s(), m("span", {
           key: 0,
-          class: o(e(t).e("label"))
+          class: o(e(a).e("label"))
         }, [
           I(k.$slots, "default"),
-          k.$slots.default ? p("", !0) : (s(), m(K, { key: 0 }, [
+          k.$slots.default ? g("", !0) : (s(), m(K, { key: 0 }, [
             O(R(l.label), 1)
           ], 64))
-        ], 2)) : p("", !0)
+        ], 2)) : g("", !0)
       ]),
       _: 3
     }, 8, ["class", "aria-controls", "onClick"]));
   }
 });
 export {
-  ne as default
+  ee as default
 };

package/es/components/clamp/clamp.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as T, ref as v, reactive as O, computed as r, watch as s, nextTick as E, onUnmounted as S, onMounted as F, openBlock as V, createElementBlock as q, normalizeStyle as D, unref as R, createElementVNode as B, renderSlot as M } from "vue";
+import { defineComponent as T, ref as v, reactive as S, computed as r, watch as s, nextTick as E, onUnmounted as p, onMounted as F, openBlock as V, createElementBlock as q, normalizeStyle as D, unref as R, createElementVNode as B, renderSlot as M } from "vue";
 import { addUnit as G } from "@vft/utils";
 import { addListener as I, removeListener as J } from "resize-detector";
 import { useNamespace as K } from "../../hooks/use-namespace/index.js";
@@ -7,14 +7,12 @@ import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
 const P = ["aria-label"], Q = (
   /* hoist-static*/
   K("clamp")
 ), W = T({
   name: Q.b()
-}), ce = /* @__PURE__ */ T({
+}), ie = /* @__PURE__ */ T({
   ...W,
   props: {
     text: null,
@@ -27,7 +25,7 @@ const P = ["aria-label"], Q = (
   },
   emits: ["clamp-change", "update:expanded"],
   setup(e, { emit: y }) {
-    const a = v(null), u = v(null), m = v(null), l = O({
+    const a = v(null), u = v(null), m = v(null), l = S({
       offset: 0,
       localExpanded: e.expanded,
       unregisterResizeCallback: null
@@ -35,7 +33,7 @@ const P = ["aria-label"], Q = (
       if (!l.localExpanded && e.maxHeight)
         return G(e.maxHeight);
     }), k = () => {
-      m.value && (m.value.textContent = A.value);
+      m.value && (m.value.textContent = N.value);
     }, c = () => {
       l.localExpanded || (k(), (d() || n.value) && g());
     }, C = () => {
@@ -64,11 +62,11 @@ const P = ["aria-label"], Q = (
     }, h = (t) => {
       l.offset = t, k();
     }, j = () => {
-      p(), U();
-    }, p = () => {
+      U(), A();
+    }, U = () => {
       for (; (!d() || x() < 2) && l.offset < e.text.length; )
         b(1);
-    }, U = () => {
+    }, A = () => {
       for (; d() && x() > 1 && l.offset > 0; )
         b(-1);
     }, b = (t) => {
@@ -83,7 +81,7 @@ const P = ["aria-label"], Q = (
       },
       { immediate: !0 }
     );
-    const A = r(() => n.value ? N.value : e.text), N = r(() => {
+    const N = r(() => n.value ? O.value : e.text), O = r(() => {
       if (e.location === "start")
         return e.ellipsis + (e.text.slice(0, l.offset) || "").trim();
       if (e.location === "middle") {
@@ -122,7 +120,7 @@ const P = ["aria-label"], Q = (
           C();
         });
       }
-    ), S(() => {
+    ), p(() => {
       H();
     }), F(() => {
       C();
@@ -163,5 +161,5 @@ const P = ["aria-label"], Q = (
   }
 });
 export {
-  ce as default
+  ie as default
 };

package/es/components/clamp-toggle/clamp-toggle.vue2.js

@@ -1,20 +1,18 @@
-import { defineComponent as a, computed as r, openBlock as o, createBlock as c, unref as t, normalizeStyle as g, withCtx as u, createElementBlock as d, normalizeClass as x, toDisplayString as f, createCommentVNode as z } from "vue";
+import { defineComponent as a, computed as c, openBlock as o, createBlock as r, unref as t, normalizeStyle as g, withCtx as u, createElementBlock as d, normalizeClass as x, toDisplayString as f, createCommentVNode as z } from "vue";
 import "@vft/utils";
 import "lodash";
 import "@vueuse/core";
-import { generateCssVars as p } from "../../utils/ns-cover.js";
-import { useNamespace as C } from "../../hooks/use-namespace/index.js";
+import { generateCssVars as C } from "../../utils/ns-cover.js";
+import { useNamespace as p } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { VftClamp as y } from "../clamp/index.js";
 const h = ["onClick"], i = (
   /* hoist-static*/
-  C("clamp-toggle")
+  p("clamp-toggle")
 ), k = a({
   name: i.b()
-}), v = /* @__PURE__ */ a({
+}), j = /* @__PURE__ */ a({
   ...k,
   props: {
     text: null,
@@ -31,8 +29,8 @@ const h = ["onClick"], i = (
     toggleText: { default: ["展开", "收缩"] }
   },
   setup(e) {
-    const n = r(() => p({ color: e.color, size: e.size, toggleColor: e.toggleColor, toggleSize: e.toggleSize }, "clamp-toggle"));
-    return (B, S) => (o(), c(t(y), {
+    const n = c(() => C({ color: e.color, size: e.size, toggleColor: e.toggleColor, toggleSize: e.toggleSize }, "clamp-toggle"));
+    return (B, S) => (o(), r(t(y), {
       style: g(t(n)),
       text: e.text,
       maxHeight: e.maxHeight,
@@ -54,5 +52,5 @@ const h = ["onClick"], i = (
   }
 });
 export {
-  v as default
+  j as default
 };

package/es/components/col/col.vue.js

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

package/es/components/col/col.vue2.js

@@ -0,0 +1,60 @@
+import { defineComponent as i, inject as h, computed as u, openBlock as $, createBlock as b, resolveDynamicComponent as g, normalizeClass as x, unref as c, normalizeStyle as y, withCtx as _, renderSlot as v } from "vue";
+import { isNumber as f, isObject as C } from "@vft/utils";
+import { useNamespace as j } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import "../row/index.js";
+import { rowContextKey as E } from "../row/constants.js";
+const e = (
+  /* hoist-static*/
+  j("col")
+), k = i({
+  name: e.b()
+}), F = /* @__PURE__ */ i({
+  ...k,
+  props: {
+    tag: { default: "div" },
+    span: { default: 24 },
+    offset: { default: 0 },
+    pull: { default: 0 },
+    push: { default: 0 },
+    xs: null,
+    sm: null,
+    md: null,
+    lg: null,
+    xl: null
+  },
+  setup(a) {
+    const l = a, { gutter: n } = h(E, { gutter: u(() => 0) }), m = u(() => {
+      const s = {};
+      return n.value && (s.paddingLeft = s.paddingRight = `${n.value / 2}px`), s;
+    }), p = u(() => {
+      const s = [];
+      return ["span", "offset", "pull", "push"].forEach((t) => {
+        const o = l[t];
+        f(o) && (t === "span" ? s.push(e.b(`${l[t]}`)) : o > 0 && s.push(e.b(`${t}-${l[t]}`)));
+      }), ["xs", "sm", "md", "lg", "xl"].forEach((t) => {
+        f(l[t]) ? s.push(e.b(`${t}-${l[t]}`)) : C(l[t]) && Object.entries(l[t]).forEach(([o, r]) => {
+          s.push(
+            o !== "span" ? e.b(`${t}-${o}-${r}`) : e.b(`${t}-${r}`)
+          );
+        });
+      }), n.value && s.push(e.is("guttered")), [e.b(), s];
+    });
+    return (s, d) => ($(), b(g(a.tag), {
+      class: x(c(p)),
+      style: y(c(m))
+    }, {
+      default: _(() => [
+        v(s.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class", "style"]));
+  }
+});
+export {
+  F as default
+};

package/es/components/col/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 "./col.vue2.js";
+const s = t(o);
+export {
+  s as VftCol,
+  s as default
+};

package/es/components/col/style/css.js

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

package/es/components/col/style/index.js

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

package/es/components/col/types.js

@@ -0,0 +1 @@
+

package/es/components/collapse-transition/src/collapse-transition.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as o, openBlock as e, createBlock as s, Transition as i, mergeProps as n, unref as r, toHandlers as p, withCtx as m, renderSlot as g } from "vue";
+import { defineComponent as o, openBlock as e, createBlock as s, Transition as i, mergeProps as n, unref as r, toHandlers as p, withCtx as g, renderSlot as m } from "vue";
 import { useNamespace as l } from "../../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -6,11 +6,9 @@ import "../../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
 const f = o({
   name: "VtfCollapseTransition"
-}), O = /* @__PURE__ */ o({
+}), _ = /* @__PURE__ */ o({
   ...f,
   setup(y) {
     const a = l("collapse-transition"), d = {
@@ -36,13 +34,13 @@ const f = o({
     return (t, c) => (e(), s(i, n({
       name: r(a).b()
     }, p(d)), {
-      default: m(() => [
-        g(t.$slots, "default")
+      default: g(() => [
+        m(t.$slots, "default")
       ]),
       _: 3
     }, 16, ["name"]));
   }
 });
 export {
-  O as default
+  _ as default
 };

package/es/components/color-picker/color-picker.vue2.js

@@ -13,8 +13,6 @@ import "@vueuse/core";
 import "@vft/utils";
 import { debugWarn as _ } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { UPDATE_MODEL_EVENT as $, CHANGE_EVENT as be } from "../../constants/event.js";
 import he from "./components/alpha-slider.vue2.js";
 import { colorPickerContextKey as ke } from "./contants.js";
@@ -26,7 +24,7 @@ import { useFormItem as Ce, useFormItemInputId as Ve } from "../form/hooks/use-f
 import { useFormSize as Ee, useFormDisabled as Ae } from "../form/hooks/use-form-common-props.js";
 const xe = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex", "onKeydown"], Se = G({
   name: "VftColorPicker"
-}), el = /* @__PURE__ */ G({
+}), Ye = /* @__PURE__ */ G({
   ...Se,
   props: {
     modelValue: null,
@@ -266,5 +264,5 @@ const xe = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
   }
 });
 export {
-  el as default
+  Ye as default
 };

package/es/components/color-picker/components/hue-slider.vue2.js

@@ -7,10 +7,8 @@ import { getClientXY as L } from "../../../utils/dom/position.js";
 import { useNamespace as V } from "../../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { draggable as v } from "../utils/draggable.js";
-const S = W({
+const O = W({
   name: "VftColorHueSlider",
   props: {
     color: {
@@ -98,5 +96,5 @@ const S = W({
   }
 });
 export {
-  S as default
+  O as default
 };

package/es/components/color-picker/components/predefine.vue2.js

@@ -6,11 +6,9 @@ import "../../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { colorPickerContextKey as h } from "../contants.js";
-import m from "../utils/color.js";
-const K = f({
+import a from "../utils/color.js";
+const _ = f({
   props: {
     colors: {
       type: Array,
@@ -22,11 +20,11 @@ const K = f({
     }
   },
   setup(o) {
-    const a = g("color-predefine"), { currentColor: i } = s(h), n = p(l(o.colors, o.color));
+    const m = g("color-predefine"), { currentColor: i } = s(h), n = p(l(o.colors, o.color));
     d(
       () => i.value,
       (e) => {
-        const t = new m();
+        const t = new a();
         t.fromString(e), n.value.forEach((c) => {
           c.selected = t.compare(c);
         });
@@ -39,17 +37,17 @@ const K = f({
     }
     function l(e, t) {
       return e.map((c) => {
-        const r = new m();
+        const r = new a();
         return r.enableAlpha = !0, r.format = "rgba", r.fromString(c), r.selected = r.value === t.value, r;
       });
     }
     return {
       rgbaColors: n,
       handleSelect: u,
-      ns: a
+      ns: m
     };
   }
 });
 export {
-  K as default
+  _ as default
 };