@visactor/vchart 1.13.9-alpha.3 → 1.13.9-alpha.5

package/build/index.es.js

@@ -31426,7 +31426,7 @@ const SCROLLBAR_EVENT$1 = "scrollDrag";
 const SCROLLBAR_END_EVENT$1 = "scrollUp";
 
 function getEndTriggersOfDrag() {
-  return "browser" === vglobal.env ? ["pointerup", "pointerleave"] : ["pointerup", "pointerleave", "pointerupoutside"];
+  return "browser" === vglobal.env ? ["pointerup", "pointerleave", "pointercancel"] : ["pointerup", "pointerleave", "pointerupoutside"];
 }
 
 const delayMap$3 = {
@@ -31480,7 +31480,8 @@ let ScrollBar$1 = class ScrollBar extends AbstractComponent {
       const triggers = getEndTriggersOfDrag(),
         obj = "browser" === vglobal.env ? vglobal : this.stage;
       obj.addEventListener("pointermove", this._onSliderPointerMoveWithDelay, {
-        capture: !0
+        capture: !0,
+        passive: !0
       }), triggers.forEach(trigger => {
         obj.addEventListener(trigger, this._onSliderPointerUp);
       });
@@ -31501,6 +31502,7 @@ let ScrollBar$1 = class ScrollBar extends AbstractComponent {
       } = this.getSliderRenderBounds();
       return "vertical" === direction ? (currentPos = y, delta = currentPos - this._prePos, currentScrollValue = delta / height) : (currentPos = x, delta = currentPos - this._prePos, currentScrollValue = delta / width), [currentPos, currentScrollValue];
     }, this._onSliderPointerMove = e => {
+      e.preventDefault();
       const {
         stopSliderMovePropagation = !0
       } = this.attribute;
@@ -31509,7 +31511,6 @@ let ScrollBar$1 = class ScrollBar extends AbstractComponent {
         [currentPos, currentScrollValue] = this._computeScrollValue(e);
       this.setScrollRange([preScrollRange[0] + currentScrollValue, preScrollRange[1] + currentScrollValue], !0), this._prePos = currentPos;
     }, this._onSliderPointerMoveWithDelay = 0 === this.attribute.delayTime ? this._onSliderPointerMove : delayMap$3[this.attribute.delayType](this._onSliderPointerMove, this.attribute.delayTime), this._onSliderPointerUp = e => {
-      e.preventDefault();
       const {
           range: preRange,
           limitRange = [0, 1]
@@ -31673,7 +31674,8 @@ let ScrollBar$1 = class ScrollBar extends AbstractComponent {
     const triggers = getEndTriggersOfDrag(),
       obj = "browser" === vglobal.env ? vglobal : this.stage;
     obj.removeEventListener("pointermove", this._onSliderPointerMoveWithDelay, {
-      capture: !0
+      capture: !0,
+      passive: !1
     }), triggers.forEach(trigger => {
       obj.removeEventListener(trigger, this._onSliderPointerUp);
     });
@@ -39026,14 +39028,20 @@ let DataZoom$1 = class DataZoom extends AbstractComponent {
     }, this.state = {
       start: 0,
       end: 1
-    }, this._statePointToData = state => state, this._onHandlerPointerDown = (e, tag) => {
-      e.stopPropagation(), "start" === tag ? (this._activeTag = DataZoomActiveTag.startHandler, this._activeItem = this._startHandlerMask) : "end" === tag ? (this._activeTag = DataZoomActiveTag.endHandler, this._activeItem = this._endHandlerMask) : "middleRect" === tag ? (this._activeTag = DataZoomActiveTag.middleHandler, this._activeItem = this._middleHandlerRect) : "middleSymbol" === tag ? (this._activeTag = DataZoomActiveTag.middleHandler, this._activeItem = this._middleHandlerSymbol) : "background" === tag && (this._activeTag = DataZoomActiveTag.background, this._activeItem = this._background), this._activeState = !0, this._activeCache.startPos = this.eventPosToStagePos(e), this._activeCache.lastPos = this.eventPosToStagePos(e), "browser" === vglobal.env && (vglobal.addEventListener("pointermove", this._onHandlerPointerMove, {
-        capture: !0
-      }), vglobal.addEventListener("pointerup", this._onHandlerPointerUp)), this.addEventListener("pointermove", this._onHandlerPointerMove, {
-        capture: !0
+    }, this._statePointToData = state => state, this._handleTouchMove = e => {
+      this._activeState && e.preventDefault();
+    }, this._onHandlerPointerDown = (e, tag) => {
+      this._clearDragEvents(), "start" === tag ? (this._activeTag = DataZoomActiveTag.startHandler, this._activeItem = this._startHandlerMask) : "end" === tag ? (this._activeTag = DataZoomActiveTag.endHandler, this._activeItem = this._endHandlerMask) : "middleRect" === tag ? (this._activeTag = DataZoomActiveTag.middleHandler, this._activeItem = this._middleHandlerRect) : "middleSymbol" === tag ? (this._activeTag = DataZoomActiveTag.middleHandler, this._activeItem = this._middleHandlerSymbol) : "background" === tag && (this._activeTag = DataZoomActiveTag.background, this._activeItem = this._background), this._activeState = !0, this._activeCache.startPos = this.eventPosToStagePos(e), this._activeCache.lastPos = this.eventPosToStagePos(e);
+      const evtTarget = "browser" === vglobal.env ? vglobal : this.stage,
+        triggers = getEndTriggersOfDrag();
+      evtTarget.addEventListener("pointermove", this._onHandlerPointerMove, {
+        capture: !0,
+        passive: !1
+      }), triggers.forEach(trigger => {
+        evtTarget.addEventListener(trigger, this._onHandlerPointerUp);
       });
     }, this._pointerMove = e => {
-      e.stopPropagation();
+      e.preventDefault();
       const {
           start: startAttr,
           end: endAttr,
@@ -39050,13 +39058,12 @@ let DataZoom$1 = class DataZoom extends AbstractComponent {
         start: start,
         end: end
       } = this.state;
-      this._activeState && (this._activeTag === DataZoomActiveTag.middleHandler ? this.moveZoomWithMiddle((this.state.start + this.state.end) / 2 + dis) : this._activeTag === DataZoomActiveTag.startHandler ? start + dis > end ? (start = end, end = start + dis, this._activeTag = DataZoomActiveTag.endHandler) : start += dis : this._activeTag === DataZoomActiveTag.endHandler && (end + dis < start ? (end = start, start = end + dis, this._activeTag = DataZoomActiveTag.startHandler) : end += dis), this._activeCache.lastPos = pos, brushSelect && this.renderDragMask()), start = Math.min(Math.max(start, 0), 1), end = Math.min(Math.max(end, 0), 1), startAttr === start && endAttr === end || (this.setStateAttr(start, end, !0), realTime && this._dispatchEvent("change", {
+      this._activeState && (this._activeTag === DataZoomActiveTag.middleHandler ? this.moveZoomWithMiddle((this.state.start + this.state.end) / 2 + dis) : this._activeTag === DataZoomActiveTag.startHandler ? start + dis > end ? (start = end, end = start + dis, this._activeTag = DataZoomActiveTag.endHandler) : start += dis : this._activeTag === DataZoomActiveTag.endHandler && (end + dis < start ? (end = start, start = end + dis, this._activeTag = DataZoomActiveTag.startHandler) : end += dis), brushSelect && this.renderDragMask()), start = Math.min(Math.max(start, 0), 1), end = Math.min(Math.max(end, 0), 1), startAttr === start && endAttr === end || (this._activeCache.lastPos = pos, this.setStateAttr(start, end, !0), realTime && this._dispatchEvent("change", {
         start: start,
         end: end,
         tag: this._activeTag
       }));
     }, this._onHandlerPointerMove = 0 === this.attribute.delayTime ? this._pointerMove : delayMap$2[this.attribute.delayType](this._pointerMove, this.attribute.delayTime), this._onHandlerPointerUp = e => {
-      e.preventDefault();
       const {
         start: start,
         end: end,
@@ -39071,11 +39078,7 @@ let DataZoom$1 = class DataZoom extends AbstractComponent {
         start: this.state.start,
         end: this.state.end,
         tag: this._activeTag
-      }), "browser" === vglobal.env && (vglobal.removeEventListener("pointermove", this._onHandlerPointerMove, {
-        capture: !0
-      }), vglobal.removeEventListener("pointerup", this._onHandlerPointerUp)), this.removeEventListener("pointermove", this._onHandlerPointerMove, {
-        capture: !0
-      }), this.removeEventListener("pointerup", this._onHandlerPointerUp);
+      }), this._clearDragEvents();
     };
     const {
       position: position,
@@ -39094,7 +39097,9 @@ let DataZoom$1 = class DataZoom extends AbstractComponent {
     } = this.attribute;
     this._startHandlerMask && this._startHandlerMask.addEventListener("pointerdown", e => this._onHandlerPointerDown(e, "start")), this._endHandlerMask && this._endHandlerMask.addEventListener("pointerdown", e => this._onHandlerPointerDown(e, "end")), this._middleHandlerSymbol && this._middleHandlerSymbol.addEventListener("pointerdown", e => this._onHandlerPointerDown(e, "middleSymbol")), this._middleHandlerRect && this._middleHandlerRect.addEventListener("pointerdown", e => this._onHandlerPointerDown(e, "middleRect"));
     const selectedTag = brushSelect ? "background" : "middleRect";
-    this._selectedBackground && this._selectedBackground.addEventListener("pointerdown", e => this._onHandlerPointerDown(e, selectedTag)), brushSelect && this._background && this._background.addEventListener("pointerdown", e => this._onHandlerPointerDown(e, "background")), brushSelect && this._previewGroup && this._previewGroup.addEventListener("pointerdown", e => this._onHandlerPointerDown(e, "background")), this._selectedPreviewGroup && this._selectedPreviewGroup.addEventListener("pointerdown", e => this._onHandlerPointerDown(e, selectedTag)), this.addEventListener("pointerup", this._onHandlerPointerUp), this.addEventListener("pointerupoutside", this._onHandlerPointerUp), "auto" === showDetail && (this.addEventListener("pointerenter", this._onHandlerPointerEnter), this.addEventListener("pointerleave", this._onHandlerPointerLeave));
+    this._selectedBackground && this._selectedBackground.addEventListener("pointerdown", e => this._onHandlerPointerDown(e, selectedTag)), brushSelect && this._background && this._background.addEventListener("pointerdown", e => this._onHandlerPointerDown(e, "background")), brushSelect && this._previewGroup && this._previewGroup.addEventListener("pointerdown", e => this._onHandlerPointerDown(e, "background")), this._selectedPreviewGroup && this._selectedPreviewGroup.addEventListener("pointerdown", e => this._onHandlerPointerDown(e, selectedTag)), "auto" === showDetail && (this.addEventListener("pointerenter", this._onHandlerPointerEnter), this.addEventListener("pointerleave", this._onHandlerPointerLeave)), ("browser" === vglobal.env ? vglobal : this.stage).addEventListener("touchmove", this._handleTouchMove, {
+      passive: !1
+    });
   }
   dragMaskSize() {
     const {
@@ -39125,11 +39130,21 @@ let DataZoom$1 = class DataZoom extends AbstractComponent {
       y: 0
     };
   }
+  _clearDragEvents() {
+    const evtTarget = "browser" === vglobal.env ? vglobal : this.stage,
+      triggers = getEndTriggersOfDrag();
+    evtTarget.removeEventListener("pointermove", this._onHandlerPointerMove, {
+      capture: !0,
+      passive: !1
+    }), triggers.forEach(trigger => {
+      evtTarget.removeEventListener(trigger, this._onHandlerPointerUp);
+    });
+  }
   _onHandlerPointerEnter(e) {
-    e.stopPropagation(), this._showText = !0, this.renderText();
+    this._showText = !0, this.renderText();
   }
   _onHandlerPointerLeave(e) {
-    e.stopPropagation(), this._showText = !1, this.renderText();
+    this._showText = !1, this.renderText();
   }
   backgroundDragZoom(startPos, endPos) {
     const {
@@ -39668,6 +39683,11 @@ let DataZoom$1 = class DataZoom extends AbstractComponent {
   setStatePointToData(callback) {
     isFunction$1(callback) && (this._statePointToData = callback);
   }
+  release(all) {
+    super.release(all), ("browser" === vglobal.env ? vglobal : this.stage).addEventListener("touchmove", this._handleTouchMove, {
+      passive: !1
+    }), this._clearDragEvents();
+  }
 };
 DataZoom$1.defaultAttributes = DEFAULT_DATA_ZOOM_ATTRIBUTES;
 
@@ -42609,7 +42629,7 @@ class Slider extends AbstractComponent {
       } = this.attribute;
       tooltip && tooltip.alwaysShow || (this._tooltipState = null, this._tooltipShape && this._tooltipShape.setAttribute("visible", !1), this._tooltipText && this._tooltipText.setAttribute("visible", !1), this._dispatchTooltipEvent("sliderTooltipHide"));
     }, this._onHandlerPointerdown = e => {
-      e.stopPropagation(), this._clearAllDragEvents(), this._isChanging = !0;
+      this._clearAllDragEvents(), this._isChanging = !0;
       const {
         x: x,
         y: y
@@ -42618,13 +42638,14 @@ class Slider extends AbstractComponent {
       const triggers = getEndTriggersOfDrag(),
         obj = "browser" === vglobal.env ? vglobal : this.stage;
       obj.addEventListener("pointermove", this._onHandlerPointerMove, {
-        capture: !0
+        capture: !0,
+        passive: !1
       }), triggers.forEach(trigger => {
         obj.addEventListener(trigger, this._onHandlerPointerUp);
       });
     }, this._onHandlerPointerMove = e => {
       var _a, _b;
-      e.stopPropagation(), this._isChanging = !0;
+      e.preventDefault(), this._isChanging = !0;
       const {
         railWidth: railWidth,
         railHeight: railHeight,
@@ -42645,9 +42666,11 @@ class Slider extends AbstractComponent {
         currentValue = this.calculateValueByPos(newPos);
       "text" === this._currentHandler.type ? this._updateHandlerText(this._currentHandler, newPos, currentValue) : this._updateHandler(this._currentHandler, newPos, currentValue), this._updateTrack(), this._prePos = currentPos, this._dispatchChangeEvent();
     }, this._onHandlerPointerUp = e => {
-      e.preventDefault(), this._isChanging = !1, this._currentHandler = null, this._clearAllDragEvents();
+      this._isChanging = !1, this._currentHandler = null, this._clearAllDragEvents();
+    }, this._handleTouchMove = e => {
+      this._isChanging && e.preventDefault();
     }, this._onTrackPointerdown = e => {
-      e.stopPropagation(), this._clearAllDragEvents(), this._isChanging = !0;
+      this._clearAllDragEvents(), this._isChanging = !0;
       const {
         x: x,
         y: y
@@ -42656,12 +42679,13 @@ class Slider extends AbstractComponent {
       const triggers = getEndTriggersOfDrag(),
         obj = "browser" === vglobal.env ? vglobal : this.stage;
       obj.addEventListener("pointermove", this._onTrackPointerMove, {
-        capture: !0
+        capture: !0,
+        passive: !1
       }), triggers.forEach(trigger => {
         obj.addEventListener(trigger, this._onTrackPointerUp);
       });
     }, this._onTrackPointerMove = e => {
-      e.stopPropagation(), this._isChanging = !0;
+      e.preventDefault(), this._isChanging = !0;
       const {
         railWidth: railWidth,
         railHeight: railHeight,
@@ -42702,9 +42726,9 @@ class Slider extends AbstractComponent {
       }
       this._prePos = currentPos, this._dispatchChangeEvent();
     }, this._onTrackPointerUp = e => {
-      e.preventDefault(), this._isChanging = !1, this._clearAllDragEvents();
+      this._isChanging = !1, this._clearAllDragEvents();
     }, this._onRailPointerDown = e => {
-      e.stopPropagation(), this._clearAllDragEvents(), this._isChanging = !0;
+      this._clearAllDragEvents(), this._isChanging = !0;
       const {
         railWidth: railWidth,
         railHeight: railHeight,
@@ -43025,7 +43049,9 @@ class Slider extends AbstractComponent {
       slidable: slidable,
       range: range
     } = this.attribute;
-    slidable && (this._startHandler && this._startHandler.addEventListener("pointerdown", this._onHandlerPointerdown), this._startHandlerText && this._startHandlerText.addEventListener("pointerdown", this._onHandlerPointerdown), this._endHandler && this._endHandler.addEventListener("pointerdown", this._onHandlerPointerdown), this._endHandlerText && this._endHandlerText.addEventListener("pointerdown", this._onHandlerPointerdown), isObject$2(range) && range.draggableTrack && this._track.addEventListener("pointerdown", this._onTrackPointerdown), this._railContainer.addEventListener("pointerdown", this._onRailPointerDown));
+    slidable && (this._startHandler && this._startHandler.addEventListener("pointerdown", this._onHandlerPointerdown), this._startHandlerText && this._startHandlerText.addEventListener("pointerdown", this._onHandlerPointerdown), this._endHandler && this._endHandler.addEventListener("pointerdown", this._onHandlerPointerdown), this._endHandlerText && this._endHandlerText.addEventListener("pointerdown", this._onHandlerPointerdown), isObject$2(range) && range.draggableTrack && this._track.addEventListener("pointerdown", this._onTrackPointerdown), this._railContainer.addEventListener("pointerdown", this._onRailPointerDown), ("browser" === vglobal.env ? vglobal : this.stage).addEventListener("touchmove", this._handleTouchMove, {
+      passive: !1
+    }));
   }
   _bindTooltipEvents() {
     this.attribute.disableTriggerEvent || (this._mainContainer.addEventListener("pointerenter", this._onTooltipShow), this._mainContainer.addEventListener("pointermove", this._onTooltipUpdate), this._mainContainer.addEventListener("pointerleave", this._onTooltipHide));
@@ -43034,11 +43060,13 @@ class Slider extends AbstractComponent {
     const triggers = getEndTriggersOfDrag(),
       obj = "browser" === vglobal.env ? vglobal : this.stage;
     obj.removeEventListener("pointermove", this._onHandlerPointerMove, {
-      capture: !0
+      capture: !0,
+      passive: !1
     }), triggers.forEach(trigger => {
       obj.removeEventListener(trigger, this._onHandlerPointerUp);
     }), obj.removeEventListener("pointermove", this._onTrackPointerMove, {
-      capture: !0
+      capture: !0,
+      passive: !1
     }), triggers.forEach(trigger => {
       obj.removeEventListener(trigger, this._onTrackPointerUp);
     });
@@ -43141,6 +43169,11 @@ class Slider extends AbstractComponent {
       endHandler: endHandler
     };
   }
+  release(all) {
+    super.release(all), ("browser" === vglobal.env ? vglobal : this.stage).addEventListener("touchmove", this._handleTouchMove, {
+      passive: !1
+    }), this._clearAllDragEvents();
+  }
 }
 Slider.defaultAttributes = {
   slidable: !0,
@@ -63680,7 +63713,7 @@ const registerVChartCore = () => {
 };
 registerVChartCore();
 
-const version = "1.13.9-alpha.3";
+const version = "1.13.9-alpha.5";
 
 const addVChartProperty = (data, op) => {
     const context = op.beforeCall();

package/build/index.js

@@ -31432,7 +31432,7 @@
     const SCROLLBAR_END_EVENT$1 = "scrollUp";
 
     function getEndTriggersOfDrag() {
-      return "browser" === vglobal.env ? ["pointerup", "pointerleave"] : ["pointerup", "pointerleave", "pointerupoutside"];
+      return "browser" === vglobal.env ? ["pointerup", "pointerleave", "pointercancel"] : ["pointerup", "pointerleave", "pointerupoutside"];
     }
 
     const delayMap$3 = {
@@ -31486,7 +31486,8 @@
           const triggers = getEndTriggersOfDrag(),
             obj = "browser" === vglobal.env ? vglobal : this.stage;
           obj.addEventListener("pointermove", this._onSliderPointerMoveWithDelay, {
-            capture: !0
+            capture: !0,
+            passive: !0
           }), triggers.forEach(trigger => {
             obj.addEventListener(trigger, this._onSliderPointerUp);
           });
@@ -31507,6 +31508,7 @@
           } = this.getSliderRenderBounds();
           return "vertical" === direction ? (currentPos = y, delta = currentPos - this._prePos, currentScrollValue = delta / height) : (currentPos = x, delta = currentPos - this._prePos, currentScrollValue = delta / width), [currentPos, currentScrollValue];
         }, this._onSliderPointerMove = e => {
+          e.preventDefault();
           const {
             stopSliderMovePropagation = !0
           } = this.attribute;
@@ -31515,7 +31517,6 @@
             [currentPos, currentScrollValue] = this._computeScrollValue(e);
           this.setScrollRange([preScrollRange[0] + currentScrollValue, preScrollRange[1] + currentScrollValue], !0), this._prePos = currentPos;
         }, this._onSliderPointerMoveWithDelay = 0 === this.attribute.delayTime ? this._onSliderPointerMove : delayMap$3[this.attribute.delayType](this._onSliderPointerMove, this.attribute.delayTime), this._onSliderPointerUp = e => {
-          e.preventDefault();
           const {
               range: preRange,
               limitRange = [0, 1]
@@ -31679,7 +31680,8 @@
         const triggers = getEndTriggersOfDrag(),
           obj = "browser" === vglobal.env ? vglobal : this.stage;
         obj.removeEventListener("pointermove", this._onSliderPointerMoveWithDelay, {
-          capture: !0
+          capture: !0,
+          passive: !1
         }), triggers.forEach(trigger => {
           obj.removeEventListener(trigger, this._onSliderPointerUp);
         });
@@ -39032,14 +39034,20 @@
         }, this.state = {
           start: 0,
           end: 1
-        }, this._statePointToData = state => state, this._onHandlerPointerDown = (e, tag) => {
-          e.stopPropagation(), "start" === tag ? (this._activeTag = DataZoomActiveTag.startHandler, this._activeItem = this._startHandlerMask) : "end" === tag ? (this._activeTag = DataZoomActiveTag.endHandler, this._activeItem = this._endHandlerMask) : "middleRect" === tag ? (this._activeTag = DataZoomActiveTag.middleHandler, this._activeItem = this._middleHandlerRect) : "middleSymbol" === tag ? (this._activeTag = DataZoomActiveTag.middleHandler, this._activeItem = this._middleHandlerSymbol) : "background" === tag && (this._activeTag = DataZoomActiveTag.background, this._activeItem = this._background), this._activeState = !0, this._activeCache.startPos = this.eventPosToStagePos(e), this._activeCache.lastPos = this.eventPosToStagePos(e), "browser" === vglobal.env && (vglobal.addEventListener("pointermove", this._onHandlerPointerMove, {
-            capture: !0
-          }), vglobal.addEventListener("pointerup", this._onHandlerPointerUp)), this.addEventListener("pointermove", this._onHandlerPointerMove, {
-            capture: !0
+        }, this._statePointToData = state => state, this._handleTouchMove = e => {
+          this._activeState && e.preventDefault();
+        }, this._onHandlerPointerDown = (e, tag) => {
+          this._clearDragEvents(), "start" === tag ? (this._activeTag = DataZoomActiveTag.startHandler, this._activeItem = this._startHandlerMask) : "end" === tag ? (this._activeTag = DataZoomActiveTag.endHandler, this._activeItem = this._endHandlerMask) : "middleRect" === tag ? (this._activeTag = DataZoomActiveTag.middleHandler, this._activeItem = this._middleHandlerRect) : "middleSymbol" === tag ? (this._activeTag = DataZoomActiveTag.middleHandler, this._activeItem = this._middleHandlerSymbol) : "background" === tag && (this._activeTag = DataZoomActiveTag.background, this._activeItem = this._background), this._activeState = !0, this._activeCache.startPos = this.eventPosToStagePos(e), this._activeCache.lastPos = this.eventPosToStagePos(e);
+          const evtTarget = "browser" === vglobal.env ? vglobal : this.stage,
+            triggers = getEndTriggersOfDrag();
+          evtTarget.addEventListener("pointermove", this._onHandlerPointerMove, {
+            capture: !0,
+            passive: !1
+          }), triggers.forEach(trigger => {
+            evtTarget.addEventListener(trigger, this._onHandlerPointerUp);
           });
         }, this._pointerMove = e => {
-          e.stopPropagation();
+          e.preventDefault();
           const {
               start: startAttr,
               end: endAttr,
@@ -39056,13 +39064,12 @@
             start: start,
             end: end
           } = this.state;
-          this._activeState && (this._activeTag === DataZoomActiveTag.middleHandler ? this.moveZoomWithMiddle((this.state.start + this.state.end) / 2 + dis) : this._activeTag === DataZoomActiveTag.startHandler ? start + dis > end ? (start = end, end = start + dis, this._activeTag = DataZoomActiveTag.endHandler) : start += dis : this._activeTag === DataZoomActiveTag.endHandler && (end + dis < start ? (end = start, start = end + dis, this._activeTag = DataZoomActiveTag.startHandler) : end += dis), this._activeCache.lastPos = pos, brushSelect && this.renderDragMask()), start = Math.min(Math.max(start, 0), 1), end = Math.min(Math.max(end, 0), 1), startAttr === start && endAttr === end || (this.setStateAttr(start, end, !0), realTime && this._dispatchEvent("change", {
+          this._activeState && (this._activeTag === DataZoomActiveTag.middleHandler ? this.moveZoomWithMiddle((this.state.start + this.state.end) / 2 + dis) : this._activeTag === DataZoomActiveTag.startHandler ? start + dis > end ? (start = end, end = start + dis, this._activeTag = DataZoomActiveTag.endHandler) : start += dis : this._activeTag === DataZoomActiveTag.endHandler && (end + dis < start ? (end = start, start = end + dis, this._activeTag = DataZoomActiveTag.startHandler) : end += dis), brushSelect && this.renderDragMask()), start = Math.min(Math.max(start, 0), 1), end = Math.min(Math.max(end, 0), 1), startAttr === start && endAttr === end || (this._activeCache.lastPos = pos, this.setStateAttr(start, end, !0), realTime && this._dispatchEvent("change", {
             start: start,
             end: end,
             tag: this._activeTag
           }));
         }, this._onHandlerPointerMove = 0 === this.attribute.delayTime ? this._pointerMove : delayMap$2[this.attribute.delayType](this._pointerMove, this.attribute.delayTime), this._onHandlerPointerUp = e => {
-          e.preventDefault();
           const {
             start: start,
             end: end,
@@ -39077,11 +39084,7 @@
             start: this.state.start,
             end: this.state.end,
             tag: this._activeTag
-          }), "browser" === vglobal.env && (vglobal.removeEventListener("pointermove", this._onHandlerPointerMove, {
-            capture: !0
-          }), vglobal.removeEventListener("pointerup", this._onHandlerPointerUp)), this.removeEventListener("pointermove", this._onHandlerPointerMove, {
-            capture: !0
-          }), this.removeEventListener("pointerup", this._onHandlerPointerUp);
+          }), this._clearDragEvents();
         };
         const {
           position: position,
@@ -39100,7 +39103,9 @@
         } = this.attribute;
         this._startHandlerMask && this._startHandlerMask.addEventListener("pointerdown", e => this._onHandlerPointerDown(e, "start")), this._endHandlerMask && this._endHandlerMask.addEventListener("pointerdown", e => this._onHandlerPointerDown(e, "end")), this._middleHandlerSymbol && this._middleHandlerSymbol.addEventListener("pointerdown", e => this._onHandlerPointerDown(e, "middleSymbol")), this._middleHandlerRect && this._middleHandlerRect.addEventListener("pointerdown", e => this._onHandlerPointerDown(e, "middleRect"));
         const selectedTag = brushSelect ? "background" : "middleRect";
-        this._selectedBackground && this._selectedBackground.addEventListener("pointerdown", e => this._onHandlerPointerDown(e, selectedTag)), brushSelect && this._background && this._background.addEventListener("pointerdown", e => this._onHandlerPointerDown(e, "background")), brushSelect && this._previewGroup && this._previewGroup.addEventListener("pointerdown", e => this._onHandlerPointerDown(e, "background")), this._selectedPreviewGroup && this._selectedPreviewGroup.addEventListener("pointerdown", e => this._onHandlerPointerDown(e, selectedTag)), this.addEventListener("pointerup", this._onHandlerPointerUp), this.addEventListener("pointerupoutside", this._onHandlerPointerUp), "auto" === showDetail && (this.addEventListener("pointerenter", this._onHandlerPointerEnter), this.addEventListener("pointerleave", this._onHandlerPointerLeave));
+        this._selectedBackground && this._selectedBackground.addEventListener("pointerdown", e => this._onHandlerPointerDown(e, selectedTag)), brushSelect && this._background && this._background.addEventListener("pointerdown", e => this._onHandlerPointerDown(e, "background")), brushSelect && this._previewGroup && this._previewGroup.addEventListener("pointerdown", e => this._onHandlerPointerDown(e, "background")), this._selectedPreviewGroup && this._selectedPreviewGroup.addEventListener("pointerdown", e => this._onHandlerPointerDown(e, selectedTag)), "auto" === showDetail && (this.addEventListener("pointerenter", this._onHandlerPointerEnter), this.addEventListener("pointerleave", this._onHandlerPointerLeave)), ("browser" === vglobal.env ? vglobal : this.stage).addEventListener("touchmove", this._handleTouchMove, {
+          passive: !1
+        });
       }
       dragMaskSize() {
         const {
@@ -39131,11 +39136,21 @@
           y: 0
         };
       }
+      _clearDragEvents() {
+        const evtTarget = "browser" === vglobal.env ? vglobal : this.stage,
+          triggers = getEndTriggersOfDrag();
+        evtTarget.removeEventListener("pointermove", this._onHandlerPointerMove, {
+          capture: !0,
+          passive: !1
+        }), triggers.forEach(trigger => {
+          evtTarget.removeEventListener(trigger, this._onHandlerPointerUp);
+        });
+      }
       _onHandlerPointerEnter(e) {
-        e.stopPropagation(), this._showText = !0, this.renderText();
+        this._showText = !0, this.renderText();
       }
       _onHandlerPointerLeave(e) {
-        e.stopPropagation(), this._showText = !1, this.renderText();
+        this._showText = !1, this.renderText();
       }
       backgroundDragZoom(startPos, endPos) {
         const {
@@ -39674,6 +39689,11 @@
       setStatePointToData(callback) {
         isFunction$1(callback) && (this._statePointToData = callback);
       }
+      release(all) {
+        super.release(all), ("browser" === vglobal.env ? vglobal : this.stage).addEventListener("touchmove", this._handleTouchMove, {
+          passive: !1
+        }), this._clearDragEvents();
+      }
     };
     DataZoom$1.defaultAttributes = DEFAULT_DATA_ZOOM_ATTRIBUTES;
 
@@ -42615,7 +42635,7 @@
           } = this.attribute;
           tooltip && tooltip.alwaysShow || (this._tooltipState = null, this._tooltipShape && this._tooltipShape.setAttribute("visible", !1), this._tooltipText && this._tooltipText.setAttribute("visible", !1), this._dispatchTooltipEvent("sliderTooltipHide"));
         }, this._onHandlerPointerdown = e => {
-          e.stopPropagation(), this._clearAllDragEvents(), this._isChanging = !0;
+          this._clearAllDragEvents(), this._isChanging = !0;
           const {
             x: x,
             y: y
@@ -42624,13 +42644,14 @@
           const triggers = getEndTriggersOfDrag(),
             obj = "browser" === vglobal.env ? vglobal : this.stage;
           obj.addEventListener("pointermove", this._onHandlerPointerMove, {
-            capture: !0
+            capture: !0,
+            passive: !1
           }), triggers.forEach(trigger => {
             obj.addEventListener(trigger, this._onHandlerPointerUp);
           });
         }, this._onHandlerPointerMove = e => {
           var _a, _b;
-          e.stopPropagation(), this._isChanging = !0;
+          e.preventDefault(), this._isChanging = !0;
           const {
             railWidth: railWidth,
             railHeight: railHeight,
@@ -42651,9 +42672,11 @@
             currentValue = this.calculateValueByPos(newPos);
           "text" === this._currentHandler.type ? this._updateHandlerText(this._currentHandler, newPos, currentValue) : this._updateHandler(this._currentHandler, newPos, currentValue), this._updateTrack(), this._prePos = currentPos, this._dispatchChangeEvent();
         }, this._onHandlerPointerUp = e => {
-          e.preventDefault(), this._isChanging = !1, this._currentHandler = null, this._clearAllDragEvents();
+          this._isChanging = !1, this._currentHandler = null, this._clearAllDragEvents();
+        }, this._handleTouchMove = e => {
+          this._isChanging && e.preventDefault();
         }, this._onTrackPointerdown = e => {
-          e.stopPropagation(), this._clearAllDragEvents(), this._isChanging = !0;
+          this._clearAllDragEvents(), this._isChanging = !0;
           const {
             x: x,
             y: y
@@ -42662,12 +42685,13 @@
           const triggers = getEndTriggersOfDrag(),
             obj = "browser" === vglobal.env ? vglobal : this.stage;
           obj.addEventListener("pointermove", this._onTrackPointerMove, {
-            capture: !0
+            capture: !0,
+            passive: !1
           }), triggers.forEach(trigger => {
             obj.addEventListener(trigger, this._onTrackPointerUp);
           });
         }, this._onTrackPointerMove = e => {
-          e.stopPropagation(), this._isChanging = !0;
+          e.preventDefault(), this._isChanging = !0;
           const {
             railWidth: railWidth,
             railHeight: railHeight,
@@ -42708,9 +42732,9 @@
           }
           this._prePos = currentPos, this._dispatchChangeEvent();
         }, this._onTrackPointerUp = e => {
-          e.preventDefault(), this._isChanging = !1, this._clearAllDragEvents();
+          this._isChanging = !1, this._clearAllDragEvents();
         }, this._onRailPointerDown = e => {
-          e.stopPropagation(), this._clearAllDragEvents(), this._isChanging = !0;
+          this._clearAllDragEvents(), this._isChanging = !0;
           const {
             railWidth: railWidth,
             railHeight: railHeight,
@@ -43031,7 +43055,9 @@
           slidable: slidable,
           range: range
         } = this.attribute;
-        slidable && (this._startHandler && this._startHandler.addEventListener("pointerdown", this._onHandlerPointerdown), this._startHandlerText && this._startHandlerText.addEventListener("pointerdown", this._onHandlerPointerdown), this._endHandler && this._endHandler.addEventListener("pointerdown", this._onHandlerPointerdown), this._endHandlerText && this._endHandlerText.addEventListener("pointerdown", this._onHandlerPointerdown), isObject$2(range) && range.draggableTrack && this._track.addEventListener("pointerdown", this._onTrackPointerdown), this._railContainer.addEventListener("pointerdown", this._onRailPointerDown));
+        slidable && (this._startHandler && this._startHandler.addEventListener("pointerdown", this._onHandlerPointerdown), this._startHandlerText && this._startHandlerText.addEventListener("pointerdown", this._onHandlerPointerdown), this._endHandler && this._endHandler.addEventListener("pointerdown", this._onHandlerPointerdown), this._endHandlerText && this._endHandlerText.addEventListener("pointerdown", this._onHandlerPointerdown), isObject$2(range) && range.draggableTrack && this._track.addEventListener("pointerdown", this._onTrackPointerdown), this._railContainer.addEventListener("pointerdown", this._onRailPointerDown), ("browser" === vglobal.env ? vglobal : this.stage).addEventListener("touchmove", this._handleTouchMove, {
+          passive: !1
+        }));
       }
       _bindTooltipEvents() {
         this.attribute.disableTriggerEvent || (this._mainContainer.addEventListener("pointerenter", this._onTooltipShow), this._mainContainer.addEventListener("pointermove", this._onTooltipUpdate), this._mainContainer.addEventListener("pointerleave", this._onTooltipHide));
@@ -43040,11 +43066,13 @@
         const triggers = getEndTriggersOfDrag(),
           obj = "browser" === vglobal.env ? vglobal : this.stage;
         obj.removeEventListener("pointermove", this._onHandlerPointerMove, {
-          capture: !0
+          capture: !0,
+          passive: !1
         }), triggers.forEach(trigger => {
           obj.removeEventListener(trigger, this._onHandlerPointerUp);
         }), obj.removeEventListener("pointermove", this._onTrackPointerMove, {
-          capture: !0
+          capture: !0,
+          passive: !1
         }), triggers.forEach(trigger => {
           obj.removeEventListener(trigger, this._onTrackPointerUp);
         });
@@ -43147,6 +43175,11 @@
           endHandler: endHandler
         };
       }
+      release(all) {
+        super.release(all), ("browser" === vglobal.env ? vglobal : this.stage).addEventListener("touchmove", this._handleTouchMove, {
+          passive: !1
+        }), this._clearAllDragEvents();
+      }
     }
     Slider.defaultAttributes = {
       slidable: !0,
@@ -63686,7 +63719,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     };
     registerVChartCore();
 
-    const version = "1.13.9-alpha.3";
+    const version = "1.13.9-alpha.5";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();