@varlet/ui 1.24.0 → 1.24.2-alpha.1640872324277

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));
     });

package/es/snackbar/index.js

@@ -44,11 +44,12 @@ var transitionGroupProps = {
 var TransitionGroupHost = {
   setup() {
     return () => {
-      var snackbarList = uniqSnackbarOptions.map(({
-        id,
-        reactiveSnackOptions,
-        _update
-      }) => {
+      var snackbarList = uniqSnackbarOptions.map(_ref => {
+        var {
+          id,
+          reactiveSnackOptions,
+          _update
+        } = _ref;
         var transitionGroupEl = document.querySelector('.var-transition-group');
 
         if (reactiveSnackOptions.forbidClick || reactiveSnackOptions.type === 'loading') {
@@ -150,7 +151,11 @@ Snackbar.install = function (app) {
   app.component(VarSnackbar.name, VarSnackbar);
 };
 
-Snackbar.allowMultiple = function (bool = false) {
+Snackbar.allowMultiple = function (bool) {
+  if (bool === void 0) {
+    bool = false;
+  }
+
   if (bool !== isAllowMultiple) {
     uniqSnackbarOptions.forEach(option => {
       option.reactiveSnackOptions.show = false;
@@ -202,7 +207,11 @@ function updateUniqOption(reactiveSnackOptions, _update) {
   firstOption._update = _update;
 }
 
-function getTop(position = 'top') {
+function getTop(position) {
+  if (position === void 0) {
+    position = 'top';
+  }
+
   if (position === 'bottom') return {
     [position]: '5%'
   };

package/es/snackbar/style/index.js

@@ -1,8 +1,8 @@
 import '../../styles/common.css'
-import '../SnackbarSfc.css'
 import '../../styles/elevation.css'
 import '../../loading/loading.css'
 import '../../button/button.css'
 import '../../icon/icon.css'
 import '../snackbar.css'
 import '../coreSfc.css'
+import '../SnackbarSfc.css'

package/es/snackbar/style/less.js

@@ -1,8 +1,8 @@
 import '../../styles/common.less'
-import '../SnackbarSfc.less'
 import '../../styles/elevation.less'
 import '../../loading/loading.less'
 import '../../button/button.less'
 import '../../icon/icon.less'
 import '../snackbar.less'
 import '../coreSfc.less'
+import '../SnackbarSfc.less'

package/es/space/Space.js

@@ -15,9 +15,11 @@ export default defineComponent({
   name: 'VarSpace',
   props,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
+
     var getSize = (size, isInternalSize) => {
       return isInternalSize ? internalSizes[size] : isArray(size) ? size.map(toPxNum) : [toPxNum(size), toPxNum(size)];
     };

package/es/step/Step.js

@@ -28,7 +28,9 @@ export function render(_ctx, _cache) {
     style: _normalizeStyle({
       backgroundColor: _ctx.isActive || _ctx.isCurrent ? _ctx.activeColor : _ctx.inactiveColor
     }),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.click && _ctx.click(...args))
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.click && _ctx.click(...arguments);
+    })
   }, [_ctx.isActive ? (_openBlock(), _createBlock(_component_var_icon, {
     key: 0,
     class: "var-step__icon",
@@ -59,7 +61,9 @@ export function render(_ctx, _cache) {
       ["var-step-" + _ctx.direction + "__content"]: true,
       ["var-step-" + _ctx.direction + "__content--active"]: _ctx.isActive || _ctx.isCurrent
     }),
-    onClick: _cache[1] || (_cache[1] = (...args) => _ctx.click && _ctx.click(...args))
+    onClick: _cache[1] || (_cache[1] = function () {
+      return _ctx.click && _ctx.click(...arguments);
+    })
   }, [_renderSlot(_ctx.$slots, "default")], 2
   /* CLASS */
   )], 2

package/es/style-provider/StyleProvider.js

@@ -9,9 +9,10 @@ export default defineComponent({
     }
   },
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     return () => h('div', {
       class: 'var-style-provider',
       style: formatStyleVars(props.styleVars)

package/es/style-provider/index.js

@@ -2,11 +2,16 @@ import VarStyleProvider from './StyleProvider.js'
 import { formatStyleVars } from '../utils/elements';
 var mountedVarKeys = [];
 
-function StyleProvider(styleVars = {}) {
+function StyleProvider(styleVars) {
+  if (styleVars === void 0) {
+    styleVars = {};
+  }
+
   mountedVarKeys.forEach(key => document.documentElement.style.removeProperty(key));
   mountedVarKeys.length = 0;
   var styles = formatStyleVars(styleVars);
-  Object.entries(styles).forEach(([key, value]) => {
+  Object.entries(styles).forEach(_ref => {
+    var [key, value] = _ref;
     document.documentElement.style.setProperty(key, value);
     mountedVarKeys.push(key);
   });

package/es/styles/elevation.css

@@ -1 +1 @@
-.var-elevation--0 { box-shadow: 0 0 0 0 var(--shadow-key-umbra-opacity), 0 0 0 0 var(--shadow-key-penumbra-opacity), 0 0 0 0 var(--shadow-key-ambient-opacity);}.var-elevation--1 { box-shadow: 0 2px 1px -1px var(--shadow-key-umbra-opacity), 0 1px 1px 0 var(--shadow-key-penumbra-opacity), 0 1px 3px 0 var(--shadow-key-ambient-opacity);}.var-elevation--2 { box-shadow: 0 3px 1px -2px var(--shadow-key-umbra-opacity), 0 2px 2px 0 var(--shadow-key-penumbra-opacity), 0 1px 5px 0 var(--shadow-key-ambient-opacity);}.var-elevation--3 { box-shadow: 0 3px 3px -2px var(--shadow-key-umbra-opacity), 0 3px 4px 0 var(--shadow-key-penumbra-opacity), 0 1px 8px 0 var(--shadow-key-ambient-opacity);}.var-elevation--4 { box-shadow: 0 2px 4px -1px var(--shadow-key-umbra-opacity), 0 4px 5px 0 var(--shadow-key-penumbra-opacity), 0 1px 10px 0 var(--shadow-key-ambient-opacity);}.var-elevation--5 { box-shadow: 0 3px 5px -1px var(--shadow-key-umbra-opacity), 0 5px 8px 0 var(--shadow-key-penumbra-opacity), 0 1px 14px 0 var(--shadow-key-ambient-opacity);}.var-elevation--6 { box-shadow: 0 3px 5px -1px var(--shadow-key-umbra-opacity), 0 6px 10px 0 var(--shadow-key-penumbra-opacity), 0 1px 18px 0 var(--shadow-key-ambient-opacity);}.var-elevation--7 { box-shadow: 0 4px 5px -2px var(--shadow-key-umbra-opacity), 0 7px 10px 1px var(--shadow-key-penumbra-opacity), 0 2px 16px 1px var(--shadow-key-ambient-opacity);}.var-elevation--8 { box-shadow: 0 5px 5px -3px var(--shadow-key-umbra-opacity), 0 8px 10px 1px var(--shadow-key-penumbra-opacity), 0 3px 14px 2px var(--shadow-key-ambient-opacity);}.var-elevation--9 { box-shadow: 0 5px 6px -3px var(--shadow-key-umbra-opacity), 0 9px 12px 1px var(--shadow-key-penumbra-opacity), 0 3px 16px 2px var(--shadow-key-ambient-opacity);}.var-elevation--10 { box-shadow: 0 6px 6px -3px var(--shadow-key-umbra-opacity), 0 10px 14px 1px var(--shadow-key-penumbra-opacity), 0 4px 18px 3px var(--shadow-key-ambient-opacity);}.var-elevation--11 { box-shadow: 0 6px 7px -4px var(--shadow-key-umbra-opacity), 0 11px 15px 1px var(--shadow-key-penumbra-opacity), 0 4px 20px 3px var(--shadow-key-ambient-opacity);}.var-elevation--12 { box-shadow: 0 7px 8px -4px var(--shadow-key-umbra-opacity), 0 12px 17px 2px var(--shadow-key-penumbra-opacity), 0 5px 22px 4px var(--shadow-key-ambient-opacity);}.var-elevation--13 { box-shadow: 0 7px 8px -4px var(--shadow-key-umbra-opacity), 0 13px 19px 2px var(--shadow-key-penumbra-opacity), 0 5px 24px 4px var(--shadow-key-ambient-opacity);}.var-elevation--14 { box-shadow: 0 7px 9px -4px var(--shadow-key-umbra-opacity), 0 14px 21px 2px var(--shadow-key-penumbra-opacity), 0 5px 26px 4px var(--shadow-key-ambient-opacity);}.var-elevation--15 { box-shadow: 0 8px 9px -5px var(--shadow-key-umbra-opacity), 0 15px 22px 2px var(--shadow-key-penumbra-opacity), 0 6px 28px 5px var(--shadow-key-ambient-opacity);}.var-elevation--16 { box-shadow: 0 8px 10px -5px var(--shadow-key-umbra-opacity), 0 16px 24px 2px var(--shadow-key-penumbra-opacity), 0 6px 30px 5px var(--shadow-key-ambient-opacity);}.var-elevation--17 { box-shadow: 0 8px 11px -5px var(--shadow-key-umbra-opacity), 0 17px 26px 2px var(--shadow-key-penumbra-opacity), 0 6px 32px 5px var(--shadow-key-ambient-opacity);}.var-elevation--18 { box-shadow: 0 9px 11px -5px var(--shadow-key-umbra-opacity), 0 18px 28px 2px var(--shadow-key-penumbra-opacity), 0 7px 34px 6px var(--shadow-key-ambient-opacity);}.var-elevation--19 { box-shadow: 0 9px 12px -6px var(--shadow-key-umbra-opacity), 0 19px 29px 2px var(--shadow-key-penumbra-opacity), 0 7px 36px 6px var(--shadow-key-ambient-opacity);}.var-elevation--20 { box-shadow: 0 10px 13px -6px var(--shadow-key-umbra-opacity), 0 20px 31px 3px var(--shadow-key-penumbra-opacity), 0 8px 38px 7px var(--shadow-key-ambient-opacity);}.var-elevation--21 { box-shadow: 0 10px 13px -6px var(--shadow-key-umbra-opacity), 0 21px 33px 3px var(--shadow-key-penumbra-opacity), 0 8px 40px 7px var(--shadow-key-ambient-opacity);}.var-elevation--22 { box-shadow: 0 10px 14px -6px var(--shadow-key-umbra-opacity), 0 22px 35px 3px var(--shadow-key-penumbra-opacity), 0 8px 42px 7px var(--shadow-key-ambient-opacity);}.var-elevation--23 { box-shadow: 0 11px 14px -7px var(--shadow-key-umbra-opacity), 0 23px 36px 3px var(--shadow-key-penumbra-opacity), 0 9px 44px 8px var(--shadow-key-ambient-opacity);}.var-elevation--24 { box-shadow: 0 11px 15px -7px var(--shadow-key-umbra-opacity), 0 24px 38px 3px var(--shadow-key-penumbra-opacity), 0 9px 46px 8px var(--shadow-key-ambient-opacity);}
+.var--box { box-sizing: border-box;}.var--box * { box-sizing: border-box;}.var--relative { position: relative;}.var--absolute { position: absolute;}.var--hidden { overflow: hidden;}.var--lock { overflow: hidden;}.var--block { display: block;}.var--ellipsis { overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap;}.var--inline-block { display: inline-block;}.var--flex { display: flex;}.var--inline-flex { display: inline-flex;}:root { --font-size-xs: 10px; --font-size-sm: 12px; --font-size-md: 14px; --font-size-lg: 16px; --icon-size-xs: 16px; --icon-size-sm: 18px; --icon-size-md: 20px; --icon-size-lg: 22px; --color-body: #fff; --color-text: #333; --color-primary: #3a7afe; --color-info: #00afef; --color-success: #00c48f; --color-warning: #ff9f00; --color-danger: #f44336; --color-disabled: #e0e0e0; --color-text-disabled: #aaa; --cubic-bezier: cubic-bezier(0.25, 0.8, 0.5, 1); --shadow-key-umbra-opacity: rgba(0, 0, 0, 0.2); --shadow-key-penumbra-opacity: rgba(0, 0, 0, 0.14); --shadow-key-ambient-opacity: rgba(0, 0, 0, 0.12);}.var-elevation--0 { box-shadow: 0 0 0 0 var(--shadow-key-umbra-opacity), 0 0 0 0 var(--shadow-key-penumbra-opacity), 0 0 0 0 var(--shadow-key-ambient-opacity);}.var-elevation--1 { box-shadow: 0 2px 1px -1px var(--shadow-key-umbra-opacity), 0 1px 1px 0 var(--shadow-key-penumbra-opacity), 0 1px 3px 0 var(--shadow-key-ambient-opacity);}.var-elevation--2 { box-shadow: 0 3px 1px -2px var(--shadow-key-umbra-opacity), 0 2px 2px 0 var(--shadow-key-penumbra-opacity), 0 1px 5px 0 var(--shadow-key-ambient-opacity);}.var-elevation--3 { box-shadow: 0 3px 3px -2px var(--shadow-key-umbra-opacity), 0 3px 4px 0 var(--shadow-key-penumbra-opacity), 0 1px 8px 0 var(--shadow-key-ambient-opacity);}.var-elevation--4 { box-shadow: 0 2px 4px -1px var(--shadow-key-umbra-opacity), 0 4px 5px 0 var(--shadow-key-penumbra-opacity), 0 1px 10px 0 var(--shadow-key-ambient-opacity);}.var-elevation--5 { box-shadow: 0 3px 5px -1px var(--shadow-key-umbra-opacity), 0 5px 8px 0 var(--shadow-key-penumbra-opacity), 0 1px 14px 0 var(--shadow-key-ambient-opacity);}.var-elevation--6 { box-shadow: 0 3px 5px -1px var(--shadow-key-umbra-opacity), 0 6px 10px 0 var(--shadow-key-penumbra-opacity), 0 1px 18px 0 var(--shadow-key-ambient-opacity);}.var-elevation--7 { box-shadow: 0 4px 5px -2px var(--shadow-key-umbra-opacity), 0 7px 10px 1px var(--shadow-key-penumbra-opacity), 0 2px 16px 1px var(--shadow-key-ambient-opacity);}.var-elevation--8 { box-shadow: 0 5px 5px -3px var(--shadow-key-umbra-opacity), 0 8px 10px 1px var(--shadow-key-penumbra-opacity), 0 3px 14px 2px var(--shadow-key-ambient-opacity);}.var-elevation--9 { box-shadow: 0 5px 6px -3px var(--shadow-key-umbra-opacity), 0 9px 12px 1px var(--shadow-key-penumbra-opacity), 0 3px 16px 2px var(--shadow-key-ambient-opacity);}.var-elevation--10 { box-shadow: 0 6px 6px -3px var(--shadow-key-umbra-opacity), 0 10px 14px 1px var(--shadow-key-penumbra-opacity), 0 4px 18px 3px var(--shadow-key-ambient-opacity);}.var-elevation--11 { box-shadow: 0 6px 7px -4px var(--shadow-key-umbra-opacity), 0 11px 15px 1px var(--shadow-key-penumbra-opacity), 0 4px 20px 3px var(--shadow-key-ambient-opacity);}.var-elevation--12 { box-shadow: 0 7px 8px -4px var(--shadow-key-umbra-opacity), 0 12px 17px 2px var(--shadow-key-penumbra-opacity), 0 5px 22px 4px var(--shadow-key-ambient-opacity);}.var-elevation--13 { box-shadow: 0 7px 8px -4px var(--shadow-key-umbra-opacity), 0 13px 19px 2px var(--shadow-key-penumbra-opacity), 0 5px 24px 4px var(--shadow-key-ambient-opacity);}.var-elevation--14 { box-shadow: 0 7px 9px -4px var(--shadow-key-umbra-opacity), 0 14px 21px 2px var(--shadow-key-penumbra-opacity), 0 5px 26px 4px var(--shadow-key-ambient-opacity);}.var-elevation--15 { box-shadow: 0 8px 9px -5px var(--shadow-key-umbra-opacity), 0 15px 22px 2px var(--shadow-key-penumbra-opacity), 0 6px 28px 5px var(--shadow-key-ambient-opacity);}.var-elevation--16 { box-shadow: 0 8px 10px -5px var(--shadow-key-umbra-opacity), 0 16px 24px 2px var(--shadow-key-penumbra-opacity), 0 6px 30px 5px var(--shadow-key-ambient-opacity);}.var-elevation--17 { box-shadow: 0 8px 11px -5px var(--shadow-key-umbra-opacity), 0 17px 26px 2px var(--shadow-key-penumbra-opacity), 0 6px 32px 5px var(--shadow-key-ambient-opacity);}.var-elevation--18 { box-shadow: 0 9px 11px -5px var(--shadow-key-umbra-opacity), 0 18px 28px 2px var(--shadow-key-penumbra-opacity), 0 7px 34px 6px var(--shadow-key-ambient-opacity);}.var-elevation--19 { box-shadow: 0 9px 12px -6px var(--shadow-key-umbra-opacity), 0 19px 29px 2px var(--shadow-key-penumbra-opacity), 0 7px 36px 6px var(--shadow-key-ambient-opacity);}.var-elevation--20 { box-shadow: 0 10px 13px -6px var(--shadow-key-umbra-opacity), 0 20px 31px 3px var(--shadow-key-penumbra-opacity), 0 8px 38px 7px var(--shadow-key-ambient-opacity);}.var-elevation--21 { box-shadow: 0 10px 13px -6px var(--shadow-key-umbra-opacity), 0 21px 33px 3px var(--shadow-key-penumbra-opacity), 0 8px 40px 7px var(--shadow-key-ambient-opacity);}.var-elevation--22 { box-shadow: 0 10px 14px -6px var(--shadow-key-umbra-opacity), 0 22px 35px 3px var(--shadow-key-penumbra-opacity), 0 8px 42px 7px var(--shadow-key-ambient-opacity);}.var-elevation--23 { box-shadow: 0 11px 14px -7px var(--shadow-key-umbra-opacity), 0 23px 36px 3px var(--shadow-key-penumbra-opacity), 0 9px 44px 8px var(--shadow-key-ambient-opacity);}.var-elevation--24 { box-shadow: 0 11px 15px -7px var(--shadow-key-umbra-opacity), 0 24px 38px 3px var(--shadow-key-penumbra-opacity), 0 9px 46px 8px var(--shadow-key-ambient-opacity);}

package/es/styles/elevation.less

@@ -1,3 +1,5 @@
+@import './common';
+
 .var-elevation {
   &--0 {
     box-shadow: 0 0 0 0 var(--shadow-key-umbra-opacity), 0 0 0 0 var(--shadow-key-penumbra-opacity),

package/es/swipe/Swipe.js

@@ -23,9 +23,15 @@ export function render(_ctx, _cache) {
       transform: "translate" + (_ctx.vertical ? 'Y' : 'X') + "(" + _ctx.translate + "px)",
       transitionDuration: _ctx.lockDuration ? "0ms" : _ctx.toNumber(_ctx.duration) + "ms"
     }),
-    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);
+    })
   }, [_renderSlot(_ctx.$slots, "default")], 38
   /* CLASS, STYLE, HYDRATE_EVENTS */
   ), _renderSlot(_ctx.$slots, "indicator", {
@@ -79,9 +85,12 @@ export default defineComponent({
     var prevX;
     var prevY;
 
-    var findSwipeItem = idx => swipeItems.find(({
-      index
-    }) => index.value === idx);
+    var findSwipeItem = idx => swipeItems.find(_ref => {
+      var {
+        index
+      } = _ref;
+      return index.value === idx;
+    });
 
     var dispatchBorrower = () => {
       if (!props.loop) {
@@ -195,7 +204,7 @@ export default defineComponent({
     };
 
     var stopAutoplay = () => {
-      timer && clearInterval(timer);
+      timer && clearTimeout(timer);
     };
 
     var getDirection = (x, y) => {

package/es/switch/Switch.js

@@ -22,7 +22,9 @@ export function render(_ctx, _cache) {
 
   return _openBlock(), _createElementBlock("div", _hoisted_1, [_createElementVNode("div", {
     class: _normalizeClass(["var-switch-block", [_ctx.disabled || _ctx.formDisabled ? 'var-switch__disable' : null]]),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.switchActive && _ctx.switchActive(...args)),
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.switchActive && _ctx.switchActive(...arguments);
+    }),
     style: _normalizeStyle(_ctx.styleComputed.switch)
   }, [_createElementVNode("div", {
     style: _normalizeStyle(_ctx.styleComputed.track),

package/es/tab/Tab.js

@@ -12,7 +12,9 @@ export function render(_ctx, _cache) {
     style: _normalizeStyle({
       color: _ctx.computeColorStyle()
     }),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.handleClick && _ctx.handleClick(...arguments);
+    })
   }, [_renderSlot(_ctx.$slots, "default")], 6
   /* CLASS, STYLE */
   )), [[_directive_ripple, {

package/es/tabs/Tabs.js

@@ -81,15 +81,21 @@ export default defineComponent({
     };
 
     var matchName = () => {
-      return tabList.find(({
-        name
-      }) => props.active === name.value);
+      return tabList.find(_ref => {
+        var {
+          name
+        } = _ref;
+        return props.active === name.value;
+      });
     };
 
     var matchIndex = () => {
-      return tabList.find(({
-        index
-      }) => props.active === index.value);
+      return tabList.find(_ref2 => {
+        var {
+          index
+        } = _ref2;
+        return props.active === index.value;
+      });
     };
 
     var matchBoundary = () => {
@@ -110,9 +116,10 @@ export default defineComponent({
       scrollable.value = tabList.length >= 5;
     };
 
-    var moveIndicator = ({
-      element
-    }) => {
+    var moveIndicator = _ref3 => {
+      var {
+        element
+      } = _ref3;
       var el = element.value;
 
       if (props.layoutDirection === 'horizontal') {
@@ -124,9 +131,11 @@ export default defineComponent({
       }
     };
 
-    var scrollToCenter = ({
-      element
-    }) => {
+    var scrollToCenter = _ref4 => {
+      var {
+        element
+      } = _ref4;
+
       if (!scrollable.value) {
         return;
       }

package/es/tabs-items/TabsItems.js

@@ -39,15 +39,21 @@ export default defineComponent({
     } = useTabItem();
 
     var matchName = active => {
-      return tabItemList.find(({
-        name
-      }) => active === name.value);
+      return tabItemList.find(_ref => {
+        var {
+          name
+        } = _ref;
+        return active === name.value;
+      });
     };
 
     var matchIndex = active => {
-      return tabItemList.find(({
-        index
-      }) => active === index.value);
+      return tabItemList.find(_ref2 => {
+        var {
+          index
+        } = _ref2;
+        return active === index.value;
+      });
     };
 
     var matchActive = active => {
@@ -63,9 +69,12 @@ export default defineComponent({
         return;
       }
 
-      tabItemList.forEach(({
-        setCurrent
-      }) => setCurrent(false));
+      tabItemList.forEach(_ref3 => {
+        var {
+          setCurrent
+        } = _ref3;
+        return setCurrent(false);
+      });
       newActiveTabItemProvider.setCurrent(true);
       (_swipe$value = swipe.value) == null ? void 0 : _swipe$value.to(newActiveTabItemProvider.index.value);
     };
@@ -73,9 +82,12 @@ export default defineComponent({
     var handleSwipeChange = currentIndex => {
       var _tabItem$name$value, _props$onUpdateActiv;
 
-      var tabItem = tabItemList.find(({
-        index
-      }) => index.value === currentIndex);
+      var tabItem = tabItemList.find(_ref4 => {
+        var {
+          index
+        } = _ref4;
+        return index.value === currentIndex;
+      });
       var active = (_tabItem$name$value = tabItem.name.value) != null ? _tabItem$name$value : tabItem.index.value;
       (_props$onUpdateActiv = props['onUpdate:active']) == null ? void 0 : _props$onUpdateActiv.call(props, active);
     };

package/es/time-picker/TimePicker.js

@@ -67,9 +67,15 @@ export function render(_ctx, _cache) {
   /* STYLE */
   ), _createElementVNode("div", _hoisted_5, [_createElementVNode("div", {
     class: "var-time-picker-clock__container",
-    onTouchstart: _cache[5] || (_cache[5] = (...args) => _ctx.moveHand && _ctx.moveHand(...args)),
-    onTouchmove: _cache[6] || (_cache[6] = (...args) => _ctx.moveHand && _ctx.moveHand(...args)),
-    onTouchend: _cache[7] || (_cache[7] = (...args) => _ctx.end && _ctx.end(...args)),
+    onTouchstart: _cache[5] || (_cache[5] = function () {
+      return _ctx.moveHand && _ctx.moveHand(...arguments);
+    }),
+    onTouchmove: _cache[6] || (_cache[6] = function () {
+      return _ctx.moveHand && _ctx.moveHand(...arguments);
+    }),
+    onTouchend: _cache[7] || (_cache[7] = function () {
+      return _ctx.end && _ctx.end(...arguments);
+    }),
     ref: "container"
   }, [_createVNode(_Transition, {
     name: "var-time-picker-panel-fade"

package/es/time-picker/clock.js

@@ -95,9 +95,10 @@ export default defineComponent({
   },
   emits: ['update', 'change-prevent-update'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      emit
+    } = _ref;
     var inner = ref(null);
     var disableHour = ref([]);
     var disable24HourIndex = ref([]);
@@ -218,7 +219,9 @@ export default defineComponent({
       return hours[activeItemIndex.value].padStart(2, '0');
     };
 
-    watch([activeItemIndex, () => props.isInner], ([index, inner], [oldIndex, oldInner]) => {
+    watch([activeItemIndex, () => props.isInner], (_ref2, _ref3) => {
+      var [index, inner] = _ref2;
+      var [oldIndex, oldInner] = _ref3;
       var isSame = index === oldIndex && inner === oldInner;
       if (isSame || props.type !== 'hour' || activeItemIndex.value === undefined) return;
       var newHour = inner ? hours24[activeItemIndex.value] : getHour();
@@ -253,7 +256,8 @@ export default defineComponent({
 
       emit('update', newTime);
     });
-    watch([() => props.max, () => props.min, () => props.allowedTime], ([max, min, allowedTime]) => {
+    watch([() => props.max, () => props.min, () => props.allowedTime], _ref4 => {
+      var [max, min, allowedTime] = _ref4;
       disableHour.value = [];
 
       if (max && !min) {

package/es/uploader/Uploader.js

@@ -88,7 +88,9 @@ export function render(_ctx, _cache) {
     accept: _ctx.accept,
     capture: _ctx.capture,
     disabled: _ctx.disabled || _ctx.formDisabled || _ctx.readonly || _ctx.formReadonly,
-    onChange: _cache[0] || (_cache[0] = (...args) => _ctx.handleChange && _ctx.handleChange(...args))
+    onChange: _cache[0] || (_cache[0] = function () {
+      return _ctx.handleChange && _ctx.handleChange(...arguments);
+    })
   }, null, 40
   /* PROPS, HYDRATE_EVENTS */
   , _hoisted_7), _renderSlot(_ctx.$slots, "default", {}, () => [_createVNode(_component_var_icon, {
@@ -291,11 +293,17 @@ export default defineComponent({
 
         var resolvedVarFiles = yield Promise.all(getResolvers(varFiles));
         var validationVarFiles = yield Promise.all(getBeforeReaders(resolvedVarFiles));
-        var validVarFiles = validationVarFiles.filter(({
-          valid
-        }) => valid).map(({
-          varFile
-        }) => varFile);
+        var validVarFiles = validationVarFiles.filter(_ref2 => {
+          var {
+            valid
+          } = _ref2;
+          return valid;
+        }).map(_ref3 => {
+          var {
+            varFile
+          } = _ref3;
+          return varFile;
+        });
         (_props$onUpdateModel = props['onUpdate:modelValue']) == null ? void 0 : _props$onUpdateModel.call(props, [...modelValue, ...validVarFiles]);
         event.target.value = '';
         validVarFiles.forEach(varFile => onAfterRead == null ? void 0 : onAfterRead(reactive(varFile)));
@@ -307,7 +315,7 @@ export default defineComponent({
     }();
 
     var handleRemove = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator(function* (removedVarFile) {
+      var _ref4 = _asyncToGenerator(function* (removedVarFile) {
         var _props$onUpdateModel2;
 
         var {
@@ -333,7 +341,7 @@ export default defineComponent({
       });
 
       return function handleRemove(_x2) {
-        return _ref2.apply(this, arguments);
+        return _ref4.apply(this, arguments);
       };
     }(); // expose
 

package/es/utils/components.js

@@ -30,7 +30,15 @@ export function mount(component) {
 
   };
 }
-export function mountInstance(component, props = {}, eventListener = {}) {
+export function mountInstance(component, props, eventListener) {
+  if (props === void 0) {
+    props = {};
+  }
+
+  if (eventListener === void 0) {
+    eventListener = {};
+  }
+
   var Host = {
     setup() {
       return () => h(component, _extends({}, props, eventListener));

package/es/utils/elements.js

@@ -170,12 +170,13 @@ export function doubleRaf() {
     });
   });
 }
-export function scrollTo(element, {
-  top = 0,
-  left = 0,
-  duration = 300,
-  animation
-}) {
+export function scrollTo(element, _ref) {
+  var {
+    top = 0,
+    left = 0,
+    duration = 300,
+    animation
+  } = _ref;
   var startTime = Date.now();
   var scrollTop = getScrollTop(element);
   var scrollLeft = getScrollLeft(element);
@@ -198,7 +199,8 @@ export function scrollTo(element, {
   });
 }
 export function formatStyleVars(styleVars) {
-  return Object.entries(styleVars != null ? styleVars : {}).reduce((styles, [key, value]) => {
+  return Object.entries(styleVars != null ? styleVars : {}).reduce((styles, _ref2) => {
+    var [key, value] = _ref2;
     var cssVar = key.startsWith('--') ? key : "--" + kebabCase(key);
     styles[cssVar] = value;
     return styles;

package/es/utils/jest.js

@@ -35,7 +35,23 @@ export function mockDoubleRaf() {
 
   };
 }
-export function trigger(wrapper, eventName, x = 0, y = 0, offsetX = 0, offsetY = 0) {
+export function trigger(wrapper, eventName, x, y, offsetX, offsetY) {
+  if (x === void 0) {
+    x = 0;
+  }
+
+  if (y === void 0) {
+    y = 0;
+  }
+
+  if (offsetX === void 0) {
+    offsetX = 0;
+  }
+
+  if (offsetY === void 0) {
+    offsetY = 0;
+  }
+
   var el = 'element' in wrapper ? wrapper.element : wrapper;
   var touchList = [getTouch(el, x, y)];
   var event = document.createEvent('CustomEvent');
@@ -52,14 +68,15 @@ export function trigger(wrapper, eventName, x = 0, y = 0, offsetX = 0, offsetY =
   el.dispatchEvent(event);
   return nextTick();
 }
-export function mockOffset({
-  offsetWidth,
-  offsetHeight,
-  clientWidth,
-  clientHeight,
-  offsetLeft,
-  offsetTop
-} = {}) {
+export function mockOffset(_temp) {
+  var {
+    offsetWidth,
+    offsetHeight,
+    clientWidth,
+    clientHeight,
+    offsetLeft,
+    offsetTop
+  } = _temp === void 0 ? {} : _temp;
   Object.defineProperties(HTMLElement.prototype, {
     offsetWidth: {
       get() {
@@ -123,12 +140,20 @@ export function mockImageNaturalSize(naturalWidth, naturalHeight) {
     }
   });
 }
-export function triggerDrag(_x) {
+export function triggerDrag(_x, _x2, _x3) {
   return _triggerDrag.apply(this, arguments);
 }
 
 function _triggerDrag() {
-  _triggerDrag = _asyncToGenerator(function* (el, x = 0, y = 0) {
+  _triggerDrag = _asyncToGenerator(function* (el, x, y) {
+    if (x === void 0) {
+      x = 0;
+    }
+
+    if (y === void 0) {
+      y = 0;
+    }
+
     yield trigger(el, 'touchstart', 0, 0);
     yield trigger(el, 'touchmove', x / 4, y / 4);
     yield trigger(el, 'touchmove', x / 3, y / 3);
@@ -198,7 +223,11 @@ export function mockStubs() {
 
   };
 }
-export function mockConsole(method, fn = () => {}) {
+export function mockConsole(method, fn) {
+  if (fn === void 0) {
+    fn = () => {};
+  }
+
   var originMethod = console[method];
   console[method] = fn;
   return {