@varlet/ui 3.2.15-alpha.1718198850293 → 3.3.1

package/es/themes/md3-light/picker.mjs

@@ -1,7 +1,7 @@
 var stdin_default = {
   "--picker-background": "var(--color-body)",
   "--picker-cancel-button-text-color": "var(--color-primary)",
-  "--picker-mask-background-image": "linear-gradient(180deg, rgba(254, 247, 255, 0.9), rgba(254, 247, 255, 0.4)), linear-gradient(0deg, rgba(254, 247, 255, 0.9), rgba(254, 247, 255, 0.4)",
+  "--picker-mask-background-image": "linear-gradient(180deg, rgba(254, 247, 255, 0.9), rgba(254, 247, 255, 0.4)), linear-gradient(0deg, rgba(254, 247, 255, 0.9), rgba(254, 247, 255, 0.4))",
   "--picker-toolbar-height": "44px",
   "--picker-confirm-button-text-color": "var(--color-primary)",
   "--picker-picked-border": "1px solid var(--color-outline)",

package/es/varlet.esm.js

@@ -118,7 +118,7 @@ var Lh = Object.defineProperty, wr = Object.getOwnPropertySymbols, Cd = Object.p
       n.indexOf(t) < 0 && Sd.call(e, t) && (o[t] = e[t]);
   return o;
 };
-function dn(e) {
+function fn(e) {
   let n = !1;
   Yo(() => {
     e(), Ke(() => {
@@ -159,7 +159,7 @@ function We(e, n, o, t = {}) {
   const f = () => {
     d == null || d(), c(e), l = !0;
   };
-  return dn(() => {
+  return fn(() => {
     u(e);
   }), Ur(() => {
     c(e);
@@ -317,7 +317,7 @@ function jh(e = {}) {
   const { initialWidth: n = 0, initialHeight: o = 0 } = e, t = k(n), r = k(o), a = () => {
     oo() && (t.value = window.innerWidth, r.value = window.innerHeight);
   };
-  return dn(a), to(a), {
+  return fn(a), to(a), {
     width: t,
     height: r
   };
@@ -470,7 +470,7 @@ function N(e) {
     default: e
   };
 }
-function fn(e, n) {
+function dn(e, n) {
   return e === !1 ? null : (e === !0 && n && (e = n), `var-elevation--${e}`);
 }
 var _h = Object.defineProperty, xh = Object.defineProperties, eg = Object.getOwnPropertyDescriptors, qs = Object.getOwnPropertySymbols, ng = Object.prototype.hasOwnProperty, og = Object.prototype.propertyIsEnumerable, Gs = (e, n, o) => n in e ? _h(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o, Ed = (e, n) => {
@@ -652,7 +652,7 @@ function ss(e, n) {
     i && !a(o) ? r() : setTimeout(() => {
       rt(co, a(o));
     });
-  }), dn(() => {
+  }), fn(() => {
     e() && r();
   }), qt(() => {
     rt(co, a(o));
@@ -2041,7 +2041,7 @@ const af = _({
         "z-index": v
       };
     });
-    to(s), dn(() => {
+    to(s), fn(() => {
       l(), s();
     }), Wt(l);
     function l() {
@@ -2059,7 +2059,7 @@ const af = _({
       paddingRight: r,
       n: ub,
       classes: cb,
-      formatElevation: fn,
+      formatElevation: dn,
       appBar: o,
       placeholderHeight: a
     };
@@ -2337,7 +2337,7 @@ const vf = _({
   props: pf,
   setup(e) {
     const n = k(null), o = k(null), t = k(1);
-    dn(r), Wt(r);
+    fn(r), Wt(r);
     function r() {
       if (!n.value || !o.value) {
         t.value = 1;
@@ -2731,7 +2731,7 @@ const kf = _({
       var c, d, f, v, y, m;
       if (!t)
         return {
-          elevation: fn(e.elevation, 2),
+          elevation: dn(e.elevation, 2),
           type: (c = e.type) != null ? c : "default",
           size: (d = e.size) != null ? d : "normal",
           color: e.color,
@@ -3136,7 +3136,7 @@ const Of = _({
         s.value = Cu(Cu({}, O0), D);
       },
       { immediate: !0, deep: !0 }
-    ), to(E), dn(() => {
+    ), to(E), fn(() => {
       E(), n.fab && O(u.value);
     }), Wt(() => {
       $(), n.fab && O(u.value);
@@ -3540,7 +3540,7 @@ const Vf = _({
     return n(o), {
       n: K0,
       classes: q0,
-      formatElevation: fn
+      formatElevation: dn
     };
   }
 });
@@ -3847,7 +3847,7 @@ const Rf = _({
       classes: J0,
       toSizeUnit: ze,
       close: V,
-      formatElevation: fn,
+      formatElevation: dn,
       handleClick: T
     };
   }
@@ -4545,6 +4545,10 @@ const Zf = {
     type: Boolean,
     default: !0
   },
+  elevation: {
+    type: [Boolean, Number, String],
+    default: !1
+  },
   block: Boolean,
   closeable: Boolean,
   onClose: N()
@@ -4558,7 +4562,7 @@ function Iy(e, n) {
       I(
         "span",
         He({
-          class: e.classes(e.n(), e.n("$--box"), ...e.contentClass),
+          class: e.classes(e.n(), e.n("$--box"), e.formatElevation(e.elevation, 1), ...e.contentClass),
           style: e.chipStyle
         }, e.$attrs),
         [
@@ -4629,6 +4633,7 @@ const Jf = _({
       contentClass: o,
       n: fo,
       classes: By,
+      formatElevation: dn,
       handleClose: t
     };
   }
@@ -5082,7 +5087,7 @@ const ap = _({
       n: Wy,
       classes: Ky,
       toggle: w,
-      formatElevation: fn,
+      formatElevation: dn,
       handleTransitionEnd: m,
       handleTransitionStart: b
     };
@@ -6646,7 +6651,7 @@ const wp = _({
       isMin: d,
       n: X1,
       classes: Z1,
-      formatElevation: fn,
+      formatElevation: dn,
       validate: C,
       reset: g,
       resetValidation: l,
@@ -7361,7 +7366,7 @@ const Mp = _({
   setup(e) {
     const n = k(null), o = k(null), t = k(!1), r = k("0px"), a = k("0px"), i = k("auto"), l = k("auto"), s = k("auto"), u = k("auto"), c = B(() => !e.disabled && e.cssMode), d = B(() => !e.disabled && !e.cssMode && t.value), f = B(() => en(e.offsetTop));
     let v;
-    de(() => e.disabled, w), dn(() => Hu(this, null, function* () {
+    de(() => e.disabled, w), fn(() => Hu(this, null, function* () {
       yield yn(), m(), b();
     })), qt(C), to(w), We(() => window, "scroll", b);
     function y() {
@@ -7576,7 +7581,7 @@ const Ap = _({
     }, b = (C) => {
       r.value.checkDate(C);
     };
-    return dn(y), de(
+    return fn(y), de(
       () => e.preview,
       () => {
         l.value = 0;
@@ -7833,7 +7838,7 @@ const Np = _({
     }, V = (T) => {
       s.value.checkDate(T);
     };
-    return dn(() => {
+    return fn(() => {
       b(), C();
     }), de(
       () => e.preview,
@@ -8352,7 +8357,7 @@ const Vp = _({
       getChooseMonth: ve,
       getChooseYear: Fe,
       checkPreview: Ue,
-      formatElevation: fn
+      formatElevation: dn
     };
   }
 });
@@ -8754,7 +8759,7 @@ const Up = _({
         left: u > 0 ? ze(c) : ze(0)
       };
     });
-    dn(a), Wt(a);
+    fn(a), Wt(a);
     function a() {
       const { description: i, vertical: l } = e;
       o.value = (n.default || i != null) && !l;
@@ -8862,7 +8867,7 @@ const Yp = _({
       left: 0,
       right: 0
     });
-    de(() => e.boundary, D), to(Y), dn(() => {
+    de(() => e.boundary, D), to(Y), fn(() => {
       D(), Y();
     });
     function C(R) {
@@ -10701,7 +10706,7 @@ const ov = _({
     const n = k(null), o = k(null), t = k(""), r = k("0px"), a = k("0px"), i = k("0px"), l = k(!0), s = B(() => e.hint && (!Qn(e.value) || e.isFocusing)), { popup: u, bindPopup: c } = Nd(), d = B(
       () => e.errorMessage ? void 0 : e.isFocusing ? e.focusColor : e.blurColor
     );
-    to(m), dn(() => {
+    to(m), fn(() => {
       m(), Ke().then(() => {
         l.value = !1;
       });
@@ -10914,7 +10919,7 @@ const rv = _({
       classes: Jw,
       toSizeUnit: ze,
       toNumber: F,
-      formatElevation: fn,
+      formatElevation: dn,
       handleTouchstart: g,
       handleTouchmove: $,
       handleTouchend: O
@@ -12155,7 +12160,7 @@ const bv = _({
       () => Ec(this, null, function* () {
         yield yn(), t.value = c.filter(({ name: z }) => z.value != null).map(({ name: z }) => z.value);
       })
-    ), dn(g), Ur($), pt(() => {
+    ), fn(g), Ur($), pt(() => {
       v = !0, $();
     }), To(() => {
       !v || r.value === void 0 || (w({
@@ -12455,7 +12460,7 @@ const kv = _({
       reset: R,
       validate: K,
       resetValidation: c
-    }), dn(() => {
+    }), fn(() => {
       e.autofocus && W();
     });
     function b(Q) {
@@ -12814,7 +12819,7 @@ const zv = _({
   setup(e) {
     const n = k(null), o = k(null), { tabItem: t, bindTabItem: r } = cS(), { t: a } = ro();
     let i;
-    S(r, {}), t && de(() => t.current.value, c), de(() => [e.loading, e.error, e.finished], c), dn(() => {
+    S(r, {}), t && de(() => t.current.value, c), de(() => [e.loading, e.error, e.finished], c), fn(() => {
       i = Po(n.value), i.addEventListener("scroll", c), e.immediateCheck && c();
     }), qt(u);
     function l() {
@@ -13129,7 +13134,7 @@ const Nv = _({
       show: a,
       zIndex: i,
       teleportDisabled: n,
-      formatElevation: fn,
+      formatElevation: dn,
       toSizeUnit: ze,
       n: VS,
       classes: LS,
@@ -13176,7 +13181,11 @@ function US() {
 const Lv = {
   label: {},
   value: {},
-  disabled: Boolean
+  disabled: Boolean,
+  ripple: {
+    type: Boolean,
+    default: !0
+  }
 }, { name: HS, n: YS, classes: jS } = x("menu-option"), WS = ["tabindex"];
 function KS(e, n) {
   const o = ne("var-checkbox"), t = ne("var-hover-overlay"), r = Ye("ripple"), a = Ye("hover");
@@ -13225,7 +13234,7 @@ function KS(e, n) {
       focusing: e.isFocusing && !e.disabled
     }, null, 8, ["hovering", "focusing"])
   ], 42, WS)), [
-    [r, { disabled: e.disabled }],
+    [r, { disabled: e.disabled || !e.ripple }],
     [a, e.handleHovering, "desktop"]
   ]);
 }
@@ -13461,7 +13470,7 @@ const Hv = _({
       menuOptionsRef: o,
       n: QS,
       classes: _S,
-      formatElevation: fn,
+      formatElevation: dn,
       open: f,
       close: v,
       resize: y
@@ -13532,7 +13541,7 @@ function i6(e, n) {
       }, ["stop"])),
       onChange: e.handleSelect
     }, null, 8, ["modelValue", "checked-color", "disabled", "onChange"])) : X("v-if", !0),
-    L(e.$slots, "default", {}, () => [
+    L(e.$slots, "default", { selected: e.optionSelected }, () => [
       I(
         "div",
         {
@@ -14047,7 +14056,7 @@ const Gv = _({
       clickSize: b,
       setPage: w,
       toNumber: F,
-      formatElevation: fn
+      formatElevation: dn
     };
   }
 });
@@ -14112,7 +14121,7 @@ const Zv = _({
     return {
       n: v6,
       classes: m6,
-      formatElevation: fn,
+      formatElevation: dn,
       toSizeUnit: ze,
       handleClick: n
     };
@@ -14995,7 +15004,7 @@ const nm = _({
           a.value = n.value, E();
         }, F(e.successDuration)));
       }
-    ), dn(T), We(o, "touchmove", z);
+    ), fn(T), We(o, "touchmove", z);
     function g(D) {
       return Kc(this, null, function* () {
         if (i.value !== D)
@@ -16944,7 +16953,7 @@ const Sm = _({
       resetValidation: b
     }), de([() => e.modelValue, () => e.step], ([le, me]) => {
       !Se() || !Le() || t.value || je(le, F(me));
-    }), de(n, () => je()), dn(() => {
+    }), de(n, () => je()), fn(() => {
       !Se() || !Le() || D();
     }), Ur(ae), We(() => window, "keydown", Fe), to(D);
     function D() {
@@ -17287,7 +17296,7 @@ const Pm = _({
       () => {
         clearTimeout(n.value), a();
       }
-    ), dn(() => {
+    ), fn(() => {
       e.show && (S(e.onOpen), a());
     }), {
       SNACKBAR_TYPE: Tm,
@@ -17296,7 +17305,7 @@ const Pm = _({
       isForbidClick: t,
       n: y4,
       classes: k4,
-      formatElevation: fn
+      formatElevation: dn
     };
   }
 });
@@ -18071,7 +18080,7 @@ const Um = _({
       formReadonly: r == null ? void 0 : r.readonly,
       n: oP,
       classes: tP,
-      formatElevation: fn,
+      formatElevation: dn,
       multiplySizeUnit: wn,
       switchActive: g,
       hover: $
@@ -18287,7 +18296,7 @@ const Gm = _({
     toSizeUnit: ze,
     n: kP,
     classes: $P,
-    formatElevation: fn
+    formatElevation: dn
   })
 });
 Gm.render = wP;
@@ -18519,7 +18528,7 @@ const Zm = _({
       classes: PP,
       resize: E,
       resizeSticky: D,
-      formatElevation: fn
+      formatElevation: dn
     };
   }
 });
@@ -19893,7 +19902,7 @@ var Ql = gi, BP = {
 }, yO = {
   "--picker-background": "var(--color-body)",
   "--picker-cancel-button-text-color": "var(--color-primary)",
-  "--picker-mask-background-image": "linear-gradient(180deg, rgba(254, 247, 255, 0.9), rgba(254, 247, 255, 0.4)), linear-gradient(0deg, rgba(254, 247, 255, 0.9), rgba(254, 247, 255, 0.4)",
+  "--picker-mask-background-image": "linear-gradient(180deg, rgba(254, 247, 255, 0.9), rgba(254, 247, 255, 0.4)), linear-gradient(0deg, rgba(254, 247, 255, 0.9), rgba(254, 247, 255, 0.4))",
   "--picker-toolbar-height": "44px",
   "--picker-confirm-button-text-color": "var(--color-primary)",
   "--picker-picked-border": "1px solid var(--color-outline)",
@@ -21926,7 +21935,7 @@ const th = _({
       end: fe,
       update: O,
       changePreventUpdate: ye,
-      formatElevation: fn
+      formatElevation: dn
     };
   }
 });
@@ -22375,7 +22384,7 @@ const ah = _({
       formReadonly: l == null ? void 0 : l.readonly,
       n: O8,
       classes: T8,
-      formatElevation: fn,
+      formatElevation: dn,
       toNumber: F,
       handleHovering: y,
       isHTMLSupportVideo: cu,
@@ -22647,7 +22656,7 @@ te(ki);
 ue(ki, ih);
 const AT = ki;
 var ns = ki;
-const _8 = "3.2.15-alpha.1718198850293";
+const _8 = "3.3.1";
 function x8(e) {
   Ai.install && e.use(Ai), Ni.install && e.use(Ni), Ri.install && e.use(Ri), Fi.install && e.use(Fi), Ui.install && e.use(Ui), Or.install && e.use(Or), Hi.install && e.use(Hi), Yi.install && e.use(Yi), ji.install && e.use(ji), Wi.install && e.use(Wi), Sn.install && e.use(Sn), Ki.install && e.use(Ki), qi.install && e.use(qi), Gi.install && e.use(Gi), lt.install && e.use(lt), Xi.install && e.use(Xi), Tr.install && e.use(Tr), Zi.install && e.use(Zi), Ji.install && e.use(Ji), Qi.install && e.use(Qi), _i.install && e.use(_i), An.install && e.use(An), ol.install && e.use(ol), sl.install && e.use(sl), cl.install && e.use(cl), dl.install && e.use(dl), fl.install && e.use(fl), Ar.install && e.use(Ar), ml.install && e.use(ml), hl.install && e.use(hl), Vt.install && e.use(Vt), gl.install && e.use(gl), bl.install && e.use(bl), En.install && e.use(En), Tn.install && e.use(Tn), Ln.install && e.use(Ln), Ze.install && e.use(Ze), yl.install && e.use(yl), Ft.install && e.use(Ft), kl.install && e.use(kl), $l.install && e.use($l), Vr.install && e.use(Vr), It.install && e.use(It), wl.install && e.use(wl), Cl.install && e.use(Cl), it.install && e.use(it), Sl.install && e.use(Sl), Ii.install && e.use(Ii), Pl.install && e.use(Pl), Ut.install && e.use(Ut), Lr.install && e.use(Lr), Rr.install && e.use(Rr), zl.install && e.use(zl), Ol.install && e.use(Ol), Tl.install && e.use(Tl), El.install && e.use(El), Dl.install && e.use(Dl), So.install && e.use(So), Bl.install && e.use(Bl), Il.install && e.use(Il), Fr.install && e.use(Fr), Ml.install && e.use(Ml), Al.install && e.use(Al), Nl.install && e.use(Nl), tn.install && e.use(tn), Vl.install && e.use(Vl), Ll.install && e.use(Ll), Rl.install && e.use(Rl), Fl.install && e.use(Fl), Hl.install && e.use(Hl), Yl.install && e.use(Yl), jl.install && e.use(jl), Wl.install && e.use(Wl), ct.install && e.use(ct), Kl.install && e.use(Kl), Lt.install && e.use(Lt), Rt.install && e.use(Rt), ql.install && e.use(ql), Gl.install && e.use(Gl), Xl.install && e.use(Xl), Zl.install && e.use(Zl), Jl.install && e.use(Jl), Ql.install && e.use(Ql), _l.install && e.use(_l), xl.install && e.use(xl), Nr.install && e.use(Nr), es.install && e.use(es), ns.install && e.use(ns);
 }

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.2.15-alpha.1718198850293",
+  "version": "3.3.1",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -1544,6 +1544,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "elevation",
+              "description": "Elevation level, options `true` `false` and level of `0-24`",
+              "default": "false",
+              "value": {
+                "type": "string | number | boolean",
+                "kind": "expression"
+              }
+            },
             {
               "name": "closeable",
               "description": "Whether to be closed label",
@@ -4459,6 +4468,15 @@
                 "type": "boolean",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "ripple",
+              "description": "Whether to enable ripple",
+              "default": "true",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
             }
           ],
           "events": [],

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.2.15-alpha.1718198850293",
+  "version": "3.3.1",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -1703,6 +1703,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "elevation",
+              "description": "海拔高度，可选值为 `true`、`false` 和 `0-24` 的等级",
+              "default": "false",
+              "value": {
+                "type": "string | number | boolean",
+                "kind": "expression"
+              }
+            },
             {
               "name": "closeable",
               "description": "是否为可关闭纸片",
@@ -4618,6 +4627,15 @@
                 "type": "boolean",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "ripple",
+              "description": "是否启用水波效果",
+              "default": "true",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
             }
           ],
           "events": [],