vft 0.0.127 → 0.0.129

package/es/components/checkbox/composables/use-checkbox-event.js

@@ -1,10 +1,10 @@
-import { inject as C, getCurrentInstance as V, computed as b, watch as E, nextTick as k } from "vue";
 import "../../form/index.js";
-import "@vft/utils";
-import { debugWarn as L } from "../../../utils/error.js";
-import "lodash";
 import "@vueuse/core";
+import "@vft/utils";
+import { debugWarn as C } from "../../../utils/error.js";
 import "../../../utils/ns-cover.js";
+import "lodash";
+import { inject as V, getCurrentInstance as b, computed as E, watch as k, nextTick as L } from "vue";
 import { checkboxGroupContextKey as x } from "../constants.js";
 import { useFormItem as T } from "../../form/hooks/use-form-item.js";
 const P = (t, {
@@ -14,7 +14,7 @@ const P = (t, {
   isDisabled: v,
   isLabeledByFormItem: m
 }) => {
-  const u = C(x, void 0), { formItem: o } = T(), { emit: i } = V();
+  const u = V(x, void 0), { formItem: o } = T(), { emit: i } = b();
   function c(e) {
     return e === t.trueValue || e === !0 ? t.trueValue ?? !0 : t.falseValue ?? !1;
   }
@@ -32,15 +32,15 @@ const P = (t, {
       (d) => d.tagName === "LABEL"
     ) || (n.value = c(
       [!1, t.falseValue].includes(n.value)
-    ), await k(), s(n.value, e)));
+    ), await L(), s(n.value, e)));
   }
-  const h = b(
+  const h = E(
     () => (u == null ? void 0 : u.validateEvent) || t.validateEvent
   );
-  return E(
+  return k(
     () => t.modelValue,
     () => {
-      h.value && (o == null || o.validate("change").catch((e) => L(e)));
+      h.value && (o == null || o.validate("change").catch((e) => C(e)));
     }
   ), {
     handleChange: f,

package/es/components/checkbox/composables/use-checkbox-model.js

@@ -1,9 +1,9 @@
-import { ref as i, getCurrentInstance as r, inject as u, computed as d } from "vue";
-import { isUndefined as v, isArray as E } from "@vft/utils";
-import { UPDATE_MODEL_EVENT as g } from "../../../constants/event.js";
+import { isUndefined as r, isArray as u } from "@vft/utils";
+import { UPDATE_MODEL_EVENT as v } from "../../../constants/event.js";
+import { ref as i, getCurrentInstance as E, inject as g, computed as d } from "vue";
 import { checkboxGroupContextKey as C } from "../constants.js";
 const L = (f) => {
-  const n = i(!1), { emit: o } = r(), e = u(C, void 0), l = d(() => v(e) === !1), s = i(!1);
+  const n = i(!1), { emit: o } = E(), e = g(C, void 0), l = d(() => r(e) === !1), s = i(!1);
   return {
     model: d({
       get() {
@@ -12,7 +12,7 @@ const L = (f) => {
       },
       set(t) {
         var m, a;
-        l.value && E(t) ? (s.value = ((m = e == null ? void 0 : e.max) == null ? void 0 : m.value) !== void 0 && t.length > (e == null ? void 0 : e.max.value), s.value === !1 && ((a = e == null ? void 0 : e.changeEvent) == null || a.call(e, t))) : (o(g, t), n.value = t);
+        l.value && u(t) ? (s.value = ((m = e == null ? void 0 : e.max) == null ? void 0 : m.value) !== void 0 && t.length > (e == null ? void 0 : e.max.value), s.value === !1 && ((a = e == null ? void 0 : e.changeEvent) == null || a.call(e, t))) : (o(v, t), n.value = t);
       }
     }),
     isGroup: l,

package/es/components/checkbox/composables/use-checkbox-status.js

@@ -1,13 +1,13 @@
-import { inject as d, ref as z, computed as r, toRaw as u } from "vue";
-import { isEqual as b } from "lodash";
+import { isBoolean as d, isArray as z, isObject as b } from "@vft/utils";
 import "../../form/index.js";
-import { isBoolean as S, isArray as h, isObject as x } from "@vft/utils";
+import { isEqual as S } from "lodash";
+import { inject as h, ref as x, computed as r, toRaw as u } from "vue";
 import { checkboxGroupContextKey as C } from "../constants.js";
 import { useFormSize as i } from "../../form/hooks/use-form-common-props.js";
 const O = (t, l, { model: s }) => {
-  const o = d(C, void 0), n = z(!1), a = r(() => {
+  const o = h(C, void 0), n = x(!1), a = r(() => {
     const e = s.value;
-    return S(e) ? e : h(e) ? x(t.value) ? e.map(u).some((v) => b(v, t.value)) : e.map(u).includes(t.value) : e != null ? e === t.trueValue : !!e;
+    return d(e) ? e : z(e) ? b(t.value) ? e.map(u).some((v) => S(v, t.value)) : e.map(u).includes(t.value) : e != null ? e === t.trueValue : !!e;
   }), m = i(
     r(() => {
       var e;

package/es/components/checkbox/composables/use-checkbox.js

@@ -1,5 +1,5 @@
-import "../../form/index.js";
 import { isArray as I } from "@vft/utils";
+import "../../form/index.js";
 import { useCheckboxDisabled as k } from "./use-checkbox-disabled.js";
 import { useCheckboxEvent as x } from "./use-checkbox-event.js";
 import { useCheckboxModel as C } from "./use-checkbox-model.js";

package/es/components/checkbox/index.js

@@ -1,9 +1,9 @@
-import { withInstall as m, withNoopInstall as o } from "../../utils/vue/install.js";
-import "vue";
-import "@vft/utils";
-import "lodash";
 import "@vueuse/core";
+import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
+import { withInstall as m, withNoopInstall as o } from "../../utils/vue/install.js";
+import "vue";
 import p from "./checkbox.vue2.js";
 import t from "./checkbox-button.vue2.js";
 import r from "./checkbox-group.vue2.js";

package/es/components/clamp/index.js

@@ -1,9 +1,9 @@
-import { withInstall as t } from "../../utils/vue/install.js";
-import "vue";
-import "@vft/utils";
-import "lodash";
 import "@vueuse/core";
+import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
 import m from "./clamp.vue2.js";
 const s = t(m);
 export {

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

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

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

@@ -1,9 +1,9 @@
-import { withInstall as t } from "../../utils/vue/install.js";
-import "vue";
-import "@vft/utils";
-import "lodash";
 import "@vueuse/core";
+import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
 import o from "./clamp-toggle.vue2.js";
 const s = t(o);
 export {

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

@@ -1,12 +1,12 @@
 import { defineComponent as c, inject as d, computed as n, openBlock as h, createBlock as $, resolveDynamicComponent as g, normalizeClass as b, normalizeStyle as v, withCtx as x, renderSlot as y } from "vue";
 import { isNumber as u, isObject as _ } from "@vft/utils";
+import "../row/index.js";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import "lodash";
 import { useNamespace as C } 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 j } from "../row/constants.js";
 const o = (
   /* hoist-static*/

package/es/components/col/index.js

@@ -1,9 +1,9 @@
-import { withInstall as t } from "../../utils/vue/install.js";
-import "vue";
-import "@vft/utils";
-import "lodash";
 import "@vueuse/core";
+import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
 import o from "./col.vue2.js";
 const s = t(o);
 export {

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

@@ -1,11 +1,11 @@
 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";
-import "../../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../../utils/ns-cover.js";
+import "lodash";
+import { useNamespace as l } from "../../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../../hooks/use-z-index/index.js";
 const f = o({
   name: "VtfCollapseTransition"
 }), _ = /* @__PURE__ */ o({

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

@@ -1,24 +1,24 @@
 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 { debounce as pe } from "lodash";
+import { ClickOutside as pe } from "@vft/directives";
 import { VftButton as M } from "../button/index.js";
+import "../form/index.js";
 import { VftIcon as O } from "../icon/index.js";
-import { ClickOutside as de } from "@vft/directives";
+import { VftInput as de } from "../input/index.js";
 import { VftTooltip as me } from "../tooltip/index.js";
-import { VftInput as fe } from "../input/index.js";
-import "../form/index.js";
-import { useNamespace as ve } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
+import { UPDATE_MODEL_EVENT as P, CHANGE_EVENT as fe } from "../../constants/event.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 "../../utils/ns-cover.js";
+import { debounce as ve } from "lodash";
+import { useNamespace as be } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.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 ke from "./components/hue-slider.vue.js";
+import we from "./components/predefine.vue.js";
+import ge from "./components/sv-panel.vue.js";
+import { colorPickerContextKey as ye } from "./contants.js";
 import $ 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";
@@ -39,9 +39,9 @@ const Se = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
     predefine: {},
     validateEvent: { type: Boolean, default: !0 }
   },
-  emits: [P, be, "activeChange", "click-outside"],
+  emits: [P, fe, "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, {
+    const a = G, l = be("color"), { formItem: i } = Ce(), j = Ee(), E = Ae(), { inputId: q, isLabeledByFormItem: z } = Ve(a, {
       formItemContext: i
     }), B = c(), J = c(), F = c(), Q = c();
     let A = !0;
@@ -65,7 +65,7 @@ const Se = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
     function le(e) {
       v.value = e;
     }
-    const k = pe(le, 100);
+    const k = ve(le, 100);
     function ae(e) {
       k(!1), _(), d("click-outside", e);
     }
@@ -121,7 +121,7 @@ const Se = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
           (e = B.value) == null || e.update(), (n = J.value) == null || n.update(), (u = F.value) == null || u.update();
         });
       }
-    ), se(ke, {
+    ), se(ye, {
       currentColor: S
     }), W({
       /**
@@ -149,14 +149,14 @@ const Se = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
           p("div", {
             class: t(o(l).be("dropdown", "main-wrapper"))
           }, [
-            f(we, {
+            f(ke, {
               ref_key: "hue",
               ref: B,
               class: "hue-slider",
               color: r,
               vertical: ""
             }, null, 8, ["color"]),
-            f(ye, {
+            f(ge, {
               ref: "svPanel",
               color: r
             }, null, 8, ["color"])
@@ -167,7 +167,7 @@ const Se = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
             ref: F,
             color: r
           }, null, 8, ["color"])) : V("", !0),
-          e.predefine ? (m(), y(ge, {
+          e.predefine ? (m(), y(we, {
             key: 1,
             ref: "predefine",
             color: r,
@@ -179,7 +179,7 @@ const Se = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
             p("span", {
               class: t(o(l).be("dropdown", "value"))
             }, [
-              f(o(fe), {
+              f(o(de), {
                 modelValue: b.value,
                 "onUpdate:modelValue": n[0] || (n[0] = (u) => b.value = u),
                 "validate-event": !1,
@@ -212,7 +212,7 @@ const Se = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
             }, 8, ["class"])
           ], 2)
         ])), [
-          [o(de), ae]
+          [o(pe), ae]
         ])
       ]),
       default: C(() => [
@@ -244,14 +244,14 @@ const Se = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
                 })
               }, [
                 D(f(o(O), {
-                  icon: "ico-ep:arrow-down",
+                  icon: "icon-arrow-down",
                   class: t([o(l).be("picker", "icon"), o(l).is("icon-arrow-down")])
                 }, null, 8, ["class"]), [
                   [ce, e.modelValue || s.value]
                 ]),
                 !e.modelValue && !s.value ? (m(), y(o(O), {
                   key: 0,
-                  icon: "ico-ep:circle-close",
+                  icon: "icon-circle-close",
                   class: t([o(l).be("picker", "empty"), o(l).is("icon-close")])
                 }, null, 8, ["class"])) : V("", !0)
               ], 6)

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

@@ -1,14 +1,14 @@
-import { defineComponent as W, getCurrentInstance as T, ref as a, computed as w, watch as x, onMounted as B } from "vue";
+import { getClientXY as W } from "../../../utils/dom/position.js";
 import "@vft/utils";
-import "lodash";
 import "@vueuse/core";
 import "../../../utils/ns-cover.js";
-import { getClientXY as L } from "../../../utils/dom/position.js";
+import "lodash";
+import { defineComponent as T, getCurrentInstance as w, ref as a, computed as x, watch as B, onMounted as L } from "vue";
 import { useNamespace as V } from "../../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
 import { draggable as v } from "../utils/draggable.js";
-const O = W({
+const O = T({
   name: "VftColorHueSlider",
   props: {
     color: {
@@ -18,8 +18,8 @@ const O = W({
     vertical: Boolean
   },
   setup(u) {
-    const g = V("color-hue-slider"), l = T(), e = a(), i = a(), s = a(0), d = a(0), m = w(() => u.color.get("hue"));
-    x(
+    const g = V("color-hue-slider"), l = w(), e = a(), i = a(), s = a(0), d = a(0), m = x(() => u.color.get("hue"));
+    B(
       () => m.value,
       () => {
         c();
@@ -31,7 +31,7 @@ const O = W({
     function f(t) {
       if (!i.value || !e.value)
         return;
-      const r = l.vnode.el.getBoundingClientRect(), { clientX: C, clientY: H } = L(t);
+      const r = l.vnode.el.getBoundingClientRect(), { clientX: C, clientY: H } = W(t);
       let h;
       if (u.vertical) {
         let o = H - r.top;
@@ -71,7 +71,7 @@ const O = W({
     function c() {
       s.value = M(), d.value = b();
     }
-    return B(() => {
+    return L(() => {
       if (!i.value || !e.value)
         return;
       const t = {

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

@@ -1,11 +1,11 @@
+import "@vueuse/core";
+import "@vft/utils";
+import "../../../utils/ns-cover.js";
+import "lodash";
 import { defineComponent as f, inject as s, ref as p, watch as d, watchEffect as C } from "vue";
 import { useNamespace as g } 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 { colorPickerContextKey as h } from "../contants.js";
 import a from "../utils/color.js";
 const _ = f({

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

@@ -1,14 +1,14 @@
-import { defineComponent as p, getCurrentInstance as M, ref as d, computed as w, watch as C, onMounted as b } from "vue";
+import { getClientXY as p } from "../../../utils/dom/position.js";
 import "@vft/utils";
-import "lodash";
 import "@vueuse/core";
 import "../../../utils/ns-cover.js";
-import { getClientXY as x } from "../../../utils/dom/position.js";
+import "lodash";
+import { defineComponent as M, getCurrentInstance as w, ref as d, computed as C, watch as b, onMounted as x } from "vue";
 import { useNamespace as V } from "../../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
 import { draggable as X } from "../utils/draggable.js";
-const L = p({
+const L = M({
   name: "VftSlPanel",
   props: {
     color: {
@@ -17,7 +17,7 @@ const L = p({
     }
   },
   setup(o) {
-    const f = V("color-svpanel"), a = M(), r = d(0), i = d(0), g = d("hsl(0, 100%, 50%)"), v = w(() => {
+    const f = V("color-svpanel"), a = w(), r = d(0), i = d(0), g = d("hsl(0, 100%, 50%)"), v = C(() => {
       const t = o.color.get("hue"), c = o.color.get("value");
       return { hue: t, value: c };
     });
@@ -26,19 +26,19 @@ const L = p({
       i.value = t * m / 100, r.value = (100 - c) * h / 100, g.value = `hsl(${o.color.get("hue")}, 100%, 50%)`;
     }
     function s(t) {
-      const e = a.vnode.el.getBoundingClientRect(), { clientX: m, clientY: h } = x(t);
+      const e = a.vnode.el.getBoundingClientRect(), { clientX: m, clientY: h } = p(t);
       let n = m - e.left, l = h - e.top;
       n = Math.max(0, n), n = Math.min(n, e.width), l = Math.max(0, l), l = Math.min(l, e.height), i.value = n, r.value = l, o.color.set({
         saturation: n / e.width * 100,
         value: 100 - l / e.height * 100
       });
     }
-    return C(
+    return b(
       () => v.value,
       () => {
         u();
       }
-    ), b(() => {
+    ), x(() => {
       X(a.vnode.el, {
         drag: (t) => {
           s(t);

package/es/components/color-picker/composables/use-alpha-slider.js

@@ -1,22 +1,22 @@
-import { getCurrentInstance as $, shallowRef as M, ref as m, onMounted as x, watch as p, computed as c } from "vue";
-import { addUnit as H } from "@vft/utils";
-import "lodash";
+import { addUnit as M } from "@vft/utils";
+import { getClientXY as x } from "../../../utils/dom/position.js";
 import "@vueuse/core";
 import "../../../utils/ns-cover.js";
-import { getClientXY as K } from "../../../utils/dom/position.js";
+import "lodash";
+import { getCurrentInstance as $, shallowRef as p, ref as m, onMounted as K, watch as H, computed as c } from "vue";
 import { useNamespace as R } from "../../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
 import { draggable as W } from "../utils/draggable.js";
 const U = (e) => {
-  const f = $(), t = M(), u = M();
+  const f = $(), t = p(), u = p();
   function h(i) {
     i.target !== t.value && r(i);
   }
   function r(i) {
     if (!u.value || !t.value)
       return;
-    const l = f.vnode.el.getBoundingClientRect(), { clientX: v, clientY: d } = K(i);
+    const l = f.vnode.el.getBoundingClientRect(), { clientX: v, clientY: d } = x(i);
     if (e.vertical) {
       let o = d - l.top;
       o = Math.max(t.value.offsetHeight / 2, o), o = Math.min(o, l.height - t.value.offsetHeight / 2), e.color.set(
@@ -76,7 +76,7 @@ const U = (e) => {
   function g() {
     i.value = v(), s.value = d(), l.value = o();
   }
-  x(() => {
+  K(() => {
     if (!f.value || !t.value)
       return;
     const a = {
@@ -88,16 +88,16 @@ const U = (e) => {
       }
     };
     W(f.value, a), W(t.value, a), g();
-  }), p(
+  }), H(
     () => e.color.get("alpha"),
     () => g()
-  ), p(
+  ), H(
     () => e.color.value,
     () => g()
   );
   const C = c(() => [r.b(), r.is("vertical", e.vertical)]), k = c(() => r.e("bar")), w = c(() => r.e("thumb")), S = c(() => ({ background: l.value })), T = c(() => ({
-    left: H(i.value),
-    top: H(s.value)
+    left: M(i.value),
+    top: M(s.value)
   }));
   return { rootKls: C, barKls: k, barStyle: S, thumbKls: w, thumbStyle: T, update: g };
 };

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

@@ -1,9 +1,9 @@
-import { withInstall as o } from "../../utils/vue/install.js";
-import "vue";
-import "@vft/utils";
-import "lodash";
 import "@vueuse/core";
+import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
+import { withInstall as o } from "../../utils/vue/install.js";
+import "vue";
 import t from "./color-picker.vue2.js";
 const s = o(t);
 export {

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

@@ -26,7 +26,7 @@ const _ = function(a, t, e) {
   return `${g[t] || t}${g[e] || e}`;
 }, $ = function({ r: a, g: t, b: e }) {
   return Number.isNaN(+a) || Number.isNaN(+t) || Number.isNaN(+e) ? "" : `#${f(a)}${f(t)}${f(e)}`;
-}, p = {
+}, m = {
   A: 10,
   B: 11,
   C: 12,
@@ -34,7 +34,7 @@ const _ = function(a, t, e) {
   E: 14,
   F: 15
 }, c = function(a) {
-  return a.length === 2 ? (p[a[0].toUpperCase()] || +a[0]) * 16 + (p[a[1].toUpperCase()] || +a[1]) : p[a[1].toUpperCase()] || +a[1];
+  return a.length === 2 ? (m[a[0].toUpperCase()] || +a[0]) * 16 + (m[a[1].toUpperCase()] || +a[1]) : m[a[1].toUpperCase()] || +a[1];
 }, k = function(a, t, e) {
   t = t / 100, e = e / 100;
   let s = t;
@@ -73,9 +73,9 @@ const _ = function(a, t, e) {
   return { h: h * 360, s: o * 100, v: r * 100 };
 }, u = function(a, t, e) {
   a = l(a, 360) * 6, t = l(t, 100), e = l(e, 100);
-  const s = Math.floor(a), n = a - s, h = e * (1 - t), r = e * (1 - n * t), i = e * (1 - (1 - n) * t), o = s % 6, m = [e, r, h, h, i, e][o], d = [i, e, e, r, h, h][o], N = [h, h, i, e, e, r][o];
+  const s = Math.floor(a), n = a - s, h = e * (1 - t), r = e * (1 - n * t), i = e * (1 - (1 - n) * t), o = s % 6, p = [e, r, h, h, i, e][o], d = [i, e, e, r, h, h][o], N = [h, h, i, e, e, r][o];
   return {
-    r: Math.round(m * 255),
+    r: Math.round(p * 255),
     g: Math.round(d * 255),
     b: Math.round(N * 255)
   };
@@ -110,7 +110,7 @@ class O {
       this._hue = Math.max(0, Math.min(360, s)), this._saturation = Math.max(0, Math.min(100, n)), this._value = Math.max(0, Math.min(100, h)), this.doOnChange();
     };
     if (t.includes("hsl")) {
-      const s = t.replace(/hsla|hsl|\(|\)/gm, "").split(/\s|,/g).filter((n) => n !== "").map(
+      const s = t.replace(/hsla|hsl|\(|\)/g, "").split(/\s|,/g).filter((n) => n !== "").map(
         (n, h) => h > 2 ? Number.parseFloat(n) : Number.parseInt(n, 10)
       );
       if (s.length === 4 ? this._alpha = Number.parseFloat(s[3]) * 100 : s.length === 3 && (this._alpha = 100), s.length >= 3) {
@@ -118,12 +118,12 @@ class O {
         e(n, h, r);
       }
     } else if (t.includes("hsv")) {
-      const s = t.replace(/hsva|hsv|\(|\)/gm, "").split(/\s|,/g).filter((n) => n !== "").map(
+      const s = t.replace(/hsva|hsv|\(|\)/g, "").split(/\s|,/g).filter((n) => n !== "").map(
         (n, h) => h > 2 ? Number.parseFloat(n) : Number.parseInt(n, 10)
       );
       s.length === 4 ? this._alpha = Number.parseFloat(s[3]) * 100 : s.length === 3 && (this._alpha = 100), s.length >= 3 && e(s[0], s[1], s[2]);
     } else if (t.includes("rgb")) {
-      const s = t.replace(/rgba|rgb|\(|\)/gm, "").split(/\s|,/g).filter((n) => n !== "").map(
+      const s = t.replace(/rgba|rgb|\(|\)/g, "").split(/\s|,/g).filter((n) => n !== "").map(
         (n, h) => h > 2 ? Number.parseFloat(n) : Number.parseInt(n, 10)
       );
       if (s.length === 4 ? this._alpha = Number.parseFloat(s[3]) * 100 : s.length === 3 && (this._alpha = 100), s.length >= 3) {
@@ -132,12 +132,12 @@ class O {
       }
     } else if (t.includes("#")) {
       const s = t.replace("#", "").trim();
-      if (!/^[0-9a-fA-F]{3}$|^[0-9a-fA-F]{6}$|^[0-9a-fA-F]{8}$/.test(s))
+      if (!/^[\da-fA-F]{3}$|^[\da-fA-F]{6}$|^[\da-fA-F]{8}$/.test(s))
         return;
       let n, h, r;
       s.length === 3 ? (n = c(s[0] + s[0]), h = c(s[1] + s[1]), r = c(s[2] + s[2])) : (s.length === 6 || s.length === 8) && (n = c(s.slice(0, 2)), h = c(s.slice(2, 4)), r = c(s.slice(4, 6))), s.length === 8 ? this._alpha = c(s.slice(6)) / 255 * 100 : (s.length === 3 || s.length === 6) && (this._alpha = 100);
-      const { h: i, s: o, v: m } = M(n, h, r);
-      e(i, o, m);
+      const { h: i, s: o, v: p } = M(n, h, r);
+      e(i, o, p);
     }
   }
   compare(t) {

package/es/components/config-provider/config-provider.vue2.js

@@ -1,13 +1,13 @@
 import { defineComponent as r, watch as o, computed as d, onActivated as f, onDeactivated as u, onBeforeUnmount as l, getCurrentInstance as h, openBlock as g, createElementBlock as p, normalizeClass as v, unref as C, normalizeStyle as V, renderSlot as b } from "vue";
 import { inBrowser as k, kebabCase as B } from "@vft/utils";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import "lodash";
 import { useNamespace as D } 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 { provideGlobalConfig as E } from "./hooks/use-global-config.js";
-import { messageConfig as L } from "./constants.js";
+import { messageConfig as E } from "./constants.js";
+import { provideGlobalConfig as L } from "./hooks/use-global-config.js";
 const S = (
   /* hoist-static*/
   D("config-provider")
@@ -31,7 +31,7 @@ const S = (
     o(
       () => t.message,
       (e) => {
-        Object.assign(L, e ?? {});
+        Object.assign(E, e ?? {});
       },
       { immediate: !0, deep: !0 }
     );
@@ -63,7 +63,7 @@ const S = (
       }), m;
     }
     const c = h();
-    return E(c.props), (e, m) => (g(), p("div", {
+    return L(c.props), (e, m) => (g(), p("div", {
       class: v(C(S).b()),
       style: V(s.value)
     }, [