vft 0.0.97 → 0.0.99

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

@@ -1,4 +1,4 @@
-import { defineComponent as g, useSlots as w, computed as k, openBlock as d, createBlock as z, resolveDynamicComponent as E, unref as a, normalizeClass as i, withCtx as x, createElementVNode as c, withDirectives as y, createElementBlock as m, isRef as C, vModelCheckbox as h, renderSlot as I, Fragment as K, createTextVNode as O, toDisplayString as R, createCommentVNode as B } from "vue";
+import { defineComponent as D, useSlots as w, computed as f, openBlock as d, createBlock as x, resolveDynamicComponent as z, unref as a, normalizeClass as i, withCtx as E, createElementVNode as c, withDirectives as y, createElementBlock as m, isRef as h, vModelCheckbox as C, renderSlot as I, Fragment as K, createTextVNode as O, toDisplayString as R, createCommentVNode as B } from "vue";
 import { useNamespace as U } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -11,10 +11,9 @@ 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"], n = (
   /* hoist-static*/
   U("checkbox")
-), A = g({
-  name: n.b()
-}), ee = /* @__PURE__ */ g({
-  ...A,
+), _ = /* @__PURE__ */ D({
+  name: n.b(),
+  __name: "checkbox",
   props: {
     modelValue: { type: [Number, String, Boolean] },
     label: { type: [Number, String, Boolean, Object] },
@@ -32,39 +31,39 @@ const M = ["tabindex", "role", "aria-checked"], T = ["id", "aria-hidden", "name"
     validateEvent: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "change"],
-  setup(L) {
-    const b = L, V = w(), {
+  setup(g) {
+    const b = g, L = w(), {
       inputId: p,
-      isLabeledByFormItem: N,
+      isLabeledByFormItem: V,
       isChecked: v,
       isDisabled: r,
       isFocused: s,
-      checkboxSize: S,
-      hasOwnLabel: f,
+      checkboxSize: N,
+      hasOwnLabel: k,
       model: t,
       handleChange: u,
-      onClickRoot: $
-    } = j(b, V), F = k(() => [
+      onClickRoot: S
+    } = j(b, L), $ = f(() => [
       n.b(),
-      n.m(S.value),
+      n.m(N.value),
       n.is("disabled", r.value),
       n.is("bordered", b.border),
       n.is("checked", v.value)
-    ]), D = k(() => [
+    ]), F = f(() => [
       n.e("input"),
       n.is("disabled", r.value),
       n.is("checked", v.value),
       n.is("indeterminate", b.indeterminate),
       n.is("focus", s.value)
     ]);
-    return (e, l) => (d(), z(E(!a(f) && a(N) ? "span" : "label"), {
-      class: i(F.value),
+    return (e, l) => (d(), x(z(!a(k) && a(V) ? "span" : "label"), {
+      class: i($.value),
       "aria-controls": e.indeterminate ? e.controls : null,
-      onClick: a($)
+      onClick: a(S)
     }, {
-      default: x(() => [
+      default: E(() => [
         c("span", {
-          class: i(D.value),
+          class: i(F.value),
           tabindex: e.indeterminate ? 0 : void 0,
           role: e.indeterminate ? "checkbox" : void 0,
           "aria-checked": e.indeterminate ? "mixed" : void 0
@@ -72,7 +71,7 @@ const M = ["tabindex", "role", "aria-checked"], T = ["id", "aria-hidden", "name"
           e.trueLabel || e.falseLabel ? y((d(), m("input", {
             key: 0,
             id: a(p),
-            "onUpdate:modelValue": l[0] || (l[0] = (o) => C(t) ? t.value = o : null),
+            "onUpdate:modelValue": l[0] || (l[0] = (o) => h(t) ? t.value = o : null),
             class: i(a(n).e("original")),
             type: "checkbox",
             "aria-hidden": e.indeterminate ? "true" : "false",
@@ -86,11 +85,11 @@ const M = ["tabindex", "role", "aria-checked"], T = ["id", "aria-hidden", "name"
             onFocus: l[2] || (l[2] = (o) => s.value = !0),
             onBlur: l[3] || (l[3] = (o) => s.value = !1)
           }, null, 42, T)), [
-            [h, a(t)]
+            [C, a(t)]
           ]) : y((d(), m("input", {
             key: 1,
             id: a(p),
-            "onUpdate:modelValue": l[4] || (l[4] = (o) => C(t) ? t.value = o : null),
+            "onUpdate:modelValue": l[4] || (l[4] = (o) => h(t) ? t.value = o : null),
             class: i(a(n).e("original")),
             type: "checkbox",
             "aria-hidden": e.indeterminate ? "true" : "false",
@@ -103,13 +102,13 @@ const M = ["tabindex", "role", "aria-checked"], T = ["id", "aria-hidden", "name"
             onFocus: l[6] || (l[6] = (o) => s.value = !0),
             onBlur: l[7] || (l[7] = (o) => s.value = !1)
           }, null, 42, q)), [
-            [h, a(t)]
+            [C, a(t)]
           ]),
           c("span", {
             class: i(a(n).e("inner"))
           }, null, 2)
         ], 10, M),
-        a(f) ? (d(), m("span", {
+        a(k) ? (d(), m("span", {
           key: 0,
           class: i(a(n).e("label"))
         }, [
@@ -124,5 +123,5 @@ const M = ["tabindex", "role", "aria-checked"], T = ["id", "aria-hidden", "name"
   }
 });
 export {
-  ee as default
+  _ as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as M, ref as v, reactive as N, computed as r, watch as s, nextTick as E, onUnmounted as O, onMounted as S, openBlock as F, createElementBlock as V, normalizeStyle as q, createElementVNode as w, renderSlot as B } from "vue";
+import { defineComponent as A, ref as v, reactive as N, computed as r, watch as s, nextTick as E, onUnmounted as O, onMounted as S, openBlock as F, createElementBlock as V, normalizeStyle as q, createElementVNode as w, renderSlot as p } from "vue";
 import { addUnit as D } from "@vft/utils";
 import { addListener as G, removeListener as I } from "resize-detector";
 import { useNamespace as J } from "../../hooks/use-namespace/index.js";
@@ -10,10 +10,9 @@ import "../../utils/ns-cover.js";
 const K = ["aria-label"], P = (
   /* hoist-static*/
   J("clamp")
-), Q = M({
-  name: P.b()
-}), ne = /* @__PURE__ */ M({
-  ...Q,
+), ae = /* @__PURE__ */ A({
+  name: P.b(),
+  __name: "clamp",
   props: {
     text: {},
     maxHeight: {},
@@ -29,11 +28,11 @@ const K = ["aria-label"], P = (
       offset: 0,
       localExpanded: e.expanded,
       unregisterResizeCallback: null
-    }), T = r(() => {
+    }), B = r(() => {
       if (!l.localExpanded && e.maxHeight)
         return D(e.maxHeight);
     }), y = () => {
-      m.value && (m.value.textContent = U.value);
+      m.value && (m.value.textContent = j.value);
     }, c = () => {
       l.localExpanded || (y(), (d() || n.value) && g());
     }, k = () => {
@@ -54,19 +53,19 @@ const K = ["aria-label"], P = (
     ).length : 0, g = (...t) => {
       const [i = 0, f = l.offset] = t;
       if (f - i <= 3) {
-        $();
+        M();
         return;
       }
       const o = Math.floor((f + i) / 2);
       h(o), d() ? g(i, o) : g(o, f);
     }, h = (t) => {
       l.offset = t, y();
-    }, $ = () => {
-      j(), p();
-    }, j = () => {
+    }, M = () => {
+      T(), $();
+    }, T = () => {
       for (; (!d() || x() < 2) && l.offset < e.text.length; )
         H(1);
-    }, p = () => {
+    }, $ = () => {
       for (; d() && x() > 1 && l.offset > 0; )
         H(-1);
     }, H = (t) => {
@@ -81,7 +80,7 @@ const K = ["aria-label"], P = (
       },
       { immediate: !0 }
     );
-    const U = r(() => n.value ? A.value : e.text), A = r(() => {
+    const j = r(() => n.value ? U.value : e.text), U = r(() => {
       if (e.location === "start")
         return e.ellipsis + (e.text.slice(0, l.offset) || "").trim();
       if (e.location === "middle") {
@@ -130,14 +129,14 @@ const K = ["aria-label"], P = (
       class: "text-clamp",
       style: q({
         overflow: "hidden",
-        maxHeight: T.value
+        maxHeight: B.value
       })
     }, [
       w("span", {
         ref_key: "contentRef",
         ref: u
       }, [
-        B(t.$slots, "before", {
+        p(t.$slots, "before", {
           expand: b,
           collapse: L,
           toggle: z,
@@ -149,7 +148,7 @@ const K = ["aria-label"], P = (
           ref: m,
           "aria-label": t.text
         }, null, 8, K),
-        B(t.$slots, "after", {
+        p(t.$slots, "after", {
           expand: b,
           collapse: L,
           toggle: z,
@@ -161,5 +160,5 @@ const K = ["aria-label"], P = (
   }
 });
 export {
-  ne as default
+  ae as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as i, computed as g, openBlock as l, createBlock as p, unref as a, normalizeStyle as d, withCtx as u, createElementBlock as c, normalizeClass as f, toDisplayString as x, createCommentVNode as z } from "vue";
+import { defineComponent as m, computed as g, openBlock as l, createBlock as p, unref as a, normalizeStyle as c, withCtx as d, createElementBlock as u, normalizeClass as f, toDisplayString as x, createCommentVNode as z } from "vue";
 import "@vft/utils";
 import "lodash";
 import "@vueuse/core";
@@ -7,13 +7,12 @@ import { useNamespace as y } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { VftClamp as h } from "../clamp/index.js";
-const k = ["onClick"], s = (
+const k = ["onClick"], i = (
   /* hoist-static*/
   y("clamp-toggle")
-), B = i({
-  name: s.b()
-}), D = /* @__PURE__ */ i({
-  ...B,
+), w = /* @__PURE__ */ m({
+  name: i.b(),
+  __name: "clamp-toggle",
   props: {
     text: {},
     maxHeight: {},
@@ -29,9 +28,9 @@ const k = ["onClick"], s = (
     toggleText: { default: ["展开", "收缩"] }
   },
   setup(t) {
-    const n = g(() => C({ color: t.color, size: t.size, toggleColor: t.toggleColor, toggleSize: t.toggleSize }, "clamp-toggle"));
-    return (e, S) => (l(), p(a(h), {
-      style: d(n.value),
+    const s = g(() => C({ color: t.color, size: t.size, toggleColor: t.toggleColor, toggleSize: t.toggleSize }, "clamp-toggle"));
+    return (e, B) => (l(), p(a(h), {
+      style: c(s.value),
       text: e.text,
       maxHeight: e.maxHeight,
       maxLines: e.maxLines,
@@ -40,11 +39,11 @@ const k = ["onClick"], s = (
       ellipsis: e.ellipsis,
       autoResize: e.autoResize
     }, {
-      after: u(({ toggle: r, expanded: o, clamped: m }) => [
-        o || m ? (l(), c("span", {
+      after: d(({ toggle: n, expanded: o, clamped: r }) => [
+        o || r ? (l(), u("span", {
           key: 0,
-          class: f(["cursor-pointer", a(s).e("more")]),
-          onClick: r
+          class: f(["cursor-pointer", a(i).e("more")]),
+          onClick: n
         }, x(o ? e.toggleText[1] : e.toggleText[0]), 11, k)) : z("", !0)
       ]),
       _: 1
@@ -52,5 +51,5 @@ const k = ["onClick"], s = (
   }
 });
 export {
-  D as default
+  w as default
 };

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

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

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 g, renderSlot as m } from "vue";
+import { defineComponent as d, 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 { useNamespace as l } from "../../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -6,12 +6,11 @@ import "../../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../../utils/ns-cover.js";
-const f = o({
-  name: "VtfCollapseTransition"
-}), _ = /* @__PURE__ */ o({
-  ...f,
-  setup(y) {
-    const a = l("collapse-transition"), d = {
+const P = /* @__PURE__ */ d({
+  name: "VtfCollapseTransition",
+  __name: "collapse-transition",
+  setup(f) {
+    const o = l("collapse-transition"), a = {
       beforeEnter(t) {
         t.dataset || (t.dataset = {}), t.dataset.oldPaddingTop = t.style.paddingTop, t.dataset.oldPaddingBottom = t.style.paddingBottom, t.style.maxHeight = 0, t.style.paddingTop = 0, t.style.paddingBottom = 0;
       },
@@ -31,16 +30,16 @@ const f = o({
         t.style.maxHeight = "", t.style.overflow = t.dataset.oldOverflow, t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom;
       }
     };
-    return (t, c) => (e(), s(i, n({
-      name: r(a).b()
-    }, p(d)), {
-      default: g(() => [
-        m(t.$slots, "default")
+    return (t, y) => (e(), s(i, n({
+      name: r(o).b()
+    }, p(a)), {
+      default: m(() => [
+        g(t.$slots, "default")
       ]),
       _: 3
     }, 16, ["name"]));
   }
 });
 export {
-  _ as default
+  P as default
 };

package/es/components/collection/collection-item.vue2.js

@@ -1,13 +1,12 @@
 import { defineComponent as t, renderSlot as n } from "vue";
-const o = t({
+const s = /* @__PURE__ */ t({
   name: "VftCollectionItem",
-  inheritAttrs: !1
-}), a = /* @__PURE__ */ t({
-  ...o,
-  setup(r) {
-    return (e, s) => n(e.$slots, "default");
+  inheritAttrs: !1,
+  __name: "collection-item",
+  setup(o) {
+    return (e, r) => n(e.$slots, "default");
   }
 });
 export {
-  a as default
+  s as default
 };

package/es/components/collection/collection.vue2.js

@@ -1,11 +1,9 @@
-import { defineComponent as e, renderSlot as n } from "vue";
-const o = e({
-  inheritAttrs: !1
-}), a = /* @__PURE__ */ e({
-  ...o,
+import { defineComponent as t, renderSlot as r } from "vue";
+const a = /* @__PURE__ */ t({
+  inheritAttrs: !1,
   __name: "collection",
-  setup(r) {
-    return (t, _) => n(t.$slots, "default");
+  setup(n) {
+    return (e, o) => r(e.$slots, "default");
   }
 });
 export {

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

@@ -1,4 +1,4 @@
-import { defineComponent as U, ref as c, reactive as ne, computed as h, onMounted as ie, watch as w, nextTick as g, provide as se, openBlock as m, createBlock as y, unref as o, withCtx as C, withDirectives as D, createElementBlock as x, createElementVNode as p, normalizeClass as t, createVNode as f, createCommentVNode as V, withKeys as L, createTextVNode as H, normalizeStyle as ue, vShow as ce } from "vue";
+import { defineComponent as te, ref as u, reactive as ne, computed as h, onMounted as ie, watch as w, nextTick as g, provide as se, openBlock as m, createBlock as y, unref as o, withCtx as C, withDirectives as D, createElementBlock as x, createElementVNode as p, normalizeClass as t, createVNode as f, createCommentVNode as V, withKeys as L, createTextVNode as H, normalizeStyle as ce, vShow as ue } from "vue";
 import { debounce as pe } from "lodash";
 import { VftButton as M } from "../button/index.js";
 import { VftIcon as O } from "../icon/index.js";
@@ -12,20 +12,19 @@ import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import { debugWarn as R } from "../../utils/error.js";
-import { UPDATE_MODEL_EVENT as P, CHANGE_EVENT as be } from "../../constants/event.js";
+import { UPDATE_MODEL_EVENT as $, CHANGE_EVENT as be } from "../../constants/event.js";
 import "../../utils/ns-cover.js";
 import he from "./components/alpha-slider.vue2.js";
 import { colorPickerContextKey as ke } from "./contants.js";
 import we from "./components/hue-slider.vue.js";
 import ge from "./components/predefine.vue.js";
 import ye from "./components/sv-panel.vue.js";
-import $ from "./utils/color.js";
+import z from "./utils/color.js";
 import { useFormItem as Ce, useFormItemInputId as Ve } from "../form/hooks/use-form-item.js";
 import { useFormSize as Ee, useFormDisabled as Ae } from "../form/hooks/use-form-common-props.js";
-const Se = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex", "onKeydown"], _e = U({
-  name: "VftColorPicker"
-}), Ye = /* @__PURE__ */ U({
-  ..._e,
+const Se = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex", "onKeydown"], Xe = /* @__PURE__ */ te({
+  name: "VftColorPicker",
+  __name: "color-picker",
   props: {
     modelValue: {},
     id: {},
@@ -39,37 +38,37 @@ const Se = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
     predefine: {},
     validateEvent: { type: Boolean, default: !0 }
   },
-  emits: [P, be, "activeChange", "click-outside"],
-  setup(G, { expose: W, emit: d }) {
-    const a = G, l = ve("color"), { formItem: i } = Ce(), j = Ee(), E = Ae(), { inputId: q, isLabeledByFormItem: z } = Ve(a, {
+  emits: [$, be, "activeChange", "click-outside"],
+  setup(U, { expose: G, emit: d }) {
+    const a = U, l = ve("color"), { formItem: i } = Ce(), W = Ee(), E = Ae(), { inputId: j, isLabeledByFormItem: B } = Ve(a, {
       formItemContext: i
-    }), B = c(), J = c(), F = c(), Q = c();
+    }), _ = u(), q = u(), F = u(), J = u();
     let A = !0;
     const r = ne(
-      new $({
+      new z({
         enableAlpha: a.showAlpha,
         format: a.colorFormat || "",
         value: a.modelValue
       })
-    ), v = c(!1), s = c(!1), b = c(""), X = h(() => !a.modelValue && !s.value ? "transparent" : oe(r, a.showAlpha)), S = h(() => !a.modelValue && !s.value ? "" : r.value), Y = h(() => z.value ? void 0 : a.label || "色彩选择器"), Z = h(() => z.value ? i == null ? void 0 : i.labelId : void 0), ee = h(() => [
+    ), v = u(!1), s = u(!1), b = u(""), Q = h(() => !a.modelValue && !s.value ? "transparent" : ee(r, a.showAlpha)), S = h(() => !a.modelValue && !s.value ? "" : r.value), X = h(() => B.value ? void 0 : a.label || "色彩选择器"), Y = h(() => B.value ? i == null ? void 0 : i.labelId : void 0), Z = h(() => [
       l.b("picker"),
       l.is("disabled", E.value),
-      l.bm("picker", j.value)
+      l.bm("picker", W.value)
     ]);
-    function oe(e, n) {
-      if (!(e instanceof $))
+    function ee(e, n) {
+      if (!(e instanceof z))
         throw new TypeError("color should be instance of _color Class");
-      const { r: u, g: I, b: K } = e.toRgb();
-      return n ? `rgba(${u}, ${I}, ${K}, ${e.get("alpha") / 100})` : `rgb(${u}, ${I}, ${K})`;
+      const { r: c, g: I, b: K } = e.toRgb();
+      return n ? `rgba(${c}, ${I}, ${K}, ${e.get("alpha") / 100})` : `rgb(${c}, ${I}, ${K})`;
     }
-    function le(e) {
+    function oe(e) {
       v.value = e;
     }
-    const k = pe(le, 100);
-    function ae(e) {
-      k(!1), _(), d("click-outside", e);
+    const k = pe(oe, 100);
+    function le(e) {
+      k(!1), P(), d("click-outside", e);
     }
-    function _() {
+    function P() {
       g(() => {
         a.modelValue ? r.fromString(a.modelValue) : (r.value = "", g(() => {
           s.value = !1;
@@ -82,19 +81,19 @@ const Se = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
     function T() {
       r.fromString(b.value);
     }
-    function re() {
+    function ae() {
       const e = r.value;
-      d(P, e), d("change", e), a.validateEvent && (i == null || i.validate("change").catch((n) => R(n))), k(!1), g(() => {
-        const n = new $({
+      d($, e), d("change", e), a.validateEvent && (i == null || i.validate("change").catch((n) => R(n))), k(!1), g(() => {
+        const n = new z({
           enableAlpha: a.showAlpha,
           format: a.colorFormat || "",
           value: a.modelValue
         });
-        r.compare(n) || _();
+        r.compare(n) || P();
       });
     }
-    function te() {
-      k(!1), d(P, null), d("change", null), a.modelValue !== null && a.validateEvent && (i == null || i.validate("change").catch((e) => R(e))), _();
+    function re() {
+      k(!1), d($, null), d("change", null), a.modelValue !== null && a.validateEvent && (i == null || i.validate("change").catch((e) => R(e))), P();
     }
     return ie(() => {
       a.modelValue && (b.value = S.value);
@@ -117,13 +116,13 @@ const Se = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
       () => v.value,
       () => {
         g(() => {
-          var e, n, u;
-          (e = B.value) == null || e.update(), (n = J.value) == null || n.update(), (u = F.value) == null || u.update();
+          var e, n, c;
+          (e = _.value) == null || e.update(), (n = q.value) == null || n.update(), (c = F.value) == null || c.update();
         });
       }
     ), se(ke, {
       currentColor: S
-    }), W({
+    }), G({
       /**
        * @description current color object
        */
@@ -131,7 +130,7 @@ const Se = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
       showPicker: v
     }), (e, n) => (m(), y(o(me), {
       ref_key: "popper",
-      ref: Q,
+      ref: J,
       visible: v.value,
       "show-arrow": !1,
       "fallback-placements": ["bottom", "top", "right", "left"],
@@ -151,7 +150,7 @@ const Se = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
           }, [
             f(we, {
               ref_key: "hue",
-              ref: B,
+              ref: _,
               class: "hue-slider",
               color: r,
               vertical: ""
@@ -181,7 +180,7 @@ const Se = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
             }, [
               f(o(fe), {
                 modelValue: b.value,
-                "onUpdate:modelValue": n[0] || (n[0] = (u) => b.value = u),
+                "onUpdate:modelValue": n[0] || (n[0] = (c) => b.value = c),
                 "validate-event": !1,
                 size: "small",
                 onKeyup: L(T, ["enter"]),
@@ -192,7 +191,7 @@ const Se = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
               class: t(o(l).be("dropdown", "link-btn")),
               text: "",
               size: "small",
-              onClick: te
+              onClick: re
             }, {
               default: C(() => [
                 H(" 取消 ")
@@ -203,7 +202,7 @@ const Se = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
               plain: "",
               size: "small",
               class: t(o(l).be("dropdown", "btn")),
-              onClick: re
+              onClick: ae
             }, {
               default: C(() => [
                 H(" 确认 ")
@@ -212,16 +211,16 @@ const Se = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
             }, 8, ["class"])
           ], 2)
         ])), [
-          [o(de), ae]
+          [o(de), le]
         ])
       ]),
       default: C(() => [
         p("div", {
-          id: o(q),
-          class: t(ee.value),
+          id: o(j),
+          class: t(Z.value),
           role: "button",
-          "aria-label": Y.value,
-          "aria-labelledby": Z.value,
+          "aria-label": X.value,
+          "aria-labelledby": Y.value,
           "aria-description": `目前色彩為 {color}。按一下 Enter 以選擇新色彩${e.modelValue}`,
           tabindex: e.tabindex,
           onKeydown: L(N, ["enter"])
@@ -239,15 +238,15 @@ const Se = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
             }, [
               p("span", {
                 class: t(o(l).be("picker", "color-inner")),
-                style: ue({
-                  backgroundColor: X.value
+                style: ce({
+                  backgroundColor: Q.value
                 })
               }, [
                 D(f(o(O), {
                   icon: "ico-ep:arrow-down",
                   class: t([o(l).be("picker", "icon"), o(l).is("icon-arrow-down")])
                 }, null, 8, ["class"]), [
-                  [ce, e.modelValue || s.value]
+                  [ue, e.modelValue || s.value]
                 ]),
                 !e.modelValue && !s.value ? (m(), y(o(O), {
                   key: 0,
@@ -264,5 +263,5 @@ const Se = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
   }
 });
 export {
-  Ye as default
+  Xe as default
 };