@varlet/ui 3.2.15-alpha.1718198850293 → 3.3.1

package/lib/varlet.cjs.js

@@ -5665,6 +5665,10 @@ const props$Y = {
     type: Boolean,
     default: true
   },
+  elevation: {
+    type: [Boolean, Number, String],
+    default: false
+  },
   block: Boolean,
   closeable: Boolean,
   onClose: defineListenerProp()
@@ -5679,7 +5683,7 @@ function __render__$12(_ctx, _cache) {
       vue.createElementVNode(
         "span",
         vue.mergeProps({
-          class: _ctx.classes(_ctx.n(), _ctx.n("$--box"), ..._ctx.contentClass),
+          class: _ctx.classes(_ctx.n(), _ctx.n("$--box"), _ctx.formatElevation(_ctx.elevation, 1), ..._ctx.contentClass),
           style: _ctx.chipStyle
         }, _ctx.$attrs),
         [
@@ -5757,6 +5761,7 @@ const __sfc__$14 = vue.defineComponent({
       contentClass,
       n: n$13,
       classes: classes$S,
+      formatElevation,
       handleClose
     };
   }
@@ -17793,7 +17798,11 @@ function useMenuSelect() {
 const props$u = {
   label: {},
   value: {},
-  disabled: Boolean
+  disabled: Boolean,
+  ripple: {
+    type: Boolean,
+    default: true
+  }
 };
 const { name: name$v, n: n$x, classes: classes$r } = createNamespace("menu-option");
 const _hoisted_1$h = ["tabindex"];
@@ -17847,7 +17856,7 @@ function __render__$z(_ctx, _cache) {
       focusing: _ctx.isFocusing && !_ctx.disabled
     }, null, 8, ["hovering", "focusing"])
   ], 42, _hoisted_1$h)), [
-    [_directive_ripple, { disabled: _ctx.disabled }],
+    [_directive_ripple, { disabled: _ctx.disabled || !_ctx.ripple }],
     [_directive_hover, _ctx.handleHovering, "desktop"]
   ]);
 }
@@ -18243,7 +18252,7 @@ function __render__$x(_ctx, _cache) {
       }, ["stop"])),
       onChange: _ctx.handleSelect
     }, null, 8, ["modelValue", "checked-color", "disabled", "onChange"])) : vue.createCommentVNode("v-if", true),
-    vue.renderSlot(_ctx.$slots, "default", {}, () => [
+    vue.renderSlot(_ctx.$slots, "default", { selected: _ctx.optionSelected }, () => [
       vue.createElementVNode(
         "div",
         {
@@ -25715,7 +25724,7 @@ var stdin_default$1H = {
 var stdin_default$1G = {
   "--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)",
@@ -28891,7 +28900,7 @@ withInstall(stdin_default$1);
 withPropsDefaultsSetter(stdin_default$1, props);
 const _WatermarkComponent = stdin_default$1;
 var stdin_default = stdin_default$1;
-const version = "3.2.15-alpha.1718198850293";
+const version = "3.3.1";
 function install(app) {
   stdin_default$5I.install && app.use(stdin_default$5I);
   stdin_default$5G.install && app.use(stdin_default$5G);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "3.2.15-alpha.1718198850293",
+  "version": "3.3.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.2.15-alpha.1718198850293",
-    "@varlet/shared": "3.2.15-alpha.1718198850293",
-    "@varlet/use": "3.2.15-alpha.1718198850293"
+    "@varlet/icons": "3.3.1",
+    "@varlet/use": "3.3.1",
+    "@varlet/shared": "3.3.1"
   },
   "devDependencies": {
     "@vue/runtime-core": "3.4.21",
@@ -64,9 +64,9 @@
     "typescript": "^5.1.5",
     "vue": "3.4.21",
     "vue-router": "4.2.0",
-    "@varlet/cli": "3.2.15-alpha.1718198850293",
-    "@varlet/ui": "3.2.15-alpha.1718198850293",
-    "@varlet/touch-emulator": "3.2.15-alpha.1718198850293"
+    "@varlet/cli": "3.3.1",
+    "@varlet/ui": "3.3.1",
+    "@varlet/touch-emulator": "3.3.1"
   },
   "scripts": {
     "dev": "varlet-cli dev",

package/types/chip.d.ts

@@ -21,6 +21,7 @@ export interface ChipProps extends BasicAttributes {
   namespace?: string
   plain?: boolean
   round?: boolean
+  elevation?: boolean | number | string
   block?: boolean
   closeable?: boolean
   onClose?: ListenerProp<(e: Event) => void>

package/types/menuOption.d.ts

@@ -7,6 +7,7 @@ export interface MenuOptionProps extends BasicAttributes {
   label?: any
   value?: any
   disabled?: boolean
+  ripple?: boolean
 }
 
 export class MenuOption extends VarComponent {

package/types/option.d.ts

@@ -9,13 +9,17 @@ export interface OptionProps extends BasicAttributes {
   disabled?: boolean
 }
 
+export interface OptionData {
+  selected: boolean
+}
+
 export class Option extends VarComponent {
   static setPropsDefaults: SetPropsDefaults<OptionProps>
 
   $props: OptionProps
 
   $slots: {
-    default(): VNode[]
+    default(data: OptionData): VNode[]
   }
 }