vft 0.0.136 → 0.0.138

package/es/comp-resolver.js

@@ -39,9 +39,7 @@ function a(t, e) {
     sideEffects: i(s.styleName, e)
   };
 }
-const f = [
-  "VftAutoResizer"
-];
+const f = ["VftAutoResizer"];
 function p(t = {}) {
   let e;
   async function o() {

package/es/component.js

@@ -10,11 +10,11 @@ import { VftClamp as l } from "./components/clamp/index.js";
 import { VftClampToggle as u } from "./components/clamp-toggle/index.js";
 import { VftCol as d } from "./components/col/index.js";
 import { VftCollapseTransition as c } from "./components/collapse-transition/index.js";
-import { VftColorPicker as C } from "./components/color-picker/index.js";
-import { VftConfigProvider as s } from "./components/config-provider/index.js";
-import { VftAside as M, VftContainer as T, VftFooter as I, VftHeader as g, VftMain as S } from "./components/container/index.js";
-import { VftDatePicker as b } from "./components/date-picker/index.js";
-import { VftDateTimeSelect as P } from "./components/date-time-select/index.js";
+import { VftColorPicker as s } from "./components/color-picker/index.js";
+import { VftConfigProvider as C } from "./components/config-provider/index.js";
+import { VftAside as M, VftContainer as I, VftFooter as T, VftHeader as g, VftMain as P } from "./components/container/index.js";
+import { VftDatePicker as S } from "./components/date-picker/index.js";
+import { VftDateTimeSelect as b } from "./components/date-time-select/index.js";
 import { VftDescriptions as k, VftDescriptionsItem as D } from "./components/descriptions/index.js";
 import { VftDialog as w } from "./components/dialog/index.js";
 import { VftDivider as y } from "./components/divider/index.js";
@@ -51,13 +51,13 @@ import { VftOverlay as no } from "./components/overlay/index.js";
 import { VftPageWrapper as lo } from "./components/page-wrapper/index.js";
 import { VftPagination as uo } from "./components/pagination/index.js";
 import { VftPopconfirm as co } from "./components/popconfirm/index.js";
-import { VftPopover as Co } from "./components/popover/index.js";
-import { VftPopper as so } from "./components/popper/index.js";
+import { VftPopover as so } from "./components/popover/index.js";
+import { VftPopper as Co } from "./components/popper/index.js";
 import { VftProgress as Mo } from "./components/progress/index.js";
-import { VftQrcode as To } from "./components/qrcode/index.js";
-import { VftRadioButton as Io, VftRadio as go, VftRadioGroup as So } from "./components/radio/index.js";
-import { VftResult as bo } from "./components/result/index.js";
-import { VftRouterViewContent as Po } from "./components/router-view-content/index.js";
+import { VftQrcode as Io } from "./components/qrcode/index.js";
+import { VftRadioButton as To, VftRadio as go, VftRadioGroup as Po } from "./components/radio/index.js";
+import { VftResult as So } from "./components/result/index.js";
+import { VftRouterViewContent as bo } from "./components/router-view-content/index.js";
 import { VftRow as ko } from "./components/row/index.js";
 import { VftScrollbar as Do } from "./components/scrollbar/index.js";
 import { VftSearch as wo } from "./components/search/index.js";
@@ -76,7 +76,11 @@ import { VftTooltip as No } from "./components/tooltip/index.js";
 import { VftTree as Oo } from "./components/tree/index.js";
 import { VftUpload as Qo } from "./components/upload/index.js";
 import { VftVerifyCode as Uo } from "./components/verify-code/index.js";
-const cr = [
+import { VftProgressI as Wo } from "./components/progress-i/index.js";
+const Cr = [
+  //  phone
+  Wo,
+  //
   _,
   $,
   vo,
@@ -102,19 +106,19 @@ const cr = [
   Y,
   mo,
   ro,
-  b,
+  S,
   oo,
   M,
-  T,
   I,
+  T,
   g,
-  S,
+  P,
   z,
   d,
   zo,
   ko,
   w,
-  P,
+  b,
   K,
   W,
   Ao,
@@ -123,11 +127,11 @@ const cr = [
   F,
   L,
   Do,
-  C,
+  s,
   Bo,
-  Io,
+  To,
   go,
-  So,
+  Po,
   e,
   a,
   n,
@@ -139,7 +143,7 @@ const cr = [
   lo,
   l,
   u,
-  To,
+  Io,
   no,
   Eo,
   ho,
@@ -151,9 +155,9 @@ const cr = [
   H,
   k,
   D,
-  s,
+  C,
   m,
-  Po,
+  bo,
   Q,
   B,
   E,
@@ -168,14 +172,14 @@ const cr = [
   N,
   r,
   R,
-  bo,
+  So,
   Go,
   Ho,
   No,
-  Co,
   so,
+  Co,
   v
 ];
 export {
-  cr as default
+  Cr as default
 };

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

@@ -25,10 +25,7 @@ const D = C({
     close: (n) => n instanceof MouseEvent
   },
   setup(n, { emit: h }) {
-    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) => {
+    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) => {
       f.value = !1, h("close", e);
     };
     return (e, z) => (s(), r(I, {

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

@@ -54,9 +54,7 @@ const Oe = ["aria-expanded", "aria-owns"], Re = ["id", "aria-selected", "onClick
   setup(t, { expose: Y, emit: r }) {
     const Z = Ce(), x = de(), M = Ke(), o = f(), P = f(), V = f(), W = f();
     let U = !1, C = !1;
-    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 () => {
+    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`);
     }, le = () => {
       a.value = -1;
@@ -119,11 +117,7 @@ const Oe = ["aria-expanded", "aria-owns"], Re = ["id", "aria-selected", "onClick
         return;
       }
       e >= u.value.length && (e = u.value.length - 1);
-      const l = P.value.querySelector(
-        `.${i.be("suggestion", "wrap")}`
-      ), v = l.querySelectorAll(
-        `.${i.be("suggestion", "list")} li`
-      )[e], p = l.scrollTop, { offsetTop: F, scrollHeight: N } = v;
+      const l = P.value.querySelector(`.${i.be("suggestion", "wrap")}`), v = l.querySelectorAll(`.${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",
         `${b.value}-item-${a.value}`

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

@@ -92,13 +92,14 @@ import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import "../message/index.js";
 import "../infinite-scroll/index.js";
+import "../progress-i/index.js";
 import { useBackTop as I } from "./use-backtop.js";
 const m = (
   /* hoist-static*/
   w("backtop")
 ), N = s({
   name: "vft-backtop"
-}), Co = /* @__PURE__ */ s({
+}), ho = /* @__PURE__ */ s({
   ...N,
   props: {
     visibilityHeight: { default: 200 },
@@ -141,5 +142,5 @@ const m = (
   }
 });
 export {
-  Co as default
+  ho as default
 };

package/es/components/backtop/use-backtop.js

@@ -12,11 +12,15 @@ const w = (t, c, a) => {
     o.value = document, e.value = document.documentElement, t.target && T(() => {
       i(t.target);
     }, 40);
-  }), y([() => t == null ? void 0 : t.scrollTargetKey, () => t.target], (l, h) => {
-    (l[0] !== h[0] || l[1]) && i(t.target);
-  }, {
-    flush: "post"
-  });
+  }), y(
+    [() => t == null ? void 0 : t.scrollTargetKey, () => t.target],
+    (l, h) => {
+      (l[0] !== h[0] || l[1]) && i(t.target);
+    },
+    {
+      flush: "post"
+    }
+  );
   function i(l) {
     if (e.value = document.querySelector(l) ?? void 0, !e.value) {
       console.error(a, `target does not exist: ${l}`);

package/es/components/button/constants.js

@@ -1,6 +1,4 @@
-const t = Symbol(
-  "buttonGroupContextKey"
-);
+const t = Symbol("buttonGroupContextKey");
 export {
   t as buttonGroupContextKey
 };

package/es/components/button/use-button.js

@@ -7,12 +7,10 @@ import { useFormItem as T } from "../form/hooks/use-form-item.js";
 import { useGlobalConfig as z } from "../config-provider/hooks/use-global-config.js";
 import { useFormSize as C, useFormDisabled as D } from "../form/hooks/use-form-common-props.js";
 const E = (t, l) => {
-  const o = _(k, void 0), u = z("button"), { form: s } = T(), d = C(i(() => o == null ? void 0 : o.size)), r = D(), m = F(), a = I(), f = i(() => t.type || (o == null ? void 0 : o.type) || ""), p = i(
-    () => {
-      var e;
-      return t.autoInsertSpace ?? ((e = u.value) == null ? void 0 : e.autoInsertSpace) ?? !1;
-    }
-  ), g = i(() => {
+  const o = _(k, void 0), u = z("button"), { form: s } = T(), d = C(i(() => o == null ? void 0 : o.size)), r = D(), m = F(), a = I(), f = i(() => t.type || (o == null ? void 0 : o.type) || ""), p = i(() => {
+    var e;
+    return t.autoInsertSpace ?? ((e = u.value) == null ? void 0 : e.autoInsertSpace) ?? !1;
+  }), g = i(() => {
     var c;
     const e = (c = a.default) == null ? void 0 : c.call(a);
     if (p.value && (e == null ? void 0 : e.length) === 1) {

package/es/components/carousel/carousel.vue2.js

@@ -99,10 +99,7 @@ const ee = ["onMouseenter", "onClick"], te = { key: 0 }, oe = N({
             }, [
               V(e(L), { icon: "ico-ep:arrow-left" })
             ], 34), [
-              [
-                E,
-                (r.arrow === "always" || e(h)) && (a.loop || e(l) > 0)
-              ]
+              [E, (r.arrow === "always" || e(h)) && (a.loop || e(l) > 0)]
             ])
           ]),
           _: 1
@@ -122,10 +119,7 @@ const ee = ["onMouseenter", "onClick"], te = { key: 0 }, oe = N({
             }, [
               V(e(L), { icon: "ico-ep:arrow-right" })
             ], 34), [
-              [
-                E,
-                (r.arrow === "always" || e(h)) && (a.loop || e(l) < e(v).length - 1)
-              ]
+              [E, (r.arrow === "always" || e(h)) && (a.loop || e(l) < e(v).length - 1)]
             ])
           ]),
           _: 1
@@ -138,11 +132,7 @@ const ee = ["onMouseenter", "onClick"], te = { key: 0 }, oe = N({
       }, [
         (s(!0), u(X, null, Y(e(v), (n, m) => (s(), u("li", {
           key: m,
-          class: i([
-            e(t).e("indicator"),
-            e(t).em("indicator", r.direction),
-            e(t).is("active", m === e(l))
-          ]),
+          class: i([e(t).e("indicator"), e(t).em("indicator", r.direction), e(t).is("active", m === e(l))]),
           onMouseenter: (R) => e(J)(m),
           onClick: d((R) => e(O)(m), ["stop"])
         }, [

package/es/components/carousel/use-carousel-item.js

@@ -7,13 +7,7 @@ import "lodash";
 import { carouselContextKey as j } from "./constants.js";
 const G = (T, b) => {
   const s = L(j), c = N();
-  s || H(
-    b,
-    "usage: <vft-carousel></vft-carousel-item></vft-carousel>"
-  ), c || H(
-    b,
-    "compositional hook can only be invoked inside setups"
-  );
+  s || H(b, "usage: <vft-carousel></vft-carousel-item></vft-carousel>"), c || H(b, "compositional hook can only be invoked inside setups");
   const f = 0.83, h = a(), A = a(!1), i = a(0), C = a(1), m = a(!1), g = a(!1), v = a(!1), I = a(!1), { isCardType: d, isVertical: y } = s;
   function W(t, e, o) {
     const r = o - 1, n = e - 1, u = e + 1, p = o / 2;
@@ -36,9 +30,7 @@ const G = (T, b) => {
   };
   function E() {
     if (s && l(d)) {
-      const t = s.items.value.findIndex(
-        ({ uid: e }) => e === c.uid
-      );
+      const t = s.items.value.findIndex(({ uid: e }) => e === c.uid);
       s.setActiveItem(t);
     }
   }

package/es/components/carousel/use-carousel.js

@@ -14,12 +14,7 @@ const N = 300, we = (n, B, R) => {
     children: r,
     addChild: k,
     removeChild: z
-  } = ce(
-    ne(),
-    "VftCarouselItem"
-  ), a = c(-1), i = c(null), g = c(!1), m = c(), T = c(0), P = v(
-    () => n.arrow !== "never" && !d(u)
-  ), V = v(() => r.value.some((e) => {
+  } = ce(ne(), "VftCarouselItem"), a = c(-1), i = c(null), g = c(!1), m = c(), T = c(0), P = v(() => n.arrow !== "never" && !d(u)), V = v(() => r.value.some((e) => {
     var t, o;
     return ((o = (t = e.props) == null ? void 0 : t.label) == null ? void 0 : o.toString().length) > 0;
   })), E = v(() => n.type === "card"), u = v(() => n.direction === "vertical"), _ = v(() => n.height !== "auto" ? {
@@ -47,9 +42,7 @@ const N = 300, we = (n, B, R) => {
   };
   function l(e) {
     if (ue(e)) {
-      const s = r.value.filter(
-        (y) => y.props.name === e
-      );
+      const s = r.value.filter((y) => y.props.name === e);
       s.length > 0 && (e = r.value.indexOf(s[0]));
     }
     if (e = Number(e), Number.isNaN(e) || e !== Math.floor(e)) {

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

@@ -32,14 +32,7 @@ const U = ["name", "tabindex", "disabled", "true-value", "false-value"], M = ["n
   },
   emits: ["update:modelValue", "change"],
   setup(S) {
-    const $ = S, N = D(), {
-      isFocused: s,
-      isChecked: p,
-      isDisabled: m,
-      checkboxButtonSize: z,
-      model: n,
-      handleChange: i
-    } = E($, N), u = F(K, void 0), a = w("checkbox"), c = v(() => {
+    const $ = S, N = D(), { isFocused: s, isChecked: p, isDisabled: m, checkboxButtonSize: z, model: n, handleChange: i } = E($, N), u = F(K, void 0), a = w("checkbox"), c = v(() => {
       var l, o;
       const e = ((l = u == null ? void 0 : u.fill) == null ? void 0 : l.value) ?? "";
       return {

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

@@ -46,15 +46,7 @@ const A = m({
       }
     });
     return k($, {
-      ...w(g(o), [
-        "size",
-        "min",
-        "max",
-        "disabled",
-        "validateEvent",
-        "fill",
-        "textColor"
-      ]),
+      ...w(g(o), ["size", "min", "max", "disabled", "validateEvent", "fill", "textColor"]),
       modelValue: v,
       changeEvent: i
     }), V(

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

@@ -13,9 +13,7 @@ const x = ({
     return !o(a) && i.value.length >= a && !t.value || !o(n) && i.value.length <= n && t.value;
   });
   return {
-    isDisabled: v(
-      r(() => (e == null ? void 0 : e.disabled.value) || s.value)
-    ),
+    isDisabled: v(r(() => (e == null ? void 0 : e.disabled.value) || s.value)),
     isLimitDisabled: s
   };
 };

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

@@ -28,15 +28,9 @@ const P = (t, {
     i("change", c(a.checked), e);
   }
   async function g(e) {
-    r.value || !l.value && !v.value && m.value && (e.composedPath().some(
-      (d) => d.tagName === "LABEL"
-    ) || (n.value = c(
-      [!1, t.falseValue].includes(n.value)
-    ), await L(), s(n.value, e)));
+    r.value || !l.value && !v.value && m.value && (e.composedPath().some((d) => d.tagName === "LABEL") || (n.value = c([!1, t.falseValue].includes(n.value)), await L(), s(n.value, e)));
   }
-  const h = E(
-    () => (u == null ? void 0 : u.validateEvent) || t.validateEvent
-  );
+  const h = E(() => (u == null ? void 0 : u.validateEvent) || t.validateEvent);
   return k(
     () => t.modelValue,
     () => {

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

@@ -11,13 +11,9 @@ const L = (e, { model: t }) => {
   }
   e.checked && i();
 }, M = (e, t) => {
-  const { formItem: i } = F(), { model: o, isGroup: n, isLimitExceeded: a } = C(e), {
-    isFocused: r,
-    isChecked: s,
-    checkboxButtonSize: d,
-    checkboxSize: l,
-    hasOwnLabel: u
-  } = v(e, t, { model: o }), { isDisabled: c } = k({ model: o, isChecked: s }), { inputId: b, isLabeledByFormItem: m } = S(e, {
+  const { formItem: i } = F(), { model: o, isGroup: n, isLimitExceeded: a } = C(e), { isFocused: r, isChecked: s, checkboxButtonSize: d, checkboxSize: l, hasOwnLabel: u } = v(e, t, {
+    model: o
+  }), { isDisabled: c } = k({ model: o, isChecked: s }), { inputId: b, isLabeledByFormItem: m } = S(e, {
     formItemContext: i,
     disableIdGeneration: u,
     disableIdManagement: n

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

@@ -35,10 +35,7 @@ const K = ["aria-label"], P = M({
       var t;
       (t = l.unregisterResizeCallback) == null || t.call(l);
     }, s = () => !e.maxLines && !e.maxHeight || !a.value ? !1 : e.maxLines && m() > e.maxLines ? !0 : !!(e.maxHeight && a.value.scrollHeight > a.value.offsetHeight), m = () => r.value ? Object.keys(
-      Array.prototype.slice.call(r.value.getClientRects()).reduce((t, {
-        top: i,
-        bottom: f
-      }) => {
+      Array.prototype.slice.call(r.value.getClientRects()).reduce((t, { top: i, bottom: f }) => {
         const o = `${i}/${f}`;
         return t[o] || (t[o] = !0), t;
       }, {})

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

@@ -38,9 +38,7 @@ const o = (
         u(l) && (s === "span" ? t.push(o.b(`${e[s]}`)) : l > 0 && t.push(o.b(`${s}-${e[s]}`)));
       }), ["xs", "sm", "md", "lg", "xl"].forEach((s) => {
         u(e[s]) ? t.push(o.b(`${s}-${e[s]}`)) : _(e[s]) && Object.entries(e[s]).forEach(([l, r]) => {
-          t.push(
-            l !== "span" ? o.b(`${s}-${l}-${r}`) : o.b(`${s}-${r}`)
-          );
+          t.push(l !== "span" ? o.b(`${s}-${l}-${r}`) : o.b(`${s}-${r}`));
         });
       }), a.value && t.push(o.is("guttered")), [o.b(), t];
     });

package/es/components/collection/collection.js

@@ -13,12 +13,8 @@ const M = "data-vft-collection-item", A = (E) => {
           const e = s(i);
           if (!e)
             return [];
-          const t = Array.from(
-            e.querySelectorAll(`[${M}]`)
-          );
-          return [...o.values()].sort(
-            (O, a) => t.indexOf(O.ref) - t.indexOf(a.ref)
-          );
+          const t = Array.from(e.querySelectorAll(`[${M}]`));
+          return [...o.values()].sort((O, a) => t.indexOf(O.ref) - t.indexOf(a.ref));
         },
         collectionRef: i
       });

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

@@ -51,11 +51,7 @@ const Se = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
         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(() => [
-      l.b("picker"),
-      l.is("disabled", E.value),
-      l.bm("picker", j.value)
-    ]);
+    ), 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(() => [l.b("picker"), l.is("disabled", E.value), l.bm("picker", j.value)]);
     function oe(e, n) {
       if (!(e instanceof $))
         throw new TypeError("color should be instance of _color Class");

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

@@ -35,14 +35,10 @@ const O = T({
       let h;
       if (u.vertical) {
         let o = H - r.top;
-        o = Math.min(o, r.height - e.value.offsetHeight / 2), o = Math.max(e.value.offsetHeight / 2, o), h = Math.round(
-          (o - e.value.offsetHeight / 2) / (r.height - e.value.offsetHeight) * 360
-        );
+        o = Math.min(o, r.height - e.value.offsetHeight / 2), o = Math.max(e.value.offsetHeight / 2, o), h = Math.round((o - e.value.offsetHeight / 2) / (r.height - e.value.offsetHeight) * 360);
       } else {
         let o = C - r.left;
-        o = Math.min(o, r.width - e.value.offsetWidth / 2), o = Math.max(e.value.offsetWidth / 2, o), h = Math.round(
-          (o - e.value.offsetWidth / 2) / (r.width - e.value.offsetWidth) * 360
-        );
+        o = Math.min(o, r.width - e.value.offsetWidth / 2), o = Math.max(e.value.offsetWidth / 2, o), h = Math.round((o - e.value.offsetWidth / 2) / (r.width - e.value.offsetWidth) * 360);
       }
       u.color.set("hue", h);
     }
@@ -53,9 +49,7 @@ const O = T({
       if (u.vertical)
         return 0;
       const n = u.color.get("hue");
-      return t ? Math.round(
-        n * (t.offsetWidth - e.value.offsetWidth / 2) / 360
-      ) : 0;
+      return t ? Math.round(n * (t.offsetWidth - e.value.offsetWidth / 2) / 360) : 0;
     }
     function b() {
       if (!e.value)
@@ -64,9 +58,7 @@ const O = T({
       if (!u.vertical)
         return 0;
       const n = u.color.get("hue");
-      return t ? Math.round(
-        n * (t.offsetHeight - e.value.offsetHeight / 2) / 360
-      ) : 0;
+      return t ? Math.round(n * (t.offsetHeight - e.value.offsetHeight / 2) / 360) : 0;
     }
     function c() {
       s.value = M(), d.value = b();

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

@@ -11,11 +11,7 @@ function u(e, f, k, v, h, C) {
     }, [
       (r(!0), l(c, null, d(e.rgbaColors, (o, n) => (r(), l("div", {
         key: e.colors[n],
-        class: s([
-          e.ns.e("color-selector"),
-          e.ns.is("alpha", o._alpha < 100),
-          { selected: o.selected }
-        ]),
+        class: s([e.ns.e("color-selector"), e.ns.is("alpha", o._alpha < 100), { selected: o.selected }]),
         onClick: ($) => e.handleSelect(n)
       }, [
         a("div", {

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

@@ -21,17 +21,13 @@ const U = (e) => {
       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(
         "alpha",
-        Math.round(
-          (o - t.value.offsetHeight / 2) / (l.height - t.value.offsetHeight) * 100
-        )
+        Math.round((o - t.value.offsetHeight / 2) / (l.height - t.value.offsetHeight) * 100)
       );
     } else {
       let o = v - l.left;
       o = Math.max(t.value.offsetWidth / 2, o), o = Math.min(o, l.width - t.value.offsetWidth / 2), e.color.set(
         "alpha",
-        Math.round(
-          (o - t.value.offsetWidth / 2) / (l.width - t.value.offsetWidth) * 100
-        )
+        Math.round((o - t.value.offsetWidth / 2) / (l.width - t.value.offsetWidth) * 100)
       );
     }
   }
@@ -41,19 +37,13 @@ const U = (e) => {
     handleDrag: r,
     handleClick: h
   };
-}, j = (e, {
-  bar: f,
-  thumb: t,
-  handleDrag: u
-}) => {
+}, j = (e, { bar: f, thumb: t, handleDrag: u }) => {
   const h = $(), r = R("color-alpha-slider"), i = m(0), s = m(0), l = m();
   function v() {
     if (!t.value || e.vertical)
       return 0;
     const a = h.vnode.el, n = e.color.get("alpha");
-    return a ? Math.round(
-      n * (a.offsetWidth - t.value.offsetWidth / 2) / 100
-    ) : 0;
+    return a ? Math.round(n * (a.offsetWidth - t.value.offsetWidth / 2) / 100) : 0;
   }
   function d() {
     if (!t.value)
@@ -62,9 +52,7 @@ const U = (e) => {
     if (!e.vertical)
       return 0;
     const n = e.color.get("alpha");
-    return a ? Math.round(
-      n * (a.offsetHeight - t.value.offsetHeight / 2) / 100
-    ) : 0;
+    return a ? Math.round(n * (a.offsetHeight - t.value.offsetHeight / 2) / 100) : 0;
   }
   function o() {
     if (e.color && e.color.value) {

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

@@ -1,6 +1,4 @@
-const o = Symbol(
-  "colorPickerContextKey"
-);
+const o = Symbol("colorPickerContextKey");
 export {
   o as colorPickerContextKey
 };