@varlet/ui 1.24.0 → 1.24.2-alpha.1640872324277

package/lib/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/lib/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/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;