@varlet/ui 1.24.1 → 1.24.2

package/lib/swipe/Swipe.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _vue = require("vue");
 
@@ -34,9 +34,15 @@ 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);
+    })
   }, [(0, _vue.renderSlot)(_ctx.$slots, "default")], 38
   /* CLASS, STYLE, HYDRATE_EVENTS */
   ), (0, _vue.renderSlot)(_ctx.$slots, "indicator", {
@@ -91,9 +97,12 @@ var _default = (0, _vue.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) {
@@ -207,7 +216,7 @@ var _default = (0, _vue.defineComponent)({
     };
 
     var stopAutoplay = () => {
-      timer && clearInterval(timer);
+      timer && clearTimeout(timer);
     };
 
     var getDirection = (x, y) => {

package/lib/swipe/provide.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.useSwipeItems = useSwipeItems;
 exports.SWIPE_COUNT_SWIPE_ITEM_KEY = exports.SWIPE_BIND_SWIPE_ITEM_KEY = void 0;
+exports.useSwipeItems = useSwipeItems;
 
 var _components = require("../utils/components");
 

package/lib/swipe-item/SwipeItem.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/switch/Switch.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _vue = require("vue");
 
@@ -37,7 +37,9 @@ function render(_ctx, _cache) {
 
   return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", _hoisted_1, [(0, _vue.createElementVNode)("div", {
     class: (0, _vue.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: (0, _vue.normalizeStyle)(_ctx.styleComputed.switch)
   }, [(0, _vue.createElementVNode)("div", {
     style: (0, _vue.normalizeStyle)(_ctx.styleComputed.track),

package/lib/tab/Tab.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"));
 
@@ -23,7 +23,9 @@ function render(_ctx, _cache) {
     style: (0, _vue.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);
+    })
   }, [(0, _vue.renderSlot)(_ctx.$slots, "default")], 6
   /* CLASS, STYLE */
   )), [[_directive_ripple, {

package/lib/tab-item/TabItem.js

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

package/lib/table/Table.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/tabs/Tabs.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _sticky = _interopRequireDefault(require("../sticky"));
 
@@ -95,15 +95,21 @@ var _default = (0, _vue.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 = () => {
@@ -124,9 +130,10 @@ var _default = (0, _vue.defineComponent)({
       scrollable.value = tabList.length >= 5;
     };
 
-    var moveIndicator = ({
-      element
-    }) => {
+    var moveIndicator = _ref3 => {
+      var {
+        element
+      } = _ref3;
       var el = element.value;
 
       if (props.layoutDirection === 'horizontal') {
@@ -138,9 +145,11 @@ var _default = (0, _vue.defineComponent)({
       }
     };
 
-    var scrollToCenter = ({
-      element
-    }) => {
+    var scrollToCenter = _ref4 => {
+      var {
+        element
+      } = _ref4;
+
       if (!scrollable.value) {
         return;
       }

package/lib/tabs/provide.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.useTabList = useTabList;
 exports.TABS_COUNT_TAB_KEY = exports.TABS_BIND_TAB_KEY = void 0;
+exports.useTabList = useTabList;
 
 var _components = require("../utils/components");
 

package/lib/tabs-items/TabsItems.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _swipe = _interopRequireDefault(require("../swipe"));
 
@@ -51,15 +51,21 @@ var _default = (0, _vue.defineComponent)({
     } = (0, _provide.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 => {
@@ -75,9 +81,12 @@ var _default = (0, _vue.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);
     };
@@ -85,9 +94,12 @@ var _default = (0, _vue.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/lib/tabs-items/provide.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.useTabItem = useTabItem;
 exports.TABS_ITEMS_COUNT_TAB_ITEM_KEY = exports.TABS_ITEMS_BIND_TAB_ITEM_KEY = void 0;
+exports.useTabItem = useTabItem;
 
 var _components = require("../utils/components");
 

package/lib/time-picker/TimePicker.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _vue = require("vue");
 
@@ -80,9 +80,15 @@ function render(_ctx, _cache) {
   /* STYLE */
   ), (0, _vue.createElementVNode)("div", _hoisted_5, [(0, _vue.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"
   }, [(0, _vue.createVNode)(_vue.Transition, {
     name: "var-time-picker-panel-fade"

package/lib/time-picker/clock.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _vue = require("vue");
 
@@ -108,9 +108,10 @@ var _default = (0, _vue.defineComponent)({
   },
   emits: ['update', 'change-prevent-update'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      emit
+    } = _ref;
     var inner = (0, _vue.ref)(null);
     var disableHour = (0, _vue.ref)([]);
     var disable24HourIndex = (0, _vue.ref)([]);
@@ -233,7 +234,9 @@ var _default = (0, _vue.defineComponent)({
       return hours[activeItemIndex.value].padStart(2, '0');
     };
 
-    (0, _vue.watch)([activeItemIndex, () => props.isInner], ([index, inner], [oldIndex, oldInner]) => {
+    (0, _vue.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 ? _props.hours24[activeItemIndex.value] : getHour();
@@ -268,7 +271,8 @@ var _default = (0, _vue.defineComponent)({
 
       emit('update', newTime);
     });
-    (0, _vue.watch)([() => props.max, () => props.min, () => props.allowedTime], ([max, min, allowedTime]) => {
+    (0, _vue.watch)([() => props.max, () => props.min, () => props.allowedTime], _ref4 => {
+      var [max, min, allowedTime] = _ref4;
       disableHour.value = [];
 
       if (max && !min) {

package/lib/time-picker/props.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.props = exports.minSec = exports.hours24 = exports.hoursAmpm = void 0;
+exports.props = exports.minSec = exports.hoursAmpm = exports.hours24 = void 0;
 var hoursAmpm = ['12', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11'];
 exports.hoursAmpm = hoursAmpm;
 var hours24 = ['00', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23'];

package/lib/time-picker/utils.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.getIsDisableSecond = exports.getIsDisableMinute = exports.getNumberTime = exports.convertHour = exports.notConvert = void 0;
+exports.notConvert = exports.getNumberTime = exports.getIsDisableSecond = exports.getIsDisableMinute = exports.convertHour = void 0;
 
 var _props = require("./props");
 

package/lib/uploader/Uploader.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _formDetails = _interopRequireDefault(require("../form-details"));
 
@@ -106,7 +106,9 @@ 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), (0, _vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, _vue.createVNode)(_component_var_icon, {
@@ -310,11 +312,17 @@ var _default = (0, _vue.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((0, _vue.reactive)(varFile)));
@@ -326,7 +334,7 @@ var _default = (0, _vue.defineComponent)({
     }();
 
     var handleRemove = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator(function* (removedVarFile) {
+      var _ref4 = _asyncToGenerator(function* (removedVarFile) {
         var _props$onUpdateModel2;
 
         var {
@@ -352,7 +360,7 @@ var _default = (0, _vue.defineComponent)({
       });
 
       return function handleRemove(_x2) {
-        return _ref2.apply(this, arguments);
+        return _ref4.apply(this, arguments);
       };
     }(); // expose
 

package/lib/utils/components.js

@@ -1,19 +1,19 @@
 "use strict";
 
 exports.__esModule = true;
-exports.pickProps = pickProps;
+exports.addRouteListener = addRouteListener;
+exports.exposeApis = exposeApis;
+exports.flatVNodes = flatVNodes;
+exports.keyInProvides = keyInProvides;
 exports.mount = mount;
 exports.mountInstance = mountInstance;
-exports.flatVNodes = flatVNodes;
+exports.pickProps = pickProps;
 exports.useAtChildrenCounter = useAtChildrenCounter;
 exports.useAtParentIndex = useAtParentIndex;
 exports.useChildren = useChildren;
 exports.useParent = useParent;
-exports.keyInProvides = keyInProvides;
-exports.useValidation = useValidation;
-exports.addRouteListener = addRouteListener;
 exports.useTeleport = useTeleport;
-exports.exposeApis = exposeApis;
+exports.useValidation = useValidation;
 
 var _vue = require("vue");
 
@@ -51,7 +51,15 @@ function mount(component) {
   };
 }
 
-function mountInstance(component, props = {}, eventListener = {}) {
+function mountInstance(component, props, eventListener) {
+  if (props === void 0) {
+    props = {};
+  }
+
+  if (eventListener === void 0) {
+    eventListener = {};
+  }
+
   var Host = {
     setup() {
       return () => (0, _vue.h)(component, _extends({}, props, eventListener));

package/lib/utils/elements.js

@@ -1,22 +1,23 @@
 "use strict";
 
 exports.__esModule = true;
+exports.cancelAnimationFrame = cancelAnimationFrame;
+exports.doubleRaf = doubleRaf;
+exports.formatStyleVars = formatStyleVars;
+exports.getAllParentScroller = getAllParentScroller;
 exports.getLeft = getLeft;
-exports.getTop = getTop;
-exports.getScrollTop = getScrollTop;
+exports.getParentScroller = getParentScroller;
 exports.getScrollLeft = getScrollLeft;
-exports.inViewport = inViewport;
+exports.getScrollTop = getScrollTop;
+exports.getTop = getTop;
 exports.getTranslate = getTranslate;
+exports.inViewport = inViewport;
 exports.isHidden = isHidden;
-exports.getParentScroller = getParentScroller;
-exports.getAllParentScroller = getAllParentScroller;
-exports.requestAnimationFrame = requestAnimationFrame;
-exports.cancelAnimationFrame = cancelAnimationFrame;
+exports.isVw = exports.isVh = exports.isRem = exports.isPx = exports.isPercent = void 0;
 exports.nextTickFrame = nextTickFrame;
-exports.doubleRaf = doubleRaf;
+exports.requestAnimationFrame = requestAnimationFrame;
 exports.scrollTo = scrollTo;
-exports.formatStyleVars = formatStyleVars;
-exports.toSizeUnit = exports.toPxNum = exports.isVh = exports.isVw = exports.isPercent = exports.isPx = exports.isRem = void 0;
+exports.toSizeUnit = exports.toPxNum = void 0;
 
 var _shared = require("./shared");
 
@@ -224,12 +225,13 @@ function doubleRaf() {
   });
 }
 
-function scrollTo(element, {
-  top = 0,
-  left = 0,
-  duration = 300,
-  animation
-}) {
+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);
@@ -253,7 +255,8 @@ function scrollTo(element, {
 }
 
 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 : "--" + (0, _shared.kebabCase)(key);
     styles[cssVar] = value;
     return styles;

package/lib/utils/jest.js

@@ -1,18 +1,18 @@
 "use strict";
 
 exports.__esModule = true;
+exports.delay = void 0;
 exports.getTouch = getTouch;
+exports.mockConsole = mockConsole;
 exports.mockDoubleRaf = mockDoubleRaf;
-exports.trigger = trigger;
-exports.mockOffset = mockOffset;
-exports.mockImageNaturalSize = mockImageNaturalSize;
-exports.triggerDrag = triggerDrag;
-exports.mockTranslate = mockTranslate;
 exports.mockFileReader = mockFileReader;
-exports.mockStubs = mockStubs;
-exports.mockConsole = mockConsole;
+exports.mockImageNaturalSize = mockImageNaturalSize;
+exports.mockOffset = mockOffset;
 exports.mockScrollTo = mockScrollTo;
-exports.delay = void 0;
+exports.mockStubs = mockStubs;
+exports.mockTranslate = mockTranslate;
+exports.trigger = trigger;
+exports.triggerDrag = triggerDrag;
 
 var _vue = require("vue");
 
@@ -59,7 +59,23 @@ function mockDoubleRaf() {
   };
 }
 
-function trigger(wrapper, eventName, x = 0, y = 0, offsetX = 0, offsetY = 0) {
+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');
@@ -77,14 +93,15 @@ function trigger(wrapper, eventName, x = 0, y = 0, offsetX = 0, offsetY = 0) {
   return (0, _vue.nextTick)();
 }
 
-function mockOffset({
-  offsetWidth,
-  offsetHeight,
-  clientWidth,
-  clientHeight,
-  offsetLeft,
-  offsetTop
-} = {}) {
+function mockOffset(_temp) {
+  var {
+    offsetWidth,
+    offsetHeight,
+    clientWidth,
+    clientHeight,
+    offsetLeft,
+    offsetTop
+  } = _temp === void 0 ? {} : _temp;
   Object.defineProperties(HTMLElement.prototype, {
     offsetWidth: {
       get() {
@@ -150,12 +167,20 @@ function mockImageNaturalSize(naturalWidth, naturalHeight) {
   });
 }
 
-function triggerDrag(_x) {
+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);
@@ -228,7 +253,11 @@ function mockStubs() {
   };
 }
 
-function mockConsole(method, fn = () => {}) {
+function mockConsole(method, fn) {
+  if (fn === void 0) {
+    fn = () => {};
+  }
+
   var originMethod = console[method];
   console[method] = fn;
   return {