@varlet/ui 1.27.15 → 1.27.16

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 {
@@ -9183,7 +9175,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) {
@@ -14285,8 +14277,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/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.15",
   "name": "VARLET",
   "contributions": {
     "html": {

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;

package/lib/snackbar/style/index.js

@@ -1,8 +1,8 @@
 require('../../styles/common.css')
-require('../SnackbarSfc.css')
 require('../../styles/elevation.css')
 require('../../loading/loading.css')
 require('../../button/button.css')
 require('../../icon/icon.css')
 require('../snackbar.css')
 require('../coreSfc.css')
+require('../SnackbarSfc.css')

package/lib/snackbar/style/less.js

@@ -1,8 +1,8 @@
 require('../../styles/common.less')
-require('../SnackbarSfc.less')
 require('../../styles/elevation.less')
 require('../../loading/loading.less')
 require('../../button/button.less')
 require('../../icon/icon.less')
 require('../snackbar.less')
 require('../coreSfc.less')
+require('../SnackbarSfc.less')