@varlet/ui 2.13.0 → 2.13.1-alpha.1689610161691

package/lib/varlet.cjs.js

@@ -17075,6 +17075,9 @@ var props$s = {
     type: Boolean,
     default: true
   },
+  popoverClass: {
+    type: String
+  },
   closeOnClickReference: {
     type: Boolean,
     default: false
@@ -17122,7 +17125,7 @@ function __render__$x(_ctx, _cache) {
             zIndex: _ctx.zIndex,
             width: _ctx.sameWidth ? _ctx.toSizeUnit(Math.ceil(_ctx.hostSize.width)) : void 0
           }),
-          class: vue.normalizeClass(_ctx.classes(_ctx.n("menu"), _ctx.n("$--box"), [_ctx.defaultStyle, _ctx.n("--menu-background-color")], [_ctx.defaultStyle, _ctx.formatElevation(_ctx.elevation, 3)])),
+          class: vue.normalizeClass(_ctx.classes(_ctx.n("menu"), _ctx.n("$--box"), _ctx.popoverClass, [_ctx.defaultStyle, _ctx.n("--menu-background-color")], [_ctx.defaultStyle, _ctx.formatElevation(_ctx.elevation, 3)])),
           onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
           }, ["stop"])),
           onMouseenter: _cache[1] || (_cache[1] = function() {
@@ -17306,7 +17309,9 @@ var __sfc__$x = vue.defineComponent({
       computeLabel
     } = select2;
     var handleClick = () => {
-      optionSelected.value = !optionSelected.value;
+      if (multiple.value) {
+        optionSelected.value = !optionSelected.value;
+      }
       onSelect(optionProvider);
     };
     var handleSelect = () => onSelect(optionProvider);
@@ -20237,6 +20242,7 @@ function __render__$f(_ctx, _cache) {
       show: _ctx.showMenu,
       "onUpdate:show": _cache[1] || (_cache[1] = ($event) => _ctx.showMenu = $event),
       class: vue.normalizeClass(_ctx.n("menu")),
+      "popover-class": _ctx.variant === "standard" && _ctx.hint ? _ctx.n("--menu-margin") : void 0,
       "offset-y": _ctx.offsetY,
       disabled: _ctx.formReadonly || _ctx.readonly || _ctx.formDisabled || _ctx.disabled,
       placement: _ctx.placement,
@@ -20247,7 +20253,7 @@ function __render__$f(_ctx, _cache) {
         "div",
         {
           ref: "menuEl",
-          class: vue.normalizeClass(_ctx.classes(_ctx.n("scroller"), _ctx.n("--scroller-" + _ctx.variant), _ctx.n("$-elevation--3"), [!_ctx.hint, _ctx.n("--scroller-non-hint")]))
+          class: vue.normalizeClass(_ctx.classes(_ctx.n("scroller"), _ctx.n("$-elevation--3")))
         },
         [vue.renderSlot(_ctx.$slots, "default")],
         2
@@ -20353,7 +20359,7 @@ function __render__$f(_ctx, _cache) {
               ))]) : vue.createCommentVNode("v-if", true)],
               2
               /* CLASS */
-            ), _ctx.useCustomPlaceholder ? (vue.openBlock(), vue.createElementBlock(
+            ), _ctx.enableCustomPlaceholder ? (vue.openBlock(), vue.createElementBlock(
               "span",
               {
                 key: 0,
@@ -20388,7 +20394,7 @@ function __render__$f(_ctx, _cache) {
       )]),
       _: 3
       /* FORWARDED */
-    }, 8, ["show", "class", "offset-y", "disabled", "placement", "onClickOutside"]), vue.createVNode(_component_var_form_details, {
+    }, 8, ["show", "class", "popover-class", "offset-y", "disabled", "placement", "onClickOutside"]), vue.createVNode(_component_var_form_details, {
       "error-message": _ctx.errorMessage,
       onClick: _cache[2] || (_cache[2] = vue.withModifiers(() => {
       }, ["stop"]))
@@ -20452,7 +20458,7 @@ var __sfc__$g = vue.defineComponent({
       }
       return blurColor || "var(--field-decorator-blur-color)";
     });
-    var useCustomPlaceholder = vue.computed(() => !props2.hint && isEmpty(props2.modelValue) && !isFocus.value);
+    var enableCustomPlaceholder = vue.computed(() => !props2.hint && isEmpty(props2.modelValue));
     var computeLabel = () => {
       var {
         multiple: multiple2,
@@ -20674,7 +20680,7 @@ var __sfc__$g = vue.defineComponent({
       placement,
       cursor,
       placeholderColor,
-      useCustomPlaceholder,
+      enableCustomPlaceholder,
       n: n$h,
       classes: classes$d,
       handleFocus,
@@ -25201,7 +25207,7 @@ const TimePickerSfc = "";
 const TooltipSfc = "";
 const uploader = "";
 const UploaderSfc = "";
-const version = "2.13.0";
+const version = "2.13.1-alpha.1689610161691";
 function install(app) {
   ActionSheet.install && app.use(ActionSheet);
   AppBar.install && app.use(AppBar);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "2.13.0",
+  "version": "2.13.1-alpha.1689610161691",
   "description": "A material like components library",
   "main": "lib/varlet.cjs.js",
   "module": "es/index.mjs",
@@ -46,9 +46,9 @@
     "@popperjs/core": "^2.11.6",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1",
-    "@varlet/icons": "2.13.0",
-    "@varlet/shared": "2.13.0",
-    "@varlet/use": "2.13.0"
+    "@varlet/icons": "2.13.1-alpha.1689610161691",
+    "@varlet/shared": "2.13.1-alpha.1689610161691",
+    "@varlet/use": "2.13.1-alpha.1689610161691"
   },
   "devDependencies": {
     "@vue/runtime-core": "3.3.4",
@@ -63,8 +63,8 @@
     "typescript": "^5.1.5",
     "vue": "3.3.4",
     "vue-router": "4.2.0",
-    "@varlet/cli": "2.13.0",
-    "@varlet/touch-emulator": "2.13.0"
+    "@varlet/touch-emulator": "2.13.1-alpha.1689610161691",
+    "@varlet/cli": "2.13.1-alpha.1689610161691"
   },
   "browserslist": [
     "Chrome >= 54",

package/types/menu.d.ts

@@ -31,6 +31,7 @@ export interface MenuProps extends BasicAttributes {
   sameWidth?: boolean
   elevation?: boolean | number | string
   defaultStyle?: boolean
+  popoverClass?: string
   closeOnClickReference?: boolean
   onOpen?: ListenerProp<() => void>
   onOpened?: ListenerProp<() => void>