@varlet/ui 2.13.0 → 2.13.1-alpha.1689610161691

package/es/index.bundle.mjs

@@ -244,7 +244,7 @@ import './time-picker/style/index.mjs'
 import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 
-const version = '2.13.0'
+const version = '2.13.1-alpha.1689610161691'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -162,7 +162,7 @@ export * from './time-picker/index.mjs'
 export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 
-const version = '2.13.0'
+const version = '2.13.1-alpha.1689610161691'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/menu/Menu.mjs

@@ -35,7 +35,7 @@ function __render__(_ctx, _cache) {
         zIndex: _ctx.zIndex,
         width: _ctx.sameWidth ? _ctx.toSizeUnit(Math.ceil(_ctx.hostSize.width)) : undefined
       }),
-      class: _normalizeClass(_ctx.classes(_ctx.n('menu'), _ctx.n('$--box'), [_ctx.defaultStyle, _ctx.n('--menu-background-color')], [_ctx.defaultStyle, _ctx.formatElevation(_ctx.elevation, 3)])),
+      class: _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] = _withModifiers(() => {}, ["stop"])),
       onMouseenter: _cache[1] || (_cache[1] = function () {
         return _ctx.handlePopoverMouseenter && _ctx.handlePopoverMouseenter(...arguments);

package/es/menu/props.mjs

@@ -51,6 +51,9 @@ export var props = {
     type: Boolean,
     default: true
   },
+  popoverClass: {
+    type: String
+  },
   closeOnClickReference: {
     type: Boolean,
     default: false

package/es/option/Option.mjs

@@ -62,7 +62,9 @@ var __sfc__ = defineComponent({
       computeLabel
     } = select;
     var handleClick = () => {
-      optionSelected.value = !optionSelected.value;
+      if (multiple.value) {
+        optionSelected.value = !optionSelected.value;
+      }
       onSelect(optionProvider);
     };
     var handleSelect = () => onSelect(optionProvider);

package/es/select/Select.mjs

@@ -38,6 +38,7 @@ function __render__(_ctx, _cache) {
     show: _ctx.showMenu,
     "onUpdate:show": _cache[1] || (_cache[1] = $event => _ctx.showMenu = $event),
     class: _normalizeClass(_ctx.n('menu')),
+    "popover-class": _ctx.variant === 'standard' && _ctx.hint ? _ctx.n('--menu-margin') : undefined,
     "offset-y": _ctx.offsetY,
     disabled: _ctx.formReadonly || _ctx.readonly || _ctx.formDisabled || _ctx.disabled,
     placement: _ctx.placement,
@@ -46,7 +47,7 @@ function __render__(_ctx, _cache) {
   }, {
     menu: _withCtx(() => [_createElementVNode("div", {
       ref: "menuEl",
-      class: _normalizeClass(_ctx.classes(_ctx.n('scroller'), _ctx.n("--scroller-" + _ctx.variant), _ctx.n('$-elevation--3'), [!_ctx.hint, _ctx.n('--scroller-non-hint')]))
+      class: _normalizeClass(_ctx.classes(_ctx.n('scroller'), _ctx.n('$-elevation--3')))
     }, [_renderSlot(_ctx.$slots, "default")], 2 /* CLASS */)]),
 
     default: _withCtx(() => [_createVNode(_component_var_field_decorator, _normalizeProps(_guardReactiveProps({
@@ -102,7 +103,7 @@ function __render__(_ctx, _cache) {
       }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */)) : (_openBlock(), _createElementBlock("div", {
         key: 1,
         class: _normalizeClass(_ctx.n('values'))
-      }, _toDisplayString(_ctx.labels.join(_ctx.separator)), 3 /* TEXT, CLASS */))], 64 /* STABLE_FRAGMENT */)) : (_openBlock(), _createElementBlock("span", _hoisted_1, _toDisplayString(_ctx.label), 1 /* TEXT */))]) : _createCommentVNode("v-if", true)], 2 /* CLASS */), _ctx.useCustomPlaceholder ? (_openBlock(), _createElementBlock("span", {
+      }, _toDisplayString(_ctx.labels.join(_ctx.separator)), 3 /* TEXT, CLASS */))], 64 /* STABLE_FRAGMENT */)) : (_openBlock(), _createElementBlock("span", _hoisted_1, _toDisplayString(_ctx.label), 1 /* TEXT */))]) : _createCommentVNode("v-if", true)], 2 /* CLASS */), _ctx.enableCustomPlaceholder ? (_openBlock(), _createElementBlock("span", {
         key: 0,
         class: _normalizeClass(_ctx.classes(_ctx.n('placeholder'), _ctx.n('$--ellipsis'))),
         style: _normalizeStyle({
@@ -125,7 +126,7 @@ function __render__(_ctx, _cache) {
     } : undefined]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */)]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["show", "class", "offset-y", "disabled", "placement", "onClickOutside"]), _createVNode(_component_var_form_details, {
+  }, 8 /* PROPS */, ["show", "class", "popover-class", "offset-y", "disabled", "placement", "onClickOutside"]), _createVNode(_component_var_form_details, {
     "error-message": _ctx.errorMessage,
     onClick: _cache[2] || (_cache[2] = _withModifiers(() => {}, ["stop"]))
   }, null, 8 /* PROPS */, ["error-message"])], 2 /* CLASS */);
@@ -186,7 +187,7 @@ var __sfc__ = defineComponent({
       }
       return blurColor || 'var(--field-decorator-blur-color)';
     });
-    var useCustomPlaceholder = computed(() => !props.hint && isEmpty(props.modelValue) && !isFocus.value);
+    var enableCustomPlaceholder = computed(() => !props.hint && isEmpty(props.modelValue));
     var computeLabel = () => {
       var {
         multiple,
@@ -416,7 +417,7 @@ var __sfc__ = defineComponent({
       placement,
       cursor,
       placeholderColor,
-      useCustomPlaceholder,
+      enableCustomPlaceholder,
       n,
       classes,
       handleFocus,

package/es/select/select.css

@@ -1 +1 @@
-:root { --select-scroller-background: #fff; --select-scroller-padding: 6px 0; --select-scroller-max-height: 278px; --select-scroller-border-radius: 2px; --select-chip-margin: 5px 5px 0; --select-arrow-size: 20px; --select-standard-scroller-margin: calc(var(--field-decorator-placeholder-size) * 0.75 + 12px) 0 0 0; --select-outlined-scroller-margin: 0; --select-label-font-size: 16px;}.var-select__menu[var-select-cover] { width: 100%; background: transparent; display: block;}.var-select__chip[var-select-cover] { margin: var(--select-chip-margin);}.var-select__scroller { max-height: var(--select-scroller-max-height); background: var(--select-scroller-background); padding: var(--select-scroller-padding); overflow-y: auto; transition: background-color 0.25s; border-radius: var(--select-scroller-border-radius);}.var-select__wrap { position: relative; display: flex; flex-direction: column; width: 100%;}.var-select__select { display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 24px; outline: none; border: none; font-size: inherit; color: var(--field-decorator-text-color); word-break: break-all; overflow-x: hidden; transition: color 0.25s;}.var-select__label { display: flex; align-items: center; font-size: var(--select-label-font-size);}.var-select__placeholder { max-width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-size: var(--field-decorator-placeholder-size); line-height: 1.5em; color: var(--field-decorator-blur-color); pointer-events: none; cursor: inherit;}.var-select__arrow[var-select-cover] { flex-shrink: 0; font-size: var(--select-arrow-size);}.var-select--scroller-standard { margin: var(--select-standard-scroller-margin);}.var-select--scroller-outlined { margin: 0;}.var-select--scroller-non-hint { margin: 0;}.var-select--disabled { color: var(--field-decorator-disabled-color); cursor: not-allowed;}.var-select--error { color: var(--field-decorator-error-color);}.var-select--arrow-rotate { transform: rotate(180deg);}
+:root { --select-scroller-background: #fff; --select-scroller-padding: 6px 0; --select-scroller-max-height: 278px; --select-scroller-border-radius: 2px; --select-chip-margin: 5px 5px 0; --select-arrow-size: 20px; --select-standard-menu-margin: calc(var(--field-decorator-placeholder-size) * 0.75 + 12px) 0 0 0; --select-label-font-size: 16px;}.var-select__menu[var-select-cover] { width: 100%; background: transparent; display: block;}.var-select__chip[var-select-cover] { margin: var(--select-chip-margin);}.var-select__scroller { max-height: var(--select-scroller-max-height); background: var(--select-scroller-background); padding: var(--select-scroller-padding); overflow-y: auto; transition: background-color 0.25s; border-radius: var(--select-scroller-border-radius);}.var-select__wrap { position: relative; display: flex; flex-direction: column; width: 100%;}.var-select__select { display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 24px; outline: none; border: none; font-size: inherit; color: var(--field-decorator-text-color); word-break: break-all; overflow-x: hidden; transition: color 0.25s;}.var-select__label { display: flex; align-items: center; font-size: var(--select-label-font-size);}.var-select__placeholder { max-width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-size: var(--field-decorator-placeholder-size); line-height: 1.5em; color: var(--field-decorator-blur-color); pointer-events: none; cursor: inherit;}.var-select__arrow[var-select-cover] { flex-shrink: 0; font-size: var(--select-arrow-size);}.var-select--standard-menu-margin { margin: var(--select-menu-margin) !important;}.var-select--disabled { color: var(--field-decorator-disabled-color); cursor: not-allowed;}.var-select--error { color: var(--field-decorator-error-color);}.var-select--arrow-rotate { transform: rotate(180deg);}