@varlet/ui 1.27.15 → 1.27.17

package/es/utils/shared.js

@@ -1,3 +1,4 @@
+import { removeItem } from '@varlet/shared';
 export var isHTMLSupportImage = val => {
   if (val == null) {
     return false;
@@ -12,15 +13,6 @@ export var isHTMLSupportVideo = val => {
 
   return val.startsWith('data:video') || /\.(mp4|webm|ogg)$/.test(val);
 };
-export var removeItem = (arr, item) => {
-  if (arr.length) {
-    var index = arr.indexOf(item);
-
-    if (index > -1) {
-      return arr.splice(index, 1);
-    }
-  }
-};
 export var createCache = max => {
   var cache = [];
   return {

package/es/varlet.esm.js

@@ -31,7 +31,7 @@ const toNumber = (val) => {
     return Number(val);
   return val;
 };
-const removeItem$1 = (arr, item) => {
+const removeItem = (arr, item) => {
   if (arr.length) {
     const index = arr.indexOf(item);
     if (index > -1) {
@@ -406,7 +406,7 @@ function useAtChildrenCounter(key) {
     sortInstances();
   };
   var clear2 = (instance) => {
-    removeItem$1(instances, instance);
+    removeItem(instances, instance);
   };
   provide(key, {
     collect,
@@ -448,7 +448,7 @@ function useChildren(key) {
     childProviders.push(childProvider);
   };
   var clear2 = (childProvider) => {
-    removeItem$1(childProviders, childProvider);
+    removeItem(childProviders, childProvider);
   };
   var bindChildren = (parentProvider) => {
     provide(key, _extends$e({
@@ -1196,14 +1196,6 @@ var isHTMLSupportVideo = (val) => {
   }
   return val.startsWith("data:video") || /\.(mp4|webm|ogg)$/.test(val);
 };
-var removeItem = (arr, item) => {
-  if (arr.length) {
-    var index = arr.indexOf(item);
-    if (index > -1) {
-      return arr.splice(index, 1);
-    }
-  }
-};
 var createCache = (max2) => {
   var cache = [];
   return {
@@ -3916,13 +3908,19 @@ var CollapseItem = defineComponent({
     var closePanel = () => {
       if (!contentEl.value)
         return;
-      contentEl.value.style.height = 0 + "px";
+      var {
+        offsetHeight
+      } = contentEl.value;
+      contentEl.value.style.height = offsetHeight + "px";
+      requestAnimationFrame(() => {
+        contentEl.value.style.height = 0 + "px";
+      });
     };
     var transitionend = () => {
       if (!isShow.value) {
         show.value = false;
-        contentEl.value.style.height = "";
       }
+      contentEl.value.style.height = "";
     };
     var collapseItemProvider = {
       index,
@@ -9183,7 +9181,7 @@ function _add() {
   return _add.apply(this, arguments);
 }
 function clear(el) {
-  removeItem$1(lazyElements, el);
+  removeItem(lazyElements, el);
   lazyElements.length === 0 && unbindEvents();
 }
 function diff(el, binding) {
@@ -10888,7 +10886,7 @@ function render$q(_ctx, _cache) {
   var _component_var_form_details = resolveComponent("var-form-details");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.classes(_ctx.n(), "var--box", [_ctx.disabled, _ctx.n("--disabled")])),
-    onClick: _cache[8] || (_cache[8] = function() {
+    onClick: _cache[10] || (_cache[10] = function() {
       return _ctx.handleClick && _ctx.handleClick(...arguments);
     })
   }, [createElementVNode("div", {
@@ -10930,6 +10928,9 @@ function render$q(_ctx, _cache) {
     }),
     onChange: _cache[3] || (_cache[3] = function() {
       return _ctx.handleChange && _ctx.handleChange(...arguments);
+    }),
+    onTouchstart: _cache[4] || (_cache[4] = function() {
+      return _ctx.handleTouchstart && _ctx.handleTouchstart(...arguments);
     })
   }, "\n        ", 46, _hoisted_1$9)) : (openBlock(), createElementBlock("input", {
     key: 2,
@@ -10945,17 +10946,20 @@ function render$q(_ctx, _cache) {
       color: _ctx.textColor,
       caretColor: !_ctx.errorMessage ? _ctx.focusColor : void 0
     }),
-    onFocus: _cache[4] || (_cache[4] = function() {
+    onFocus: _cache[5] || (_cache[5] = function() {
       return _ctx.handleFocus && _ctx.handleFocus(...arguments);
     }),
-    onBlur: _cache[5] || (_cache[5] = function() {
+    onBlur: _cache[6] || (_cache[6] = function() {
       return _ctx.handleBlur && _ctx.handleBlur(...arguments);
     }),
-    onInput: _cache[6] || (_cache[6] = function() {
+    onInput: _cache[7] || (_cache[7] = function() {
       return _ctx.handleInput && _ctx.handleInput(...arguments);
     }),
-    onChange: _cache[7] || (_cache[7] = function() {
+    onChange: _cache[8] || (_cache[8] = function() {
       return _ctx.handleChange && _ctx.handleChange(...arguments);
+    }),
+    onTouchstart: _cache[9] || (_cache[9] = function() {
+      return _ctx.handleTouchstart && _ctx.handleTouchstart(...arguments);
     })
   }, null, 46, _hoisted_2$5)), createElementVNode("label", {
     class: normalizeClass(_ctx.classes("var--ellipsis", [_ctx.isFocus, _ctx.n("--focus")], [_ctx.errorMessage, _ctx.n("--error")], [_ctx.textarea, _ctx.n("textarea-placeholder"), _ctx.n("placeholder")], _ctx.computePlaceholderState(), [!_ctx.hint, _ctx.n("--placeholder-non-hint")])),
@@ -11097,6 +11101,16 @@ var Input = defineComponent({
       validateWithTrigger("onClick");
     };
     var withTrim = (value) => props2.modelModifiers.trim ? value.trim() : value;
+    var handleTouchstart = (e) => {
+      var {
+        disabled,
+        readonly
+      } = props2;
+      if (form != null && form.disabled.value || form != null && form.readonly.value || disabled || readonly) {
+        return;
+      }
+      e.stopPropagation();
+    };
     var reset = () => {
       call(props2["onUpdate:modelValue"], "");
       resetValidation();
@@ -11137,6 +11151,7 @@ var Input = defineComponent({
       handleChange,
       handleClear,
       handleClick,
+      handleTouchstart,
       validate,
       resetValidation,
       reset,
@@ -13976,17 +13991,19 @@ var Select = defineComponent({
       var {
         body
       } = document;
+      var bodyScrollHeight = body.scrollHeight;
       nextTick(() => {
-        var _menuEl$value, _menuEl$value2;
+        var _menuEl$value;
         var {
-          offsetTop: menuOffsetTop,
           offsetHeight: menuOffsetHeight
         } = (_menuEl$value = menuEl.value) == null ? void 0 : _menuEl$value.parentElement;
-        var menuOffsetBottom = body.scrollHeight - menuOffsetHeight - menuOffsetTop;
-        if (menuOffsetTop < 0)
+        var wrapOffsetTop = getTop$1(wrapEl.value);
+        if (wrapOffsetTop + offsetY.value < 0) {
           offsetY.value = getOffsetY();
-        if (menuOffsetBottom < 0)
-          offsetY.value -= ((_menuEl$value2 = menuEl.value) == null ? void 0 : _menuEl$value2.parentElement).offsetHeight - getOffsetY();
+        }
+        if (menuOffsetHeight + wrapOffsetTop + offsetY.value > bodyScrollHeight) {
+          offsetY.value -= menuOffsetHeight - getOffsetY();
+        }
       });
     };
     watch(() => props2.multiple, () => {
@@ -14105,7 +14122,8 @@ function render$e(_ctx, _cache) {
     })
   }, [createElementVNode("div", {
     class: normalizeClass(_ctx.n("--animation"))
-  }, null, 2)], 6)) : createCommentVNode("v-if", true), createElementVNode("div", {
+  }, null, 2)], 6)) : createCommentVNode("v-if", true), _ctx.avatar || _ctx.title || _ctx.toNumber(_ctx.rows) > 0 ? (openBlock(), createElementBlock("div", {
+    key: 1,
     class: normalizeClass(_ctx.n("article"))
   }, [_ctx.avatar ? (openBlock(), createElementBlock("div", {
     key: 0,
@@ -14116,7 +14134,8 @@ function render$e(_ctx, _cache) {
     })
   }, [createElementVNode("div", {
     class: normalizeClass(_ctx.n("--animation"))
-  }, null, 2)], 6)) : createCommentVNode("v-if", true), createElementVNode("div", {
+  }, null, 2)], 6)) : createCommentVNode("v-if", true), _ctx.title || _ctx.toNumber(_ctx.rows) > 0 ? (openBlock(), createElementBlock("div", {
+    key: 1,
     class: normalizeClass(_ctx.n("section"))
   }, [_ctx.title ? (openBlock(), createElementBlock("div", {
     key: 0,
@@ -14136,7 +14155,7 @@ function render$e(_ctx, _cache) {
     }, [createElementVNode("div", {
       class: normalizeClass(_ctx.n("--animation"))
     }, null, 2)], 6);
-  }), 128))], 2)], 2)], 2)) : createCommentVNode("v-if", true), _ctx.loading && _ctx.fullscreen ? (openBlock(), createElementBlock("div", {
+  }), 128))], 2)) : createCommentVNode("v-if", true)], 2)) : createCommentVNode("v-if", true)], 2)) : createCommentVNode("v-if", true), _ctx.loading && _ctx.fullscreen ? (openBlock(), createElementBlock("div", {
     key: 2,
     class: normalizeClass(_ctx.n("fullscreen")),
     style: normalizeStyle({
@@ -14285,8 +14304,8 @@ function render$d(_ctx, _cache) {
         left: item.value + "%",
         zIndex: _ctx.thumbsProps[item.enumValue].active ? 1 : void 0
       }),
-      onTouchstart: ($event) => _ctx.start($event, item.enumValue),
-      onTouchmove: ($event) => _ctx.move($event, item.enumValue),
+      onTouchstart: withModifiers(($event) => _ctx.start($event, item.enumValue), ["stop"]),
+      onTouchmove: withModifiers(($event) => _ctx.move($event, item.enumValue), ["stop"]),
       onTouchend: ($event) => _ctx.end(item.enumValue),
       onTouchcancel: ($event) => _ctx.end(item.enumValue)
     }, [renderSlot(_ctx.$slots, "button", {

package/highlight/attributes.json

@@ -849,7 +849,7 @@
   },
   "var-input/type": {
     "type": "string",
-    "description": "输入框类型, 可选值为 `text` `password` `number` 默认值：text"
+    "description": "输入框类型, 可选值为 `text` `password` `number` `tel` 默认值：text"
   },
   "var-input/maxlength": {
     "type": "string | number",

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.27.14",
+  "version": "1.27.16",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -2537,7 +2537,7 @@
             },
             {
               "name": "type",
-              "description": "输入框类型, 可选值为 `text` `password` `number`",
+              "description": "输入框类型, 可选值为 `text` `password` `number` `tel`",
               "default": "text",
               "value": {
                 "type": "string",

package/lib/collapse-item/CollapseItem.js

@@ -124,14 +124,23 @@ var _default = (0, _vue.defineComponent)({
 
     var closePanel = () => {
       if (!contentEl.value) return;
-      contentEl.value.style.height = 0 + 'px';
+      var {
+        offsetHeight
+      } = contentEl.value;
+      contentEl.value.style.height = offsetHeight + 'px';
+      (0, _elements.requestAnimationFrame)(() => {
+        ;
+        contentEl.value.style.height = 0 + 'px';
+      });
     };
 
     var transitionend = () => {
       if (!isShow.value) {
         show.value = false;
-        contentEl.value.style.height = '';
       }
+
+      ;
+      contentEl.value.style.height = '';
     };
 
     var collapseItemProvider = {

package/lib/input/Input.js

@@ -38,7 +38,7 @@ function render(_ctx, _cache) {
 
   return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", {
     class: (0, _vue.normalizeClass)(_ctx.classes(_ctx.n(), 'var--box', [_ctx.disabled, _ctx.n('--disabled')])),
-    onClick: _cache[8] || (_cache[8] = function () {
+    onClick: _cache[10] || (_cache[10] = function () {
       return _ctx.handleClick && _ctx.handleClick(...arguments);
     })
   }, [(0, _vue.createElementVNode)("div", {
@@ -84,6 +84,9 @@ function render(_ctx, _cache) {
     }),
     onChange: _cache[3] || (_cache[3] = function () {
       return _ctx.handleChange && _ctx.handleChange(...arguments);
+    }),
+    onTouchstart: _cache[4] || (_cache[4] = function () {
+      return _ctx.handleTouchstart && _ctx.handleTouchstart(...arguments);
     })
   }, "\n        ", 46
   /* CLASS, STYLE, PROPS, HYDRATE_EVENTS */
@@ -101,17 +104,20 @@ function render(_ctx, _cache) {
       color: _ctx.textColor,
       caretColor: !_ctx.errorMessage ? _ctx.focusColor : undefined
     }),
-    onFocus: _cache[4] || (_cache[4] = function () {
+    onFocus: _cache[5] || (_cache[5] = function () {
       return _ctx.handleFocus && _ctx.handleFocus(...arguments);
     }),
-    onBlur: _cache[5] || (_cache[5] = function () {
+    onBlur: _cache[6] || (_cache[6] = function () {
       return _ctx.handleBlur && _ctx.handleBlur(...arguments);
     }),
-    onInput: _cache[6] || (_cache[6] = function () {
+    onInput: _cache[7] || (_cache[7] = function () {
       return _ctx.handleInput && _ctx.handleInput(...arguments);
     }),
-    onChange: _cache[7] || (_cache[7] = function () {
+    onChange: _cache[8] || (_cache[8] = function () {
       return _ctx.handleChange && _ctx.handleChange(...arguments);
+    }),
+    onTouchstart: _cache[9] || (_cache[9] = function () {
+      return _ctx.handleTouchstart && _ctx.handleTouchstart(...arguments);
     })
   }, null, 46
   /* CLASS, STYLE, PROPS, HYDRATE_EVENTS */
@@ -293,7 +299,20 @@ var _default = (0, _vue.defineComponent)({
       validateWithTrigger('onClick');
     };
 
-    var withTrim = value => props.modelModifiers.trim ? value.trim() : value; // expose
+    var withTrim = value => props.modelModifiers.trim ? value.trim() : value;
+
+    var handleTouchstart = e => {
+      var {
+        disabled,
+        readonly
+      } = props;
+
+      if (form != null && form.disabled.value || form != null && form.readonly.value || disabled || readonly) {
+        return;
+      }
+
+      e.stopPropagation();
+    }; // expose
 
 
     var reset = () => {
@@ -345,6 +364,7 @@ var _default = (0, _vue.defineComponent)({
       handleChange,
       handleClear,
       handleClick,
+      handleTouchstart,
       validate,
       resetValidation,
       reset,

package/lib/select/Select.js

@@ -477,16 +477,22 @@ var _default = (0, _vue.defineComponent)({
       var {
         body
       } = document;
+      var bodyScrollHeight = body.scrollHeight;
       (0, _vue.nextTick)(() => {
-        var _menuEl$value, _menuEl$value2;
+        var _menuEl$value;
 
         var {
-          offsetTop: menuOffsetTop,
           offsetHeight: menuOffsetHeight
         } = (_menuEl$value = menuEl.value) == null ? void 0 : _menuEl$value.parentElement;
-        var menuOffsetBottom = body.scrollHeight - menuOffsetHeight - menuOffsetTop;
-        if (menuOffsetTop < 0) offsetY.value = getOffsetY();
-        if (menuOffsetBottom < 0) offsetY.value -= ((_menuEl$value2 = menuEl.value) == null ? void 0 : _menuEl$value2.parentElement).offsetHeight - getOffsetY();
+        var wrapOffsetTop = (0, _elements.getTop)(wrapEl.value);
+
+        if (wrapOffsetTop + offsetY.value < 0) {
+          offsetY.value = getOffsetY();
+        }
+
+        if (menuOffsetHeight + wrapOffsetTop + offsetY.value > bodyScrollHeight) {
+          offsetY.value -= menuOffsetHeight - getOffsetY();
+        }
       });
     };
 

package/lib/select/select.css

@@ -1 +1 @@
-:root { --select-select-text-color: #555; --select-select-padding: 5px 0; --select-error-color: var(--color-danger); --select-blur-color: #888; --select-focus-color: var(--color-primary); --select-scroller-background: #fff; --select-scroller-padding: 6px 0; --select-scroller-max-height: 278px; --select-placeholder-size: 16px; --select-icon-padding: 16px 0 0; --select-icon-size: 20px; --select-chip-margin: 5px 5px 0; --select-line-size: 1px; --select-line-spread-size: 2px; --select-arrow-size: 20px; --select-disabled-color: var(--color-text-disabled);}.var-select-footer-margin-enter-from,.var-select-footer-margin-leave-to { opacity: 0; margin-top: 2px !important;}.var-select-footer-margin-enter-active,.var-select-footer-margin-leave-active { transition: 0.2s all var(--cubic-bezier);}.var-select { width: 100%; color: var(--select-select-text-color);}.var-select__controller { width: 100%; display: flex; position: relative;}.var-select__menu[var-select-cover] { flex-grow: 1; background: transparent;}.var-select__chip[var-select-cover] { margin: var(--select-chip-margin);}.var-select__scroller { max-height: var(--select-scroller-max-height); background: var(--select-scroller-background); padding: var(--select-scroller-padding); overflow-y: auto;}.var-select__wrap { position: relative; display: flex; flex-direction: column; padding-top: var(--select-placeholder-size);}.var-select__icon { display: flex; align-items: center; padding: var(--select-icon-padding); font-size: 20px;}.var-select__placeholder { position: absolute; top: 50%; left: 0; width: 100%; transform-origin: left; transition-property: top, transform, width; transition-duration: 0.3s; transform: translate(0, calc(-50% + var(--select-placeholder-size) / 2)) scale(1); font-size: var(--select-placeholder-size); color: var(--select-blur-color);}.var-select__select { display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 32px; padding: var(--select-select-padding); outline: none; border: none; font-size: inherit; color: var(--select-select-text-color); word-break: break-all;}.var-select__arrow[var-select-cover] { flex-shrink: 0; font-size: var(--select-arrow-size);}.var-select__line { width: 100%; height: var(--select-line-size); background: var(--select-blur-color);}.var-select__dot { width: 100%; height: var(--select-line-spread-size); background: var(--select-focus-color); transform: scaleX(0); transform-origin: center; transition: transform 0.3s var(--cubic-bezier);}.var-select--placeholder-hint { top: 0; width: 133.33%; transform: translate(0, 0) scale(0.75);}.var-select--placeholder-non-hint { top: 50%; transform: translate(0, -50%) scale(1);}.var-select--non-hint { padding-top: 0;}.var-select--placeholder-hidden { visibility: hidden;}.var-select--focus { color: var(--select-focus-color);}.var-select--spread { transform: scaleX(1);}.var-select--disabled { color: var(--select-disabled-color);}.var-select--error { color: var(--select-error-color);}.var-select--line-disabled { background: var(--select-disabled-color);}.var-select--line-error { background: var(--select-error-color);}.var-select--arrow-rotate { transform: rotate(180deg);}
+:root { --select-select-text-color: #555; --select-select-padding: 5px 0; --select-error-color: var(--color-danger); --select-blur-color: #888; --select-focus-color: var(--color-primary); --select-scroller-background: #fff; --select-scroller-padding: 6px 0; --select-scroller-max-height: 278px; --select-placeholder-size: 16px; --select-icon-padding: 16px 0 0; --select-icon-size: 20px; --select-chip-margin: 5px 5px 0; --select-line-size: 1px; --select-line-spread-size: 2px; --select-arrow-size: 20px; --select-disabled-color: var(--color-text-disabled);}.var-select-footer-margin-enter-from,.var-select-footer-margin-leave-to { opacity: 0; margin-top: 2px !important;}.var-select-footer-margin-enter-active,.var-select-footer-margin-leave-active { transition: 0.2s all var(--cubic-bezier);}.var-select { width: 100%; color: var(--select-select-text-color);}.var-select__controller { width: 100%; display: flex; position: relative;}.var-select__menu[var-select-cover] { flex-grow: 1; background: transparent;}.var-select__chip[var-select-cover] { margin: var(--select-chip-margin);}.var-select__scroller { max-height: var(--select-scroller-max-height); background: var(--select-scroller-background); padding: var(--select-scroller-padding); overflow-y: auto;}.var-select__wrap { position: relative; display: flex; flex-direction: column; padding-top: var(--select-placeholder-size);}.var-select__icon { display: flex; align-items: center; padding: var(--select-icon-padding); font-size: 20px;}.var-select__placeholder { position: absolute; top: 50%; left: 0; width: 100%; transform-origin: left; transition-property: top, transform, width; transition-duration: 0.3s; transform: translate(0, calc(-50% + var(--select-placeholder-size) / 2)) scale(1); font-size: var(--select-placeholder-size); color: var(--select-blur-color);}.var-select__select { display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 32px; padding: var(--select-select-padding); outline: none; border: none; font-size: inherit; color: var(--select-select-text-color); word-break: break-all; overflow-x: hidden;}.var-select__arrow[var-select-cover] { flex-shrink: 0; font-size: var(--select-arrow-size);}.var-select__line { width: 100%; height: var(--select-line-size); background: var(--select-blur-color);}.var-select__dot { width: 100%; height: var(--select-line-spread-size); background: var(--select-focus-color); transform: scaleX(0); transform-origin: center; transition: transform 0.3s var(--cubic-bezier);}.var-select--placeholder-hint { top: 0; width: 133.33%; transform: translate(0, 0) scale(0.75);}.var-select--placeholder-non-hint { top: 50%; transform: translate(0, -50%) scale(1);}.var-select--non-hint { padding-top: 0;}.var-select--placeholder-hidden { visibility: hidden;}.var-select--focus { color: var(--select-focus-color);}.var-select--spread { transform: scaleX(1);}.var-select--disabled { color: var(--select-disabled-color);}.var-select--error { color: var(--select-error-color);}.var-select--line-disabled { background: var(--select-disabled-color);}.var-select--line-error { background: var(--select-error-color);}.var-select--arrow-rotate { transform: rotate(180deg);}

package/lib/select/select.less

@@ -112,6 +112,7 @@
     font-size: inherit;
     color: var(--select-select-text-color);
     word-break: break-all;
+    overflow-x: hidden;
   }
 
   &__arrow[var-select-cover] {

package/lib/skeleton/Skeleton.js

@@ -42,7 +42,8 @@ function render(_ctx, _cache) {
   /* CLASS */
   )], 6
   /* CLASS, STYLE */
-  )) : (0, _vue.createCommentVNode)("v-if", true), (0, _vue.createElementVNode)("div", {
+  )) : (0, _vue.createCommentVNode)("v-if", true), _ctx.avatar || _ctx.title || _ctx.toNumber(_ctx.rows) > 0 ? ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", {
+    key: 1,
     class: (0, _vue.normalizeClass)(_ctx.n('article'))
   }, [_ctx.avatar ? ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", {
     key: 0,
@@ -57,7 +58,8 @@ function render(_ctx, _cache) {
   /* CLASS */
   )], 6
   /* CLASS, STYLE */
-  )) : (0, _vue.createCommentVNode)("v-if", true), (0, _vue.createElementVNode)("div", {
+  )) : (0, _vue.createCommentVNode)("v-if", true), _ctx.title || _ctx.toNumber(_ctx.rows) > 0 ? ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", {
+    key: 1,
     class: (0, _vue.normalizeClass)(_ctx.n('section'))
   }, [_ctx.title ? ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", {
     key: 0,
@@ -89,9 +91,9 @@ function render(_ctx, _cache) {
   /* KEYED_FRAGMENT */
   ))], 2
   /* CLASS */
-  )], 2
+  )) : (0, _vue.createCommentVNode)("v-if", true)], 2
   /* CLASS */
-  )], 2
+  )) : (0, _vue.createCommentVNode)("v-if", true)], 2
   /* CLASS */
   )) : (0, _vue.createCommentVNode)("v-if", true), _ctx.loading && _ctx.fullscreen ? ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", {
     key: 2,

package/lib/slider/Slider.js

@@ -77,8 +77,8 @@ function render(_ctx, _cache) {
         left: item.value + "%",
         zIndex: _ctx.thumbsProps[item.enumValue].active ? 1 : undefined
       }),
-      onTouchstart: $event => _ctx.start($event, item.enumValue),
-      onTouchmove: $event => _ctx.move($event, item.enumValue),
+      onTouchstart: (0, _vue.withModifiers)($event => _ctx.start($event, item.enumValue), ["stop"]),
+      onTouchmove: (0, _vue.withModifiers)($event => _ctx.move($event, item.enumValue), ["stop"]),
       onTouchend: $event => _ctx.end(item.enumValue),
       onTouchcancel: $event => _ctx.end(item.enumValue)
     }, [(0, _vue.renderSlot)(_ctx.$slots, "button", {

package/lib/snackbar/snackbar.css

@@ -1 +1 @@
-:root { --snackbar-width: 256px; --snackbar-color: rgba(255, 255, 255, 0.87); --snackbar-border-radius: 4px; --snackbar-background: #333; --snackbar-font-size: var(--font-size-md); --snackbar-margin: 6px 24px; --snackbar-border-color: currentColor; --snackbar-success-background: var(--color-success); --snackbar-info-background: var(--color-info); --snackbar-error-background: var(--color-danger); --snackbar-warning-background: var(--color-warning); --snackbar-content-padding: 14px 16px; --snackbar-action-margin: 0 16px 0 0;}.var-transition-group { position: fixed; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none;}.var-pointer-auto { pointer-events: auto;}.var-snackbar { display: flex; justify-content: center; align-items: baseline; left: 0; right: 0; bottom: 0; transition: all 0.15s var(--cubic-bezier);}.var-snackbar__transition { top: 0; position: fixed;}.var-snackbar__transition .var-snackbar__wrapper { position: absolute;}.var-snackbar__transition .var-snackbar__wrapper-top { top: 5%;}.var-snackbar__transition .var-snackbar__wrapper-center { top: 45%;}.var-snackbar__transition .var-snackbar__wrapper-bottom { bottom: 5%;}.var-snackbar__wrapper { width: var(--snackbar-width); display: flex; border-radius: var(--snackbar-border-radius); color: var(--snackbar-color); background: var(--snackbar-background); font-size: var(--snackbar-font-size); margin: var(--snackbar-margin); align-items: center; border-color: var(--snackbar-border-color); pointer-events: auto; transition: 0.3s var(--cubic-bezier);}.var-snackbar__wrapper-success { background: var(--snackbar-success-background);}.var-snackbar__wrapper-info { background: var(--snackbar-info-background);}.var-snackbar__wrapper-warning { background: var(--snackbar-warning-background);}.var-snackbar__wrapper-error { background: var(--snackbar-error-background);}.var-snackbar__content { flex-grow: 1; padding: var(--snackbar-content-padding);}.var-snackbar__action { margin: var(--snackbar-action-margin); display: flex;}.var-snackbar__vertical { flex-direction: column; align-items: flex-start;}.var-snackbar__vertical .var-snackbar__action { align-self: flex-end; margin-bottom: 8px;}.var-snackbar-fade-leave-active { position: absolute;}.var-snackbar-fade-enter-from,.var-snackbar-fade-leave-to { opacity: 0; transform: translateY(-30px);}
+:root { --snackbar-width: 256px; --snackbar-color: rgba(255, 255, 255, 0.87); --snackbar-border-radius: 4px; --snackbar-background: #333; --snackbar-font-size: var(--font-size-md); --snackbar-margin: 6px 24px; --snackbar-border-color: currentColor; --snackbar-success-background: var(--color-success); --snackbar-info-background: var(--color-info); --snackbar-error-background: var(--color-danger); --snackbar-warning-background: var(--color-warning); --snackbar-content-padding: 14px 16px; --snackbar-action-margin: 0 16px 0 0;}.var-transition-group { position: fixed; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none;}.var-pointer-auto { pointer-events: auto;}.var-snackbar { display: flex; justify-content: center; align-items: baseline; left: 0; right: 0; bottom: 0; transition: all 0.15s var(--cubic-bezier);}.var-snackbar__transition { top: 0; position: fixed;}.var-snackbar__transition .var-snackbar__wrapper { position: absolute;}.var-snackbar__transition .var-snackbar__wrapper-top { top: 5%;}.var-snackbar__transition .var-snackbar__wrapper-center { top: 45%;}.var-snackbar__transition .var-snackbar__wrapper-bottom { bottom: 5%;}.var-snackbar__wrapper { width: var(--snackbar-width); display: flex; border-radius: var(--snackbar-border-radius); color: var(--snackbar-color); background: var(--snackbar-background); font-size: var(--snackbar-font-size); margin: var(--snackbar-margin); align-items: center; border-color: var(--snackbar-border-color); pointer-events: auto; transition: 0.3s var(--cubic-bezier);}.var-snackbar__wrapper-success { background: var(--snackbar-success-background);}.var-snackbar__wrapper-info { background: var(--snackbar-info-background);}.var-snackbar__wrapper-warning { background: var(--snackbar-warning-background);}.var-snackbar__wrapper-error { background: var(--snackbar-error-background);}.var-snackbar__content { flex-grow: 1; padding: var(--snackbar-content-padding);}.var-snackbar__action { margin: var(--snackbar-action-margin); display: flex;}.var-snackbar__vertical { flex-direction: column; align-items: flex-start;}.var-snackbar__vertical .var-snackbar__action { align-self: flex-end; margin-bottom: 8px;}.var-snackbar-fade-enter-from,.var-snackbar-fade-leave-to { opacity: 0; transform: translateY(-30px);}

package/lib/snackbar/snackbar.less

@@ -121,10 +121,6 @@
     }
   }
 
-  &-fade-leave-active {
-    position: absolute;
-  }
-
   &-fade-enter-from,
   &-fade-leave-to {
     opacity: 0;