@varlet/ui 1.24.1 → 1.24.2-alpha.1640861757955

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/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/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 {

package/es/utils/shared.js

@@ -46,10 +46,18 @@ export var removeItem = (arr, item) => {
     }
   }
 };
-export var throttle = (method, mustRunDelay = 200) => {
+export var throttle = function (method, mustRunDelay) {
+  if (mustRunDelay === void 0) {
+    mustRunDelay = 200;
+  }
+
   var timer;
   var start = 0;
-  return function loop(...args) {
+  return function loop() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
     var now = Date.now();
     var elapsed = now - start;
 
@@ -71,9 +79,17 @@ export var throttle = (method, mustRunDelay = 200) => {
     }
   };
 };
-export var debounce = (method, delay = 200) => {
+export var debounce = function (method, delay) {
+  if (delay === void 0) {
+    delay = 200;
+  }
+
   var timer;
-  return function (...args) {
+  return function () {
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+
     timer && window.clearTimeout(timer);
     timer = window.setTimeout(() => {
       method.apply(this, args);

package/lib/action-sheet/ActionSheet.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _ripple = _interopRequireDefault(require("../ripple"));
 

package/lib/app-bar/AppBar.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _vue = require("vue");
 

package/lib/back-top/BackTop.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _vue = require("vue");
 
@@ -25,7 +25,9 @@ function render(_ctx, _cache) {
 
   return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", {
     class: (0, _vue.normalizeClass)(["var-back-top", [_ctx.show ? 'var-back-top--active' : null]]),
-    onClick: _cache[0] || (_cache[0] = (0, _vue.withModifiers)((...args) => _ctx.click && _ctx.click(...args), ["stop"]))
+    onClick: _cache[0] || (_cache[0] = (0, _vue.withModifiers)(function () {
+      return _ctx.click && _ctx.click(...arguments);
+    }, ["stop"]))
   }, [(0, _vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, _vue.createVNode)(_component_var_button, {
     type: "primary",
     round: "",

package/lib/badge/Badge.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _icon = _interopRequireDefault(require("../icon"));
 
@@ -60,9 +60,10 @@ var _default = (0, _vue.defineComponent)({
   inheritAttrs: false,
   props: _props.props,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var contentClass = (0, _vue.computed)(() => {
       var {
         type,