@varlet/ui 1.24.0 → 1.24.2-alpha.1640872324277

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/highlight/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "1.23.11",
+  "version": "1.24.0",
   "name": "VARLET",
   "contributions": {
     "html": {

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,

package/lib/button/Button.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"));
 
@@ -30,8 +30,12 @@ function render(_ctx, _cache) {
       background: _ctx.color
     }),
     disabled: _ctx.disabled,
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
-    onTouchstart: _cache[1] || (_cache[1] = (...args) => _ctx.handleTouchstart && _ctx.handleTouchstart(...args))
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.handleClick && _ctx.handleClick(...arguments);
+    }),
+    onTouchstart: _cache[1] || (_cache[1] = function () {
+      return _ctx.handleTouchstart && _ctx.handleTouchstart(...arguments);
+    })
   }, [_ctx.loading ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_var_loading, {
     key: 0,
     class: "var-button__loading",

package/lib/card/Card.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"));
 
@@ -39,7 +39,9 @@ function render(_ctx, _cache) {
 
   return (0, _vue.withDirectives)(((0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", {
     class: (0, _vue.normalizeClass)(["var-card", [_ctx.elevation ? "var-elevation--" + _ctx.elevation : 'var-elevation--2']]),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.onClick && _ctx.onClick(...arguments);
+    })
   }, [(0, _vue.renderSlot)(_ctx.$slots, "image", {}, () => [_ctx.src ? ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("img", {
     key: 0,
     class: "var-card__image",

package/lib/cell/Cell.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/checkbox/Checkbox.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"));
 
@@ -37,7 +37,9 @@ function render(_ctx, _cache) {
 
   return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", {
     class: "var-checkbox__wrap",
-    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.createElementVNode)("div", _hoisted_1, [(0, _vue.withDirectives)((0, _vue.createElementVNode)("div", {
     class: (0, _vue.normalizeClass)(["var-checkbox__action", [_ctx.checked ? 'var-checkbox--checked' : 'var-checkbox--unchecked', _ctx.errorMessage || _ctx.checkboxGroupErrorMessage ? 'var-checkbox--error' : null, _ctx.formDisabled || _ctx.disabled ? 'var-checkbox--disabled' : null]]),
     style: (0, _vue.normalizeStyle)({

package/lib/checkbox-group/CheckboxGroup.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"));
 
@@ -109,17 +109,23 @@ var _default = (0, _vue.defineComponent)({
       change(modelValue.filter(value => value !== changedValue));
     };
 
-    var syncCheckboxes = () => checkboxes.forEach(({
-      sync
-    }) => sync(props.modelValue)); // expose
+    var syncCheckboxes = () => checkboxes.forEach(_ref => {
+      var {
+        sync
+      } = _ref;
+      return sync(props.modelValue);
+    }); // expose
 
 
     var checkAll = () => {
       var _props$onUpdateModel2;
 
-      var checkedValues = checkboxes.map(({
-        checkedValue
-      }) => checkedValue.value);
+      var checkedValues = checkboxes.map(_ref2 => {
+        var {
+          checkedValue
+        } = _ref2;
+        return checkedValue.value;
+      });
       var changedModelValue = (0, _shared.uniq)(checkedValues);
       (_props$onUpdateModel2 = props['onUpdate:modelValue']) == null ? void 0 : _props$onUpdateModel2.call(props, changedModelValue);
       return changedModelValue;
@@ -129,11 +135,17 @@ var _default = (0, _vue.defineComponent)({
     var inverseAll = () => {
       var _props$onUpdateModel3;
 
-      var checkedValues = checkboxes.filter(({
-        checked
-      }) => !checked.value).map(({
-        checkedValue
-      }) => checkedValue.value);
+      var checkedValues = checkboxes.filter(_ref3 => {
+        var {
+          checked
+        } = _ref3;
+        return !checked.value;
+      }).map(_ref4 => {
+        var {
+          checkedValue
+        } = _ref4;
+        return checkedValue.value;
+      });
       var changedModelValue = (0, _shared.uniq)(checkedValues);
       (_props$onUpdateModel3 = props['onUpdate:modelValue']) == null ? void 0 : _props$onUpdateModel3.call(props, changedModelValue);
       return changedModelValue;

package/lib/checkbox-group/provide.js

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

package/lib/chip/Chip.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"));
 
@@ -28,7 +28,9 @@ function render(_ctx, _cache) {
     ), (0, _vue.renderSlot)(_ctx.$slots, "right"), _ctx.closable ? ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("span", {
       key: 0,
       class: "var-chip--close",
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClose && _ctx.onClose(...args))
+      onClick: _cache[0] || (_cache[0] = function () {
+        return _ctx.onClose && _ctx.onClose(...arguments);
+      })
     }, [(0, _vue.createVNode)(_component_var_icon, {
       name: "" + (_ctx.iconName ? _ctx.iconName : 'close-circle')
     }, null, 8

package/lib/col/Col.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _vue = require("vue");
 
@@ -21,7 +21,9 @@ function render(_ctx, _cache) {
       paddingLeft: _ctx.toSizeUnit(_ctx.padding.left),
       paddingRight: _ctx.toSizeUnit(_ctx.padding.right)
     }),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.onClick && _ctx.onClick(...arguments);
+    })
   }, [(0, _vue.renderSlot)(_ctx.$slots, "default")], 6
   /* CLASS, STYLE */
   );

package/lib/collapse/Collapse.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _vue = require("vue");
 
@@ -66,14 +66,18 @@ var _default = (0, _vue.defineComponent)({
 
     var matchName = () => {
       if (props.accordion) {
-        return collapseItem.find(({
-          name
-        }) => props.modelValue === name.value);
+        return collapseItem.find(_ref => {
+          var {
+            name
+          } = _ref;
+          return props.modelValue === name.value;
+        });
       }
 
-      var filterItem = collapseItem.filter(({
-        name
-      }) => {
+      var filterItem = collapseItem.filter(_ref2 => {
+        var {
+          name
+        } = _ref2;
         if (name.value === undefined) return false;
         return props.modelValue.includes(name.value);
       });
@@ -82,16 +86,22 @@ var _default = (0, _vue.defineComponent)({
 
     var matchIndex = () => {
       if (props.accordion) {
-        return collapseItem.find(({
-          index,
-          name
-        }) => name.value === undefined ? props.modelValue === index.value : false);
+        return collapseItem.find(_ref3 => {
+          var {
+            index,
+            name
+          } = _ref3;
+          return name.value === undefined ? props.modelValue === index.value : false;
+        });
       }
 
-      return collapseItem.filter(({
-        index,
-        name
-      }) => name.value === undefined ? props.modelValue.includes(index.value) : false);
+      return collapseItem.filter(_ref4 => {
+        var {
+          index,
+          name
+        } = _ref4;
+        return name.value === undefined ? props.modelValue.includes(index.value) : false;
+      });
     };
 
     var resize = () => {

package/lib/collapse/provide.js

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

package/lib/collapse-item/CollapseItem.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _vue = require("vue");
 
@@ -57,7 +57,9 @@ function render(_ctx, _cache) {
   , ["name", "class"])])])]), (0, _vue.withDirectives)((0, _vue.createElementVNode)("div", {
     class: "var-collapse-item-content",
     ref: "contentEl",
-    onTransitionend: _cache[1] || (_cache[1] = (...args) => _ctx.transitionend && _ctx.transitionend(...args))
+    onTransitionend: _cache[1] || (_cache[1] = function () {
+      return _ctx.transitionend && _ctx.transitionend(...arguments);
+    })
   }, [(0, _vue.createElementVNode)("div", _hoisted_3, [(0, _vue.renderSlot)(_ctx.$slots, "default")])], 544
   /* HYDRATE_EVENTS, NEED_PATCH */
   ), [[_vue.vShow, _ctx.show]])], 2

package/lib/context/lock.js

@@ -1,9 +1,9 @@
 "use strict";
 
 exports.__esModule = true;
-exports.resolveLock = resolveLock;
 exports.addLock = addLock;
 exports.releaseLock = releaseLock;
+exports.resolveLock = resolveLock;
 exports.useLock = useLock;
 
 var _vue = require("vue");

package/lib/countdown/Countdown.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/counter/Counter.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"));
 
@@ -74,7 +74,9 @@ function render(_ctx, _cache) {
     readonly: _ctx.readonly || _ctx.formReadonly,
     disabled: _ctx.disabled || _ctx.formDisabled || _ctx.disableInput,
     "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.inputValue = $event),
-    onChange: _cache[1] || (_cache[1] = (...args) => _ctx.handleChange && _ctx.handleChange(...args))
+    onChange: _cache[1] || (_cache[1] = function () {
+      return _ctx.handleChange && _ctx.handleChange(...arguments);
+    })
   }, null, 44
   /* STYLE, PROPS, HYDRATE_EVENTS */
   , _hoisted_2), [[_vue.vModelText, _ctx.inputValue]]), (0, _vue.withDirectives)((0, _vue.createVNode)(_component_var_icon, {

package/lib/date-picker/DatePicker.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _vue = require("vue");
 
@@ -219,8 +219,8 @@ var _default = (0, _vue.defineComponent)({
       } = props;
 
       if (range) {
-        chooseRangeDay.value = chooseRangeDay.value.map(date => (0, _dayjs.default)(date).format('YYYY-MM-DD'));
-        return chooseRangeDay.value[0] + " ~ " + chooseRangeDay.value[1];
+        var formatRangeDays = chooseRangeDay.value.map(date => (0, _dayjs.default)(date).format('YYYY-MM-DD'));
+        return formatRangeDays[0] + " ~ " + formatRangeDays[1];
       }
 
       if (multiple) return "" + chooseDays.value.length + _locale.pack.value.datePickerSelected;

package/lib/date-picker/src/day-picker-panel.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _dayjs = _interopRequireDefault(require("dayjs"));
 
@@ -136,9 +136,10 @@ var _default = (0, _vue.defineComponent)({
   },
   emits: ['check-preview', 'choose-day'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      emit
+    } = _ref;
     var [currentYear, currentMonth, currentDay] = props.current.split('-');
     var days = (0, _vue.ref)([]);
     var reverse = (0, _vue.ref)(false);

package/lib/date-picker/src/month-picker-panel.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _vue = require("vue");
 
@@ -119,9 +119,10 @@ var _default = (0, _vue.defineComponent)({
   },
   emits: ['check-preview', 'choose-month'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      emit
+    } = _ref;
     var [currentYear, currentMonth] = props.current.split('-');
     var reverse = (0, _vue.ref)(false);
     var panelKey = (0, _vue.ref)(0);

package/lib/date-picker/src/panel-header.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _button = _interopRequireDefault(require("../../button"));
 
@@ -103,9 +103,10 @@ var _default = (0, _vue.defineComponent)({
   },
   emits: ['check-panel', 'check-date'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      emit
+    } = _ref;
     var reverse = (0, _vue.ref)(false);
     var forwardOrBackNum = (0, _vue.ref)(0);
     var showDate = (0, _vue.computed)(() => {

package/lib/date-picker/src/year-picker-panel.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _vue = require("vue");
 
@@ -50,9 +50,10 @@ var _default = (0, _vue.defineComponent)({
   },
   emits: ['choose-year'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      emit
+    } = _ref;
     var yearList = (0, _vue.computed)(() => {
       var list = [];
       var {

package/lib/dialog/Dialog.js

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

package/lib/divider/Divider.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,9 +37,10 @@ var _default = (0, _vue.defineComponent)({
   name: 'VarDivider',
   props: _props.props,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var state = (0, _vue.reactive)({
       withText: false
     });

package/lib/form/Form.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.render = render;
 exports.default = void 0;
+exports.render = render;
 
 var _vue = require("vue");
 
@@ -39,9 +39,12 @@ var _default = (0, _vue.defineComponent)({
 
     var validate = /*#__PURE__*/function () {
       var _ref = _asyncToGenerator(function* () {
-        var res = yield Promise.all(formItems.map(({
-          validate
-        }) => validate()));
+        var res = yield Promise.all(formItems.map(_ref2 => {
+          var {
+            validate
+          } = _ref2;
+          return validate();
+        }));
         return res.every(r => r === true);
       });
 
@@ -51,14 +54,20 @@ var _default = (0, _vue.defineComponent)({
     }(); // expose
 
 
-    var reset = () => formItems.forEach(({
-      reset
-    }) => reset()); // expose
+    var reset = () => formItems.forEach(_ref3 => {
+      var {
+        reset
+      } = _ref3;
+      return reset();
+    }); // expose
 
 
-    var resetValidation = () => formItems.forEach(({
-      resetValidation
-    }) => resetValidation());
+    var resetValidation = () => formItems.forEach(_ref4 => {
+      var {
+        resetValidation
+      } = _ref4;
+      return resetValidation();
+    });
 
     var formProvider = {
       disabled,