@varlet/ui 2.20.0 → 2.20.1

package/es/style.mjs

@@ -1,86 +0,0 @@
-import './action-sheet/style/index.mjs'
-import './app-bar/style/index.mjs'
-import './avatar/style/index.mjs'
-import './avatar-group/style/index.mjs'
-import './back-top/style/index.mjs'
-import './badge/style/index.mjs'
-import './bottom-navigation/style/index.mjs'
-import './bottom-navigation-item/style/index.mjs'
-import './breadcrumb/style/index.mjs'
-import './breadcrumbs/style/index.mjs'
-import './button/style/index.mjs'
-import './button-group/style/index.mjs'
-import './card/style/index.mjs'
-import './cell/style/index.mjs'
-import './checkbox/style/index.mjs'
-import './checkbox-group/style/index.mjs'
-import './chip/style/index.mjs'
-import './col/style/index.mjs'
-import './collapse/style/index.mjs'
-import './collapse-item/style/index.mjs'
-import './context/style/index.mjs'
-import './countdown/style/index.mjs'
-import './counter/style/index.mjs'
-import './date-picker/style/index.mjs'
-import './dialog/style/index.mjs'
-import './divider/style/index.mjs'
-import './drag/style/index.mjs'
-import './ellipsis/style/index.mjs'
-import './fab/style/index.mjs'
-import './field-decorator/style/index.mjs'
-import './floating-panel/style/index.mjs'
-import './form/style/index.mjs'
-import './form-details/style/index.mjs'
-import './hover/style/index.mjs'
-import './hover-overlay/style/index.mjs'
-import './icon/style/index.mjs'
-import './image/style/index.mjs'
-import './image-preview/style/index.mjs'
-import './index-anchor/style/index.mjs'
-import './index-bar/style/index.mjs'
-import './input/style/index.mjs'
-import './lazy/style/index.mjs'
-import './link/style/index.mjs'
-import './list/style/index.mjs'
-import './loading/style/index.mjs'
-import './loading-bar/style/index.mjs'
-import './locale/style/index.mjs'
-import './menu/style/index.mjs'
-import './menu-option/style/index.mjs'
-import './menu-select/style/index.mjs'
-import './option/style/index.mjs'
-import './overlay/style/index.mjs'
-import './pagination/style/index.mjs'
-import './paper/style/index.mjs'
-import './picker/style/index.mjs'
-import './popup/style/index.mjs'
-import './progress/style/index.mjs'
-import './pull-refresh/style/index.mjs'
-import './radio/style/index.mjs'
-import './radio-group/style/index.mjs'
-import './rate/style/index.mjs'
-import './result/style/index.mjs'
-import './ripple/style/index.mjs'
-import './row/style/index.mjs'
-import './select/style/index.mjs'
-import './skeleton/style/index.mjs'
-import './slider/style/index.mjs'
-import './snackbar/style/index.mjs'
-import './space/style/index.mjs'
-import './step/style/index.mjs'
-import './steps/style/index.mjs'
-import './sticky/style/index.mjs'
-import './style-provider/style/index.mjs'
-import './swipe/style/index.mjs'
-import './swipe-item/style/index.mjs'
-import './switch/style/index.mjs'
-import './tab/style/index.mjs'
-import './tab-item/style/index.mjs'
-import './table/style/index.mjs'
-import './tabs/style/index.mjs'
-import './tabs-items/style/index.mjs'
-import './themes/style/index.mjs'
-import './time-picker/style/index.mjs'
-import './tooltip/style/index.mjs'
-import './uploader/style/index.mjs'
-import './watermark/style/index.mjs'

package/es/varlet.esm.js

@@ -39,7 +39,7 @@ var kn = je(Fd), Np = Object.defineProperty, Vp = Object.defineProperties, Ap =
   n.cancelAnimationFrame ? n.cancelAnimationFrame(e) : n.clearTimeout(e);
 }, lr = () => new Promise((e) => {
   So(e);
-}), mn = () => new Promise((e) => {
+}), vn = () => new Promise((e) => {
   So(() => {
     So(e);
   });
@@ -825,7 +825,7 @@ const Vh = (e) => un(e) && e.endsWith("rem"), Ah = (e) => un(e) && e.endsWith("p
 }, we = (e) => {
   if (e != null)
     return Yd(e) ? `${e}px` : String(e);
-}, fn = (e, n = 1) => {
+}, hn = (e, n = 1) => {
   if (e == null)
     return;
   const t = we(e), o = t.match(/(vh|%|r?em|px|vw|vmin|vmax)$/)[0];
@@ -1779,7 +1779,7 @@ function bc(e) {
 }
 function ns(e) {
   return Nr(this, null, function* () {
-    yield mn(), Gp(e) && bc(e);
+    yield vn(), Gp(e) && bc(e);
   });
 }
 function Yo() {
@@ -2179,7 +2179,7 @@ const Pc = ee({
       isShow: t,
       n: jg,
       classes: Wg,
-      multiplySizeUnit: fn
+      multiplySizeUnit: hn
     };
   }
 });
@@ -2483,7 +2483,7 @@ var Ur = Lc;
 ie(Ur);
 ue(Ur, Ac);
 const sI = Ur;
-var pn = Ur;
+var mn = Ur;
 const Rc = {
   visibilityHeight: {
     type: [Number, String],
@@ -2544,7 +2544,7 @@ function C0(e, n) {
 const Uc = ee({
   name: y0,
   components: {
-    VarButton: pn,
+    VarButton: mn,
     VarIcon: He
   },
   inheritAttrs: !1,
@@ -2788,7 +2788,7 @@ function H0(e, n) {
 }
 const Wc = ee({
   name: z0,
-  components: { VarButton: pn },
+  components: { VarButton: mn },
   props: Yc,
   setup(e, { slots: n }) {
     const t = C(null), o = N(() => e.active), r = N(() => e.activeColor), a = N(() => e.inactiveColor), i = C({}), { length: l, bottomNavigationItems: s, bindBottomNavigationItem: u } = M0();
@@ -3419,7 +3419,7 @@ const nf = ee({
   directives: { Ripple: Qe },
   components: {
     VarIcon: He,
-    VarButton: pn
+    VarButton: mn
   },
   props: ef,
   setup(e) {
@@ -3443,7 +3443,7 @@ const nf = ee({
         clearTimeout($.value), clearTimeout(T), $.value = null, $.value = setTimeout(
           () => su(this, null, function* () {
             const { width: E, height: V, left: L, top: U } = en(n.value);
-            o.value = we(E), r.value = we(V), a.value = o.value, i.value = r.value, l.value = we(U), s.value = we(L), u.value = "fixed", h = l.value, S = s.value, g.value = !0, yield mn(), l.value = "0", s.value = "0", a.value = "100vw", i.value = "100vh", c.value = "auto", f.value = "1", d.value = "auto", p.value = !0;
+            o.value = we(E), r.value = we(V), a.value = o.value, i.value = r.value, l.value = we(U), s.value = we(L), u.value = "fixed", h = l.value, S = s.value, g.value = !0, yield vn(), l.value = "0", s.value = "0", a.value = "100vw", i.value = "100vh", c.value = "auto", f.value = "1", d.value = "auto", p.value = !0;
           }),
           e.ripple ? ub : 0
         );
@@ -4595,7 +4595,7 @@ const Cf = ee({
         if (!o.value || (o.value.style.height = "", t.value = !0, yield lr(), !o.value))
           return;
         const { offsetHeight: P } = o.value;
-        o.value.style.height = "0px", yield lr(), o.value && (o.value.style.height = P + "px", g && (yield mn(), g && $()));
+        o.value.style.height = "0px", yield lr(), o.value && (o.value.style.height = P + "px", g && (yield vn(), g && $()));
       });
     }
     function y() {
@@ -6015,7 +6015,7 @@ function t1(e, n) {
 const Lf = ee({
   name: _y,
   components: {
-    VarButton: pn,
+    VarButton: mn,
     VarIcon: He,
     VarFormDetails: $n
   },
@@ -6559,7 +6559,7 @@ function y1(e, n) {
 const Gf = ee({
   name: "PanelHeader",
   components: {
-    VarButton: pn,
+    VarButton: mn,
     VarIcon: He
   },
   props: {
@@ -6685,7 +6685,7 @@ function P1(e, n) {
 const Xf = ee({
   name: "MonthPickerPanel",
   components: {
-    VarButton: pn,
+    VarButton: mn,
     PanelHeader: ls
   },
   props: {
@@ -6895,7 +6895,7 @@ const Kf = ee({
     }
     function h() {
       return Cu(this, null, function* () {
-        yield mn(), m = bt(n.value), m !== window && m.addEventListener("scroll", p), p();
+        yield vn(), m = bt(n.value), m !== window && m.addEventListener("scroll", p), p();
       });
     }
     function S() {
@@ -7004,7 +7004,7 @@ function A1(e, n) {
 const Zf = ee({
   name: "YearPickerPanel",
   components: {
-    VarButton: pn,
+    VarButton: mn,
     VarSticky: Qt,
     PanelHeader: ls
   },
@@ -7235,7 +7235,7 @@ function Y1(e, n) {
 const Jf = ee({
   name: "DayPickerPanel",
   components: {
-    VarButton: pn,
+    VarButton: mn,
     PanelHeader: ls
   },
   props: {
@@ -7682,7 +7682,7 @@ const Qf = ee({
         return `${y.value.length}${Je.value.datePickerSelected}`;
       if (!u.value || !s.value || !d.value)
         return "";
-      const cn = le(`${u.value}-${s.value}-${d.value}`).day(), hn = ho.find((vo) => vo === `${cn}`), It = (be = (fe = Je.value.datePickerWeekDict) == null ? void 0 : fe[hn].name) != null ? be : "", wp = (Me = (ke = Je.value.datePickerMonthDict) == null ? void 0 : ke[s.value].name) != null ? Me : "", Cp = Mt(d.value, 2, "0");
+      const cn = le(`${u.value}-${s.value}-${d.value}`).day(), pn = ho.find((vo) => vo === `${cn}`), It = (be = (fe = Je.value.datePickerWeekDict) == null ? void 0 : fe[pn].name) != null ? be : "", wp = (Me = (ke = Je.value.datePickerMonthDict) == null ? void 0 : ke[s.value].name) != null ? Me : "", Cp = Mt(d.value, 2, "0");
       return Je.value.lang === "zh-CN" ? `${s.value}-${Cp} ${It.slice(0, 3)}` : `${It.slice(0, 3)}, ${wp.slice(0, 3)} ${d.value}`;
     }), _ = N(() => e.type === "year" || a.value ? "year" : e.type === "month" || i.value ? "month" : e.type === "date" ? "date" : ""), X = N(() => !e.touchable || !_.value), j = N(() => {
       var fe, be;
@@ -7737,7 +7737,7 @@ const Qf = ee({
         if (X.value || te !== "x")
           return;
         const fe = _.value === "year" ? $ : _.value === "month" ? P : I;
-        yield mn(), fe.value.forwardRef(J), Go();
+        yield vn(), fe.value.forwardRef(J), Go();
       });
     }
     function Te(fe, be) {
@@ -7759,14 +7759,14 @@ const Qf = ee({
       if (fe < 0 || be)
         return;
       m.value = ve("day", fe);
-      const cn = `${f.value}-${c.value}-${fe}`, hn = le(cn).format("YYYY-MM-DD");
-      ke ? Te(hn, "day") : Me ? x(hn, "day") : (w(nn, hn), w(Ne, hn));
+      const cn = `${f.value}-${c.value}-${fe}`, pn = le(cn).format("YYYY-MM-DD");
+      ke ? Te(pn, "day") : Me ? x(pn, "day") : (w(nn, pn), w(Ne, pn));
     }
     function Fe(fe) {
-      const { type: be, readonly: ke, range: Me, multiple: Ne, onChange: nn, onPreview: cn, "onUpdate:modelValue": hn } = e;
+      const { type: be, readonly: ke, range: Me, multiple: Ne, onChange: nn, onPreview: cn, "onUpdate:modelValue": pn } = e;
       if (m.value = ve("month", fe), be === "month" && !ke) {
         const It = `${f.value}-${fe}`;
-        Me ? Te(It, "month") : Ne ? x(It, "month") : (w(hn, It), w(nn, It));
+        Me ? Te(It, "month") : Ne ? x(It, "month") : (w(pn, It), w(nn, It));
       } else
         c.value = fe, w(
           cn,
@@ -7777,8 +7777,8 @@ const Qf = ee({
       i.value = !1;
     }
     function de(fe) {
-      const { type: be, readonly: ke, range: Me, multiple: Ne, onChange: nn, onPreview: cn, "onUpdate:modelValue": hn } = e;
-      m.value = ve("year", fe), be === "year" && !ke ? Me ? Te(`${fe}`, "year") : Ne ? x(`${fe}`, "year") : (w(hn, `${fe}`), w(nn, `${fe}`)) : (f.value = `${fe}`, w(
+      const { type: be, readonly: ke, range: Me, multiple: Ne, onChange: nn, onPreview: cn, "onUpdate:modelValue": pn } = e;
+      m.value = ve("year", fe), be === "year" && !ke ? Me ? Te(`${fe}`, "year") : Ne ? x(`${fe}`, "year") : (w(pn, `${fe}`), w(nn, `${fe}`)) : (f.value = `${fe}`, w(
         cn,
         z(f.value),
         z(c.value),
@@ -7807,8 +7807,8 @@ const Qf = ee({
       return Ye(fe) ? !1 : fe === "Invalid Date" ? (console.error('[Varlet] DatePicker: "modelValue" is an Invalid Date'), !0) : !1;
     }
     function et(fe, be) {
-      const ke = be === "year" ? h : be === "month" ? S : T, Me = be === "year" ? "YYYY" : be === "month" ? "YYYY-MM" : "YYYY-MM-D", Ne = fe.map((hn) => le(hn).format(Me)).slice(0, 2);
-      if (ke.value.some((hn) => Le(hn)))
+      const ke = be === "year" ? h : be === "month" ? S : T, Me = be === "year" ? "YYYY" : be === "month" ? "YYYY-MM" : "YYYY-MM-D", Ne = fe.map((pn) => le(pn).format(Me)).slice(0, 2);
+      if (ke.value.some((pn) => Le(pn)))
         return;
       ke.value = Ne;
       const cn = le(ke.value[0]).isAfter(ke.value[1]);
@@ -8062,7 +8062,7 @@ const xf = ee({
   name: o$,
   components: {
     VarPopup: gt,
-    VarButton: pn
+    VarButton: mn
   },
   inheritAttrs: !1,
   props: _f,
@@ -9325,11 +9325,11 @@ function cv(e) {
   }, c = () => {
     e.trigger === "hover" && (s = !0, O());
   }, f = () => Ku(this, null, function* () {
-    e.trigger === "hover" && (s = !1, yield mn(), !l && M());
+    e.trigger === "hover" && (s = !1, yield vn(), !l && M());
   }), m = () => {
     e.trigger === "hover" && (l = !0);
   }, g = () => Ku(this, null, function* () {
-    e.trigger === "hover" && (l = !1, yield mn(), !s && M());
+    e.trigger === "hover" && (l = !1, yield vn(), !s && M());
   }), p = () => {
     e.closeOnClickReference && r.value ? M() : O();
   }, y = () => {
@@ -9853,7 +9853,7 @@ var ba = ee({
     function u() {
       return n.trigger ? e.show ? n.trigger({
         active: o.value
-      }) : null : De(G(pn, {
+      }) : null : De(G(mn, {
         "var-fab-cover": !0,
         class: Cn("trigger"),
         type: e.type,
@@ -10815,7 +10815,7 @@ function bC(e, n) {
 const Pv = ee({
   name: pC,
   directives: { Hover: On },
-  components: { VarButton: pn, VarIcon: He },
+  components: { VarButton: mn, VarIcon: He },
   props: ms,
   setup(e) {
     const n = C(null), t = C(0), o = N(() => e.vertical), r = C(0), a = C(0), i = C(!1), l = C(0), s = C(!1), { swipeItems: u, bindSwipeItems: d, length: c } = fC(), { popup: f, bindPopup: m } = kh(), {
@@ -10839,12 +10839,12 @@ const Pv = ee({
     }), w(m, null), ce(
       () => c.value,
       () => Rt(this, null, function* () {
-        yield mn(), W(), x();
+        yield vn(), W(), x();
       })
     ), f && ce(
       () => f.show.value,
       (de) => Rt(this, null, function* () {
-        de ? (yield mn(), x()) : te();
+        de ? (yield vn(), x()) : te();
       })
     ), wt(x), Ir(te), io(x);
     function X(de) {
@@ -10867,7 +10867,7 @@ const Pv = ee({
     function oe() {
       return Rt(this, null, function* () {
         const de = a.value >= t.value, Pe = a.value <= -r.value, Ee = 0, Le = -(r.value - t.value);
-        i.value = !0, (de || Pe) && (i.value = !0, a.value = Pe ? Ee : Le, X(0).setTranslate(0), X(c.value - 1).setTranslate(0)), yield mn(), i.value = !1;
+        i.value = !0, (de || Pe) && (i.value = !0, a.value = Pe ? Ee : Le, X(0).setTranslate(0), X(c.value - 1).setTranslate(0)), yield vn(), i.value = !1;
       });
     }
     function W() {
@@ -11576,7 +11576,7 @@ const Nv = ee({
     ce(
       () => u.value,
       () => rr(this, null, function* () {
-        yield mn(), d.forEach(({ name: O, setOwnTop: M }) => {
+        yield vn(), d.forEach(({ name: O, setOwnTop: M }) => {
           O.value && o.value.push(O.value), M();
         });
       })
@@ -11618,12 +11618,12 @@ const Nv = ee({
           top: _,
           animation: pc,
           duration: z(e.duration)
-        }), yield mn(), n.value = "";
+        }), yield vn(), n.value = "";
       });
     }
     function T() {
       return rr(this, null, function* () {
-        yield mn(), f = bt(t.value);
+        yield vn(), f = bt(t.value);
       });
     }
     function $() {
@@ -13722,7 +13722,7 @@ function Ck(e, n) {
 const cm = ee({
   name: mk,
   components: {
-    VarButton: pn,
+    VarButton: mn,
     VarPopup: gt
   },
   inheritAttrs: !1,
@@ -15931,8 +15931,8 @@ function xP(e, n) {
                   class: v(e.n(`${e.direction}-track-background`)),
                   style: F({
                     background: e.trackColor,
-                    height: e.isVertical ? "100%" : e.multiplySizeUnit(e.trackHeight),
-                    width: e.isVertical ? e.multiplySizeUnit(e.trackHeight) : "100%"
+                    height: e.isVertical ? "100%" : e.toSizeUnit(e.trackHeight),
+                    width: e.isVertical ? e.toSizeUnit(e.trackHeight) : "100%"
                   })
                 },
                 null,
@@ -16009,8 +16009,8 @@ function xP(e, n) {
                     style: F({
                       background: e.labelColor,
                       color: e.labelTextColor,
-                      height: e.thumbSize === void 0 ? e.thumbSize : e.multiplySizeUnit(e.thumbSize, 2),
-                      width: e.thumbSize === void 0 ? e.thumbSize : e.multiplySizeUnit(e.thumbSize, 2)
+                      height: e.toSizeUnit(e.thumbSize),
+                      width: e.toSizeUnit(e.thumbSize)
                     })
                   },
                   [
@@ -16231,7 +16231,7 @@ const Rm = ee({
       classes: QP,
       thumbStyle: U,
       hover: Z,
-      multiplySizeUnit: fn,
+      toSizeUnit: we,
       toNumber: z,
       showLabel: _,
       start: J,
@@ -17084,30 +17084,30 @@ const xm = ee({
       const { size: h, modelValue: S, color: T, closeColor: $, loadingColor: P, activeValue: I } = e;
       return {
         handle: {
-          width: fn(h),
-          height: fn(h),
+          width: hn(h),
+          height: hn(h),
           backgroundColor: S === I ? T : $,
           color: P
         },
         ripple: {
-          left: S === I ? fn(h, 0.5) : `-${fn(h, 0.5)}`,
+          left: S === I ? hn(h, 0.5) : `-${hn(h, 0.5)}`,
           color: S === I ? T : $ || "#999",
-          width: fn(h, 2),
-          height: fn(h, 2)
+          width: hn(h, 2),
+          height: hn(h, 2)
         },
         track: {
-          height: fn(h, 0.72),
-          width: fn(h, 1.9),
-          borderRadius: fn(h, 2 / 3),
+          height: hn(h, 0.72),
+          width: hn(h, 1.9),
+          borderRadius: hn(h, 2 / 3),
           filter: S === I || o != null && o.value ? void 0 : "brightness(.6)",
           backgroundColor: S === I ? T : $
         },
         switch: {
-          height: fn(h, 1.2),
-          width: fn(h, 2)
+          height: hn(h, 1.2),
+          width: hn(h, 2)
         }
       };
-    }), d = N(() => fn(e.size, 0.8));
+    }), d = N(() => hn(e.size, 0.8));
     w(n, {
       reset: y,
       validate: f,
@@ -17151,7 +17151,7 @@ const xm = ee({
       formReadonly: t == null ? void 0 : t.readonly,
       n: WO,
       classes: qO,
-      multiplySizeUnit: fn,
+      multiplySizeUnit: hn,
       switchActive: g,
       hover: p
     };
@@ -17522,7 +17522,7 @@ const sp = ee({
     }), ce(
       () => y.value,
       () => Nd(this, null, function* () {
-        yield mn(), E();
+        yield vn(), E();
       })
     ), ce(() => [e.active, e.scrollable], E), wt(E), io(E);
     function S(L) {
@@ -17659,7 +17659,7 @@ const dp = ee({
     o({}), ce(() => e.active, s), ce(
       () => r.value,
       () => vT(this, null, function* () {
-        yield mn(), s(e.active);
+        yield vn(), s(e.active);
       })
     );
     function a(c) {
@@ -17862,7 +17862,7 @@ var Hl = ri, gT = {
 }, yT), wT), $T), YT), PT), LT), WT), HT), MT), OT), gT), ST), bT), jT), kT), NT), UT), RT), BT), FT), IT), zT), VT), CT), TT), DT), qT), GT), XT), KT), AT), ZT), JT), QT), _T), xT), eE), nE), tE), oE), rE), ET);
 const uE = { dark: sE }, S6 = null;
 var Fl = uE;
-const Tn = ["12", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11"], vn = ["00", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23"], zd = ["00", "05", "10", "15", "20", "25", "30", "35", "40", "45", "50", "55"], cp = {
+const Tn = ["12", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11"], fn = ["00", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23"], zd = ["00", "05", "10", "15", "20", "25", "30", "35", "40", "45", "50", "55"], cp = {
   modelValue: String,
   elevation: {
     type: [Boolean, Number, String],
@@ -17885,7 +17885,7 @@ const Tn = ["12", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11"], vn =
   "onUpdate:modelValue": A(),
   onChange: A()
 }, fp = (e, n) => e === "24hr" || n === "am", ws = (e, n, t) => {
-  const o = Tn.findIndex((a) => z(a) === z(t)), r = fp(e, n) ? t : vn[o];
+  const o = Tn.findIndex((a) => z(a) === z(t)), r = fp(e, n) ? t : fn[o];
   return {
     hourStr: r,
     hourNum: z(r)
@@ -18092,7 +18092,7 @@ const pp = ee({
     }, u = () => {
       if (i.value === void 0)
         return e.color;
-      const p = e.isInner ? vn[i.value] : l.value[i.value];
+      const p = e.isInner ? fn[i.value] : l.value[i.value];
       return l.value === zd ? s() ? "#bdbdbd" : e.color : c(p) ? "#bdbdbd" : e.color;
     }, d = (p, y) => y ? i.value === p && e.isInner : i.value === p && (!e.isInner || e.type !== "hour"), c = (p) => {
       if (e.type === "hour") {
@@ -18128,13 +18128,13 @@ const pp = ee({
     }, g = () => {
       if (i.value === void 0)
         return;
-      const p = e.ampm === "am" ? Tn : vn;
+      const p = e.ampm === "am" ? Tn : fn;
       return Mt(p[i.value], 2, "0");
     };
     return ce([i, () => e.isInner], ([p, y], [h, S]) => {
       if (p === h && y === S || e.type !== "hour" || i.value === void 0)
         return;
-      const $ = y ? vn[i.value] : g(), P = e.useSeconds ? `:${e.time.second}` : "", I = `${$}:${e.time.minute}${P}`;
+      const $ = y ? fn[i.value] : g(), P = e.useSeconds ? `:${e.time.second}` : "", I = `${$}:${e.time.minute}${P}`;
       e.preventNextUpdate || n("update", I), n("change-prevent-update");
     }), ce(
       () => e.rad,
@@ -18160,28 +18160,28 @@ const pp = ee({
       [() => e.max, () => e.min, () => e.allowedTime],
       ([p, y, h]) => {
         if (o.value = [], p && !y) {
-          const { hour: S } = gn(p), T = Tn.filter((P) => z(P) > S), $ = vn.filter((P) => z(P) > S);
+          const { hour: S } = gn(p), T = Tn.filter((P) => z(P) > S), $ = fn.filter((P) => z(P) > S);
           o.value = [...T, ...$];
         }
         if (!p && y) {
-          const { hour: S } = gn(y), T = Tn.filter((P) => z(P) < S), $ = vn.filter((P) => z(P) < S);
+          const { hour: S } = gn(y), T = Tn.filter((P) => z(P) < S), $ = fn.filter((P) => z(P) < S);
           o.value = [...T, ...$];
         }
         if (p && y) {
-          const { hour: S } = gn(p), { hour: T } = gn(y), $ = Tn.filter((I) => z(I) < T || z(I) > S), P = vn.filter((I) => z(I) < T || z(I) > S);
+          const { hour: S } = gn(p), { hour: T } = gn(y), $ = Tn.filter((I) => z(I) < T || z(I) > S), P = fn.filter((I) => z(I) < T || z(I) > S);
           o.value = [...$, ...P];
         }
         if (h != null && h.hours) {
-          const { hours: S } = h, T = Tn.filter((P) => !S(z(P))), $ = vn.filter((P) => !S(z(P)));
+          const { hours: S } = h, T = Tn.filter((P) => !S(z(P))), $ = fn.filter((P) => !S(z(P)));
           o.value = [.../* @__PURE__ */ new Set([...o.value, ...T, ...$])];
         }
-        r.value = o.value.map((S) => vn.findIndex((T) => S === T)).filter((S) => S >= 0);
+        r.value = o.value.map((S) => fn.findIndex((T) => S === T)).filter((S) => S >= 0);
       },
       { immediate: !0 }
     ), {
       n: dE,
       classes: cE,
-      hours24: vn,
+      hours24: fn,
       timeScales: l,
       inner: t,
       handStyle: a,
@@ -18393,7 +18393,7 @@ const hp = ee({
       (W) => {
         if (W) {
           const { hour: J, minute: te, second: q } = gn(W), se = le().hour(J).format("hh"), D = le().hour(J).format("HH"), Y = le().minute(te).format("mm"), pe = le().second(q).format("ss");
-          m.value = (se === "12" ? 0 : z(se)) * 30, c.value = z(Y) * 6, f.value = z(pe) * 6, y.value = V(W), e.format !== "24hr" && (p.value = Mt(`${J}`, 2, "0") === D && vn.includes(D) ? "pm" : "am"), r.value = e.format === "24hr" && vn.includes(D);
+          m.value = (se === "12" ? 0 : z(se)) * 30, c.value = z(Y) * 6, f.value = z(pe) * 6, y.value = V(W), e.format !== "24hr" && (p.value = Mt(`${J}`, 2, "0") === D && fn.includes(D) ? "pm" : "am"), r.value = e.format === "24hr" && fn.includes(D);
         }
       },
       { immediate: !0 }
@@ -18408,7 +18408,7 @@ const hp = ee({
       l.value = !1, d.value = !1, g.value = W;
     }
     function O(W) {
-      const { disableHour: J } = o.value, te = Tn.findIndex((D) => z(D) === z(y.value.hour)), q = W === "am" ? Tn : vn;
+      const { disableHour: J } = o.value, te = Tn.findIndex((D) => z(D) === z(y.value.hour)), q = W === "am" ? Tn : fn;
       return [...q.slice(te), ...q.slice(0, te)].find((D, Y) => (a.value = Y !== 0, !J.includes(D)));
     }
     function M(W) {
@@ -18449,10 +18449,10 @@ const hp = ee({
     function _(W, J, te) {
       const { disableHour: q } = o.value;
       i.value = E(W, J);
-      const se = Math.round(te / 30) * 30 + 90, D = L(se), Y = r.value ? Tn[D] : vn[D];
+      const se = Math.round(te / 30) * 30 + 90, D = L(se), Y = r.value ? Tn[D] : fn[D];
       if (q.includes(Y) || (r.value = e.format === "24hr" ? E(W, J) : !1), r.value !== i.value)
         return;
-      const pe = r.value || p.value === "pm" ? vn[D] : Tn[D];
+      const pe = r.value || p.value === "pm" ? fn[D] : Tn[D];
       u.value = q.includes(pe), !u.value && (m.value = se, l.value = !0);
     }
     function X(W) {
@@ -19239,9 +19239,9 @@ ie(li);
 ue(li, yp);
 const O6 = li;
 var Wl = li;
-const GE = "2.20.0";
+const GE = "2.20.1";
 function XE(e) {
-  Si.install && e.use(Si), ki.install && e.use(ki), Ti.install && e.use(Ti), Ei.install && e.use(Ei), Ii.install && e.use(Ii), gr.install && e.use(gr), Bi.install && e.use(Bi), Di.install && e.use(Di), Mi.install && e.use(Mi), Ni.install && e.use(Ni), pn.install && e.use(pn), Vi.install && e.use(Vi), Ai.install && e.use(Ai), br.install && e.use(br), Oo.install && e.use(Oo), zi.install && e.use(zi), yr.install && e.use(yr), Li.install && e.use(Li), Ri.install && e.use(Ri), Ui.install && e.use(Ui), kn.install && e.use(kn), ji.install && e.use(ji), Zi.install && e.use(Zi), Qi.install && e.use(Qi), _i.install && e.use(_i), xi.install && e.use(xi), Pr.install && e.use(Pr), tl.install && e.use(tl), ol.install && e.use(ol), Bo.install && e.use(Bo), rl.install && e.use(rl), al.install && e.use(al), $n.install && e.use($n), On.install && e.use(On), Bn.install && e.use(Bn), He.install && e.use(He), il.install && e.use(il), No.install && e.use(No), ll.install && e.use(ll), sl.install && e.use(sl), Tr.install && e.use(Tr), Po.install && e.use(Po), ul.install && e.use(ul), dl.install && e.use(dl), Kt.install && e.use(Kt), cl.install && e.use(cl), Ci.install && e.use(Ci), eo.install && e.use(eo), fl.install && e.use(fl), vl.install && e.use(vl), ml.install && e.use(ml), pl.install && e.use(pl), hl.install && e.use(hl), gl.install && e.use(gl), bl.install && e.use(bl), gt.install && e.use(gt), yl.install && e.use(yl), $l.install && e.use($l), wl.install && e.use(wl), Cl.install && e.use(Cl), Sl.install && e.use(Sl), kl.install && e.use(kl), Qe.install && e.use(Qe), Pl.install && e.use(Pl), Ol.install && e.use(Ol), Tl.install && e.use(Tl), El.install && e.use(El), Bl.install && e.use(Bl), Dl.install && e.use(Dl), Ml.install && e.use(Ml), Nl.install && e.use(Nl), Qt.install && e.use(Qt), Vl.install && e.use(Vl), Do.install && e.use(Do), Mo.install && e.use(Mo), Al.install && e.use(Al), zl.install && e.use(zl), Ll.install && e.use(Ll), Rl.install && e.use(Rl), Ul.install && e.use(Ul), Hl.install && e.use(Hl), Fl.install && e.use(Fl), Yl.install && e.use(Yl), Or.install && e.use(Or), jl.install && e.use(jl), Wl.install && e.use(Wl);
+  Si.install && e.use(Si), ki.install && e.use(ki), Ti.install && e.use(Ti), Ei.install && e.use(Ei), Ii.install && e.use(Ii), gr.install && e.use(gr), Bi.install && e.use(Bi), Di.install && e.use(Di), Mi.install && e.use(Mi), Ni.install && e.use(Ni), mn.install && e.use(mn), Vi.install && e.use(Vi), Ai.install && e.use(Ai), br.install && e.use(br), Oo.install && e.use(Oo), zi.install && e.use(zi), yr.install && e.use(yr), Li.install && e.use(Li), Ri.install && e.use(Ri), Ui.install && e.use(Ui), kn.install && e.use(kn), ji.install && e.use(ji), Zi.install && e.use(Zi), Qi.install && e.use(Qi), _i.install && e.use(_i), xi.install && e.use(xi), Pr.install && e.use(Pr), tl.install && e.use(tl), ol.install && e.use(ol), Bo.install && e.use(Bo), rl.install && e.use(rl), al.install && e.use(al), $n.install && e.use($n), On.install && e.use(On), Bn.install && e.use(Bn), He.install && e.use(He), il.install && e.use(il), No.install && e.use(No), ll.install && e.use(ll), sl.install && e.use(sl), Tr.install && e.use(Tr), Po.install && e.use(Po), ul.install && e.use(ul), dl.install && e.use(dl), Kt.install && e.use(Kt), cl.install && e.use(cl), Ci.install && e.use(Ci), eo.install && e.use(eo), fl.install && e.use(fl), vl.install && e.use(vl), ml.install && e.use(ml), pl.install && e.use(pl), hl.install && e.use(hl), gl.install && e.use(gl), bl.install && e.use(bl), gt.install && e.use(gt), yl.install && e.use(yl), $l.install && e.use($l), wl.install && e.use(wl), Cl.install && e.use(Cl), Sl.install && e.use(Sl), kl.install && e.use(kl), Qe.install && e.use(Qe), Pl.install && e.use(Pl), Ol.install && e.use(Ol), Tl.install && e.use(Tl), El.install && e.use(El), Bl.install && e.use(Bl), Dl.install && e.use(Dl), Ml.install && e.use(Ml), Nl.install && e.use(Nl), Qt.install && e.use(Qt), Vl.install && e.use(Vl), Do.install && e.use(Do), Mo.install && e.use(Mo), Al.install && e.use(Al), zl.install && e.use(zl), Ll.install && e.use(Ll), Rl.install && e.use(Rl), Ul.install && e.use(Ul), Hl.install && e.use(Hl), Fl.install && e.use(Fl), Yl.install && e.use(Yl), Or.install && e.use(Or), jl.install && e.use(jl), Wl.install && e.use(Wl);
 }
 const T6 = {
   version: GE,
@@ -19256,7 +19256,7 @@ const T6 = {
   BottomNavigationItem: Di,
   Breadcrumb: Mi,
   Breadcrumbs: Ni,
-  Button: pn,
+  Button: mn,
   ButtonGroup: Vi,
   Card: Ai,
   Cell: br,
@@ -19344,7 +19344,7 @@ export {
   Di as BottomNavigationItem,
   Mi as Breadcrumb,
   Ni as Breadcrumbs,
-  pn as Button,
+  mn as Button,
   Vi as ButtonGroup,
   Ai as Card,
   br as Cell,

package/highlight/web-types.en-US.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "2.20.0",
+  "version": "2.20.1",
   "name": "VARLET",
   "contributions": {
     "html": {

package/highlight/web-types.zh-CN.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "2.20.0",
+  "version": "2.20.1",
   "name": "VARLET",
   "contributions": {
     "html": {