@varlet/ui 2.10.2-alpha.1683284670321 → 2.10.2

package/lib/varlet.cjs.js

@@ -21006,7 +21006,7 @@ var {
   n: n$f,
   classes: classes$b
 } = createNamespace("slider");
-var _hoisted_1$3 = ["onTouchstart", "onTouchmove", "onTouchend", "onTouchcancel"];
+var _hoisted_1$3 = ["onTouchstart"];
 function __render__$d(_ctx, _cache) {
   var _component_var_hover_overlay = vue.resolveComponent("var-hover-overlay");
   var _component_var_form_details = vue.resolveComponent("var-form-details");
@@ -21065,10 +21065,7 @@ function __render__$d(_ctx, _cache) {
               class: vue.normalizeClass(_ctx.n(_ctx.direction + "-thumb")),
               key: item.enumValue,
               style: vue.normalizeStyle(_ctx.thumbStyle(item)),
-              onTouchstart: vue.withModifiers(($event) => _ctx.start($event, item.enumValue), ["stop"]),
-              onTouchmove: vue.withModifiers(($event) => _ctx.move($event, item.enumValue), ["stop"]),
-              onTouchend: ($event) => _ctx.end(item.enumValue),
-              onTouchcancel: ($event) => _ctx.end(item.enumValue)
+              onTouchstart: vue.withModifiers(($event) => _ctx.start($event, item.enumValue), ["stop"])
             },
             [vue.renderSlot(_ctx.$slots, "button", {
               currentValue: item.text
@@ -21247,6 +21244,7 @@ var __sfc__$e = vue.defineComponent({
     var isDisabled = vue.computed(() => props2.disabled || (form == null ? void 0 : form.disabled.value));
     var isReadonly = vue.computed(() => props2.readonly || (form == null ? void 0 : form.readonly.value));
     var isVertical = vue.computed(() => props2.direction === "vertical");
+    var activeThumb;
     var getOffset = (e) => {
       var currentTarget = e.currentTarget;
       if (!currentTarget)
@@ -21330,25 +21328,44 @@ var __sfc__$e = vue.defineComponent({
       var offsetToThumb2 = Math.abs(offset2 - thumb2Distance);
       return offsetToThumb1 <= offsetToThumb2 ? Thumbs.First : Thumbs.Second;
     };
+    var addDocumentEvents = () => {
+      document.addEventListener("touchmove", move, {
+        passive: false
+      });
+      document.addEventListener("touchend", end2);
+      document.addEventListener("touchcancel", end2);
+    };
+    var removeDocumentEvents = () => {
+      document.removeEventListener("touchmove", move);
+      document.removeEventListener("touchend", end2);
+      document.removeEventListener("touchcancel", end2);
+    };
     var start2 = (event, type) => {
       if (!maxDistance.value)
         maxDistance.value = sliderEl.value.offsetWidth;
       if (!isDisabled.value) {
         thumbsProps[type].active = true;
       }
+      activeThumb = type;
+      addDocumentEvents();
       if (isDisabled.value || isReadonly.value)
         return;
       call(props2.onStart);
       isScroll.value = true;
-      thumbsProps[type].startPosition = event.touches[0][isVertical.value ? "clientY" : "clientX"];
+      var {
+        clientX,
+        clientY
+      } = event.touches[0];
+      thumbsProps[type].startPosition = isVertical.value ? clientY : clientX;
     };
-    var move = (event, type) => {
+    var move = (event) => {
+      event.preventDefault();
       if (isDisabled.value || isReadonly.value || !isScroll.value)
         return;
       var {
         startPosition,
         currentOffset
-      } = thumbsProps[type];
+      } = thumbsProps[activeThumb];
       var {
         clientX,
         clientY
@@ -21358,9 +21375,10 @@ var __sfc__$e = vue.defineComponent({
         moveDistance = 0;
       else if (moveDistance >= maxDistance.value)
         moveDistance = maxDistance.value;
-      setPercent(moveDistance, type);
+      setPercent(moveDistance, activeThumb);
     };
-    var end2 = (type) => {
+    var end2 = () => {
+      removeDocumentEvents();
       var {
         range,
         modelValue,
@@ -21369,15 +21387,15 @@ var __sfc__$e = vue.defineComponent({
         min: min2
       } = props2;
       if (!isDisabled.value) {
-        thumbsProps[type].active = false;
+        thumbsProps[activeThumb].active = false;
       }
       if (isDisabled.value || isReadonly.value)
         return;
       var rangeValue = [];
-      thumbsProps[type].currentOffset = thumbsProps[type].percentValue * unitWidth.value;
-      var curValue = thumbsProps[type].percentValue * toNumber(step2) + toNumber(min2);
+      thumbsProps[activeThumb].currentOffset = thumbsProps[activeThumb].percentValue * unitWidth.value;
+      var curValue = thumbsProps[activeThumb].percentValue * toNumber(step2) + toNumber(min2);
       if (range && isArray(modelValue)) {
-        rangeValue = type === Thumbs.First ? [curValue, modelValue[1]] : [modelValue[0], curValue];
+        rangeValue = activeThumb === Thumbs.First ? [curValue, modelValue[1]] : [modelValue[0], curValue];
       }
       call(onEnd, range ? rangeValue : curValue);
       isScroll.value = false;
@@ -21389,8 +21407,9 @@ var __sfc__$e = vue.defineComponent({
         return;
       var offset2 = getOffset(event);
       var type = getType(offset2);
+      activeThumb = type;
       setPercent(offset2, type);
-      end2(type);
+      end2();
     };
     var stepValidator = () => {
       var stepNumber = toNumber(props2.step);
@@ -21473,6 +21492,9 @@ var __sfc__$e = vue.defineComponent({
         return;
       maxDistance.value = sliderEl.value[isVertical.value ? "offsetHeight" : "offsetWidth"];
     });
+    vue.onBeforeUnmount(() => {
+      removeDocumentEvents();
+    });
     return {
       n: n$f,
       classes: classes$b,
@@ -25375,9 +25397,9 @@ const skeleton = "";
 const SkeletonSfc = "";
 const slider = "";
 const SliderSfc = "";
-const SnackbarSfc = "";
 const snackbar = "";
 const coreSfc = "";
+const SnackbarSfc = "";
 const space = "";
 const step = "";
 const StepSfc = "";
@@ -25402,7 +25424,7 @@ const TimePickerSfc = "";
 const TooltipSfc = "";
 const uploader = "";
 const UploaderSfc = "";
-const version = "2.10.2-alpha.1683284670321";
+const version = "2.10.2";
 function install(app) {
   ActionSheet.install && app.use(ActionSheet);
   AppBar.install && app.use(AppBar);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "2.10.2-alpha.1683284670321",
+  "version": "2.10.2",
   "description": "A material like components library",
   "main": "lib/varlet.cjs.js",
   "module": "es/index.mjs",
@@ -46,9 +46,9 @@
     "@popperjs/core": "^2.11.6",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1",
-    "@varlet/icons": "2.10.2-alpha.1683284670321",
-    "@varlet/shared": "2.10.2-alpha.1683284670321",
-    "@varlet/use": "2.10.2-alpha.1683284670321"
+    "@varlet/icons": "2.10.2",
+    "@varlet/shared": "2.10.2",
+    "@varlet/use": "2.10.2"
   },
   "devDependencies": {
     "@types/jest": "^26.0.15",
@@ -63,8 +63,8 @@
     "typescript": "^4.4.4",
     "vue": "3.2.47",
     "vue-router": "4.1.6",
-    "@varlet/cli": "2.10.2-alpha.1683284670321",
-    "@varlet/touch-emulator": "2.10.2-alpha.1683284670321"
+    "@varlet/cli": "2.10.2",
+    "@varlet/touch-emulator": "2.10.2"
   },
   "browserslist": [
     "Chrome >= 54",