@visactor/vrender-components 1.1.12 → 1.1.14

package/dist/index.es.js

@@ -63,10 +63,11 @@ class FederatedEvent {
     }
   }
   preventDefault() {
+    var _a;
     try {
       this.nativeEvent instanceof Event && this.nativeEvent.cancelable && this.nativeEvent.preventDefault();
     } catch (err) {
-      this.nativeEvent.preventDefault && isFunction(this.nativeEvent.preventDefault) && this.nativeEvent.preventDefault();
+      (null === (_a = this.nativeEvent) || void 0 === _a ? void 0 : _a.preventDefault) && isFunction(this.nativeEvent.preventDefault) && this.nativeEvent.preventDefault();
     }
     this.defaultPrevented = !0;
   }
@@ -10082,6 +10083,7 @@ const TransformUtil = Symbol.for("TransformUtil");
 const GraphicUtil = Symbol.for("GraphicUtil");
 const LayerService = Symbol.for("LayerService");
 const StaticLayerHandlerContribution = Symbol.for("StaticLayerHandlerContribution");
+const VirtualLayerHandlerContribution = Symbol.for("VirtualLayerHandlerContribution");
 
 const RenderService = Symbol.for("RenderService");
 
@@ -12051,10 +12053,43 @@ class CanvasLayerHandlerContribution {
   }
 }
 
+class EmptyLayerHandlerContribution {
+  constructor() {
+    this.offscreen = !1, this.type = "virtual", this.global = application.global;
+  }
+  setDpr(dpr) {}
+  init(layer, window, params) {
+    if (this.layer = layer, this.window = window, params.main) throw new Error("virtual layer不能作为main layer");
+    this.main = !1, this.canvas = null, this.context = null;
+  }
+  resize(w, h) {}
+  resizeView(w, h) {}
+  render(group, params, userParams) {
+    this.mainHandler.render(group, params, Object.assign(Object.assign({}, userParams), {
+      clear: !1
+    }));
+  }
+  merge(layerHandlers) {}
+  prepare(dirtyBounds, params) {}
+  drawTo(target, group, params) {
+    var _a;
+    const context = target.getContext();
+    params.renderService.render(group, Object.assign(Object.assign({
+      context: context
+    }, params), {
+      clear: params.clear ? null !== (_a = params.background) && void 0 !== _a ? _a : "#fff" : void 0
+    }));
+  }
+  getContext() {
+    return null;
+  }
+  release() {}
+}
+
 function bindLayerHandlerModules({
   bind: bind
 }) {
-  bind(CanvasLayerHandlerContribution).toSelf(), bind(StaticLayerHandlerContribution).toService(CanvasLayerHandlerContribution);
+  bind(CanvasLayerHandlerContribution).toSelf(), bind(EmptyLayerHandlerContribution).toSelf(), bind(StaticLayerHandlerContribution).toService(CanvasLayerHandlerContribution), bind(VirtualLayerHandlerContribution).toService(EmptyLayerHandlerContribution);
 }
 
 function load$1(container) {
@@ -13290,7 +13325,19 @@ class InteractiveDrawItemInterceptorContribution {
       const {
         context: context
       } = drawContext;
-      return context.highPerformanceSave(), context.setTransformFromMatrix(baseGraphic.parent.globalTransMatrix, !0), baseGraphic.isContainer ? drawContribution.renderGroup(baseGraphic, drawContext, baseGraphic.parent.globalTransMatrix) : drawContribution.renderItem(baseGraphic, drawContext), context.highPerformanceRestore(), this.processing = !1, !0;
+      context.highPerformanceSave();
+      const parent = baseGraphic.parent.globalTransMatrix,
+        matrix = matrixAllocate.allocateByObj(parent);
+      if (drawContext.transMatrix) {
+        const outer = drawContext.transMatrix;
+        matrix.setValue(outer.a, outer.b, outer.c, outer.d, outer.e, outer.f), matrix.multiply(parent.a, parent.b, parent.c, parent.d, parent.e, parent.f);
+      }
+      try {
+        context.setTransformFromMatrix(matrix, !0), baseGraphic.isContainer ? drawContribution.renderGroup(baseGraphic, drawContext, matrix) : drawContribution.renderItem(baseGraphic, drawContext);
+      } finally {
+        context.highPerformanceRestore(), matrixAllocate.free(matrix), this.processing = !1;
+      }
+      return !0;
     }
     return !1;
   }
@@ -26638,13 +26685,17 @@ class DataZoomInteraction extends EventEmitter {
             attSize: 'width',
             size: 0
         };
-        this._handleTouchMove = (e) => {
-            if (this._activeState) {
-                e.preventDefault();
-            }
-        };
+        this._finishing = false;
+        this._pending = false;
+        this._pendingPoint = { x: 0, y: 0 };
+        this._delayTime = DEFAULT_DATA_ZOOM_ATTRIBUTES.delayTime;
+        this._delayType = DEFAULT_DATA_ZOOM_ATTRIBUTES.delayType;
         this._onHandlerPointerDown = (e, tag) => {
+            if (this._activeState || this._finishing) {
+                return;
+            }
             this.clearDragEvents();
+            this._activePointerId = e.pointerId;
             if (tag === 'start') {
                 this._activeTag = DataZoomActiveTag.startHandler;
                 this._activeItem = this._startHandlerMask;
@@ -26668,20 +26719,32 @@ class DataZoomInteraction extends EventEmitter {
             this._activeState = true;
             this._activeCache.startPos = this._eventPosToStagePos(e);
             this._activeCache.lastPos = this._eventPosToStagePos(e);
-            const evtTarget = vglobal.env === 'browser' ? vglobal : this.stage;
-            const triggers = getEndTriggersOfDrag();
-            evtTarget.addEventListener('pointermove', this._onHandlerPointerMove, { capture: true });
-            this.on('pointermove', this._onHandlerPointerMove, {
-                capture: true
-            });
-            triggers.forEach((trigger) => {
-                evtTarget.addEventListener(trigger, this._onHandlerPointerUp);
-            });
+            this._inputSource = this.stage.eventSystem.input.window;
+            this._inputSource.on('pointermove', this._onHandlerPointerMove);
+            this._inputSource.on('pointerup', this._onHandlerPointerUp);
+            this._inputSource.on('pointercancel', this._onHandlerPointerCancel);
+        };
+        this._onHandlerPointerMove = (e) => {
+            if (e.pointerId !== this._activePointerId || this._finishing) {
+                return;
+            }
+            if (e.pointerType === 'touch') {
+                e.preventDefault();
+            }
+            this._eventPosToStagePos(e, this._pendingPoint);
+            this._pending = true;
+            this._scheduleMove();
         };
-        this._pointerMove = (e) => {
+        this._applyPendingPoint = () => {
+            if (!this._pending || !this._activeState) {
+                return;
+            }
+            this._pending = false;
+            this._pointerMove(this._pendingPoint);
+        };
+        this._pointerMove = (pos) => {
             const { brushSelect } = this.attribute;
             const { position } = this._getLayoutAttrFromConfig();
-            const pos = this._eventPosToStagePos(e);
             const { attPos, size, attSize } = this._layoutCache;
             const dis = (pos[attPos] - this._activeCache.lastPos[attPos]) / size;
             const statePos = (pos[attPos] - position[attPos]) / this._getLayoutAttrFromConfig()[attSize];
@@ -26702,7 +26765,8 @@ class DataZoomInteraction extends EventEmitter {
                     shouldRender = false;
                     this._dispatchEvent(IDataZoomInteractiveEvent.maskUpdate);
                 }
-                this._activeCache.lastPos = pos;
+                this._activeCache.lastPos.x = pos.x;
+                this._activeCache.lastPos.y = pos.y;
             }
             if (this._getState().start !== start || this._getState().end !== end) {
                 this._setStateAttr(start, end);
@@ -26722,36 +26786,23 @@ class DataZoomInteraction extends EventEmitter {
                 }
             }
         };
-        this._onHandlerPointerUp = (e) => {
-            if (this._activeState) {
-                if (this._activeTag === DataZoomActiveTag.background) {
-                    this._setStateAttr(this._getState().start, this._getState().end);
-                    this._dispatchEvent(IDataZoomInteractiveEvent.stateUpdate, {
-                        start: this._getState().start,
-                        end: this._getState().end,
-                        shouldRender: true,
-                        tag: this._activeTag
-                    });
-                }
-            }
-            this._activeState = false;
-            this._dispatchEvent(IDataZoomInteractiveEvent.dataZoomUpdate, {
-                start: this._getState().start,
-                end: this._getState().end,
-                shouldRender: true,
-                tag: this._activeTag
-            });
-            this.clearDragEvents();
-        };
-        this._initAttrs(props);
+        this._onHandlerPointerUp = (e) => this._finish(e, false);
+        this._onHandlerPointerCancel = (e) => this._finish(e, true);
+        this._scheduleMove = this._applyPendingPoint;
+        this.setAttributes(props);
     }
     setAttributes(props) {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b;
+        const delayTime = (_a = props.attribute.delayTime) !== null && _a !== void 0 ? _a : DEFAULT_DATA_ZOOM_ATTRIBUTES.delayTime;
+        const delayType = (_b = props.attribute.delayType) !== null && _b !== void 0 ? _b : DEFAULT_DATA_ZOOM_ATTRIBUTES.delayType;
+        if (delayTime !== this._delayTime || (delayTime !== 0 && delayType !== this._delayType)) {
+            this.clearDragEvents();
+            this._scheduleMove =
+                delayTime === 0 ? this._applyPendingPoint : delayMap$1[delayType](this._applyPendingPoint, delayTime);
+        }
+        this._delayTime = delayTime;
+        this._delayType = delayType;
         this._initAttrs(props);
-        this._onHandlerPointerMove =
-            ((_b = (_a = this.attribute) === null || _a === void 0 ? void 0 : _a.delayTime) !== null && _b !== void 0 ? _b : 0) === 0
-                ? this._pointerMove
-                : delayMap$1[(_d = (_c = this.attribute) === null || _c === void 0 ? void 0 : _c.delayType) !== null && _d !== void 0 ? _d : 'debounce'](this._pointerMove, (_f = (_e = this.attribute) === null || _e === void 0 ? void 0 : _e.delayTime) !== null && _f !== void 0 ? _f : 0);
     }
     _initAttrs(props) {
         this.stage = props.stage;
@@ -26776,20 +26827,15 @@ class DataZoomInteraction extends EventEmitter {
         this._getGlobalTransMatrix = props.getGlobalTransMatrix;
     }
     clearDragEvents() {
-        const evtTarget = vglobal.env === 'browser' ? vglobal : this.stage;
-        const triggers = getEndTriggersOfDrag();
-        evtTarget.removeEventListener('pointermove', this._onHandlerPointerMove, { capture: true });
-        triggers.forEach((trigger) => {
-            evtTarget.removeEventListener(trigger, this._onHandlerPointerUp);
-        });
-        this.off('pointermove', this._onHandlerPointerMove, {
-            capture: true
-        });
-    }
-    clearVGlobalEvents() {
-        (vglobal.env === 'browser' ? vglobal : this.stage).removeEventListener('touchmove', this._handleTouchMove, {
-            passive: false
-        });
+        var _a, _b, _c, _d, _e;
+        (_b = (_a = this._scheduleMove) === null || _a === void 0 ? void 0 : _a.cancel) === null || _b === void 0 ? void 0 : _b.call(_a);
+        this._pending = false;
+        (_c = this._inputSource) === null || _c === void 0 ? void 0 : _c.off('pointermove', this._onHandlerPointerMove);
+        (_d = this._inputSource) === null || _d === void 0 ? void 0 : _d.off('pointerup', this._onHandlerPointerUp);
+        (_e = this._inputSource) === null || _e === void 0 ? void 0 : _e.off('pointercancel', this._onHandlerPointerCancel);
+        this._inputSource = undefined;
+        this._activePointerId = undefined;
+        this._activeState = false;
     }
     bindEvents() {
         var _a, _b, _c, _d, _e, _f, _g, _h;
@@ -26805,9 +26851,6 @@ class DataZoomInteraction extends EventEmitter {
         brushSelect &&
             ((_g = this._previewGroup) === null || _g === void 0 ? void 0 : _g.addEventListener('pointerdown', (e) => this._onHandlerPointerDown(e, 'background')));
         (_h = this._selectedPreviewGroup) === null || _h === void 0 ? void 0 : _h.addEventListener('pointerdown', (e) => this._onHandlerPointerDown(e, selectedTag));
-        (vglobal.env === 'browser' ? vglobal : this.stage).addEventListener('touchmove', this._handleTouchMove, {
-            passive: false
-        });
     }
     _setStateAttr(start, end) {
         const { zoomLock = false, minSpan = 0, maxSpan = 1 } = this.attribute;
@@ -26873,9 +26916,31 @@ class DataZoomInteraction extends EventEmitter {
         }
         return { start, end };
     }
-    _eventPosToStagePos(e) {
+    _finish(e, cancel) {
+        var _a, _b;
+        if (e.pointerId !== this._activePointerId || this._finishing) {
+            return;
+        }
+        this._finishing = true;
+        try {
+            (_b = (_a = this._scheduleMove).cancel) === null || _b === void 0 ? void 0 : _b.call(_a);
+            if (!cancel) {
+                this._applyPendingPoint();
+            }
+            const tag = this._activeTag;
+            this.clearDragEvents();
+            if (tag === DataZoomActiveTag.background) {
+                this._dispatchEvent(IDataZoomInteractiveEvent.stateUpdate, Object.assign(Object.assign({}, this._getState()), { shouldRender: true, tag }));
+            }
+            this._dispatchEvent(IDataZoomInteractiveEvent.dataZoomUpdate, Object.assign(Object.assign({}, this._getState()), { shouldRender: true, tag }));
+        }
+        finally {
+            this.clearDragEvents();
+            this._finishing = false;
+        }
+    }
+    _eventPosToStagePos(e, result = { x: 0, y: 0 }) {
         var _a, _b;
-        const result = { x: 0, y: 0 };
         const stagePoints = (_b = (_a = this.stage) === null || _a === void 0 ? void 0 : _a.eventPointTransform(e)) !== null && _b !== void 0 ? _b : { x: 0, y: 0 };
         this._getGlobalTransMatrix().transformPoint(stagePoints, result);
         return result;
@@ -27075,8 +27140,8 @@ class DataZoom extends AbstractComponent {
         this._interaction.setAttributes(this._getInteractionAttrs());
     }
     release(all) {
-        super.release(all);
         this._interaction.clearDragEvents();
+        super.release(all);
     }
     setStartAndEnd(start, end) {
         const { start: startState, end: endState } = this._state;
@@ -31724,20 +31789,25 @@ class Slider extends AbstractComponent {
             this._dispatchTooltipEvent('sliderTooltipHide');
         };
         this._onHandlerPointerdown = (e) => {
+            if (this._activePointerId !== undefined) {
+                return;
+            }
             this._clearAllDragEvents();
+            this._activePointerId = e.pointerId;
             this._isChanging = true;
             const { x, y } = this.stage.eventPointTransform(e);
             this._currentHandler = e.target;
             this._prePos = this._isHorizontal ? x : y;
-            const triggers = getEndTriggersOfDrag();
-            const obj = vglobal.env === 'browser' ? vglobal : this.stage;
-            obj.addEventListener('pointermove', this._onHandlerPointerMove, { capture: true });
-            triggers.forEach((trigger) => {
-                obj.addEventListener(trigger, this._onHandlerPointerUp);
-            });
+            this._bindDragEvents(this._onHandlerPointerMove);
         };
         this._onHandlerPointerMove = (e) => {
             var _a, _b;
+            if (e.pointerId !== this._activePointerId) {
+                return;
+            }
+            if (e.pointerType === 'touch') {
+                e.preventDefault();
+            }
             this._isChanging = true;
             const { railWidth, railHeight, min, max } = this.attribute;
             if (max === min) {
@@ -31773,28 +31843,32 @@ class Slider extends AbstractComponent {
             this._dispatchChangeEvent();
         };
         this._onHandlerPointerUp = (e) => {
+            if (e.pointerId !== this._activePointerId) {
+                return;
+            }
             this._isChanging = false;
             this._currentHandler = null;
             this._clearAllDragEvents();
         };
-        this._handleTouchMove = (e) => {
-            if (this._isChanging) {
-                e.preventDefault();
-            }
-        };
         this._onTrackPointerdown = (e) => {
+            e.stopPropagation();
+            if (this._activePointerId !== undefined) {
+                return;
+            }
             this._clearAllDragEvents();
+            this._activePointerId = e.pointerId;
             this._isChanging = true;
             const { x, y } = this.stage.eventPointTransform(e);
             this._prePos = this._isHorizontal ? x : y;
-            const triggers = getEndTriggersOfDrag();
-            const obj = vglobal.env === 'browser' ? vglobal : this.stage;
-            obj.addEventListener('pointermove', this._onTrackPointerMove, { capture: true });
-            triggers.forEach((trigger) => {
-                obj.addEventListener(trigger, this._onTrackPointerUp);
-            });
+            this._bindDragEvents(this._onTrackPointerMove);
         };
         this._onTrackPointerMove = (e) => {
+            if (e.pointerId !== this._activePointerId) {
+                return;
+            }
+            if (e.pointerType === 'touch') {
+                e.preventDefault();
+            }
             this._isChanging = true;
             const { railWidth, railHeight, min, max, inverse } = this.attribute;
             if (max === min) {
@@ -31845,13 +31919,11 @@ class Slider extends AbstractComponent {
             this._prePos = currentPos;
             this._dispatchChangeEvent();
         };
-        this._onTrackPointerUp = (e) => {
-            this._isChanging = false;
-            this._clearAllDragEvents();
-        };
         this._onRailPointerDown = (e) => {
+            if (this._activePointerId !== undefined) {
+                return;
+            }
             this._clearAllDragEvents();
-            this._isChanging = true;
             const { railWidth, railHeight, min, max } = this.attribute;
             if (max === min) {
                 return;
@@ -32246,9 +32318,6 @@ class Slider extends AbstractComponent {
                 this._track.addEventListener('pointerdown', this._onTrackPointerdown);
             }
             this._railContainer.addEventListener('pointerdown', this._onRailPointerDown);
-            (vglobal.env === 'browser' ? vglobal : this.stage).addEventListener('touchmove', this._handleTouchMove, {
-                passive: false
-            });
         }
     }
     _bindTooltipEvents() {
@@ -32259,17 +32328,22 @@ class Slider extends AbstractComponent {
         this._mainContainer.addEventListener('pointermove', this._onTooltipUpdate);
         this._mainContainer.addEventListener('pointerleave', this._onTooltipHide);
     }
+    _bindDragEvents(move) {
+        this._inputSource = this.stage.eventSystem.input.window;
+        this._inputSource.on('pointermove', move);
+        this._inputSource.on('pointerup', this._onHandlerPointerUp);
+        this._inputSource.on('pointercancel', this._onHandlerPointerUp);
+    }
     _clearAllDragEvents() {
-        const triggers = getEndTriggersOfDrag();
-        const obj = vglobal.env === 'browser' ? vglobal : this.stage;
-        obj.removeEventListener('pointermove', this._onHandlerPointerMove, { capture: true });
-        triggers.forEach((trigger) => {
-            obj.removeEventListener(trigger, this._onHandlerPointerUp);
-        });
-        obj.removeEventListener('pointermove', this._onTrackPointerMove, { capture: true });
-        triggers.forEach((trigger) => {
-            obj.removeEventListener(trigger, this._onTrackPointerUp);
-        });
+        var _a, _b, _c, _d;
+        (_a = this._inputSource) === null || _a === void 0 ? void 0 : _a.off('pointermove', this._onHandlerPointerMove);
+        (_b = this._inputSource) === null || _b === void 0 ? void 0 : _b.off('pointermove', this._onTrackPointerMove);
+        (_c = this._inputSource) === null || _c === void 0 ? void 0 : _c.off('pointerup', this._onHandlerPointerUp);
+        (_d = this._inputSource) === null || _d === void 0 ? void 0 : _d.off('pointercancel', this._onHandlerPointerUp);
+        this._inputSource = undefined;
+        this._activePointerId = undefined;
+        this._isChanging = false;
+        this._currentHandler = null;
     }
     _updateTrack() {
         const { inverse, railWidth, railHeight } = this.attribute;
@@ -32412,11 +32486,8 @@ class Slider extends AbstractComponent {
         };
     }
     release(all) {
-        super.release(all);
-        (vglobal.env === 'browser' ? vglobal : this.stage).removeEventListener('touchmove', this._handleTouchMove, {
-            passive: false
-        });
         this._clearAllDragEvents();
+        super.release(all);
     }
 }
 Slider.defaultAttributes = {
@@ -37040,6 +37111,6 @@ TableSeriesNumber.defaultAttributes = {
     select: true
 };
 
-const version = "1.1.12";
+const version = "1.1.14";
 
 export { AXIS_ELEMENT_NAME, AbstractComponent, ArcInfo, ArcLabel, ArcSegment, AxisStateValue, BasePlayer, Brush, CheckBox, CircleAxis, CircleAxisGrid, CircleCrosshair, ColorContinuousLegend, ContinuousPlayer, DEFAULT_ITEM_SPACE_COL, DEFAULT_ITEM_SPACE_ROW, DEFAULT_LABEL_SPACE, DEFAULT_PAGER_SPACE, DEFAULT_SHAPE_SIZE, DEFAULT_SHAPE_SPACE, DEFAULT_STATES$1 as DEFAULT_STATES, DEFAULT_TITLE_SPACE, DEFAULT_VALUE_SPACE, DataLabel, DataZoom, DataZoomActiveTag, DirectionEnum, DiscreteLegend, DiscretePlayer, EmptyTip, GroupTransition, IDataZoomEvent, IDataZoomInteractiveEvent, IMarkAreaLabelPosition, IMarkCommonArcLabelPosition, IMarkLineLabelPosition, IMarkPointItemPosition, IOperateType, Indicator, LEGEND_ELEMENT_NAME, LabelBase, LegendEvent, LegendStateValue, LineAxis, LineAxisGrid, LineCrosshair, LineLabel, LinkPath, MarkArcArea, MarkArcLine, MarkArea, MarkLine, MarkPoint, Pager, PlayerEventEnum, PolygonCrosshair, PolygonSectorCrosshair, PopTip, Radio, RectCrosshair, RectLabel, SLIDER_ELEMENT_NAME, ScrollBar, SectorCrosshair, Segment, SeriesNumberCellStateValue, SeriesNumberEvent, SizeContinuousLegend, Slider, StoryLabelItem, Switch, SymbolLabel, TableSeriesNumber, Tag, Timeline, Title, Tooltip, TopZIndex, VTag, WeatherBox, alignTextInLine, angle, angleLabelOrientAttribute, angleTo, cartesianTicks, clampRadian, computeOffsetForlimit, continuousTicks, contrastAccessibilityChecker, convertDomainToTickData, createTextGraphicByType, deltaXYToAngle, fuzzyEqualNumber, getAxisBreakSymbolAttrs, getCircleLabelPosition, getCirclePoints, getCircleVerticalVector, getElMap, getHorizontalPath, getMarksByName, getNoneGroupMarksByName, getPolarAngleLabelPosition, getPolygonPath, getSizeHandlerPath, getTextAlignAttrOfVerticalDir, getTextType, getVerticalCoord, getVerticalPath, hasOverlap, htmlAttributeTransform, initTextMeasure, installPoptipToApp, installScrollbarToApp, isInRange, isPostiveXAxis, isRichText, isVisible, labelSmartInvert, length, limitShapeInBounds, linearDiscreteTicks, loadPoptip, loadScrollbar, measureTextSize, normalize, polarAngleAxisDiscreteTicks, polarTicks, reactAttributeTransform, registerArcDataLabel, registerLineDataLabel, registerMarkArcAreaAnimate, registerMarkArcLineAnimate, registerMarkAreaAnimate, registerMarkLineAnimate, registerMarkPointAnimate, registerRectDataLabel, registerSymbolDataLabel, removeRepeatPoint, richTextAttributeTransform, scale, setPoptipTheme, smartInvertStrategy, tan2AngleToAngle, textIntersect, ticks, traverseGroup, version };

package/es/axis/constant.js

@@ -26,4 +26,5 @@ export const DEFAULT_STATES = {
     [AxisStateValue.hoverReverse]: {}
 };
 
-export const TopZIndex = 999;
+export const TopZIndex = 999;
+//# sourceMappingURL=constant.js.map

package/es/brush/type.js

@@ -4,5 +4,4 @@ export var IOperateType;
     IOperateType.drawStart = "drawStart", IOperateType.drawEnd = "drawEnd", IOperateType.drawing = "drawing", 
     IOperateType.moving = "moving", IOperateType.moveStart = "moveStart", IOperateType.moveEnd = "moveEnd", 
     IOperateType.brushActive = "brushActive", IOperateType.brushClear = "brushClear";
-}(IOperateType || (IOperateType = {}));
-//# sourceMappingURL=type.js.map
+}(IOperateType || (IOperateType = {}));

package/es/data-zoom/data-zoom.js

@@ -116,7 +116,7 @@ export class DataZoom extends AbstractComponent {
         this._renderer.renderDataZoom(), this._interaction.setAttributes(this._getInteractionAttrs());
     }
     release(all) {
-        super.release(all), this._interaction.clearDragEvents();
+        this._interaction.clearDragEvents(), super.release(all);
     }
     setStartAndEnd(start, end) {
         const {start: startState, end: endState} = this._state;

package/es/data-zoom/data-zoom.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/data-zoom/data-zoom.ts"],"names":[],"mappings":"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","file":"data-zoom.js","sourcesContent":["import { type IGroup } from '@visactor/vrender-core';\nimport { array, isFunction, isValid, merge } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport { IDataZoomEvent, IDataZoomInteractiveEvent, type DataZoomAttributes } from './type';\nimport type { ComponentOptions } from '../interface';\nimport { DataZoomRenderer, type DataZoomRendererAttrs } from './renderer';\nimport { DataZoomInteraction, type InteractionAttributes } from './interaction';\nimport { loadDataZoomComponent } from './register';\nimport { DEFAULT_DATA_ZOOM_ATTRIBUTES } from './config';\n\nloadDataZoomComponent();\nexport class DataZoom extends AbstractComponent<Required<DataZoomAttributes>> {\n  name = 'dataZoom';\n  static defaultAttributes = DEFAULT_DATA_ZOOM_ATTRIBUTES;\n  /** 交互控制 */\n  private _interaction: DataZoomInteraction;\n  /** 渲染控制 */\n  private _renderer: DataZoomRenderer;\n  /** 共享变量: 容器 */\n  private _container: IGroup;\n  /** 共享变量: 状态 */\n  private _state: { start: number; end: number } = { start: 0, end: 1 };\n  /** 共享变量: 布局 */\n  private _layoutCacheFromConfig: any;\n\n  /** 中间量 */\n  private _isHorizontal: boolean;\n\n  constructor(attributes: DataZoomAttributes, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, DataZoom.defaultAttributes, attributes));\n    const { start, end, orient } = this.attribute as DataZoomAttributes;\n    this._isHorizontal = orient === 'top' || orient === 'bottom';\n    start && (this._state.start = start);\n    end && (this._state.end = end);\n    this._renderer = new DataZoomRenderer(this._getRendererAttrs());\n    this._interaction = new DataZoomInteraction(this._getInteractionAttrs());\n  }\n\n  /**\n   * 获取背景框中的位置和宽高\n   * @description 实际绘制的背景框中的高度或宽度 减去 中间手柄的高度或宽度\n   */\n  getLayoutAttrFromConfig = () => {\n    if (this._layoutCacheFromConfig) {\n      return this._layoutCacheFromConfig;\n    }\n    const {\n      position: positionConfig,\n      size,\n      orient,\n      middleHandlerStyle = {},\n      startHandlerStyle = {},\n      endHandlerStyle = {},\n      backgroundStyle = {}\n    } = this.attribute as DataZoomAttributes;\n    const { width: widthConfig, height: heightConfig } = size;\n    const middleHandlerSize = middleHandlerStyle.background?.size ?? 10;\n\n    // 如果middleHandler显示的话，要将其宽高计入datazoom宽高\n    let width;\n    let height;\n    let position;\n    if (middleHandlerStyle.visible) {\n      if (this._isHorizontal) {\n        width = widthConfig;\n        height = heightConfig - middleHandlerSize;\n        position = {\n          x: positionConfig.x,\n          y: positionConfig.y + middleHandlerSize\n        };\n      } else {\n        width = widthConfig - middleHandlerSize;\n        height = heightConfig;\n        position = {\n          x: positionConfig.x + (orient === 'left' ? middleHandlerSize : 0),\n          y: positionConfig.y\n        };\n      }\n    } else {\n      width = widthConfig;\n      height = heightConfig;\n      position = positionConfig;\n    }\n\n    const startHandlerSize = (startHandlerStyle.size as number) ?? (this._isHorizontal ? height : width);\n    const endHandlerSize = (endHandlerStyle.size as number) ?? (this._isHorizontal ? height : width);\n    // 如果startHandler显示的话，要将其宽高计入dataZoom宽高\n    if (startHandlerStyle.visible) {\n      if (this._isHorizontal) {\n        width -= (startHandlerSize + endHandlerSize) / 2;\n        position = {\n          x: position.x + startHandlerSize / 2,\n          y: position.y\n        };\n      } else {\n        height -= (startHandlerSize + endHandlerSize) / 2;\n        position = {\n          x: position.x,\n          y: position.y + startHandlerSize / 2\n        };\n      }\n    }\n\n    // stroke 需计入宽高, 否则dataZoom在画布边缘会被裁剪lineWidth / 2\n    height += (backgroundStyle.lineWidth ?? 2) / 2;\n    width += (backgroundStyle.lineWidth ?? 2) / 2;\n\n    this._layoutCacheFromConfig = {\n      position,\n      width,\n      height\n    };\n    return this._layoutCacheFromConfig;\n  };\n\n  private _getRendererAttrs(): DataZoomRendererAttrs {\n    return {\n      attribute: this.attribute,\n      getLayoutAttrFromConfig: this.getLayoutAttrFromConfig,\n      setState: (state: { start: number; end: number }) => {\n        this._state = state;\n      },\n      getState: () => this._state,\n      getContainer: () => this._container\n    };\n  }\n\n  private _getInteractionAttrs(): InteractionAttributes {\n    return {\n      stage: this.stage,\n      attribute: this.attribute,\n      startHandlerMask: this._renderer.startHandlerMask,\n      endHandlerMask: this._renderer.endHandlerMask,\n      middleHandlerSymbol: this._renderer.middleHandlerSymbol,\n      middleHandlerRect: this._renderer.middleHandlerRect,\n      selectedBackground: this._renderer.selectedBackground,\n      background: this._renderer.background,\n      previewGroup: this._renderer.previewGroup,\n      selectedPreviewGroup: this._renderer.selectedPreviewGroup,\n      getLayoutAttrFromConfig: this.getLayoutAttrFromConfig,\n      setState: (state: { start: number; end: number }) => {\n        this._state = state;\n      },\n      getState: () => this._state,\n      getGlobalTransMatrix: () => this.globalTransMatrix\n    };\n  }\n\n  bindEvents(): void {\n    if (this.attribute.disableTriggerEvent) {\n      this.setAttribute('childrenPickable', false);\n      return;\n    }\n    this._interaction.bindEvents();\n    this._interaction.on(IDataZoomInteractiveEvent.stateUpdate, ({ shouldRender }) => {\n      if (shouldRender) {\n        this._renderer.renderDataZoom(true);\n      }\n    });\n    this._interaction.on(IDataZoomInteractiveEvent.dataZoomUpdate, ({ start, end, tag }) => {\n      this._dispatchEvent(IDataZoomEvent.dataZoomChange, { start, end, tag });\n    });\n    this._interaction.on(IDataZoomInteractiveEvent.maskUpdate, () => {\n      this._renderer.renderDragMask();\n    });\n    if (this.attribute.showDetail === 'auto') {\n      this._container.addEventListener('pointerenter', () => {\n        this._renderer.showText = true;\n        this._renderer.renderText();\n      });\n      this._container.addEventListener('pointerleave', () => {\n        this._renderer.showText = false;\n        this._renderer.renderText();\n      });\n    }\n  }\n\n  setAttributes(params: Partial<Required<DataZoomAttributes>>, forceUpdateTag?: boolean): void {\n    const { start, end } = this.attribute as DataZoomAttributes;\n    start && (this._state.start = params.start ?? start);\n    end && (this._state.end = params.end ?? end);\n\n    this._renderer.setAttributes(this._getRendererAttrs());\n    this._interaction.setAttributes(this._getInteractionAttrs());\n    super.setAttributes(params, forceUpdateTag);\n  }\n\n  render(): void {\n    this._layoutCacheFromConfig = null;\n    this._container = this.createOrUpdateChild('datazoom-container', {}, 'group') as IGroup;\n    this._renderer.renderDataZoom();\n    this._interaction.setAttributes(this._getInteractionAttrs());\n  }\n\n  release(all?: boolean): void {\n    /**\n     * 浏览器上的事件必须解绑，防止内存泄漏，场景树上的事件会自动解绑\n     */\n    super.release(all);\n    this._interaction.clearDragEvents();\n  }\n\n  /** 外部重置组件的起始状态 */\n  setStartAndEnd(start?: number, end?: number) {\n    const { start: startState, end: endState } = this._state;\n    if (isValid(start) && isValid(end) && (start !== startState || end !== endState)) {\n      this._state = { start, end };\n      this._renderer.renderDataZoom(true);\n      this._dispatchEvent(IDataZoomEvent.dataZoomChange, {\n        start,\n        end\n      });\n    }\n  }\n\n  /** 外部更新背景图表的数据 */\n  setPreviewData(data: any[]) {\n    this._renderer.previewData = data;\n  }\n\n  /** 外部更新手柄文字 */\n  setText(text: string, tag: 'start' | 'end') {\n    if (tag === 'start') {\n      this._renderer.startText.setAttribute('text', text);\n    } else {\n      this._renderer.endText.setAttribute('text', text);\n    }\n  }\n\n  /** 外部获取起始点数据值 */\n  getStartValue() {\n    return this._renderer.startValue;\n  }\n\n  getEndTextValue() {\n    return this._renderer.endValue;\n  }\n\n  getMiddleHandlerSize() {\n    const { middleHandlerStyle = {} } = this.attribute as DataZoomAttributes;\n    const middleHandlerRectSize = middleHandlerStyle.background?.size ?? 10;\n    const middleHandlerSymbolSize = middleHandlerStyle.icon?.size ?? 10;\n    return Math.max(middleHandlerRectSize, ...array(middleHandlerSymbolSize));\n  }\n\n  /** 外部传入数据映射 */\n  setPreviewPointsX(callback: (d: any) => number) {\n    isFunction(callback) && (this._renderer.previewPointsX = callback);\n  }\n  setPreviewPointsY(callback: (d: any) => number) {\n    isFunction(callback) && (this._renderer.previewPointsY = callback);\n  }\n  setPreviewPointsX1(callback: (d: any) => number) {\n    isFunction(callback) && (this._renderer.previewPointsX1 = callback);\n  }\n  setPreviewPointsY1(callback: (d: any) => number) {\n    isFunction(callback) && (this._renderer.previewPointsY1 = callback);\n  }\n  setStatePointToData(callback: (state: number) => any) {\n    isFunction(callback) && (this._renderer.statePointToData = callback);\n  }\n}\n"]}
+{"version":3,"sources":["../src/data-zoom/data-zoom.ts"],"names":[],"mappings":"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","file":"data-zoom.js","sourcesContent":["import { type IGroup } from '@visactor/vrender-core';\nimport { array, isFunction, isValid, merge } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport { IDataZoomEvent, IDataZoomInteractiveEvent, type DataZoomAttributes } from './type';\nimport type { ComponentOptions } from '../interface';\nimport { DataZoomRenderer, type DataZoomRendererAttrs } from './renderer';\nimport { DataZoomInteraction, type InteractionAttributes } from './interaction';\nimport { loadDataZoomComponent } from './register';\nimport { DEFAULT_DATA_ZOOM_ATTRIBUTES } from './config';\n\nloadDataZoomComponent();\nexport class DataZoom extends AbstractComponent<Required<DataZoomAttributes>> {\n  name = 'dataZoom';\n  static defaultAttributes = DEFAULT_DATA_ZOOM_ATTRIBUTES;\n  /** 交互控制 */\n  private _interaction: DataZoomInteraction;\n  /** 渲染控制 */\n  private _renderer: DataZoomRenderer;\n  /** 共享变量: 容器 */\n  private _container: IGroup;\n  /** 共享变量: 状态 */\n  private _state: { start: number; end: number } = { start: 0, end: 1 };\n  /** 共享变量: 布局 */\n  private _layoutCacheFromConfig: any;\n\n  /** 中间量 */\n  private _isHorizontal: boolean;\n\n  constructor(attributes: DataZoomAttributes, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, DataZoom.defaultAttributes, attributes));\n    const { start, end, orient } = this.attribute as DataZoomAttributes;\n    this._isHorizontal = orient === 'top' || orient === 'bottom';\n    start && (this._state.start = start);\n    end && (this._state.end = end);\n    this._renderer = new DataZoomRenderer(this._getRendererAttrs());\n    this._interaction = new DataZoomInteraction(this._getInteractionAttrs());\n  }\n\n  /**\n   * 获取背景框中的位置和宽高\n   * @description 实际绘制的背景框中的高度或宽度 减去 中间手柄的高度或宽度\n   */\n  getLayoutAttrFromConfig = () => {\n    if (this._layoutCacheFromConfig) {\n      return this._layoutCacheFromConfig;\n    }\n    const {\n      position: positionConfig,\n      size,\n      orient,\n      middleHandlerStyle = {},\n      startHandlerStyle = {},\n      endHandlerStyle = {},\n      backgroundStyle = {}\n    } = this.attribute as DataZoomAttributes;\n    const { width: widthConfig, height: heightConfig } = size;\n    const middleHandlerSize = middleHandlerStyle.background?.size ?? 10;\n\n    // 如果middleHandler显示的话，要将其宽高计入datazoom宽高\n    let width;\n    let height;\n    let position;\n    if (middleHandlerStyle.visible) {\n      if (this._isHorizontal) {\n        width = widthConfig;\n        height = heightConfig - middleHandlerSize;\n        position = {\n          x: positionConfig.x,\n          y: positionConfig.y + middleHandlerSize\n        };\n      } else {\n        width = widthConfig - middleHandlerSize;\n        height = heightConfig;\n        position = {\n          x: positionConfig.x + (orient === 'left' ? middleHandlerSize : 0),\n          y: positionConfig.y\n        };\n      }\n    } else {\n      width = widthConfig;\n      height = heightConfig;\n      position = positionConfig;\n    }\n\n    const startHandlerSize = (startHandlerStyle.size as number) ?? (this._isHorizontal ? height : width);\n    const endHandlerSize = (endHandlerStyle.size as number) ?? (this._isHorizontal ? height : width);\n    // 如果startHandler显示的话，要将其宽高计入dataZoom宽高\n    if (startHandlerStyle.visible) {\n      if (this._isHorizontal) {\n        width -= (startHandlerSize + endHandlerSize) / 2;\n        position = {\n          x: position.x + startHandlerSize / 2,\n          y: position.y\n        };\n      } else {\n        height -= (startHandlerSize + endHandlerSize) / 2;\n        position = {\n          x: position.x,\n          y: position.y + startHandlerSize / 2\n        };\n      }\n    }\n\n    // stroke 需计入宽高, 否则dataZoom在画布边缘会被裁剪lineWidth / 2\n    height += (backgroundStyle.lineWidth ?? 2) / 2;\n    width += (backgroundStyle.lineWidth ?? 2) / 2;\n\n    this._layoutCacheFromConfig = {\n      position,\n      width,\n      height\n    };\n    return this._layoutCacheFromConfig;\n  };\n\n  private _getRendererAttrs(): DataZoomRendererAttrs {\n    return {\n      attribute: this.attribute,\n      getLayoutAttrFromConfig: this.getLayoutAttrFromConfig,\n      setState: (state: { start: number; end: number }) => {\n        this._state = state;\n      },\n      getState: () => this._state,\n      getContainer: () => this._container\n    };\n  }\n\n  private _getInteractionAttrs(): InteractionAttributes {\n    return {\n      stage: this.stage,\n      attribute: this.attribute,\n      startHandlerMask: this._renderer.startHandlerMask,\n      endHandlerMask: this._renderer.endHandlerMask,\n      middleHandlerSymbol: this._renderer.middleHandlerSymbol,\n      middleHandlerRect: this._renderer.middleHandlerRect,\n      selectedBackground: this._renderer.selectedBackground,\n      background: this._renderer.background,\n      previewGroup: this._renderer.previewGroup,\n      selectedPreviewGroup: this._renderer.selectedPreviewGroup,\n      getLayoutAttrFromConfig: this.getLayoutAttrFromConfig,\n      setState: (state: { start: number; end: number }) => {\n        this._state = state;\n      },\n      getState: () => this._state,\n      getGlobalTransMatrix: () => this.globalTransMatrix\n    };\n  }\n\n  bindEvents(): void {\n    if (this.attribute.disableTriggerEvent) {\n      this.setAttribute('childrenPickable', false);\n      return;\n    }\n    this._interaction.bindEvents();\n    this._interaction.on(IDataZoomInteractiveEvent.stateUpdate, ({ shouldRender }) => {\n      if (shouldRender) {\n        this._renderer.renderDataZoom(true);\n      }\n    });\n    this._interaction.on(IDataZoomInteractiveEvent.dataZoomUpdate, ({ start, end, tag }) => {\n      this._dispatchEvent(IDataZoomEvent.dataZoomChange, { start, end, tag });\n    });\n    this._interaction.on(IDataZoomInteractiveEvent.maskUpdate, () => {\n      this._renderer.renderDragMask();\n    });\n    if (this.attribute.showDetail === 'auto') {\n      this._container.addEventListener('pointerenter', () => {\n        this._renderer.showText = true;\n        this._renderer.renderText();\n      });\n      this._container.addEventListener('pointerleave', () => {\n        this._renderer.showText = false;\n        this._renderer.renderText();\n      });\n    }\n  }\n\n  setAttributes(params: Partial<Required<DataZoomAttributes>>, forceUpdateTag?: boolean): void {\n    const { start, end } = this.attribute as DataZoomAttributes;\n    start && (this._state.start = params.start ?? start);\n    end && (this._state.end = params.end ?? end);\n\n    this._renderer.setAttributes(this._getRendererAttrs());\n    this._interaction.setAttributes(this._getInteractionAttrs());\n    super.setAttributes(params, forceUpdateTag);\n  }\n\n  render(): void {\n    this._layoutCacheFromConfig = null;\n    this._container = this.createOrUpdateChild('datazoom-container', {}, 'group') as IGroup;\n    this._renderer.renderDataZoom();\n    this._interaction.setAttributes(this._getInteractionAttrs());\n  }\n\n  release(all?: boolean): void {\n    /**\n     * 浏览器上的事件必须解绑，防止内存泄漏，场景树上的事件会自动解绑\n     */\n    this._interaction.clearDragEvents();\n    super.release(all);\n  }\n\n  /** 外部重置组件的起始状态 */\n  setStartAndEnd(start?: number, end?: number) {\n    const { start: startState, end: endState } = this._state;\n    if (isValid(start) && isValid(end) && (start !== startState || end !== endState)) {\n      this._state = { start, end };\n      this._renderer.renderDataZoom(true);\n      this._dispatchEvent(IDataZoomEvent.dataZoomChange, {\n        start,\n        end\n      });\n    }\n  }\n\n  /** 外部更新背景图表的数据 */\n  setPreviewData(data: any[]) {\n    this._renderer.previewData = data;\n  }\n\n  /** 外部更新手柄文字 */\n  setText(text: string, tag: 'start' | 'end') {\n    if (tag === 'start') {\n      this._renderer.startText.setAttribute('text', text);\n    } else {\n      this._renderer.endText.setAttribute('text', text);\n    }\n  }\n\n  /** 外部获取起始点数据值 */\n  getStartValue() {\n    return this._renderer.startValue;\n  }\n\n  getEndTextValue() {\n    return this._renderer.endValue;\n  }\n\n  getMiddleHandlerSize() {\n    const { middleHandlerStyle = {} } = this.attribute as DataZoomAttributes;\n    const middleHandlerRectSize = middleHandlerStyle.background?.size ?? 10;\n    const middleHandlerSymbolSize = middleHandlerStyle.icon?.size ?? 10;\n    return Math.max(middleHandlerRectSize, ...array(middleHandlerSymbolSize));\n  }\n\n  /** 外部传入数据映射 */\n  setPreviewPointsX(callback: (d: any) => number) {\n    isFunction(callback) && (this._renderer.previewPointsX = callback);\n  }\n  setPreviewPointsY(callback: (d: any) => number) {\n    isFunction(callback) && (this._renderer.previewPointsY = callback);\n  }\n  setPreviewPointsX1(callback: (d: any) => number) {\n    isFunction(callback) && (this._renderer.previewPointsX1 = callback);\n  }\n  setPreviewPointsY1(callback: (d: any) => number) {\n    isFunction(callback) && (this._renderer.previewPointsY1 = callback);\n  }\n  setStatePointToData(callback: (state: number) => any) {\n    isFunction(callback) && (this._renderer.statePointToData = callback);\n  }\n}\n"]}

package/es/data-zoom/interaction.d.ts

@@ -45,21 +45,30 @@ export declare class DataZoomInteraction extends EventEmitter {
     private _activeCache;
     private _layoutCache;
     private _spanCache;
-    private _onHandlerPointerMove;
+    private _inputSource?;
+    private _activePointerId?;
+    private _finishing;
+    private _pending;
+    private _pendingPoint;
+    private _scheduleMove;
+    private _delayTime;
+    private _delayType;
     constructor(props: InteractionAttributes);
     setAttributes(props: InteractionAttributes): void;
     private _initAttrs;
     clearDragEvents(): void;
-    clearVGlobalEvents(): void;
     bindEvents(): void;
-    private _handleTouchMove;
     private _onHandlerPointerDown;
+    private _onHandlerPointerMove;
+    private _applyPendingPoint;
     private _pointerMove;
     private _setStateAttr;
     private _moveZoomWithMiddle;
     private _moveZoomWithHandler;
     private _moveZoomWithBackground;
     private _onHandlerPointerUp;
+    private _onHandlerPointerCancel;
+    private _finish;
     private _eventPosToStagePos;
     protected _dispatchEvent(eventName: IDataZoomInteractiveEvent, details?: Dict<any>): void;
 }