@varlet/ui 1.24.1 → 1.24.2-alpha.1640861757955

package/es/image-preview/ImagePreview.js

@@ -63,9 +63,15 @@ export function render(_ctx, _cache) {
               transitionTimingFunction: _ctx.transitionTimingFunction,
               transitionDuration: _ctx.transitionDuration
             }),
-            onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.handleTouchstart && _ctx.handleTouchstart(...args)),
-            onTouchmove: _cache[1] || (_cache[1] = (...args) => _ctx.handleTouchmove && _ctx.handleTouchmove(...args)),
-            onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.handleTouchend && _ctx.handleTouchend(...args))
+            onTouchstart: _cache[0] || (_cache[0] = function () {
+              return _ctx.handleTouchstart && _ctx.handleTouchstart(...arguments);
+            }),
+            onTouchmove: _cache[1] || (_cache[1] = function () {
+              return _ctx.handleTouchmove && _ctx.handleTouchmove(...arguments);
+            }),
+            onTouchend: _cache[2] || (_cache[2] = function () {
+              return _ctx.handleTouchend && _ctx.handleTouchend(...arguments);
+            })
           }, [_createElementVNode("img", {
             class: "var-image-preview__image",
             src: image,
@@ -84,15 +90,18 @@ export function render(_ctx, _cache) {
       }), 128
       /* KEYED_FRAGMENT */
       ))]),
-      indicator: _withCtx(({
-        index,
-        length
-      }) => [_renderSlot(_ctx.$slots, "indicator", {
-        index: index,
-        length: length
-      }, () => [_ctx.indicator && _ctx.images.length > 1 ? (_openBlock(), _createElementBlock("div", _hoisted_2, _toDisplayString(index + 1) + " / " + _toDisplayString(length), 1
-      /* TEXT */
-      )) : _createCommentVNode("v-if", true)])]),
+      indicator: _withCtx(_ref => {
+        var {
+          index,
+          length
+        } = _ref;
+        return [_renderSlot(_ctx.$slots, "indicator", {
+          index: index,
+          length: length
+        }, () => [_ctx.indicator && _ctx.images.length > 1 ? (_openBlock(), _createElementBlock("div", _hoisted_2, _toDisplayString(index + 1) + " / " + _toDisplayString(length), 1
+        /* TEXT */
+        )) : _createCommentVNode("v-if", true)])];
+      }),
       _: 3
       /* FORWARDED */
 

package/es/index-bar/IndexBar.js

@@ -109,9 +109,12 @@ export default defineComponent({
       var _ref = _asyncToGenerator(function* (anchorName, manualCall) {
         if (manualCall) props.onClick == null ? void 0 : props.onClick(anchorName);
         if (anchorName === active.value) return;
-        var indexAnchor = indexAnchors.find(({
-          name
-        }) => anchorName === name.value);
+        var indexAnchor = indexAnchors.find(_ref2 => {
+          var {
+            name
+          } = _ref2;
+          return anchorName === name.value;
+        });
         if (!indexAnchor) return;
         var top = indexAnchor.ownTop.value;
         var left = getScrollLeft(scrollEl.value);
@@ -139,10 +142,11 @@ export default defineComponent({
     };
 
     watch(() => length.value, () => nextTick(() => {
-      indexAnchors.forEach(({
-        name,
-        setOwnTop
-      }) => {
+      indexAnchors.forEach(_ref3 => {
+        var {
+          name,
+          setOwnTop
+        } = _ref3;
         if (name.value) anchorNameList.value.push(name.value);
         setOwnTop();
       });

package/es/input/Input.js

@@ -23,7 +23,9 @@ export function render(_ctx, _cache) {
 
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(["var-input var--box", [_ctx.disabled ? 'var-input--disabled' : null]]),
-    onClick: _cache[8] || (_cache[8] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+    onClick: _cache[8] || (_cache[8] = function () {
+      return _ctx.handleClick && _ctx.handleClick(...arguments);
+    })
   }, [_createElementVNode("div", {
     class: _normalizeClass(["var-input__controller", [_ctx.isFocus ? 'var-input--focus' : null, _ctx.errorMessage ? 'var-input--error' : null, _ctx.formDisabled || _ctx.disabled ? 'var-input--disabled' : null]]),
     style: _normalizeStyle({
@@ -51,10 +53,18 @@ export function render(_ctx, _cache) {
       caretColor: !_ctx.errorMessage ? _ctx.focusColor : null,
       resize: _ctx.resize ? 'vertical' : 'none'
     }),
-    onFocus: _cache[0] || (_cache[0] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
-    onBlur: _cache[1] || (_cache[1] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
-    onInput: _cache[2] || (_cache[2] = (...args) => _ctx.handleInput && _ctx.handleInput(...args)),
-    onChange: _cache[3] || (_cache[3] = (...args) => _ctx.handleChange && _ctx.handleChange(...args))
+    onFocus: _cache[0] || (_cache[0] = function () {
+      return _ctx.handleFocus && _ctx.handleFocus(...arguments);
+    }),
+    onBlur: _cache[1] || (_cache[1] = function () {
+      return _ctx.handleBlur && _ctx.handleBlur(...arguments);
+    }),
+    onInput: _cache[2] || (_cache[2] = function () {
+      return _ctx.handleInput && _ctx.handleInput(...arguments);
+    }),
+    onChange: _cache[3] || (_cache[3] = function () {
+      return _ctx.handleChange && _ctx.handleChange(...arguments);
+    })
   }, "\n        ", 46
   /* CLASS, STYLE, PROPS, HYDRATE_EVENTS */
   , _hoisted_2)) : (_openBlock(), _createElementBlock("input", {
@@ -71,10 +81,18 @@ export function render(_ctx, _cache) {
       color: _ctx.textColor,
       caretColor: !_ctx.errorMessage ? _ctx.focusColor : null
     }),
-    onFocus: _cache[4] || (_cache[4] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
-    onBlur: _cache[5] || (_cache[5] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
-    onInput: _cache[6] || (_cache[6] = (...args) => _ctx.handleInput && _ctx.handleInput(...args)),
-    onChange: _cache[7] || (_cache[7] = (...args) => _ctx.handleChange && _ctx.handleChange(...args))
+    onFocus: _cache[4] || (_cache[4] = function () {
+      return _ctx.handleFocus && _ctx.handleFocus(...arguments);
+    }),
+    onBlur: _cache[5] || (_cache[5] = function () {
+      return _ctx.handleBlur && _ctx.handleBlur(...arguments);
+    }),
+    onInput: _cache[6] || (_cache[6] = function () {
+      return _ctx.handleInput && _ctx.handleInput(...arguments);
+    }),
+    onChange: _cache[7] || (_cache[7] = function () {
+      return _ctx.handleChange && _ctx.handleChange(...arguments);
+    })
   }, null, 46
   /* CLASS, STYLE, PROPS, HYDRATE_EVENTS */
   , _hoisted_3)), _createElementVNode("label", {

package/es/lazy/index.js

@@ -202,7 +202,11 @@ function _updated() {
   return _updated.apply(this, arguments);
 }
 
-function mergeLazyOptions(lazyOptions = {}) {
+function mergeLazyOptions(lazyOptions) {
+  if (lazyOptions === void 0) {
+    lazyOptions = {};
+  }
+
   var {
     events,
     loading,

package/es/list/List.js

@@ -50,7 +50,9 @@ export function render(_ctx, _cache) {
     key: 2
   }, () => [_withDirectives(_createElementVNode("div", {
     class: "var-list__error",
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.load && _ctx.load(...args))
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.load && _ctx.load(...arguments);
+    })
   }, [_createTextVNode(_toDisplayString(_ctx.dt(_ctx.errorText, _ctx.pack.listErrorText)), 1
   /* TEXT */
   )], 512

package/es/loading/Loading.js

@@ -87,9 +87,10 @@ export default defineComponent({
   name: 'VarLoading',
   props,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var loadingTypeDict = {
       wave: 5,
       cube: 4,

package/es/menu/Menu.js

@@ -1,55 +1,30 @@
+import { isVNode as _isVNode, withDirectives as _withDirectives, createVNode as _createVNode, vShow as _vShow } from "vue";
+
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 
-import { defineComponent, ref, watch, onMounted, onUnmounted } from 'vue';
+import { defineComponent, ref, watch, onMounted, onUnmounted, Transition, Teleport, nextTick } from 'vue';
 import { props } from './props';
 import { getLeft, getTop, toSizeUnit } from '../utils/elements';
 import { useZIndex } from '../context/zIndex';
-import { useTeleport } from '../utils/components';
-import { renderSlot as _renderSlot, vShow as _vShow, withModifiers as _withModifiers, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, withDirectives as _withDirectives, Transition as _Transition, withCtx as _withCtx, createVNode as _createVNode, Teleport as _Teleport, openBlock as _openBlock, createBlock as _createBlock, createElementBlock as _createElementBlock } from "vue";
-export function render(_ctx, _cache) {
-  return _openBlock(), _createElementBlock("div", {
-    class: "var-menu",
-    ref: "host",
-    onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-  }, [_renderSlot(_ctx.$slots, "default"), (_openBlock(), _createBlock(_Teleport, {
-    to: _ctx.teleport,
-    disabled: !_ctx.teleport || _ctx.disabled
-  }, [_createVNode(_Transition, {
-    name: "var-menu",
-    onAfterEnter: _ctx.onOpened,
-    onAfterLeave: _ctx.onClosed
-  }, {
-    default: _withCtx(() => [_withDirectives(_createElementVNode("div", {
-      class: "var-menu__menu var-elevation--3",
-      ref: "menu",
-      style: _normalizeStyle({
-        top: "calc(" + _ctx.top + "px + " + _ctx.toSizeUnit(_ctx.offsetY) + ")",
-        left: "calc(" + _ctx.left + "px + " + _ctx.toSizeUnit(_ctx.offsetX) + ")",
-        zIndex: _ctx.zIndex
-      }),
-      onClick: _cache[0] || (_cache[0] = _withModifiers(() => {}, ["stop"]))
-    }, [_renderSlot(_ctx.$slots, "menu")], 4
-    /* STYLE */
-    ), [[_vShow, _ctx.show]])]),
-    _: 3
-    /* FORWARDED */
-
-  }, 8
-  /* PROPS */
-  , ["onAfterEnter", "onAfterLeave"])], 8
-  /* PROPS */
-  , ["to", "disabled"]))], 512
-  /* NEED_PATCH */
-  );
+import { exposeApis, useTeleport } from '../utils/components';
+
+
+
+
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !_isVNode(s);
 }
+
 export default defineComponent({
-  render,
   name: 'VarMenu',
   props,
 
-  setup(props) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var host = ref(null);
     var menu = ref(null);
     var top = ref(0);
@@ -73,6 +48,8 @@ export default defineComponent({
     var handleMenuClose = () => {
       var _props$onUpdateShow;
 
+      console.log(123);
+
       if (clickSelf) {
         clickSelf = false;
         return;
@@ -91,19 +68,43 @@ export default defineComponent({
       left.value = getLeft(host.value);
     };
 
+    var renderTransition = () => _createVNode(Transition, {
+      "name": "var-menu",
+      "onAfterEnter": props.onOpen,
+      "onAfterLeave": props.onClosed
+    }, {
+      default: () => [_withDirectives(_createVNode("div", {
+        "class": "var-menu__menu var-elevation--3",
+        "ref": menu,
+        "style": {
+          top: "calc(" + top.value + "px + " + toSizeUnit(props.offsetY) + ")",
+          left: "calc(" + left.value + "px + " + toSizeUnit(props.offsetX) + ")",
+          zIndex: zIndex.value
+        },
+        "onClick": event => {
+          event.stopPropagation();
+        }
+      }, [slots.menu == null ? void 0 : slots.menu()]), [[_vShow, props.show]])]
+    });
+
     watch(() => props.alignment, resize);
     watch(() => props.show, /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator(function* (newValue) {
+      var _ref2 = _asyncToGenerator(function* (newValue) {
         var {
           onOpen,
           onClose
         } = props;
-        newValue && resize();
+
+        if (newValue) {
+          yield nextTick();
+          resize();
+        }
+
         newValue ? onOpen == null ? void 0 : onOpen() : onClose == null ? void 0 : onClose();
       });
 
       return function (_x) {
-        return _ref.apply(this, arguments);
+        return _ref2.apply(this, arguments);
       };
     }());
     onMounted(() => {
@@ -115,16 +116,22 @@ export default defineComponent({
       document.removeEventListener('click', handleMenuClose);
       window.removeEventListener('resize', resize);
     });
-    return {
-      disabled,
-      zIndex,
-      host,
-      menu,
-      top,
-      left,
-      toSizeUnit,
-      handleClick,
+    exposeApis({
       resize
+    });
+    return () => {
+      var _slot;
+
+      return _createVNode("div", {
+        "class": "var-menu",
+        "ref": host,
+        "onClick": handleClick
+      }, [slots.default == null ? void 0 : slots.default(), props.teleport ? _createVNode(Teleport, {
+        "to": props.teleport,
+        "disabled": disabled.value
+      }, _isSlot(_slot = renderTransition()) ? _slot : {
+        default: () => [_slot]
+      }) : renderTransition()]);
     };
   }
 

package/es/menu/index.js

@@ -1,4 +1,4 @@
-import Menu from './Menu.js'
+import Menu from './Menu';
 
 Menu.install = function (app) {
   app.component(Menu.name, Menu);

package/es/menu/style/index.js

@@ -1,4 +1,3 @@
 import '../../styles/common.css'
 import '../../styles/elevation.css'
 import '../menu.css'
-import '../MenuSfc.css'

package/es/menu/style/less.js

@@ -1,4 +1,3 @@
 import '../../styles/common.less'
 import '../../styles/elevation.less'
 import '../menu.less'
-import '../MenuSfc.less'

package/es/option/Option.js

@@ -21,7 +21,9 @@ export function render(_ctx, _cache) {
       width: _ctx.wrapWidth,
       color: _ctx.optionSelected ? _ctx.focusColor : undefined
     }),
-    onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+    onClick: _cache[2] || (_cache[2] = function () {
+      return _ctx.handleClick && _ctx.handleClick(...arguments);
+    })
   }, [_createElementVNode("div", {
     class: _normalizeClass(["var-option__cover", [_ctx.optionSelected ? 'var-option--selected-background' : null]]),
     style: _normalizeStyle({

package/es/pagination/Pagination.js

@@ -131,7 +131,9 @@ export function render(_ctx, _cache) {
       style: {
         "display": "flex"
       },
-      onClick: _cache[5] || (_cache[5] = (...args) => _ctx.showMenu && _ctx.showMenu(...args))
+      onClick: _cache[5] || (_cache[5] = function () {
+        return _ctx.showMenu && _ctx.showMenu(...arguments);
+      })
     }, [_createElementVNode("span", null, _toDisplayString(_ctx.size) + _toDisplayString(_ctx.pack.paginationItem) + " / " + _toDisplayString(_ctx.pack.paginationPage), 1
     /* TEXT */
     ), _createVNode(_component_var_icon, {
@@ -258,11 +260,15 @@ export default defineComponent({
       if (type === 'simple' && !isValidatePage(value)) simpleValue.value = "" + current.value;
     };
 
-    watch([() => props.current, () => props.size], ([newCurrent, newSize]) => {
+    watch([() => props.current, () => props.size], _ref => {
+      var [newCurrent, newSize] = _ref;
       current.value = toNumber(newCurrent) || 1;
       size.value = toNumber(newSize || 10);
     });
-    watch([current, pageCount], ([newCurrent, newCount], [oldCurrent, oldCount]) => {
+    watch([current, pageCount], (_ref2, _ref3) => {
+      var [newCurrent, newCount] = _ref2;
+      var [oldCurrent, oldCount] = _ref3;
+
       if (newCurrent > newCount) {
         current.value = newCount;
         return;

package/es/picker/Picker.js

@@ -209,7 +209,11 @@ export default defineComponent({
       };
     };
 
-    var scrollTo = (scrollColumn, index, duration, noEmit = false) => {
+    var scrollTo = function (scrollColumn, index, duration, noEmit) {
+      if (noEmit === void 0) {
+        noEmit = false;
+      }
+
       var translate = center.value - boundaryIndex(scrollColumn, index) * optionHeight.value;
 
       if (translate === scrollColumn.translate) {

package/es/popup/Popup.js

@@ -19,10 +19,11 @@ export default defineComponent({
   inheritAttrs: false,
   props,
 
-  setup(props, {
-    slots,
-    attrs
-  }) {
+  setup(props, _ref) {
+    var {
+      slots,
+      attrs
+    } = _ref;
     var {
       zIndex
     } = useZIndex(() => props.show, 3);

package/es/pull-refresh/PullRefresh.js

@@ -13,10 +13,18 @@ export function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     ref: "freshNode",
     class: "var-pull-refresh",
-    onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.touchStart && _ctx.touchStart(...args)),
-    onTouchmove: _cache[1] || (_cache[1] = (...args) => _ctx.touchMove && _ctx.touchMove(...args)),
-    onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.touchEnd && _ctx.touchEnd(...args)),
-    onTouchcancel: _cache[3] || (_cache[3] = (...args) => _ctx.touchEnd && _ctx.touchEnd(...args))
+    onTouchstart: _cache[0] || (_cache[0] = function () {
+      return _ctx.touchStart && _ctx.touchStart(...arguments);
+    }),
+    onTouchmove: _cache[1] || (_cache[1] = function () {
+      return _ctx.touchMove && _ctx.touchMove(...arguments);
+    }),
+    onTouchend: _cache[2] || (_cache[2] = function () {
+      return _ctx.touchEnd && _ctx.touchEnd(...arguments);
+    }),
+    onTouchcancel: _cache[3] || (_cache[3] = function () {
+      return _ctx.touchEnd && _ctx.touchEnd(...arguments);
+    })
   }, [_createElementVNode("div", {
     class: _normalizeClass(["var-pull-refresh__control var-elevation--2", [_ctx.isSuccess ? 'var-pull-refresh__control-success' : null]]),
     style: _normalizeStyle(_ctx.controlStyle)

package/es/radio/Radio.js

@@ -22,7 +22,9 @@ export function render(_ctx, _cache) {
 
   return _openBlock(), _createElementBlock("div", _hoisted_1, [_createElementVNode("div", _mergeProps({
     class: "var-radio",
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.handleClick && _ctx.handleClick(...arguments);
+    })
   }, _ctx.$attrs), [_withDirectives(_createElementVNode("div", {
     class: _normalizeClass(["var-radio__action", [_ctx.checked ? 'var-radio--checked' : 'var-radio--unchecked', _ctx.errorMessage || _ctx.radioGroupErrorMessage ? 'var-radio--error' : null, _ctx.formDisabled || _ctx.disabled ? 'var-radio--disabled' : null]]),
     style: _normalizeStyle({

package/es/radio-group/RadioGroup.js

@@ -61,9 +61,12 @@ export default defineComponent({
       });
     };
 
-    var syncRadios = () => radios.forEach(({
-      sync
-    }) => sync(props.modelValue));
+    var syncRadios = () => radios.forEach(_ref => {
+      var {
+        sync
+      } = _ref;
+      return sync(props.modelValue);
+    });
 
     var onToggle = changedValue => {
       var _props$onUpdateModel;

package/es/row/Row.js

@@ -10,7 +10,9 @@ export function render(_ctx, _cache) {
       justifyContent: _ctx.justify,
       alignItems: _ctx.align
     }),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.onClick && _ctx.onClick(...arguments);
+    })
   }, [_renderSlot(_ctx.$slots, "default")], 4
   /* STYLE */
   );

package/es/select/Select.js

@@ -41,7 +41,9 @@ export function render(_ctx, _cache) {
 
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(["var-select var--box", [_ctx.formDisabled || _ctx.disabled ? 'var-select--disabled' : null]]),
-    onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+    onClick: _cache[3] || (_cache[3] = function () {
+      return _ctx.handleClick && _ctx.handleClick(...arguments);
+    })
   }, [_createElementVNode("div", {
     class: _normalizeClass(["var-select__controller", [_ctx.isFocus ? 'var-select--focus' : null, _ctx.errorMessage ? 'var-select--error' : null, _ctx.formDisabled || _ctx.disabled ? 'var-select--disabled' : null]]),
     style: _normalizeStyle({
@@ -63,7 +65,9 @@ export function render(_ctx, _cache) {
     default: _withCtx(() => [_createElementVNode("div", {
       class: _normalizeClass(["var-select__wrap", [!_ctx.hint ? 'var-select--non-hint' : null]]),
       ref: "wrapEl",
-      onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args))
+      onClick: _cache[1] || (_cache[1] = function () {
+        return _ctx.handleFocus && _ctx.handleFocus(...arguments);
+      })
     }, [_createElementVNode("div", {
       class: _normalizeClass(["var-select__select", [_ctx.errorMessage ? 'var-select--error' : null, _ctx.formDisabled || _ctx.disabled ? 'var-select--disabled' : null]]),
       style: _normalizeStyle({
@@ -227,10 +231,12 @@ export default defineComponent({
       });
     };
 
-    var findValueOrLabel = ({
-      value,
-      label
-    }) => {
+    var findValueOrLabel = _ref => {
+      var {
+        value,
+        label
+      } = _ref;
+
       if (value.value != null) {
         return value.value;
       }
@@ -239,14 +245,20 @@ export default defineComponent({
     };
 
     var findLabel = modelValue => {
-      var option = options.find(({
-        value
-      }) => value.value === modelValue);
+      var option = options.find(_ref2 => {
+        var {
+          value
+        } = _ref2;
+        return value.value === modelValue;
+      });
 
       if (!option) {
-        option = options.find(({
-          label
-        }) => label.value === modelValue);
+        option = options.find(_ref3 => {
+          var {
+            label
+          } = _ref3;
+          return label.value === modelValue;
+        });
       }
 
       return option.label.value;
@@ -312,9 +324,12 @@ export default defineComponent({
         return;
       }
 
-      var selectedValue = multiple ? options.filter(({
-        selected
-      }) => selected.value).map(findValueOrLabel) : findValueOrLabel(option);
+      var selectedValue = multiple ? options.filter(_ref4 => {
+        var {
+          selected
+        } = _ref4;
+        return selected.value;
+      }).map(findValueOrLabel) : findValueOrLabel(option);
       (_props$onUpdateModel = props['onUpdate:modelValue']) == null ? void 0 : _props$onUpdateModel.call(props, selectedValue);
       onChange == null ? void 0 : onChange(selectedValue);
       validateWithTrigger('onChange');
@@ -371,9 +386,12 @@ export default defineComponent({
       }
 
       var rawModelValue = modelValue;
-      var option = options.find(({
-        label
-      }) => label.value === text);
+      var option = options.find(_ref5 => {
+        var {
+          label
+        } = _ref5;
+        return label.value === text;
+      });
       var currentModelValue = rawModelValue.filter(value => {
         var _value$value;
 

package/es/slider/Slider.js

@@ -33,7 +33,9 @@ export function render(_ctx, _cache) {
       margin: _ctx.thumbSize === undefined ? _ctx.thumbSize : "0 " + _ctx.toNumber(_ctx.thumbSize) / 2 + "px"
     }),
     ref: "sliderEl",
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.click && _ctx.click(...args))
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.click && _ctx.click(...arguments);
+    })
   }, [_createElementVNode("div", _hoisted_2, [_createElementVNode("div", {
     class: "var-slider__track-background",
     style: _normalizeStyle({
@@ -314,7 +316,15 @@ export default defineComponent({
       return true;
     };
 
-    var setProps = (modelValue = props.modelValue, step = toNumber(props.step)) => {
+    var setProps = function (modelValue, step) {
+      if (modelValue === void 0) {
+        modelValue = props.modelValue;
+      }
+
+      if (step === void 0) {
+        step = toNumber(props.step);
+      }
+
       if (props.range && isArray(modelValue)) {
         thumbsProps[Thumbs.First].percentValue = modelValue[0] / step;
         thumbsProps[Thumbs.First].currentLeft = thumbsProps[Thumbs.First].percentValue * unitWidth.value;
@@ -325,7 +335,8 @@ export default defineComponent({
       }
     };
 
-    watch([() => props.modelValue, () => props.step], ([modelValue, step]) => {
+    watch([() => props.modelValue, () => props.step], _ref => {
+      var [modelValue, step] = _ref;
       if (!stepValidator() || !valueValidator() || isScroll.value) return;
       setProps(modelValue, toNumber(step));
     });