@varlet/ui 3.8.0-alpha.1735486215545 → 3.8.1

package/es/action-sheet/style/index.mjs

@@ -3,5 +3,5 @@ import '../../icon/icon.css'
 import '../../ripple/ripple.css'
 import '../../popup/popup.css'
 import '../actionSheet.css'
-import '../ActionSheetSfc.css'
 import '../ActionItemSfc.css'
+import '../ActionSheetSfc.css'

package/es/index.bundle.mjs

@@ -280,7 +280,7 @@ import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 import './watermark/style/index.mjs'
 
-const version = '3.8.0-alpha.1735486215545'
+const version = '3.8.1'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -186,7 +186,7 @@ export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 export * from './watermark/index.mjs'
 
-const version = '3.8.0-alpha.1735486215545'
+const version = '3.8.1'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/menu-option/MenuOption.mjs

@@ -192,10 +192,8 @@ const __sfc__ = defineComponent({
       if (!isFocusing.value && !((_a = checkbox.value) == null ? void 0 : _a.isFocusing)) {
         return;
       }
-      if (event.key === "ArrowRight") {
-        call(props2.onKeyArrowX, event.key);
-      }
-      if (event.key === "ArrowLeft") {
+      if (event.key === "ArrowRight" || event.key === "ArrowLeft") {
+        preventDefault(event);
         call(props2.onKeyArrowX, event.key);
       }
       if (!isFocusing.value) {

package/es/snackbar/style/index.mjs

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

package/es/varlet.esm.js

@@ -138,7 +138,7 @@ Sf(Of, {
   pick: () => Bb,
   pickBy: () => Ib,
   prettyJSONObject: () => jf,
-  preventDefault: () => Ne,
+  preventDefault: () => Me,
   promiseWithResolvers: () => Nb,
   raf: () => vo,
   randomColor: () => jb,
@@ -548,7 +548,7 @@ Sf(Gs, {
   mitt: () => Ws,
   motion: () => eu,
   prettyJSONObject: () => jf,
-  preventDefault: () => Ne,
+  preventDefault: () => Me,
   raf: () => vo,
   requestAnimationFrame: () => Ao,
   sessionStorage: () => Yf,
@@ -690,7 +690,7 @@ function xs(e) {
 function jf(e) {
   return JSON.stringify(e, null, 2);
 }
-function Ne(e) {
+function Me(e) {
   e.cancelable !== !1 && e.preventDefault();
 }
 function vo() {
@@ -1719,7 +1719,7 @@ var ga = ee({
       });
     }
     function v(m) {
-      !i() || m.key !== "Escape" || !e.show || (C(e.onKeyEscape), e.closeOnKeyEscape && (Ne(m), C(e["onUpdate:show"], !1)));
+      !i() || m.key !== "Escape" || !e.show || (C(e.onKeyEscape), e.closeOnKeyEscape && (Me(m), C(e["onUpdate:show"], !1)));
     }
     return () => {
       const {
@@ -3951,7 +3951,7 @@ const Hp = ee({
     }
     function Y(Z) {
       const { disabled: oe } = e;
-      i != null && i.disabled.value || oe || Z.target === o.value || (D(), Ne(Z));
+      i != null && i.disabled.value || oe || Z.target === o.value || (D(), Me(Z));
     }
     function H() {
       C(e["onUpdate:modelValue"], ""), c();
@@ -5108,7 +5108,7 @@ function Zp(e) {
   }
   function M(D) {
     const { closeOnKeyEscape: Q = !1 } = e;
-    D.key === "Escape" && Q && r.value && (Ne(D), U());
+    D.key === "Escape" && Q && r.value && (Me(D), U());
   }
   function Y() {
     i.setOptions(A());
@@ -5462,10 +5462,10 @@ const xp = ee({
       if (!o.value)
         return;
       const { key: Y } = M;
-      (Y === "Enter" || Y === " ") && Ne(M), Y === "Enter" && n.value.click();
+      (Y === "Enter" || Y === " ") && Me(M), Y === "Enter" && n.value.click();
     }
     function E(M) {
-      o.value && M.key === " " && (Ne(M), n.value.click());
+      o.value && M.key === " " && (Me(M), n.value.click());
     }
     function z() {
       return g(e.rules, e.modelValue);
@@ -5677,10 +5677,10 @@ const ov = ee({
     }
     function O(E) {
       var z;
-      !t.value && !((z = o.value) != null && z.isFocusing) || (E.key === "ArrowRight" && C(e.onKeyArrowX, E.key), E.key === "ArrowLeft" && C(e.onKeyArrowX, E.key), t.value && ((E.key === " " || E.key === "Enter") && Ne(E), E.key === "Enter" && n.value.click()));
+      !t.value && !((z = o.value) != null && z.isFocusing) || ((E.key === "ArrowRight" || E.key === "ArrowLeft") && (Me(E), C(e.onKeyArrowX, E.key)), t.value && ((E.key === " " || E.key === "Enter") && Me(E), E.key === "Enter" && n.value.click()));
     }
     function B(E) {
-      t.value && E.key === " " && (Ne(E), n.value.click());
+      t.value && E.key === " " && (Me(E), n.value.click());
     }
     function A() {
       return Ww(this, null, function* () {
@@ -6202,7 +6202,7 @@ const av = ee({
       if (e.disabled || !n.value)
         return;
       const { key: M } = z;
-      if (["Escape", "ArrowDown", "ArrowUp"].includes(M) && Ne(z), M === "Escape") {
+      if (["Escape", "ArrowDown", "ArrowUp"].includes(M) && Me(z), M === "Escape") {
         o.value.$el.focus(), A(), C(e.onKeyEscape);
         return;
       }
@@ -6505,7 +6505,7 @@ const lv = ee({
           return;
         const { key: Q } = U;
         if (Q === "Tab") {
-          Ne(U), n.value.focus(), i.value = !1;
+          Me(U), n.value.focus(), i.value = !1;
           return;
         }
         if (!["ArrowUp", "ArrowDown", "Enter"].includes(Q)) {
@@ -12428,19 +12428,19 @@ const Nm = ee({
       const Te = $e === "year" ? g : $e === "month" ? w : $, Re = $e === "year" ? "YYYY" : $e === "month" ? "YYYY-MM" : "YYYY-MM-DD", Le = Te.value.map((hn) => ue(hn).format(Re)), fn = Le.findIndex((hn) => hn === ie);
       fn === -1 ? Le.push(ie) : Le.splice(fn, 1), C(e["onUpdate:modelValue"], Le), C(e.onChange, Le);
     }
-    function Me(ie, $e) {
+    function Ne(ie, $e) {
       return !c.value || !u.value ? !1 : Z.value ? ie === "year" ? $e < j(c.value) : ie === "month" ? $e < u.value : oe.value ? $e < j(d.value) : u.value > f.value : c.value > v.value;
     }
     function rn(ie) {
       const { readonly: $e, range: Te, multiple: Re, onChange: Le, "onUpdate:modelValue": fn } = e;
       if (ie < 0 || $e) return;
-      m.value = Me("day", ie);
+      m.value = Ne("day", ie);
       const hn = `${v.value}-${f.value}-${ie}`, gn = ue(hn).format("YYYY-MM-DD");
       Te ? Se(gn, "day") : Re ? Ue(gn, "day") : (C(fn, gn), C(Le, gn));
     }
     function un(ie) {
       const { type: $e, readonly: Te, range: Re, multiple: Le, onChange: fn, onPreview: hn, "onUpdate:modelValue": gn } = e;
-      if (m.value = Me("month", ie), $e === "month" && !Te) {
+      if (m.value = Ne("month", ie), $e === "month" && !Te) {
         const Ko = `${v.value}-${ie}`;
         Re ? Se(Ko, "month") : Le ? Ue(Ko, "month") : (C(gn, Ko), C(fn, Ko));
       } else
@@ -12454,7 +12454,7 @@ const Nm = ee({
     }
     function Pn(ie) {
       const { type: $e, readonly: Te, range: Re, multiple: Le, onChange: fn, onPreview: hn, "onUpdate:modelValue": gn } = e;
-      m.value = Me("year", ie), $e === "year" && !Te ? Re ? Se(`${ie}`, "year") : Le ? Ue(`${ie}`, "year") : (C(gn, `${ie}`), C(fn, `${ie}`)) : (v.value = `${ie}`, C(
+      m.value = Ne("year", ie), $e === "year" && !Te ? Re ? Se(`${ie}`, "year") : Le ? Ue(`${ie}`, "year") : (C(gn, `${ie}`), C(fn, `${ie}`)) : (v.value = `${ie}`, C(
         hn,
         j(v.value),
         j(f.value),
@@ -13059,7 +13059,7 @@ const Hm = ee({
     }
     function y(H) {
       return SP(this, null, function* () {
-        !l.value || e.disabled || (f(H), Ne(H), i.value = !1, a.value = !0, e.direction.includes("x") && (t.value += u.value), e.direction.includes("y") && (r.value += c.value), N());
+        !l.value || e.disabled || (f(H), Me(H), i.value = !1, a.value = !0, e.direction.includes("x") && (t.value += u.value), e.direction.includes("y") && (r.value += c.value), N());
       });
     }
     function b() {
@@ -13710,11 +13710,11 @@ const Gm = ee({
       if (M && !e.contentDraggable)
         return;
       if (M && e.contentDraggable && n.value >= s.value && !g(o.value)) {
-        w(o.value) && Ne(N);
+        w(o.value) && Me(N);
         return;
       }
       const Y = $ - c.value;
-      O(B(Y)), Ne(N);
+      O(B(Y)), Me(N);
     }
     function T() {
       m();
@@ -13831,13 +13831,13 @@ const Jm = ee({
     }
     function l(f) {
       return Od(this, null, function* () {
-        Ne(f);
+        Me(f);
         const v = yield u();
         C(e.onSubmit, v);
       });
     }
     function s(f) {
-      Ne(f), c(), C(e.onReset);
+      Me(f), c(), C(e.onReset);
     }
     function u() {
       return Od(this, null, function* () {
@@ -14267,14 +14267,14 @@ const eh = ee({
     }), We(() => window, "keydown", Ue), C(g, null), C(v, null), pe(
       () => d.value,
       () => nt(this, null, function* () {
-        yield bn(), W(), Me();
+        yield bn(), W(), Ne();
       })
     ), m && pe(
       () => m.show.value,
       (me) => nt(this, null, function* () {
-        me ? (yield bn(), Me()) : re();
+        me ? (yield bn(), Ne()) : re();
       })
-    ), Fo(Me), ar(re), lo(Me);
+    ), Fo(Ne), ar(re), lo(Ne);
     function D(me) {
       return u.find(({ index: Ke }) => Ke.value === me);
     }
@@ -14317,7 +14317,7 @@ const eh = ee({
     }
     function V(me) {
       const { touchable: Ke, vertical: te } = e;
-      !O.value || !Ke || (E(me), M.value && (Ne(me), a.value += te ? b.value : y.value, Q()));
+      !O.value || !Ke || (E(me), M.value && (Me(me), a.value += te ? b.value : y.value, Q()));
     }
     function K() {
       if (!O.value || (z(), !M.value))
@@ -14337,9 +14337,9 @@ const eh = ee({
       if (!u.length || u.findIndex(({ isFocusing: de }) => de.value) === -1)
         return;
       const { key: te } = me;
-      Ne(me), te === "ArrowLeft" && un(), te === "ArrowRight" && rn();
+      Me(me), te === "ArrowLeft" && un(), te === "ArrowRight" && rn();
     }
-    function Me() {
+    function Ne() {
       n.value && (i.value = !0, o.value = e.vertical ? n.value.offsetHeight : n.value.offsetWidth, r.value = o.value * d.value, a.value = l.value * -o.value, u.forEach((me) => {
         me.setTranslate(0);
       }), J(), setTimeout(() => {
@@ -14400,7 +14400,7 @@ const eh = ee({
       next: rn,
       prev: un,
       to: Pn,
-      resize: Me,
+      resize: Ne,
       toNumber: j,
       handleHovering: ve,
       getNavigationAnimation: Se
@@ -14720,7 +14720,7 @@ const th = ee({
       C(e["onUpdate:show"], !1);
     }
     function Q(W) {
-      w.value && Ne(W);
+      w.value && Me(W);
     }
     function Z(W) {
       var J;
@@ -15625,10 +15625,10 @@ const Oh = ee({
       e.disabled || T();
     }
     function b(B) {
-      o.value && ((B.key === " " || B.key === "Enter") && Ne(B), B.key === "Enter" && n.value.click());
+      o.value && ((B.key === " " || B.key === "Enter") && Me(B), B.key === "Enter" && n.value.click());
     }
     function P(B) {
-      o.value && B.key === " " && (Ne(B), n.value.click());
+      o.value && B.key === " " && (Me(B), n.value.click());
     }
     function T() {
       c.value && (t.value = !t.value), f($);
@@ -15693,7 +15693,7 @@ var Oi = ee({
     } = xo();
     lr(() => e.show, () => e.lockScroll), We(() => window, "keydown", i);
     function i(c) {
-      !r() || c.key !== "Escape" || !e.show || (C(e.onKeyEscape), e.closeOnKeyEscape && (Ne(c), C(e["onUpdate:show"], !1)));
+      !r() || c.key !== "Escape" || !e.show || (C(e.onKeyEscape), e.closeOnKeyEscape && (Me(c), C(e["onUpdate:show"], !1)));
     }
     function l() {
       C(e.onClick), C(e["onUpdate:show"], !1);
@@ -16490,7 +16490,7 @@ const Ah = ee({
           column: ve,
           scrollEl: null,
           scrolling: !1
-        }, Me = n.value[Se], rn = Ue.column.findIndex((un) => Me === $(un));
+        }, Ne = n.value[Se], rn = Ue.column.findIndex((un) => Ne === $(un));
         return Ue.index = rn === -1 ? 0 : rn, H(Ue), Ue;
       });
     }
@@ -16501,7 +16501,7 @@ const Ah = ee({
     function T(V, K, ve = !0, Se = 1) {
       var Ue;
       if (K.length && (e.columnsCount == null || Se <= t.value)) {
-        const Me = {
+        const Ne = {
           id: qd++,
           prevY: 0,
           momentumPrevY: 0,
@@ -16514,13 +16514,13 @@ const Ah = ee({
           scrollEl: null,
           scrolling: !1
         };
-        if (V.push(Me), ve) {
+        if (V.push(Ne), ve) {
           const rn = n.value[V.length - 1], un = K.findIndex((Pn) => rn === $(Pn));
-          Me.index = un === -1 ? 0 : un;
+          Ne.index = un === -1 ? 0 : un;
         }
-        H(Me), T(
+        H(Ne), T(
           V,
-          (Ue = Me.column[Me.index][w("children")]) != null ? Ue : [],
+          (Ue = Ne.column[Ne.index][w("children")]) != null ? Ue : [],
           ve,
           Se + 1
         );
@@ -16560,8 +16560,8 @@ const Ah = ee({
     function Y() {
       const V = [], K = [], ve = [];
       return o.value.forEach(({ column: Se, index: Ue }) => {
-        const Me = Se[Ue];
-        V.push($(Me)), K.push(Ue), ve.push(Me);
+        const Ne = Se[Ue];
+        V.push($(Ne)), K.push(Ue), ve.push(Ne);
       }), {
         values: V,
         indexes: K,
@@ -16607,8 +16607,8 @@ const Ah = ee({
       const Se = o.value.some((Pn) => Pn.scrolling), Ue = o.value.some((Pn) => Pn.touching);
       if (Se || Ue)
         return;
-      const { values: Me, indexes: rn, options: un } = Y();
-      y(rn), C(K, Me, rn, un), n.value = Me;
+      const { values: Ne, indexes: rn, options: un } = Y();
+      y(rn), C(K, Ne, rn, un), n.value = Ne;
     }
     function J() {
       if (e.cascade) {
@@ -17081,7 +17081,7 @@ const Rh = ee({
     function O(E) {
       if (m(E), !d.value || !y || y !== $ && go(y) > 0 || go($) > 0)
         return;
-      w($) && Ne(E), l.value !== "pulling" && (l.value = "pulling", r.value = E.touches[0].clientY), w($) && Tn(a.value) && a.value > n.value && P("add");
+      w($) && Me(E), l.value !== "pulling" && (l.value = "pulling", r.value = E.touches[0].clientY), w($) && Tn(a.value) && a.value > n.value && P("add");
       const M = (E.touches[0].clientY - r.value) / 2 + n.value;
       a.value = M >= u.value ? u.value : M, b(a.value >= u.value * 0.2 ? "refresh" : "arrow-down");
     }
@@ -17292,10 +17292,10 @@ const Uh = ee({
       if (!o.value)
         return;
       const { key: z } = E;
-      (z === "Enter" || z === " ") && Ne(E), z === "Enter" && n.value.click();
+      (z === "Enter" || z === " ") && Me(E), z === "Enter" && n.value.click();
     }
     function $(E) {
-      o.value && E.key === " " && (Ne(E), n.value.click());
+      o.value && E.key === " " && (Me(E), n.value.click());
     }
     function y(E) {
       He(() => {
@@ -17450,7 +17450,7 @@ const jh = ee({
     function d(y) {
       const b = o.findIndex(({ isFocusing: T }) => T.value);
       if (!(b === -1 || !o.some(({ moveable: T }, O) => O === b ? !1 : T()))) {
-        if (["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(y.key) && Ne(y), y.key === "ArrowUp" || y.key === "ArrowLeft") {
+        if (["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(y.key) && Me(y), y.key === "ArrowUp" || y.key === "ArrowLeft") {
           f(b, "prev");
           return;
         }
@@ -18416,29 +18416,29 @@ const og = ee({
         return;
       const { key: Se } = V;
       if (Se === " " && !o.value) {
-        Ne(V);
+        Me(V);
         return;
       }
       if (Se === "Escape" && o.value) {
-        t.value.focus(), Ne(V), o.value = !1;
+        t.value.focus(), Me(V), o.value = !1;
         return;
       }
       if (Se === "Tab" && o.value) {
-        t.value.focus(), Ne(V), U();
+        t.value.focus(), Me(V), U();
         return;
       }
       if (Se === "Enter" && !o.value) {
-        Ne(V), o.value = !0;
+        Me(V), o.value = !0;
         return;
       }
-      (Se === "ArrowDown" || Se === "ArrowUp") && o.value && (Ne(V), ru(t.value, O.value, Se));
+      (Se === "ArrowDown" || Se === "ArrowUp") && o.value && (Me(V), ru(t.value, O.value, Se));
     }
     function M(V) {
       const { disabled: K, readonly: ve } = e;
       if (c != null && c.disabled.value || c != null && c.readonly.value || K || ve || o.value || !n.value)
         return;
       const { key: Se } = V;
-      Se === " " && !o.value && (Ne(V), o.value = !0);
+      Se === " " && !o.value && (Me(V), o.value = !0);
     }
     function Y(V) {
       He(() => {
@@ -18464,8 +18464,8 @@ const og = ee({
       const { disabled: K, readonly: ve, multiple: Se, onChange: Ue } = e;
       if (c != null && c.disabled.value || c != null && c.readonly.value || K || ve)
         return;
-      const Me = $(V);
-      C(e["onUpdate:modelValue"], Me), C(Ue, Me), Y("onChange"), Se || (t.value.focus(), bn().then(() => {
+      const Ne = $(V);
+      C(e["onUpdate:modelValue"], Ne), C(Ue, Ne), Y("onChange"), Se || (t.value.focus(), bn().then(() => {
         o.value = !1;
       }));
     }
@@ -18473,8 +18473,8 @@ const og = ee({
       const { disabled: V, readonly: K, multiple: ve, clearable: Se, onClear: Ue } = e;
       if (c != null && c.disabled.value || c != null && c.readonly.value || V || K || !Se)
         return;
-      const Me = ve ? [] : void 0;
-      C(e["onUpdate:modelValue"], Me), C(Ue, Me), Y("onClear");
+      const Ne = ve ? [] : void 0;
+      C(e["onUpdate:modelValue"], Ne), C(Ue, Ne), Y("onClear");
     }
     function ye(V) {
       const { disabled: K, onClick: ve } = e;
@@ -18484,10 +18484,10 @@ const og = ee({
       const { disabled: K, readonly: ve, modelValue: Se, onClose: Ue } = e;
       if (c != null && c.disabled.value || c != null && c.readonly.value || K || ve)
         return;
-      const Me = f.find(({ label: un }) => un.value === V), rn = Se.filter(
+      const Ne = f.find(({ label: un }) => un.value === V), rn = Se.filter(
         (un) => {
           var Pn;
-          return un !== ((Pn = Me.value.value) != null ? Pn : Me.label.value);
+          return un !== ((Pn = Ne.value.value) != null ? Pn : Ne.label.value);
         }
       );
       C(e["onUpdate:modelValue"], rn), C(Ue, rn), Y("onClose");
@@ -19019,8 +19019,8 @@ const ig = ee({
       validate: z,
       resetValidation: w
     }), pe([() => e.modelValue, () => e.step], ([te, de]) => {
-      !Se() || !Ue() || t.value || Me(te, j(de));
-    }), pe(n, () => Me()), yn(() => {
+      !Se() || !Ue() || t.value || Ne(te, j(de));
+    }), pe(n, () => Ne()), yn(() => {
       !Se() || !Ue() || E();
     }), da(re), We(() => window, "keydown", Pn), lo(E);
     function E() {
@@ -19097,7 +19097,7 @@ const ig = ee({
       B[de].startPosition = s.value ? Be : ke;
     }
     function V(te) {
-      if (Ne(te), i.value || l.value || !t.value)
+      if (Me(te), i.value || l.value || !t.value)
         return;
       const { startPosition: de, currentOffset: ke } = B[A], { clientX: Be, clientY: Qe } = te.touches[0];
       let ie = (s.value ? de - Qe : Be - de) + ke;
@@ -19126,7 +19126,7 @@ const ig = ee({
       const { range: te, modelValue: de } = e;
       return te && !Fe(de) ? (st("Slider", '"modelValue" should be an Array'), !1) : !te && Fe(de) ? (st("Slider", '"modelValue" should be a Number'), !1) : te && Fe(de) && de.length < 2 ? (st("Slider", '"modelValue" should have two value'), !1) : !0;
     }
-    function Me(te = e.modelValue, de = j(e.step)) {
+    function Ne(te = e.modelValue, de = j(e.step)) {
       const ke = (Be) => {
         const { min: Qe, max: ie } = e;
         return Be < j(Qe) ? 0 : Be > j(ie) ? r.value / de : (Be - j(Qe)) / de;
@@ -19154,7 +19154,7 @@ const ig = ee({
       }, { key: ke } = te;
       if (!Go(de, ke) || l.value || i.value || e.range && !u.value && !c.value || !e.range && !u.value)
         return;
-      Ne(te);
+      Me(te);
       const Be = de[ke], Qe = un(Be, e.modelValue);
       ye(Qe);
     }
@@ -20093,10 +20093,10 @@ const $g = ee({
       resetValidation: s
     }), We(() => window, "keydown", g), We(() => window, "keyup", w);
     function g(O) {
-      o.value && ((O.key === " " || O.key === "Enter") && Ne(O), O.key === "Enter" && n.value.click());
+      o.value && ((O.key === " " || O.key === "Enter") && Me(O), O.key === "Enter" && n.value.click());
     }
     function w(O) {
-      !o.value || O.key !== " " || (Ne(O), n.value.click());
+      !o.value || O.key !== " " || (Me(O), n.value.click());
     }
     function $() {
       return l(e.rules, e.modelValue);
@@ -24211,7 +24211,7 @@ const Fg = ee({
       }
     }
     function oe(W) {
-      if (Ne(W), e.readonly) return;
+      if (Me(W), e.readonly) return;
       Z();
       const { clientX: J, clientY: re } = W.touches[0], fe = J - $.x, V = re - $.y, K = Math.round(B(Math.atan2(V, fe)));
       m.value === "hour" ? U(J, re, K) : m.value === "minute" ? D(K) : Q(K);
@@ -24622,7 +24622,7 @@ const Hg = ee({
         const { maxsize: J, maxlength: re, modelValue: fe, onOversize: V, onAfterRead: K, onBeforeFilter: ve, readonly: Se, disabled: Ue } = e;
         if (l != null && l.disabled.value || l != null && l.readonly.value || Ue || Se)
           return;
-        const Me = (ke) => ke.filter((Be) => Be.file.size > j(J) ? (C(V, xe(Be)), !1) : !0), rn = (ke) => {
+        const Ne = (ke) => ke.filter((Be) => Be.file.size > j(J) ? (C(V, xe(Be)), !1) : !0), rn = (ke) => {
           const Be = Math.min(ke.length, j(re) - fe.length);
           return ke.slice(0, Be);
         }, un = (ke) => Dr(this, null, function* () {
@@ -24634,7 +24634,7 @@ const Hg = ee({
           return ke;
         });
         let me = B(W).map(O);
-        me = yield un(me), me = J != null ? Me(me) : me, me = re != null ? rn(me) : me;
+        me = yield un(me), me = J != null ? Ne(me) : me, me = re != null ? rn(me) : me;
         const Ke = yield Promise.all(N(me)), de = (yield Promise.all(E(Ke))).filter(({ valid: ke }) => ke).map(({ varFile: ke }) => ke);
         C(e["onUpdate:modelValue"], [...fe, ...de]), W.target.value = "", de.forEach((ke) => C(K, xe(ke)));
       });
@@ -24975,7 +24975,7 @@ ae(xi);
 le(xi, jg);
 const qI = xi;
 var Hs = xi;
-const aB = "3.8.0-alpha.1735486215545";
+const aB = "3.8.1";
 function iB(e) {
   ml.install && e.use(ml), hl.install && e.use(hl), gl.install && e.use(gl), wl.install && e.use(wl), Cl.install && e.use(Cl), Sl.install && e.use(Sl), Pl.install && e.use(Pl), ea.install && e.use(ea), Ol.install && e.use(Ol), zl.install && e.use(zl), Tl.install && e.use(Tl), El.install && e.use(El), Bn.install && e.use(Bn), Bl.install && e.use(Bl), Il.install && e.use(Il), Dl.install && e.use(Dl), pt.install && e.use(pt), Al.install && e.use(Al), na.install && e.use(na), Nl.install && e.use(Nl), Vl.install && e.use(Vl), Rl.install && e.use(Rl), Ll.install && e.use(Ll), Fl.install && e.use(Fl), Vn.install && e.use(Vn), Ul.install && e.use(Ul), Wl.install && e.use(Wl), Jl.install && e.use(Jl), _l.install && e.use(_l), xl.install && e.use(xl), es.install && e.use(es), la.install && e.use(la), ns.install && e.use(ns), os.install && e.use(os), Lt.install && e.use(Lt), ts.install && e.use(ts), rs.install && e.use(rs), En.install && e.use(En), as.install && e.use(as), Dn.install && e.use(Dn), Fn.install && e.use(Fn), Ge.install && e.use(Ge), is.install && e.use(is), Gt.install && e.use(Gt), ls.install && e.use(ls), ss.install && e.use(ss), Ft.install && e.use(Ft), Wt.install && e.use(Wt), us.install && e.use(us), cs.install && e.use(cs), ht.install && e.use(ht), ds.install && e.use(ds), pl.install && e.use(pl), fs.install && e.use(fs), jt.install && e.use(jt), vt.install && e.use(vt), Yt.install && e.use(Yt), ua.install && e.use(ua), ps.install && e.use(ps), vs.install && e.use(vs), ms.install && e.use(ms), hs.install && e.use(hs), Mo.install && e.use(Mo), gs.install && e.use(gs), bs.install && e.use(bs), ca.install && e.use(ca), ys.install && e.use(ys), ws.install && e.use(ws), ks.install && e.use(ks), tn.install && e.use(tn), $s.install && e.use($s), Cs.install && e.use(Cs), Ss.install && e.use(Ss), Ps.install && e.use(Ps), zs.install && e.use(zs), Ts.install && e.use(Ts), Es.install && e.use(Es), Bs.install && e.use(Bs), yt.install && e.use(yt), Is.install && e.use(Is), qt.install && e.use(qt), Xt.install && e.use(Xt), Ds.install && e.use(Ds), As.install && e.use(As), Ms.install && e.use(Ms), Ns.install && e.use(Ns), Vs.install && e.use(Vs), Rs.install && e.use(Rs), Ls.install && e.use(Ls), Fs.install && e.use(Fs), sa.install && e.use(sa), Us.install && e.use(Us), Hs.install && e.use(Hs);
 }

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": "3.8.0-alpha.1735486215545",
+  "version": "3.8.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": "3.8.0-alpha.1735486215545",
+  "version": "3.8.1",
   "name": "VARLET",
   "contributions": {
     "html": {

package/lib/varlet.cjs.js

@@ -7348,10 +7348,8 @@ const __sfc__$1k = vue.defineComponent({
       if (!isFocusing.value && !((_a = checkbox.value) == null ? void 0 : _a.isFocusing)) {
         return;
       }
-      if (event.key === "ArrowRight") {
-        call(props2.onKeyArrowX, event.key);
-      }
-      if (event.key === "ArrowLeft") {
+      if (event.key === "ArrowRight" || event.key === "ArrowLeft") {
+        preventDefault(event);
         call(props2.onKeyArrowX, event.key);
       }
       if (!isFocusing.value) {
@@ -31480,7 +31478,7 @@ withInstall(stdin_default$1);
 withPropsDefaultsSetter(stdin_default$1, props);
 const _WatermarkComponent = stdin_default$1;
 var stdin_default = stdin_default$1;
-const version = "3.8.0-alpha.1735486215545";
+const version = "3.8.1";
 function install(app) {
   stdin_default$5X.install && app.use(stdin_default$5X);
   stdin_default$5V.install && app.use(stdin_default$5V);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "3.8.0-alpha.1735486215545",
+  "version": "3.8.1",
   "description": "A material like components library",
   "main": "lib/varlet.cjs.js",
   "module": "es/index.mjs",
@@ -48,9 +48,9 @@
     "@popperjs/core": "^2.11.6",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1",
-    "@varlet/icons": "3.8.0-alpha.1735486215545",
-    "@varlet/shared": "3.8.0-alpha.1735486215545",
-    "@varlet/use": "3.8.0-alpha.1735486215545"
+    "@varlet/icons": "3.8.1",
+    "@varlet/use": "3.8.1",
+    "@varlet/shared": "3.8.1"
   },
   "devDependencies": {
     "@types/node": "^18.7.18",
@@ -66,9 +66,9 @@
     "vue": "3.4.21",
     "vue-router": "4.2.0",
     "zod": "^3.23.8",
-    "@varlet/cli": "3.8.0-alpha.1735486215545",
-    "@varlet/touch-emulator": "3.8.0-alpha.1735486215545",
-    "@varlet/ui": "3.8.0-alpha.1735486215545"
+    "@varlet/touch-emulator": "3.8.1",
+    "@varlet/ui": "3.8.1",
+    "@varlet/cli": "3.8.1"
   },
   "scripts": {
     "dev": "varlet-cli dev",