@varlet/ui 3.2.15-alpha.1718198392925 → 3.3.0

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
     };
   }
@@ -9952,11 +9957,12 @@ const __sfc__$Y = vue.defineComponent({
       left: false,
       right: false
     });
+    const { t: pt } = injectLocaleProvider();
     const isSameYear = vue.computed(() => props2.choose.chooseYear === props2.preview.previewYear);
     const isCurrentYear = vue.computed(() => props2.preview.previewYear === currentYear);
     const getMonthAbbr = (key) => {
       var _a, _b;
-      return (_b = (_a = t("datePickerMonthDict")) == null ? void 0 : _a[key].abbr) != null ? _b : "";
+      return (_b = (_a = (pt || t)("datePickerMonthDict")) == null ? void 0 : _a[key].abbr) != null ? _b : "";
     };
     const inRange = (key) => {
       const {
@@ -10719,6 +10725,7 @@ const __sfc__$V = vue.defineComponent({
       left: false,
       right: false
     });
+    const { t: pt } = injectLocaleProvider();
     const isCurrent = vue.computed(
       () => props2.preview.previewYear === currentYear && props2.preview.previewMonth === currentMonth
     );
@@ -10734,7 +10741,7 @@ const __sfc__$V = vue.defineComponent({
     });
     const getDayAbbr = (key) => {
       var _a, _b;
-      return (_b = (_a = t("datePickerWeekDict")) == null ? void 0 : _a[key].abbr) != null ? _b : "";
+      return (_b = (_a = (pt || t)("datePickerWeekDict")) == null ? void 0 : _a[key].abbr) != null ? _b : "";
     };
     const filterDay = (day) => day > 0 ? day : "";
     const initDate = () => {
@@ -17791,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"];
@@ -17845,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"]
   ]);
 }
@@ -18241,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",
         {
@@ -28889,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.1718198392925";
+const version = "3.3.0";
 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.1718198392925",
+  "version": "3.3.0",
   "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.1718198392925",
-    "@varlet/shared": "3.2.15-alpha.1718198392925",
-    "@varlet/use": "3.2.15-alpha.1718198392925"
+    "@varlet/icons": "3.3.0",
+    "@varlet/shared": "3.3.0",
+    "@varlet/use": "3.3.0"
   },
   "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.1718198392925",
-    "@varlet/touch-emulator": "3.2.15-alpha.1718198392925",
-    "@varlet/ui": "3.2.15-alpha.1718198392925"
+    "@varlet/cli": "3.3.0",
+    "@varlet/ui": "3.3.0",
+    "@varlet/touch-emulator": "3.3.0"
   },
   "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[]
   }
 }