@varlet/ui 2.20.6 → 2.20.7

package/es/index.bundle.mjs

@@ -259,7 +259,7 @@ import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 import './watermark/style/index.mjs'
 
-const version = '2.20.6'
+const version = '2.20.7'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -172,7 +172,7 @@ export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 export * from './watermark/index.mjs'
 
-const version = '2.20.6'
+const version = '2.20.7'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/picker/Picker.mjs

@@ -234,7 +234,16 @@ const __sfc__ = defineComponent({
     let prevIndexes = [];
     buildScrollColumns();
     watch(() => props2.columns, buildScrollColumns, { deep: true });
-    watch(() => modelValue.value, updateScrollColumnsIndex);
+    watch(
+      () => modelValue.value,
+      () => {
+        if (props2.cascade && props2.modelValue.length) {
+          buildScrollColumns();
+        } else {
+          updateScrollColumnsIndex();
+        }
+      }
+    );
     function getOptionKey(key) {
       const keyMap = {
         text: props2.textKey,
@@ -291,6 +300,10 @@ const __sfc__ = defineComponent({
           scrolling: false
         };
         scrollColumns2.push(scrollColumn);
+        if (props2.modelValue.length) {
+          const index = children.findIndex((option) => modelValue.value[scrollColumns2.length - 1] === getValue(option));
+          scrollColumn.index = index === -1 ? 0 : index;
+        }
         scrollTo(scrollColumn);
         createChildren(scrollColumns2, (_a = scrollColumn.column[scrollColumn.index][getOptionKey("children")]) != null ? _a : []);
       }
@@ -302,7 +315,9 @@ const __sfc__ = defineComponent({
     }
     function buildScrollColumns() {
       scrollColumns.value = props2.cascade ? normalizeCascadeMode(props2.columns) : normalizeNormalMode(props2.columns);
-      updateScrollColumnsIndex();
+      if (!props2.cascade) {
+        updateScrollColumnsIndex();
+      }
     }
     function updateScrollColumnsIndex() {
       scrollColumns.value.forEach((scrollColumn, idx) => {
@@ -414,7 +429,7 @@ const __sfc__ = defineComponent({
       if (isSamePicked()) {
         return;
       }
-      if (cascade) {
+      if (cascade && !props2.modelValue.length) {
         rebuildChildren(scrollColumn);
       }
       const hasScrolling = scrollColumns.value.some((scrollColumn2) => scrollColumn2.scrolling);

package/es/snackbar/style/index.mjs

@@ -1,8 +1,8 @@
 import '../../styles/common.css'
+import '../SnackbarSfc.css'
 import '../../styles/elevation.css'
 import '../../loading/loading.css'
 import '../../button/button.css'
 import '../../icon/icon.css'
 import '../snackbar.css'
 import '../coreSfc.css'
-import '../SnackbarSfc.css'

package/es/varlet.esm.js

@@ -6083,8 +6083,8 @@ const Lf = ee({
       } = e;
       if (u != null && u.value || s != null && s.value || Z || pe || H || !oe || c.value)
         return;
-      const B = new ut(z(te)).minus(new ut(z(Q))).toString(), Y = $(B), me = z(Y);
-      w(q, me), W ? w(se, me, j) : (G(Y), S("onDecrement"));
+      const B = new ut(z(te)).minus(new ut(z(Q))).toString(), Y = $(B), he = z(Y);
+      w(q, he), W ? w(se, he, j) : (G(Y), S("onDecrement"));
     }
     function O() {
       const {
@@ -6100,8 +6100,8 @@ const Lf = ee({
       } = e;
       if (u != null && u.value || s != null && s.value || Z || pe || H || !oe || d.value)
         return;
-      const B = new ut(z(te)).plus(new ut(z(Q))).toString(), Y = $(B), me = z(Y);
-      w(q, me), W ? w(se, me, j) : (G(Y), S("onIncrement"));
+      const B = new ut(z(te)).plus(new ut(z(Q))).toString(), Y = $(B), he = z(Y);
+      w(q, he), W ? w(se, he, j) : (G(Y), S("onIncrement"));
     }
     function M() {
       const { press: Z, lazyChange: pe } = e;
@@ -7732,7 +7732,7 @@ const Qf = ee({
       const { clientX: be, clientY: ke } = fe.touches[0], Ne = be - oe, Ve = ke - W;
       te = B(Math.abs(Ne), Math.abs(Ve)), Q = Ne > 0 ? "prev" : "next";
     }
-    function me() {
+    function he() {
       return W1(this, null, function* () {
         if (G.value || te !== "x")
           return;
@@ -7751,20 +7751,20 @@ const Qf = ee({
       const ke = be === "year" ? b : be === "month" ? h : y, Ne = be === "year" ? "YYYY" : be === "month" ? "YYYY-MM" : "YYYY-MM-DD", Ve = ke.value.map((cn) => le(cn).format(Ne)), en = Ve.findIndex((cn) => cn === fe);
       en === -1 ? Ve.push(fe) : Ve.splice(en, 1), w(e["onUpdate:modelValue"], Ve), w(e.onChange, Ve);
     }
-    function he(fe, be) {
+    function me(fe, be) {
       return !u.value || !s.value ? !1 : pe.value ? fe === "year" ? be < z(u.value) : fe === "month" ? be < s.value : H.value ? be < z(d.value) : s.value > c.value : u.value > f.value;
     }
     function $e(fe) {
       const { readonly: be, range: ke, multiple: Ne, onChange: Ve, "onUpdate:modelValue": en } = e;
       if (fe < 0 || be)
         return;
-      m.value = he("day", fe);
+      m.value = me("day", fe);
       const cn = `${f.value}-${c.value}-${fe}`, hn = le(cn).format("YYYY-MM-DD");
       ke ? Oe(hn, "day") : Ne ? x(hn, "day") : (w(en, hn), w(Ve, hn));
     }
     function de(fe) {
       const { type: be, readonly: ke, range: Ne, multiple: Ve, onChange: en, onPreview: cn, "onUpdate:modelValue": hn } = e;
-      if (m.value = he("month", fe), be === "month" && !ke) {
+      if (m.value = me("month", fe), be === "month" && !ke) {
         const Tt = `${f.value}-${fe}`;
         Ne ? Oe(Tt, "month") : Ve ? x(Tt, "month") : (w(hn, Tt), w(en, Tt));
       } else
@@ -7778,7 +7778,7 @@ const Qf = ee({
     }
     function Pe(fe) {
       const { type: be, readonly: ke, range: Ne, multiple: Ve, onChange: en, onPreview: cn, "onUpdate:modelValue": hn } = e;
-      m.value = he("year", fe), be === "year" && !ke ? Ne ? Oe(`${fe}`, "year") : Ve ? x(`${fe}`, "year") : (w(hn, `${fe}`), w(en, `${fe}`)) : (f.value = `${fe}`, w(
+      m.value = me("year", fe), be === "year" && !ke ? Ne ? Oe(`${fe}`, "year") : Ve ? x(`${fe}`, "year") : (w(hn, `${fe}`), w(en, `${fe}`)) : (f.value = `${fe}`, w(
         cn,
         z(f.value),
         z(c.value),
@@ -7855,7 +7855,7 @@ const Qf = ee({
       clickEl: q,
       handleTouchstart: se,
       handleTouchmove: Y,
-      handleTouchend: me,
+      handleTouchend: he,
       getChooseDay: $e,
       getChooseMonth: de,
       getChooseYear: Pe,
@@ -8409,7 +8409,7 @@ const ov = ee({
     function M() {
       if (e.attraction == null)
         return;
-      const { halfWidth: G, halfHeight: j, top: Z, bottom: pe, left: H, right: oe } = I(), { minX: W, minY: Q, maxX: te, maxY: q } = O(), se = H + G - y.left, B = oe + G - y.right, Y = Z + j - y.top, me = pe + j - y.bottom, Oe = se <= B, x = Y <= me;
+      const { halfWidth: G, halfHeight: j, top: Z, bottom: pe, left: H, right: oe } = I(), { minX: W, minY: Q, maxX: te, maxY: q } = O(), se = H + G - y.left, B = oe + G - y.right, Y = Z + j - y.top, he = pe + j - y.bottom, Oe = se <= B, x = Y <= he;
       e.attraction.includes("x") && (o.value = Oe ? W : te), e.attraction.includes("y") && (r.value = x ? Q : q);
     }
     function E() {
@@ -8833,8 +8833,8 @@ function tw(e) {
     }
     if (M)
       for (var W = b ? 3 : 1, Q = function(B) {
-        var Y = $.find(function(me) {
-          var Oe = O.get(me);
+        var Y = $.find(function(he) {
+          var Oe = O.get(he);
           if (Oe)
             return Oe.slice(0, B).every(function(x) {
               return x;
@@ -10903,7 +10903,7 @@ const Pv = ee({
     function Y(de) {
       e.navigation === "hover" && (s.value = de);
     }
-    function me(de) {
+    function he(de) {
       return e.navigation !== "hover" ? "" : xu(`--navigation${e.vertical ? "-vertical" : ""}-${de}-animation`);
     }
     function Oe() {
@@ -10926,7 +10926,7 @@ const Pv = ee({
         Ee !== c.value - 1 && (a.value = l.value * -t.value);
       });
     }
-    function he(de) {
+    function me(de) {
       return Rt(this, null, function* () {
         if (c.value <= 1)
           return;
@@ -10943,7 +10943,7 @@ const Pv = ee({
       if (c.value <= 1 || de === l.value)
         return;
       de = de < 0 ? 0 : de, de = de >= c.value ? c.value : de;
-      const Me = de > l.value ? x : he, Ee = Math.abs(de - l.value);
+      const Me = de > l.value ? x : me, Ee = Math.abs(de - l.value);
       Array.from({ length: Ee }).forEach((dn, Vn) => {
         Me({ event: Vn === Ee - 1 ? Pe == null ? void 0 : Pe.event : !1 });
       });
@@ -10962,12 +10962,12 @@ const Pv = ee({
       handleTouchmove: se,
       handleTouchend: B,
       next: x,
-      prev: he,
+      prev: me,
       to: $e,
       resize: Oe,
       toNumber: z,
       handleHovering: Y,
-      getNavigationAnimation: me
+      getNavigationAnimation: he
     };
   }
 });
@@ -11189,7 +11189,7 @@ const Ev = ee({
       const { images: q, current: se, initialIndex: B } = e;
       if (B != null)
         return z(B);
-      const Y = q.findIndex((me) => me === se);
+      const Y = q.findIndex((he) => he === se);
       return Math.max(Y, 0);
     }), p = N(() => {
       const { imagePreventDefault: q, show: se } = e;
@@ -11246,27 +11246,27 @@ const Ev = ee({
       m(q), P.prev = B;
     }
     function _(q) {
-      const { offsetWidth: se, offsetHeight: B } = q, { naturalWidth: Y, naturalHeight: me } = q.querySelector(`.${od("image")}`);
+      const { offsetWidth: se, offsetHeight: B } = q, { naturalWidth: Y, naturalHeight: he } = q.querySelector(`.${od("image")}`);
       return {
         width: se,
         height: B,
-        imageRadio: me / Y,
+        imageRadio: he / Y,
         rootRadio: B / se,
         zoom: z(e.zoom)
       };
     }
     function G(q) {
-      const { zoom: se, imageRadio: B, rootRadio: Y, width: me, height: Oe } = _(q);
+      const { zoom: se, imageRadio: B, rootRadio: Y, width: he, height: Oe } = _(q);
       if (!B)
         return 0;
-      const x = B > Y ? Oe / B : me;
-      return Math.max(0, (se * x - me) / 2) / se;
+      const x = B > Y ? Oe / B : he;
+      return Math.max(0, (se * x - he) / 2) / se;
     }
     function j(q) {
-      const { zoom: se, imageRadio: B, rootRadio: Y, width: me, height: Oe } = _(q);
+      const { zoom: se, imageRadio: B, rootRadio: Y, width: he, height: Oe } = _(q);
       if (!B)
         return 0;
-      const x = B > Y ? Oe : me * B;
+      const x = B > Y ? Oe : he * B;
       return Math.max(0, (se * x - Oe) / 2) / se;
     }
     function Z(q) {
@@ -13731,7 +13731,12 @@ const cm = ee({
   setup(e) {
     const n = Qn(e, "modelValue"), t = C([]), o = N(() => qe(e.optionHeight)), r = N(() => qe(e.optionCount)), a = N(() => r.value * o.value / 2 - o.value / 2), i = N(() => r.value * o.value), { prevY: l, moveY: s, dragging: u, startTouch: d, moveTouch: c, endTouch: f } = lo();
     let m = [];
-    P(), ce(() => e.columns, P, { deep: !0 }), ce(() => n.value, I);
+    P(), ce(() => e.columns, P, { deep: !0 }), ce(
+      () => n.value,
+      () => {
+        e.cascade && e.modelValue.length ? P() : I();
+      }
+    );
     function b(B) {
       return {
         text: e.textKey,
@@ -13748,7 +13753,7 @@ const cm = ee({
     }
     function p(B) {
       return B.map((Y) => {
-        const me = {
+        const he = {
           id: $d++,
           prevY: 0,
           momentumPrevY: 0,
@@ -13761,7 +13766,7 @@ const cm = ee({
           scrollEl: null,
           scrolling: !1
         };
-        return _(me), me;
+        return _(he), he;
       });
     }
     function S(B) {
@@ -13769,7 +13774,7 @@ const cm = ee({
       return T(Y, B), Y;
     }
     function T(B, Y) {
-      var me;
+      var he;
       if (Y.length) {
         const Oe = {
           id: $d++,
@@ -13784,7 +13789,11 @@ const cm = ee({
           scrollEl: null,
           scrolling: !1
         };
-        B.push(Oe), _(Oe), T(B, (me = Oe.column[Oe.index][b("children")]) != null ? me : []);
+        if (B.push(Oe), e.modelValue.length) {
+          const x = Y.findIndex((me) => n.value[B.length - 1] === h(me));
+          Oe.index = x === -1 ? 0 : x;
+        }
+        _(Oe), T(B, (he = Oe.column[Oe.index][b("children")]) != null ? he : []);
       }
     }
     function $(B) {
@@ -13792,11 +13801,11 @@ const cm = ee({
       t.value.splice(t.value.indexOf(B) + 1), T(t.value, (Y = B.column[B.index][b("children")]) != null ? Y : []);
     }
     function P() {
-      t.value = e.cascade ? S(e.columns) : p(e.columns), I();
+      t.value = e.cascade ? S(e.columns) : p(e.columns), e.cascade || I();
     }
     function I() {
-      t.value.forEach((Y, me) => {
-        const Oe = Y.column.findIndex((x) => n.value[me] === h(x));
+      t.value.forEach((Y, he) => {
+        const Oe = Y.column.findIndex((x) => n.value[he] === h(x));
         Y.index = Oe === -1 ? 0 : Oe, _(Y);
       });
       const { indexes: B } = U();
@@ -13809,32 +13818,32 @@ const cm = ee({
       w(e["onUpdate:show"], B);
     }
     function E(B) {
-      const Y = a.value - B.column.length * o.value, me = o.value + a.value;
-      B.translate = vt(B.translate, Y, me);
+      const Y = a.value - B.column.length * o.value, he = o.value + a.value;
+      B.translate = vt(B.translate, Y, he);
     }
     function V(B, Y) {
-      const me = Math.round((a.value - Y) / o.value);
-      return Kh(me, B.column);
+      const he = Math.round((a.value - Y) / o.value);
+      return Kh(he, B.column);
     }
     function R(B) {
       return B.translate = a.value - B.index * o.value, B.translate;
     }
     function U() {
-      const B = [], Y = [], me = [];
+      const B = [], Y = [], he = [];
       return t.value.forEach(({ column: Oe, index: x }) => {
-        const he = Oe[x];
-        B.push(h(he)), Y.push(x), me.push(he);
+        const me = Oe[x];
+        B.push(h(me)), Y.push(x), he.push(me);
       }), {
         values: B,
         indexes: Y,
-        options: me
+        options: he
       };
     }
     function _(B, Y = 0) {
       R(B), B.duration = Y;
     }
-    function G(B, Y, me) {
-      B.translate += Math.abs(Y / me) / 3e-3 * (Y < 0 ? -1 : 1);
+    function G(B, Y, he) {
+      B.translate += Math.abs(Y / he) / 3e-3 * (Y < 0 ? -1 : 1);
     }
     function j(B, Y) {
       u.value || (B.index = Y, _(B, yd));
@@ -13846,31 +13855,31 @@ const cm = ee({
       if (!Y.touching)
         return;
       c(B), Y.scrolling = !1, Y.duration = 0, Y.prevY = l.value, Y.translate += s.value, E(Y);
-      const me = performance.now();
-      me - Y.momentumTime > bd && (Y.momentumTime = me, Y.momentumPrevY = Y.translate);
+      const he = performance.now();
+      he - Y.momentumTime > bd && (Y.momentumTime = he, Y.momentumPrevY = Y.translate);
     }
     function H(B) {
       f(), B.touching = !1, B.prevY = 0;
-      const Y = B.translate - B.momentumPrevY, me = performance.now() - B.momentumTime, Oe = Math.abs(Y) >= gk && me <= bd, x = B.translate;
-      Oe && G(B, Y, me), B.index = V(B, B.translate), _(B, Oe ? bk : yd), B.scrolling = B.translate !== x, B.scrolling || Q(B);
+      const Y = B.translate - B.momentumPrevY, he = performance.now() - B.momentumTime, Oe = Math.abs(Y) >= gk && he <= bd, x = B.translate;
+      Oe && G(B, Y, he), B.index = V(B, B.translate), _(B, Oe ? bk : yd), B.scrolling = B.translate !== x, B.scrolling || Q(B);
     }
     function oe(B) {
       B.scrolling = !1, Q(B);
     }
     function W() {
       const { indexes: B } = U();
-      return B.every((Y, me) => Y === m[me]);
+      return B.every((Y, he) => Y === m[he]);
     }
     function Q(B) {
-      const { cascade: Y, onChange: me } = e;
+      const { cascade: Y, onChange: he } = e;
       if (W())
         return;
-      Y && $(B);
+      Y && !e.modelValue.length && $(B);
       const Oe = t.value.some((Pe) => Pe.scrolling), x = t.value.some((Pe) => Pe.touching);
       if (Oe || x)
         return;
-      const { values: he, indexes: $e, options: de } = U();
-      y($e), w(me, he, $e, de), n.value = he;
+      const { values: me, indexes: $e, options: de } = U();
+      y($e), w(he, me, $e, de), n.value = me;
     }
     function te() {
       if (e.cascade) {
@@ -13883,13 +13892,13 @@ const cm = ee({
     }
     function q() {
       te();
-      const { values: B, indexes: Y, options: me } = U();
-      y(Y), w(e.onConfirm, B, Y, me);
+      const { values: B, indexes: Y, options: he } = U();
+      y(Y), w(e.onConfirm, B, Y, he);
     }
     function se() {
       te();
-      const { values: B, indexes: Y, options: me } = U();
-      y(Y), w(e.onCancel, B, Y, me);
+      const { values: B, indexes: Y, options: he } = U();
+      y(Y), w(e.onCancel, B, Y, he);
     }
     return {
       pack: Ze,
@@ -15598,13 +15607,13 @@ const Vm = ee({
       const { disabled: te, readonly: q, modelValue: se, onClose: B } = e;
       if (u != null && u.disabled.value || u != null && u.readonly.value || te || q)
         return;
-      const Y = c.find(({ label: Oe }) => Oe.value === Q), me = se.filter(
+      const Y = c.find(({ label: Oe }) => Oe.value === Q), he = se.filter(
         (Oe) => {
           var x;
           return Oe !== ((x = Y.value.value) != null ? x : Y.label.value);
         }
       );
-      w(e["onUpdate:modelValue"], me), w(B, me), V("onClose");
+      w(e["onUpdate:modelValue"], he), w(B, he), V("onClose");
     }
     function pe() {
       l.value = qe(e.offsetY), n.value = !0, t.value = !0;
@@ -16058,9 +16067,9 @@ const Rm = ee({
   props: Lm,
   setup(e) {
     const n = C(0), t = C(null), o = C(!1), r = N(() => z(e.max) - z(e.min)), a = N(() => n.value / r.value * z(e.step)), i = N(() => e.disabled || (d == null ? void 0 : d.disabled.value)), l = N(() => e.readonly || (d == null ? void 0 : d.readonly.value)), s = N(() => e.direction === "vertical"), { bindForm: u, form: d } = Mn(), { errorMessage: c, validateWithTrigger: f, validate: m, resetValidation: b } = Bn(), { hovering: h, handleHovering: y } = Yn(), { hovering: p, handleHovering: S } = Yn(), T = N(() => {
-      const { modelValue: x, range: he } = e;
+      const { modelValue: x, range: me } = e;
       let $e = [];
-      return he && Fe(x) ? $e = [
+      return me && Fe(x) ? $e = [
         {
           value: G(x[0]),
           enumValue: Ke.First,
@@ -16085,7 +16094,7 @@ const Rm = ee({
         }
       ]), $e;
     }), $ = N(() => {
-      const { activeColor: x, range: he, modelValue: $e } = e, de = he && Fe($e) ? G(Math.min($e[0], $e[1])) : 0, Pe = he && Fe($e) ? G(Math.max($e[0], $e[1])) - de : G($e);
+      const { activeColor: x, range: me, modelValue: $e } = e, de = me && Fe($e) ? G(Math.min($e[0], $e[1])) : 0, Pe = me && Fe($e) ? G(Math.max($e[0], $e[1])) - de : G($e);
       return s.value ? {
         left: "0px",
         height: `${Pe}%`,
@@ -16106,9 +16115,9 @@ const Rm = ee({
       reset: Oe,
       validate: M,
       resetValidation: b
-    }), ce([() => e.modelValue, () => e.step], ([x, he]) => {
-      !B() || !Y() || o.value || me(x, z(he));
-    }), ce(n, () => me()), on(() => {
+    }), ce([() => e.modelValue, () => e.step], ([x, me]) => {
+      !B() || !Y() || o.value || he(x, z(me));
+    }), ce(n, () => he()), on(() => {
       !B() || !Y() || (n.value = t.value[s.value ? "offsetHeight" : "offsetWidth"]);
     }), Er(() => {
       W();
@@ -16128,8 +16137,8 @@ const Rm = ee({
       return We(() => f(["onChange"], "onChange", e.rules, e.modelValue));
     }
     function R(x) {
-      const he = x.currentTarget;
-      return he ? s.value ? n.value - (x.clientY - xe(he).top) : x.clientX - Bp(he) : 0;
+      const me = x.currentTarget;
+      return me ? s.value ? n.value - (x.clientY - xe(me).top) : x.clientX - Bp(me) : 0;
     }
     function U(x) {
       return {
@@ -16141,22 +16150,22 @@ const Rm = ee({
       return e.labelVisible === "always" ? !0 : e.labelVisible === "never" ? !1 : P[x].active;
     }
     function G(x) {
-      const { min: he, max: $e } = e;
-      return x < z(he) ? 0 : x > z($e) ? 100 : (x - z(he)) / r.value * 100;
+      const { min: me, max: $e } = e;
+      return x < z(me) ? 0 : x > z($e) ? 100 : (x - z(me)) / r.value * 100;
     }
     function j(x) {
       if (!bn(x))
         return 0;
-      let he = x;
-      return he < Number(e.min) && (he = Number(e.min)), he > Number(e.max) && (he = Number(e.max)), parseInt(`${he}`, 10) === he ? he : z(he.toPrecision(5));
+      let me = x;
+      return me < Number(e.min) && (me = Number(e.min)), me > Number(e.max) && (me = Number(e.max)), parseInt(`${me}`, 10) === me ? me : z(me.toPrecision(5));
     }
-    function Z(x, he) {
-      i.value || he.handleHovering(x);
+    function Z(x, me) {
+      i.value || me.handleHovering(x);
     }
-    function pe(x, he) {
+    function pe(x, me) {
       let $e = [];
-      const { step: de, range: Pe, modelValue: Me, onChange: Ee, min: dn } = e, Vn = z(de), At = Math.round(x / a.value), zt = At * Vn + z(dn), Xo = P[he].percentValue * Vn + z(dn);
-      if (P[he].percentValue = At, Pe && Fe(Me) && ($e = he === Ke.First ? [zt, Me[1]] : [Me[0], zt]), Xo !== zt) {
+      const { step: de, range: Pe, modelValue: Me, onChange: Ee, min: dn } = e, Vn = z(de), At = Math.round(x / a.value), zt = At * Vn + z(dn), Xo = P[me].percentValue * Vn + z(dn);
+      if (P[me].percentValue = At, Pe && Fe(Me) && ($e = me === Ke.First ? [zt, Me[1]] : [Me[0], zt]), Xo !== zt) {
         const fe = Pe ? $e.map((be) => j(be)) : j(zt);
         w(Ee, fe), w(e["onUpdate:modelValue"], fe), V();
       }
@@ -16164,7 +16173,7 @@ const Rm = ee({
     function H(x) {
       if (!e.range)
         return Ke.First;
-      const he = P[Ke.First].percentValue * a.value, $e = P[Ke.Second].percentValue * a.value, de = Math.abs(x - he), Pe = Math.abs(x - $e);
+      const me = P[Ke.First].percentValue * a.value, $e = P[Ke.Second].percentValue * a.value, de = Math.abs(x - me), Pe = Math.abs(x - $e);
       return de <= Pe ? Ke.First : Ke.Second;
     }
     function oe() {
@@ -16173,48 +16182,48 @@ const Rm = ee({
     function W() {
       document.removeEventListener("touchmove", te), document.removeEventListener("touchend", q), document.removeEventListener("touchcancel", q);
     }
-    function Q(x, he) {
-      if (n.value || (n.value = t.value.offsetWidth), i.value || (P[he].active = !0), I = he, oe(), i.value || l.value)
+    function Q(x, me) {
+      if (n.value || (n.value = t.value.offsetWidth), i.value || (P[me].active = !0), I = me, oe(), i.value || l.value)
         return;
       w(e.onStart), o.value = !0;
       const { clientX: $e, clientY: de } = x.touches[0];
-      P[he].startPosition = s.value ? de : $e;
+      P[me].startPosition = s.value ? de : $e;
     }
     function te(x) {
       if (Un(x), i.value || l.value || !o.value)
         return;
-      const { startPosition: he, currentOffset: $e } = P[I], { clientX: de, clientY: Pe } = x.touches[0];
-      let Me = (s.value ? he - Pe : de - he) + $e;
+      const { startPosition: me, currentOffset: $e } = P[I], { clientX: de, clientY: Pe } = x.touches[0];
+      let Me = (s.value ? me - Pe : de - me) + $e;
       Me <= 0 ? Me = 0 : Me >= n.value && (Me = n.value), pe(Me, I);
     }
     function q() {
       W();
-      const { range: x, modelValue: he, onEnd: $e, step: de, min: Pe } = e;
+      const { range: x, modelValue: me, onEnd: $e, step: de, min: Pe } = e;
       if (i.value || (P[I].active = !1), i.value || l.value)
         return;
       let Me = [];
       P[I].currentOffset = P[I].percentValue * a.value;
       const Ee = P[I].percentValue * z(de) + z(Pe);
-      x && Fe(he) && (Me = I === Ke.First ? [Ee, he[1]] : [he[0], Ee]), w($e, x ? Me : Ee), o.value = !1;
+      x && Fe(me) && (Me = I === Ke.First ? [Ee, me[1]] : [me[0], Ee]), w($e, x ? Me : Ee), o.value = !1;
     }
     function se(x) {
       if (i.value || l.value || x.target.closest(`.${Td("thumb")}`))
         return;
-      const he = R(x), $e = H(he);
-      I = $e, pe(he, $e), q();
+      const me = R(x), $e = H(me);
+      I = $e, pe(me, $e), q();
     }
     function B() {
       const x = z(e.step);
       return isNaN(x) ? (zs("Slider", 'type of prop "step" should be Number'), !1) : x < 0 ? (zs("Slider", '"step" should be > 0'), !1) : !0;
     }
     function Y() {
-      const { range: x, modelValue: he } = e;
-      return x && !Fe(he) ? (console.error('[Varlet] Slider: "modelValue" should be an Array'), !1) : !x && Fe(he) ? (console.error('[Varlet] Slider: "modelValue" should be a Number'), !1) : x && Fe(he) && he.length < 2 ? (console.error('[Varlet] Slider: "modelValue" should have two value'), !1) : !0;
+      const { range: x, modelValue: me } = e;
+      return x && !Fe(me) ? (console.error('[Varlet] Slider: "modelValue" should be an Array'), !1) : !x && Fe(me) ? (console.error('[Varlet] Slider: "modelValue" should be a Number'), !1) : x && Fe(me) && me.length < 2 ? (console.error('[Varlet] Slider: "modelValue" should have two value'), !1) : !0;
     }
-    function me(x = e.modelValue, he = z(e.step)) {
+    function he(x = e.modelValue, me = z(e.step)) {
       const $e = (de) => {
         const { min: Pe, max: Me } = e;
-        return de < z(Pe) ? 0 : de > z(Me) ? r.value / he : (de - z(Pe)) / he;
+        return de < z(Pe) ? 0 : de > z(Me) ? r.value / me : (de - z(Pe)) / me;
       };
       e.range && Fe(x) ? (P[Ke.First].percentValue = $e(x[0]), P[Ke.First].currentOffset = P[Ke.First].percentValue * a.value, P[Ke.Second].percentValue = $e(x[1]), P[Ke.Second].currentOffset = P[Ke.Second].percentValue * a.value) : bn(x) && (P[Ke.First].currentOffset = $e(x) * a.value);
     }
@@ -18410,8 +18419,8 @@ const ph = ee({
       () => e.modelValue,
       (W) => {
         if (W) {
-          const { hour: Q, minute: te, second: q } = gn(W), se = le().hour(Q).format("hh"), B = le().hour(Q).format("HH"), Y = le().minute(te).format("mm"), me = le().second(q).format("ss");
-          m.value = (se === "12" ? 0 : z(se)) * 30, c.value = z(Y) * 6, f.value = z(me) * 6, y.value = V(W), e.format !== "24hr" && (h.value = Dt(`${Q}`, 2, "0") === B && fn.includes(B) ? "pm" : "am"), r.value = e.format === "24hr" && fn.includes(B);
+          const { hour: Q, minute: te, second: q } = gn(W), se = le().hour(Q).format("hh"), B = le().hour(Q).format("HH"), Y = le().minute(te).format("mm"), he = le().second(q).format("ss");
+          m.value = (se === "12" ? 0 : z(se)) * 30, c.value = z(Y) * 6, f.value = z(he) * 6, y.value = V(W), e.format !== "24hr" && (h.value = Dt(`${Q}`, 2, "0") === B && fn.includes(B) ? "pm" : "am"), r.value = e.format === "24hr" && fn.includes(B);
         }
       },
       { immediate: !0 }
@@ -18470,8 +18479,8 @@ const ph = ee({
       const se = Math.round(te / 30) * 30 + 90, B = R(se), Y = r.value ? Tn[B] : fn[B];
       if (q.includes(Y) || (r.value = e.format === "24hr" ? E(W, Q) : !1), r.value !== i.value)
         return;
-      const me = r.value || h.value === "pm" ? fn[B] : Tn[B];
-      u.value = q.includes(me), !u.value && (m.value = se, l.value = !0);
+      const he = r.value || h.value === "pm" ? fn[B] : Tn[B];
+      u.value = q.includes(he), !u.value && (m.value = se, l.value = !0);
     }
     function G(W) {
       const { disableHour: Q } = o.value, te = Math.round(W / 6) * 6 + 90, se = {
@@ -18503,8 +18512,8 @@ const ph = ee({
     function Z() {
       const { left: W, top: Q, width: te, height: q } = xe(n.value);
       if (p.x = W + te / 2, p.y = Q + q / 2, b.value === "hour" && e.format === "24hr") {
-        const { rangeXMin: se, rangeXMax: B, rangeYMin: Y, rangeYMax: me } = U();
-        S.x = [se, B], S.y = [Y, me];
+        const { rangeXMin: se, rangeXMax: B, rangeYMin: Y, rangeYMax: he } = U();
+        S.x = [se, B], S.y = [Y, he];
       }
     }
     function pe(W) {
@@ -18906,7 +18915,7 @@ const bh = ee({
         const { maxsize: oe, maxlength: W, modelValue: Q, onOversize: te, onAfterRead: q, onBeforeFilter: se, readonly: B, disabled: Y } = e;
         if (a != null && a.disabled.value || a != null && a.readonly.value || Y || B)
           return;
-        const me = (Ee) => Ee.filter((dn) => dn.file.size > z(oe) ? (w(te, Ye(dn)), !1) : !0), Oe = (Ee) => {
+        const he = (Ee) => Ee.filter((dn) => dn.file.size > z(oe) ? (w(te, Ye(dn)), !1) : !0), Oe = (Ee) => {
           const dn = Math.min(Ee.length, z(W) - Q.length);
           return Ee.slice(0, dn);
         }, x = (Ee) => ir(this, null, function* () {
@@ -18918,7 +18927,7 @@ const bh = ee({
           return Ee;
         });
         let $e = T(H).map(S);
-        $e = yield x($e), $e = oe != null ? me($e) : $e, $e = W != null ? Oe($e) : $e;
+        $e = yield x($e), $e = oe != null ? he($e) : $e, $e = W != null ? Oe($e) : $e;
         const de = yield Promise.all(P($e)), Me = (yield Promise.all(I(de))).filter(({ valid: Ee }) => Ee).map(({ varFile: Ee }) => Ee);
         w(e["onUpdate:modelValue"], [...Q, ...Me]), H.target.value = "", Me.forEach((Ee) => w(q, Ye(Ee)));
       });
@@ -19257,7 +19266,7 @@ ie(li);
 ue(li, yh);
 const O6 = li;
 var Wl = li;
-const XE = "2.20.6";
+const XE = "2.20.7";
 function GE(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), Di.install && e.use(Di), Bi.install && e.use(Bi), 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), Do.install && e.use(Do), rl.install && e.use(rl), al.install && e.use(al), $n.install && e.use($n), On.install && e.use(On), Dn.install && e.use(Dn), 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), hl.install && e.use(hl), pl.install && e.use(pl), gl.install && e.use(gl), bl.install && e.use(bl), ht.install && e.use(ht), 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), Je.install && e.use(Je), Pl.install && e.use(Pl), Ol.install && e.use(Ol), Tl.install && e.use(Tl), El.install && e.use(El), Dl.install && e.use(Dl), Bl.install && e.use(Bl), Ml.install && e.use(Ml), Nl.install && e.use(Nl), Qt.install && e.use(Qt), Vl.install && e.use(Vl), Bo.install && e.use(Bo), 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);
 }

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.6",
+  "version": "2.20.7",
   "name": "VARLET",
   "contributions": {
     "html": {