@varlet/ui 1.23.12-alpha.31 → 1.24.2-alpha.1640872052259

package/CHANGELOG.md

@@ -3,6 +3,42 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.24.1](https://github.com/haoziqaq/varlet/compare/v1.24.0...v1.24.1) (2021-12-27)
+
+
+### Bug Fixes
+
+* **ui/elevation:** resolve shadow cannot display ([227b2db](https://github.com/haoziqaq/varlet/commit/227b2dbab2884a8914ef5a530c18dfffff010323))
+
+
+
+
+
+# [1.24.0](https://github.com/haoziqaq/varlet/compare/v1.23.11...v1.24.0) (2021-12-27)
+
+
+### Bug Fixes
+
+* **card:** add word-break for description ([38d7427](https://github.com/haoziqaq/varlet/commit/38d74270eed5bc71b4f821f5433604b7a62eecbc))
+* **d.ts:** fix pack declare lost after build ([d7df27e](https://github.com/haoziqaq/varlet/commit/d7df27e439a2b28fa4a9cfb867129611f2a268b3))
+* **loading:** add transition for overlay ([2a62eaa](https://github.com/haoziqaq/varlet/commit/2a62eaa8eed6a5ff77222b48932b39655744ffae))
+* **loading:** expose marigin css variable ([313d232](https://github.com/haoziqaq/varlet/commit/313d232b363981ce94c11e419ace904bfc2b246d))
+* **placeholder:** text-overflow to ellipsis ([7c586d2](https://github.com/haoziqaq/varlet/commit/7c586d2f7e751a12993d06e46d460ac25de24b22))
+* **select:** fix select's placeholder when too long ([a7e08a6](https://github.com/haoziqaq/varlet/commit/a7e08a60e7d2d8f49f0863fcda6814bc1fdd4fdc))
+* **types:** fix prompts that could not find a declaration file when import translation file ([2637884](https://github.com/haoziqaq/varlet/commit/26378841f2fbafeda8bcd6fffd5eccfd50e9e559))
+* **types:** fix prompts that could not find a declaration file when import translation file ([e17c6d2](https://github.com/haoziqaq/varlet/commit/e17c6d2c430f1b4601875e98ca92d075a1de5813))
+* **ui/input, select:** fix placeholder animation and var--ellipsis class ([458ab30](https://github.com/haoziqaq/varlet/commit/458ab307652328ace71dc0523323422f7ebdbaac))
+* **ui/swipe:** do not use initialIndex when resize ([46e997e](https://github.com/haoziqaq/varlet/commit/46e997e8f014432149f409e40545592757ae4484))
+
+
+### Features
+
+* **loading:** add slots and desc prop ([db0df16](https://github.com/haoziqaq/varlet/commit/db0df16af2cab2de059282e9a8c15c66077b1ae2))
+
+
+
+
+
 ## [1.23.11](https://github.com/haoziqaq/varlet/compare/v1.23.10...v1.23.11) (2021-12-10)
 
 

package/es/back-top/BackTop.js

@@ -12,7 +12,9 @@ export function render(_ctx, _cache) {
 
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(["var-back-top", [_ctx.show ? 'var-back-top--active' : null]]),
-    onClick: _cache[0] || (_cache[0] = _withModifiers((...args) => _ctx.click && _ctx.click(...args), ["stop"]))
+    onClick: _cache[0] || (_cache[0] = _withModifiers(function () {
+      return _ctx.click && _ctx.click(...arguments);
+    }, ["stop"]))
   }, [_renderSlot(_ctx.$slots, "default", {}, () => [_createVNode(_component_var_button, {
     type: "primary",
     round: "",

package/es/badge/Badge.js

@@ -48,9 +48,10 @@ export default defineComponent({
   inheritAttrs: false,
   props,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var contentClass = computed(() => {
       var {
         type,

package/es/button/Button.js

@@ -19,8 +19,12 @@ export 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 ? (_openBlock(), _createBlock(_component_var_loading, {
     key: 0,
     class: "var-button__loading",

package/es/card/Card.js

@@ -28,7 +28,9 @@ export function render(_ctx, _cache) {
 
   return _withDirectives((_openBlock(), _createElementBlock("div", {
     class: _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);
+    })
   }, [_renderSlot(_ctx.$slots, "image", {}, () => [_ctx.src ? (_openBlock(), _createElementBlock("img", {
     key: 0,
     class: "var-card__image",

package/es/checkbox/Checkbox.js

@@ -22,7 +22,9 @@ export function render(_ctx, _cache) {
 
   return _openBlock(), _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);
+    })
   }, [_createElementVNode("div", _hoisted_1, [_withDirectives(_createElementVNode("div", {
     class: _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: _normalizeStyle({

package/es/checkbox-group/CheckboxGroup.js

@@ -94,17 +94,23 @@ export default 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 = uniq(checkedValues);
       (_props$onUpdateModel2 = props['onUpdate:modelValue']) == null ? void 0 : _props$onUpdateModel2.call(props, changedModelValue);
       return changedModelValue;
@@ -114,11 +120,17 @@ export default 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 = uniq(checkedValues);
       (_props$onUpdateModel3 = props['onUpdate:modelValue']) == null ? void 0 : _props$onUpdateModel3.call(props, changedModelValue);
       return changedModelValue;

package/es/chip/Chip.js

@@ -18,7 +18,9 @@ export function render(_ctx, _cache) {
     ), _renderSlot(_ctx.$slots, "right"), _ctx.closable ? (_openBlock(), _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);
+      })
     }, [_createVNode(_component_var_icon, {
       name: "" + (_ctx.iconName ? _ctx.iconName : 'close-circle')
     }, null, 8

package/es/col/Col.js

@@ -11,7 +11,9 @@ export 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);
+    })
   }, [_renderSlot(_ctx.$slots, "default")], 6
   /* CLASS, STYLE */
   );

package/es/collapse/Collapse.js

@@ -56,14 +56,18 @@ export default 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);
       });
@@ -72,16 +76,22 @@ export default 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/es/collapse-item/CollapseItem.js

@@ -44,7 +44,9 @@ export function render(_ctx, _cache) {
   , ["name", "class"])])])]), _withDirectives(_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);
+    })
   }, [_createElementVNode("div", _hoisted_3, [_renderSlot(_ctx.$slots, "default")])], 544
   /* HYDRATE_EVENTS, NEED_PATCH */
   ), [[_vShow, _ctx.show]])], 2

package/es/counter/Counter.js

@@ -56,7 +56,9 @@ export 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), [[_vModelText, _ctx.inputValue]]), _withDirectives(_createVNode(_component_var_icon, {

package/es/date-picker/DatePicker.js

@@ -201,8 +201,8 @@ export default defineComponent({
       } = props;
 
       if (range) {
-        chooseRangeDay.value = chooseRangeDay.value.map(date => dayjs(date).format('YYYY-MM-DD'));
-        return chooseRangeDay.value[0] + " ~ " + chooseRangeDay.value[1];
+        var formatRangeDays = chooseRangeDay.value.map(date => dayjs(date).format('YYYY-MM-DD'));
+        return formatRangeDays[0] + " ~ " + formatRangeDays[1];
       }
 
       if (multiple) return "" + chooseDays.value.length + pack.value.datePickerSelected;

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

@@ -117,9 +117,10 @@ export default defineComponent({
   },
   emits: ['check-preview', 'choose-day'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      emit
+    } = _ref;
     var [currentYear, currentMonth, currentDay] = props.current.split('-');
     var days = ref([]);
     var reverse = ref(false);

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

@@ -100,9 +100,10 @@ export default defineComponent({
   },
   emits: ['check-preview', 'choose-month'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      emit
+    } = _ref;
     var [currentYear, currentMonth] = props.current.split('-');
     var reverse = ref(false);
     var panelKey = ref(0);

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

@@ -90,9 +90,10 @@ export default defineComponent({
   },
   emits: ['check-panel', 'check-date'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      emit
+    } = _ref;
     var reverse = ref(false);
     var forwardOrBackNum = ref(0);
     var showDate = computed(() => {

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

@@ -39,9 +39,10 @@ export default defineComponent({
   },
   emits: ['choose-year'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      emit
+    } = _ref;
     var yearList = computed(() => {
       var list = [];
       var {

package/es/divider/Divider.js

@@ -27,9 +27,10 @@ export default defineComponent({
   name: 'VarDivider',
   props,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var state = reactive({
       withText: false
     });

package/es/form/Form.js

@@ -30,9 +30,12 @@ export default 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);
       });
 
@@ -42,14 +45,20 @@ export default 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,