@visactor/vchart 1.5.1-alpha.6 → 1.5.1

package/esm/data/transforms/correlation.js

@@ -0,0 +1,49 @@
+import { isArray } from "@visactor/vutils";
+
+import { isNil, isNumber, degreeToRadian } from "@visactor/vutils";
+
+import { field as getFieldAccessor, extent, toPercent } from "@visactor/vgrammar-util";
+
+import { CORRELATION_X, CORRELATION_Y, CORRELATION_SIZE } from "../../constant";
+
+export const correlation = (data, options) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+    if (!data || !(null == options ? void 0 : options.view) || !isArray(data)) return data;
+    const viewBox = options.view();
+    if (viewBox.x1 - viewBox.x0 == 0 || viewBox.y1 - viewBox.y0 == 0 || viewBox.x1 - viewBox.x0 == -1 / 0 || viewBox.x1 - viewBox.x0 == 1 / 0 || viewBox.y1 - viewBox.y0 == -1 / 0 || viewBox.y1 - viewBox.y0 == 1 / 0) return data;
+    const startAngle = degreeToRadian(null !== (_a = options.startAngle) && void 0 !== _a ? _a : -90), endAngle = degreeToRadian(null !== (_b = options.endAngle) && void 0 !== _b ? _b : 270), maxRadius = Math.max((viewBox.x1 - viewBox.x0) / 2, (viewBox.y1 - viewBox.y0) / 2), innerRadius = toPercent(null !== (_c = options.innerRadius) && void 0 !== _c ? _c : 0, maxRadius), outerRadius = toPercent(options.outerRadius, maxRadius), center = [ isNumber(null === (_d = options.center) || void 0 === _d ? void 0 : _d[0]) ? options.center[0] : viewBox.x0 + toPercent(null !== (_f = null === (_e = options.center) || void 0 === _e ? void 0 : _e[0]) && void 0 !== _f ? _f : "50%", viewBox.x1 - viewBox.x0), isNumber(null === (_g = options.center) || void 0 === _g ? void 0 : _g[1]) ? options.center[1] : viewBox.y0 + toPercent(null !== (_j = null === (_h = options.center) || void 0 === _h ? void 0 : _h[1]) && void 0 !== _j ? _j : "50%", viewBox.y1 - viewBox.y0) ], fieldAccessor = getFieldAccessor(options.field), values = data.map(fieldAccessor), [min, max] = extent(values), radiusScale = min === max ? val => (innerRadius + outerRadius) / 2 : val => innerRadius + (outerRadius - innerRadius) * (val - min) / (max - min), sizeAccessor = isNil(options.radiusField) ? fieldAccessor : getFieldAccessor(options.radiusField), defaultSize = null !== (_l = null === (_k = null == options ? void 0 : options.radiusRange) || void 0 === _k ? void 0 : _k[1]) && void 0 !== _l ? _l : 5;
+    let sizeScale = datum => defaultSize;
+    if (sizeAccessor) {
+        const [minSize, maxSize] = sizeAccessor !== fieldAccessor ? extent(data.map(sizeAccessor)) : [ min, max ], minR = null !== (_o = null === (_m = options.radiusRange) || void 0 === _m ? void 0 : _m[0]) && void 0 !== _o ? _o : 5, maxR = null !== (_q = null === (_p = options.radiusRange) || void 0 === _p ? void 0 : _p[1]) && void 0 !== _q ? _q : 5;
+        minSize !== maxSize && (sizeScale = datum => minR + (maxR - minR) * (sizeAccessor(datum) - minSize) / (maxSize - minSize));
+    }
+    const minAngle = Math.min(startAngle, endAngle), maxAngle = Math.max(startAngle, endAngle), angles = getPartialAngles(minAngle, maxAngle, data.length), res = [], searchAngle = (maxAngle - minAngle) / 60;
+    return data.forEach(((datum, index) => {
+        const radius = radiusScale(values[index]), size = sizeScale(datum);
+        let x, y, angle = angles[index];
+        for (let i = 0; i < 60 && (x = center[0] + radius * Math.cos(angle), y = center[1] + radius * Math.sin(angle), 
+        hasOverlap({
+            x: x,
+            y: y,
+            size: size
+        }, res) || x - size < viewBox.x0 || x + size > viewBox.x1 || y - size < viewBox.y0 || y + size > viewBox.y1); i++) i < 59 && (angle += searchAngle, 
+        angle > maxAngle ? angle = minAngle : angle < minAngle && (angle = maxAngle));
+        res.push(Object.assign({
+            [CORRELATION_X]: x,
+            [CORRELATION_Y]: y,
+            [CORRELATION_SIZE]: size
+        }, datum));
+    })), res;
+};
+
+const getPartialAngles = (minAngle, maxAngle, count) => {
+    let offsetAngle = 0, stepCount = Math.max(Math.ceil(2 * (maxAngle - minAngle) / Math.PI), 2), stepAngle = (maxAngle - minAngle) / stepCount, stepIndex = 0, stepSign = 1, i = 0, j = 0;
+    const res = [];
+    let startAngle = minAngle;
+    for (;i < count; ) j < stepCount && (res.push(startAngle + (j % 2 ? Math.floor(j / 2) + Math.floor(stepCount / 2) : j / 2) * stepAngle * stepSign), 
+    j++), i++, j === stepCount && (j = 0, stepIndex += 1, stepSign *= -1, 0 === offsetAngle ? offsetAngle = stepAngle / 2 : offsetAngle /= 2, 
+    startAngle = -1 === stepSign ? maxAngle - offsetAngle : minAngle + offsetAngle, 
+    stepIndex >= 2 && (stepAngle /= 2, stepCount *= 2));
+    return res;
+}, hasOverlap = (item, arr) => !(!arr || !arr.length) && arr.some((entry => Math.pow(item.x - entry.x, 2) + Math.pow(item.y - entry.y, 2) < Math.pow(item.size + entry.size, 2)));
+//# sourceMappingURL=correlation.js.map

package/esm/data/transforms/correlation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/data/transforms/correlation.ts"],"names":[],"mappings":"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","file":"correlation.js","sourcesContent":["import { isArray } from '@visactor/vutils';\nimport { isNil, isNumber, degreeToRadian } from '@visactor/vutils';\nimport { field as getFieldAccessor, extent, toPercent } from '@visactor/vgrammar-util';\nimport { CORRELATION_X, CORRELATION_Y, CORRELATION_SIZE } from '../../constant';\n\nexport interface ICorrelationOpt {\n  field: string;\n  radiusField?: string;\n  radiusRange?: [number, number];\n  center?: [string | number, string | number];\n  startAngle?: number;\n  endAngle?: number;\n  innerRadius?: string | number;\n  outerRadius?: string | number;\n}\n\nexport interface CircularRelationItem {\n  x: number;\n  y: number;\n  size: number;\n  datum: any;\n}\n\nexport const correlation = (data: any, options: any) => {\n  if (!data || !options?.view || !isArray(data)) {\n    return data;\n  }\n\n  const viewBox = options.view();\n\n  if (\n    viewBox.x1 - viewBox.x0 === 0 ||\n    viewBox.y1 - viewBox.y0 === 0 ||\n    viewBox.x1 - viewBox.x0 === -Infinity ||\n    viewBox.x1 - viewBox.x0 === Infinity ||\n    viewBox.y1 - viewBox.y0 === -Infinity ||\n    viewBox.y1 - viewBox.y0 === Infinity\n  ) {\n    return data;\n  }\n\n  const startAngle = degreeToRadian(options.startAngle ?? -90);\n  const endAngle = degreeToRadian(options.endAngle ?? 270);\n  const maxRadius = Math.max((viewBox.x1 - viewBox.x0) / 2, (viewBox.y1 - viewBox.y0) / 2);\n  const innerRadius = toPercent(options.innerRadius ?? 0, maxRadius);\n  const outerRadius = toPercent(options.outerRadius, maxRadius);\n\n  const center = [\n    isNumber(options.center?.[0])\n      ? options.center[0]\n      : viewBox.x0 + toPercent(options.center?.[0] ?? '50%', viewBox.x1 - viewBox.x0),\n    isNumber(options.center?.[1])\n      ? options.center[1]\n      : viewBox.y0 + toPercent(options.center?.[1] ?? '50%', viewBox.y1 - viewBox.y0)\n  ] as [number, number];\n  const fieldAccessor = getFieldAccessor(options.field);\n  const values = data.map(fieldAccessor);\n  const [min, max] = extent(values);\n  const radiusScale =\n    min === max\n      ? (val: number) => (innerRadius + outerRadius) / 2\n      : (val: number) => innerRadius + ((outerRadius - innerRadius) * (val - min)) / (max - min);\n\n  const sizeAccessor = !isNil(options.radiusField) ? getFieldAccessor(options.radiusField) : fieldAccessor;\n  const defaultSize = options?.radiusRange?.[1] ?? 5;\n  let sizeScale = (datum: any) => defaultSize;\n\n  if (sizeAccessor) {\n    const [minSize, maxSize] = sizeAccessor !== fieldAccessor ? extent(data.map(sizeAccessor)) : [min, max];\n    const minR = options.radiusRange?.[0] ?? 5;\n    const maxR = options.radiusRange?.[1] ?? 5;\n\n    if (minSize !== maxSize) {\n      sizeScale = (datum: any) => minR + ((maxR - minR) * (sizeAccessor(datum) - minSize)) / (maxSize - minSize);\n    }\n  }\n\n  const minAngle = Math.min(startAngle, endAngle);\n  const maxAngle = Math.max(startAngle, endAngle);\n  const angles = getPartialAngles(minAngle, maxAngle, data.length);\n\n  const res: CircularRelationItem[] = [];\n  const searchStep = 60;\n  const searchAngle = (maxAngle - minAngle) / searchStep;\n\n  data.forEach((datum, index) => {\n    const radius = radiusScale(values[index] as number);\n    const size = sizeScale(datum);\n    let x: number;\n    let y: number;\n    let angle = angles[index];\n\n    for (let i = 0; i < searchStep; i++) {\n      x = center[0] + radius * Math.cos(angle);\n      y = center[1] + radius * Math.sin(angle);\n\n      if (\n        hasOverlap({ x, y, size }, res) ||\n        x - size < viewBox.x0 ||\n        x + size > viewBox.x1 ||\n        y - size < viewBox.y0 ||\n        y + size > viewBox.y1\n      ) {\n        if (i < searchStep - 1) {\n          angle += searchAngle;\n\n          if (angle > maxAngle) {\n            angle = minAngle;\n          } else if (angle < minAngle) {\n            angle = maxAngle;\n          }\n        }\n        continue;\n      } else {\n        break;\n      }\n    }\n\n    res.push({ [CORRELATION_X]: x, [CORRELATION_Y]: y, [CORRELATION_SIZE]: size, ...datum });\n  });\n  return res;\n};\n\nconst getPartialAngles = (minAngle: number, maxAngle: number, count: number) => {\n  let offsetAngle = 0;\n  let stepCount = Math.max(Math.ceil((2 * (maxAngle - minAngle)) / Math.PI), 2);\n  let stepAngle = (maxAngle - minAngle) / stepCount;\n  let stepIndex = 0;\n  let stepSign = 1;\n  let i = 0;\n  let j = 0;\n  const res: number[] = [];\n  let startAngle = minAngle;\n\n  while (i < count) {\n    if (j < stepCount) {\n      res.push(startAngle + (j % 2 ? Math.floor(j / 2) + Math.floor(stepCount / 2) : j / 2) * stepAngle * stepSign);\n      j++;\n    }\n\n    i++;\n\n    if (j === stepCount) {\n      j = 0;\n      stepIndex += 1;\n      stepSign *= -1;\n\n      if (offsetAngle === 0) {\n        offsetAngle = stepAngle / 2;\n      } else {\n        offsetAngle /= 2;\n      }\n      startAngle = stepSign === -1 ? maxAngle - offsetAngle : minAngle + offsetAngle;\n\n      if (stepIndex >= 2) {\n        stepAngle /= 2;\n        stepCount *= 2;\n      }\n    }\n  }\n\n  return res;\n};\n\nconst hasOverlap = (item: Omit<CircularRelationItem, 'datum'>, arr: CircularRelationItem[]) => {\n  if (!arr || !arr.length) {\n    return false;\n  }\n\n  return arr.some(entry => {\n    return Math.pow(item.x - entry.x, 2) + Math.pow(item.y - entry.y, 2) < Math.pow(item.size + entry.size, 2);\n  });\n};\n"]}

package/esm/interaction/dimension-trigger.js

@@ -90,5 +90,4 @@ export class DimensionTrigger {
         }
         return !0;
     }
-}
-//# sourceMappingURL=dimension-trigger.js.map
+}

package/esm/interaction/interaction.js

@@ -75,4 +75,5 @@ export class Interaction {
             }));
         })));
     }
-}
+}
+//# sourceMappingURL=interaction.js.map

package/esm/interaction/zoom/zoomable.d.ts

@@ -2,6 +2,12 @@ import type { BaseEventParams, ExtendEventParam, IEvent } from '../../event/inte
 import type { IRegion } from '../../region/interface';
 import type { RenderMode } from '../../typings/spec';
 import type { ISeries } from '../../series/interface';
+import type { IDelayType } from '../../typings/event';
+export interface ITriggerOption {
+    delayType: IDelayType;
+    delayTime: number;
+    realTime: boolean;
+}
 export interface IZoomEventOptions {
     shouldZoom?: boolean;
     zoomCallback?: (params: {
@@ -26,7 +32,7 @@ export interface IZoomable {
         zoomDelta: number;
         zoomX: number;
         zoomY: number;
-    }, e: BaseEventParams['event']) => void) => void;
+    }, e: BaseEventParams['event']) => void, option?: ITriggerOption) => void;
     initScrollEventOfSeries: (s: ISeries, callback?: (params: {
         scrollX: number;
         scrollY: number;
@@ -34,9 +40,9 @@ export interface IZoomable {
     initScrollEventOfRegions: (regions: IRegion[], filter?: (s: ISeries) => boolean, callback?: (params: {
         scrollX: number;
         scrollY: number;
-    }, e: BaseEventParams['event']) => void) => void;
-    initDragEventOfSeries: (s: ISeries, callback?: (delta: [number, number], e: BaseEventParams['event']) => void) => any;
-    initDragEventOfRegions: (regions: IRegion[], filter?: (s: ISeries) => boolean, callback?: (delta: [number, number], e: BaseEventParams['event']) => void) => void;
+    }, e: BaseEventParams['event']) => void, option?: ITriggerOption) => void;
+    initDragEventOfSeries: (s: ISeries, callback?: (delta: [number, number], e: BaseEventParams['event']) => void, option?: ITriggerOption) => any;
+    initDragEventOfRegions: (regions: IRegion[], filter?: (s: ISeries) => boolean, callback?: (delta: [number, number], e: BaseEventParams['event']) => void, option?: ITriggerOption) => void;
 }
 export declare class Zoomable implements IZoomable {
     private _clickEnable;
@@ -45,28 +51,30 @@ export declare class Zoomable implements IZoomable {
     private _renderMode;
     initZoomable(evt: IEvent, mode?: RenderMode): void;
     private _getTriggerEvent;
+    private _zoomEventDispatch;
     private _bindZoomEventAsRegion;
     initZoomEventOfSeries(s: ISeries, callback?: (params: {
         zoomDelta: number;
         zoomX: number;
         zoomY: number;
-    }, e: BaseEventParams['event']) => void): void;
+    }, e: BaseEventParams['event']) => void, option?: ITriggerOption): void;
     initZoomEventOfRegions(regions: IRegion[], filter?: (s: ISeries) => boolean, callback?: (params: {
         zoomDelta: number;
         zoomX: number;
         zoomY: number;
-    }, e: BaseEventParams['event']) => void): void;
+    }, e: BaseEventParams['event']) => void, option?: ITriggerOption): void;
+    private _scrollEventDispatch;
+    private _bindScrollEventAsRegion;
     initScrollEventOfSeries(s: ISeries, callback?: (params: {
         scrollX: number;
         scrollY: number;
-    }, e: BaseEventParams['event']) => void): void;
+    }, e: BaseEventParams['event']) => void, option?: ITriggerOption): void;
     initScrollEventOfRegions(regions: IRegion[], filter?: (s: ISeries) => boolean, callback?: (params: {
         scrollX: number;
         scrollY: number;
-    }, e: BaseEventParams['event']) => void): void;
-    private _bindScrollEventAsRegion;
+    }, e: BaseEventParams['event']) => void, option?: ITriggerOption): void;
     private _bindDragEventAsRegion;
-    initDragEventOfSeries(s: ISeries, callback?: (delta: [number, number], e: BaseEventParams['event']) => void): void;
-    initDragEventOfRegions(regions: IRegion[], filter?: (s: ISeries) => boolean, callback?: (delta: [number, number], e: BaseEventParams['event']) => void): void;
-    protected _handleDrag(params: ExtendEventParam, callback?: (delta: [number, number], e: BaseEventParams['event']) => void): void;
+    initDragEventOfSeries(s: ISeries, callback?: (delta: [number, number], e: BaseEventParams['event']) => void, option?: ITriggerOption): void;
+    initDragEventOfRegions(regions: IRegion[], filter?: (s: ISeries) => boolean, callback?: (delta: [number, number], e: BaseEventParams['event']) => void, option?: ITriggerOption): void;
+    protected _handleDrag(params: ExtendEventParam, callback?: (delta: [number, number], e: BaseEventParams['event']) => void, option?: ITriggerOption): void;
 }

package/esm/interaction/zoom/zoomable.js

@@ -1,4 +1,4 @@
-import { isNil } from "@visactor/vutils";
+import { debounce, isNil, throttle } from "@visactor/vutils";
 
 import { RenderModeEnum } from "../../typings/spec";
 
@@ -8,6 +8,11 @@ import { isPointInRect } from "../../util";
 
 import { Event_Bubble_Level, Event_Source_Type } from "../../constant";
 
+const delayMap = {
+    debounce: debounce,
+    throttle: throttle
+};
+
 export class Zoomable {
     initZoomable(evt, mode = RenderModeEnum["desktop-browser"]) {
         this._eventObj = evt, this._renderMode = mode, defaultTriggerEvent[this._renderMode] && (this._clickEnable = !0, 
@@ -16,87 +21,97 @@ export class Zoomable {
     _getTriggerEvent(type) {
         return defaultTriggerEvent[this._renderMode][type];
     }
-    _bindZoomEventAsRegion(eventObj, regionOrSeries, callback) {
+    _zoomEventDispatch(params, regionOrSeries, callback) {
+        if (!params.event) return;
+        const event = params.event.clone();
+        this._zoomableTrigger.parserZoomEvent(event);
+        const {zoomDelta: zoomDelta, zoomX: zoomX, zoomY: zoomY} = event;
+        isNil(zoomDelta) || isPointInRect({
+            x: zoomX,
+            y: zoomY
+        }, Object.assign(Object.assign({}, regionOrSeries.getLayoutRect()), regionOrSeries.getLayoutStartPoint())) && (this._clickEnable = !1, 
+        callback && callback({
+            zoomDelta: zoomDelta,
+            zoomX: zoomX,
+            zoomY: zoomY
+        }, event), this._eventObj.emit("zoom", {
+            scale: event.zoomDelta,
+            scaleCenter: {
+                x: event.zoomX,
+                y: event.zoomY
+            },
+            model: this
+        }));
+    }
+    _bindZoomEventAsRegion(eventObj, regionOrSeries, callback, option) {
+        var _a, _b;
+        const delayType = null !== (_a = null == option ? void 0 : option.delayType) && void 0 !== _a ? _a : "throttle", delayTime = null !== (_b = null == option ? void 0 : option.delayTime) && void 0 !== _b ? _b : 0;
         eventObj.on(this._getTriggerEvent("scrollEnd"), {
             level: Event_Bubble_Level.chart,
             consume: !1
-        }, (params => {
+        }, delayMap[delayType]((params => {
             this._zoomableTrigger.clearZoom();
-        })), eventObj.on(this._getTriggerEvent("scroll"), {
+        }), delayTime)), eventObj.on(this._getTriggerEvent("scroll"), {
             level: Event_Bubble_Level.chart,
             consume: !0
-        }, (params => {
-            if (!params.event) return;
-            const event = params.event.clone();
-            this._zoomableTrigger.parserZoomEvent(event);
-            const {zoomDelta: zoomDelta, zoomX: zoomX, zoomY: zoomY} = event;
-            isNil(zoomDelta) || isPointInRect({
-                x: zoomX,
-                y: zoomY
-            }, Object.assign(Object.assign({}, regionOrSeries.getLayoutRect()), regionOrSeries.getLayoutStartPoint())) && (this._clickEnable = !1, 
-            callback && callback({
-                zoomDelta: zoomDelta,
-                zoomX: zoomX,
-                zoomY: zoomY
-            }, event), this._eventObj.emit("zoom", {
-                scale: event.zoomDelta,
-                scaleCenter: {
-                    x: event.zoomX,
-                    y: event.zoomY
-                },
-                model: this
-            }));
-        }));
+        }, delayMap[delayType]((params => {
+            this._zoomEventDispatch(params, regionOrSeries, callback);
+        }), delayTime));
     }
-    initZoomEventOfSeries(s, callback) {
-        defaultTriggerEvent[this._renderMode] && this._bindZoomEventAsRegion(s.event, s, callback);
+    initZoomEventOfSeries(s, callback, option) {
+        defaultTriggerEvent[this._renderMode] && this._bindZoomEventAsRegion(s.event, s, callback, option);
     }
-    initZoomEventOfRegions(regions, filter, callback) {
+    initZoomEventOfRegions(regions, filter, callback, option) {
         defaultTriggerEvent[this._renderMode] && regions.forEach((r => {
             filter ? r.getSeries().forEach((s => {
-                filter(s) && this._bindZoomEventAsRegion(s.event, s, callback);
-            })) : this._bindZoomEventAsRegion(this._eventObj, r, callback);
+                filter(s) && this._bindZoomEventAsRegion(s.event, s, callback, option);
+            })) : this._bindZoomEventAsRegion(this._eventObj, r, callback, option);
         }));
     }
-    initScrollEventOfSeries(s, callback) {
-        defaultTriggerEvent[this._renderMode] && this._bindScrollEventAsRegion(s.event, s, callback);
-    }
-    initScrollEventOfRegions(regions, filter, callback) {
-        defaultTriggerEvent[this._renderMode] && regions.forEach((r => {
-            filter ? r.getSeries().forEach((s => {
-                filter(s) && this._bindScrollEventAsRegion(s.event, s, callback);
-            })) : this._bindScrollEventAsRegion(this._eventObj, r, callback);
+    _scrollEventDispatch(params, regionOrSeries, callback) {
+        if (!params.event) return;
+        const {event: event} = params;
+        this._zoomableTrigger.parserScrollEvent(event);
+        const {scrollX: scrollX, scrollY: scrollY} = event;
+        isNil(scrollX) && isNil(scrollY) || isPointInRect({
+            x: event.canvasX,
+            y: event.canvasY
+        }, Object.assign(Object.assign({}, regionOrSeries.getLayoutRect()), regionOrSeries.getLayoutStartPoint())) && (this._clickEnable = !1, 
+        callback && callback({
+            scrollX: scrollX,
+            scrollY: scrollY
+        }, event), this._eventObj.emit("scroll", {
+            scrollX: scrollX,
+            scrollY: scrollY,
+            model: this
         }));
     }
-    _bindScrollEventAsRegion(eventObj, regionOrSeries, callback) {
+    _bindScrollEventAsRegion(eventObj, regionOrSeries, callback, option) {
+        var _a, _b;
+        const delayType = null !== (_a = null == option ? void 0 : option.delayType) && void 0 !== _a ? _a : "throttle", delayTime = null !== (_b = null == option ? void 0 : option.delayTime) && void 0 !== _b ? _b : 0;
         eventObj.on(this._getTriggerEvent("scrollEnd"), {
             level: Event_Bubble_Level.chart,
             consume: !1
-        }, (params => {
+        }, delayMap[delayType]((params => {
             this._zoomableTrigger.clearScroll();
-        })), eventObj.on(this._getTriggerEvent("scroll"), {
+        }), delayTime)), eventObj.on(this._getTriggerEvent("scroll"), {
             level: Event_Bubble_Level.chart,
             consume: !0
-        }, (params => {
-            if (!params.event) return;
-            const {event: event} = params;
-            this._zoomableTrigger.parserScrollEvent(event);
-            const {scrollX: scrollX, scrollY: scrollY} = event;
-            isNil(scrollX) && isNil(scrollY) || isPointInRect({
-                x: event.canvasX,
-                y: event.canvasY
-            }, Object.assign(Object.assign({}, regionOrSeries.getLayoutRect()), regionOrSeries.getLayoutStartPoint())) && (this._clickEnable = !1, 
-            callback && callback({
-                scrollX: scrollX,
-                scrollY: scrollY
-            }, event), this._eventObj.emit("scroll", {
-                scrollX: scrollX,
-                scrollY: scrollY,
-                model: this
-            }));
+        }, delayMap[delayType]((params => {
+            this._scrollEventDispatch(params, regionOrSeries, callback);
+        }), delayTime));
+    }
+    initScrollEventOfSeries(s, callback, option) {
+        defaultTriggerEvent[this._renderMode] && this._bindScrollEventAsRegion(s.event, s, callback, option);
+    }
+    initScrollEventOfRegions(regions, filter, callback, option) {
+        defaultTriggerEvent[this._renderMode] && regions.forEach((r => {
+            filter ? r.getSeries().forEach((s => {
+                filter(s) && this._bindScrollEventAsRegion(s.event, s, callback, option);
+            })) : this._bindScrollEventAsRegion(this._eventObj, r, callback, option);
         }));
     }
-    _bindDragEventAsRegion(eventObj, regionOrSeries, callback) {
+    _bindDragEventAsRegion(eventObj, regionOrSeries, callback, option) {
         eventObj.on(this._getTriggerEvent("start"), {
             level: Event_Bubble_Level.chart
         }, (params => {
@@ -105,20 +120,20 @@ export class Zoomable {
             isPointInRect({
                 x: event.canvasX,
                 y: event.canvasY
-            }, Object.assign(Object.assign({}, regionOrSeries.getLayoutRect()), regionOrSeries.getLayoutStartPoint())) && this._handleDrag(params, callback);
+            }, Object.assign(Object.assign({}, regionOrSeries.getLayoutRect()), regionOrSeries.getLayoutStartPoint())) && this._handleDrag(params, callback, option);
         })), eventObj.on("click", {
             level: Event_Bubble_Level.chart
         }, (() => !this._clickEnable));
     }
-    initDragEventOfSeries(s, callback) {
+    initDragEventOfSeries(s, callback, option) {
         defaultTriggerEvent[this._renderMode] && s.event.on(this._getTriggerEvent("start"), {
             level: Event_Bubble_Level.model,
             filter: ({model: model}) => (null == model ? void 0 : model.id) === s.id
         }, (params => {
-            this._handleDrag(params, callback);
+            this._handleDrag(params, callback, option);
         }));
     }
-    initDragEventOfRegions(regions, filter, callback) {
+    initDragEventOfRegions(regions, filter, callback, option) {
         defaultTriggerEvent[this._renderMode] && regions.forEach((r => {
             filter ? r.getSeries().forEach((s => {
                 filter(s) && (s.event.on(this._getTriggerEvent("start"), {
@@ -130,31 +145,38 @@ export class Zoomable {
                     level: Event_Bubble_Level.model,
                     filter: ({model: model}) => (null == model ? void 0 : model.id) === s.id
                 }, (() => !this._clickEnable)));
-            })) : this._bindDragEventAsRegion(this._eventObj, r, callback);
+            })) : this._bindDragEventAsRegion(this._eventObj, r, callback, option);
         }));
     }
-    _handleDrag(params, callback) {
+    _handleDrag(params, callback, option) {
+        var _a, _b, _c;
         if (this._clickEnable = !0, !this._zoomableTrigger.parserDragEvent(params.event)) return;
-        const move = this._getTriggerEvent("move"), end = this._getTriggerEvent("end"), event = params.event;
-        let x = event.canvasX, y = event.canvasY;
-        const mouseup = () => {
-            this._zoomableTrigger.pointerId = null, this._eventObj.off(move, {
+        const delayType = null !== (_a = null == option ? void 0 : option.delayType) && void 0 !== _a ? _a : "throttle", delayTime = null !== (_b = null == option ? void 0 : option.delayTime) && void 0 !== _b ? _b : 0, realTime = null === (_c = null == option ? void 0 : option.realTime) || void 0 === _c || _c, move = this._getTriggerEvent("move"), end = this._getTriggerEvent("end"), event = params.event;
+        let moveX = event.canvasX, moveY = event.canvasY, upX = event.canvasX, upY = event.canvasY;
+        const mouseup = delayMap[delayType]((params => {
+            this._clickEnable = !1;
+            const event = params.event, delta = [ event.canvasX - upX, event.canvasY - upY ];
+            upX = event.canvasX, upY = event.canvasY, !realTime && callback && callback(delta, params.event), 
+            this._eventObj.emit("panend", {
+                delta: delta,
+                model: this
+            }), this._zoomableTrigger.pointerId = null, this._eventObj.off(move, {
                 level: Event_Bubble_Level.chart,
                 source: Event_Source_Type.chart
             }, mousemove), this._eventObj.off(end, {
                 level: Event_Bubble_Level.chart,
                 source: Event_Source_Type.window
             }, mouseup);
-        }, mousemove = params => {
+        }), delayTime), mousemove = delayMap[delayType]((params => {
             if (!this._zoomableTrigger.parserDragEvent(params.event)) return;
             this._clickEnable = !1;
-            const event = params.event, delta = [ event.canvasX - x, event.canvasY - y ];
-            x = event.canvasX, y = event.canvasY, callback && callback(delta, params.event), 
+            const event = params.event, delta = [ event.canvasX - moveX, event.canvasY - moveY ];
+            moveX = event.canvasX, moveY = event.canvasY, realTime && callback && callback(delta, params.event), 
             this._eventObj.emit("panmove", {
                 delta: delta,
                 model: this
             });
-        };
+        }), delayTime);
         this._eventObj.on(move, {
             level: Event_Bubble_Level.chart,
             source: Event_Source_Type.chart

package/esm/interaction/zoom/zoomable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/interaction/zoom/zoomable.ts"],"names":[],"mappings":"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","file":"zoomable.js","sourcesContent":["/* eslint-disable no-duplicate-imports */\nimport { isNil } from '@visactor/vutils';\nimport type { BaseEventParams, EventType, ExtendEventParam, IEvent } from '../../event/interface';\nimport type { IRegion } from '../../region/interface';\nimport type { RenderMode } from '../../typings/spec';\nimport { RenderModeEnum } from '../../typings/spec';\nimport { defaultTriggerEvent } from '../../component/common/trigger/config';\nimport type { IZoomTrigger } from '../../component/common/trigger/interface';\nimport { isPointInRect } from '../../util';\nimport type { ISeries } from '../../series/interface';\nimport { Event_Bubble_Level, Event_Source_Type } from '../../constant';\n\nexport interface IZoomEventOptions {\n  shouldZoom?: boolean;\n  zoomCallback?: (params: { zoomDelta: number; zoomX: number; zoomY: number }, e: BaseEventParams['event']) => void;\n  shouldScroll?: boolean;\n  scrollCallback?: (params: { scrollX: number; scrollY: number }, e: BaseEventParams['event']) => void;\n}\nexport interface IZoomable {\n  initZoomable: (evt: IEvent, mode?: RenderMode) => void;\n  initZoomEventOfSeries: (\n    s: ISeries,\n    callback?: (params: { zoomDelta: number; zoomX: number; zoomY: number }, e: BaseEventParams['event']) => void\n  ) => any;\n  initZoomEventOfRegions: (\n    regions: IRegion[],\n    filter?: (s: ISeries) => boolean,\n    callback?: (params: { zoomDelta: number; zoomX: number; zoomY: number }, e: BaseEventParams['event']) => void\n  ) => void;\n\n  initScrollEventOfSeries: (\n    s: ISeries,\n    callback?: (params: { scrollX: number; scrollY: number }, e: BaseEventParams['event']) => void\n  ) => any;\n  initScrollEventOfRegions: (\n    regions: IRegion[],\n    filter?: (s: ISeries) => boolean,\n    callback?: (params: { scrollX: number; scrollY: number }, e: BaseEventParams['event']) => void\n  ) => void;\n\n  initDragEventOfSeries: (s: ISeries, callback?: (delta: [number, number], e: BaseEventParams['event']) => void) => any;\n  initDragEventOfRegions: (\n    regions: IRegion[],\n    filter?: (s: ISeries) => boolean,\n    callback?: (delta: [number, number], e: BaseEventParams['event']) => void\n  ) => void;\n}\n\nexport class Zoomable implements IZoomable {\n  private _clickEnable: boolean;\n\n  private _zoomableTrigger: IZoomTrigger;\n\n  private _eventObj: IEvent;\n\n  private _renderMode: RenderMode;\n\n  initZoomable(evt: IEvent, mode: RenderMode = RenderModeEnum['desktop-browser']) {\n    this._eventObj = evt;\n    this._renderMode = mode;\n    if (defaultTriggerEvent[this._renderMode]) {\n      // hack 应该由事件系统做？或者事件系统有更好的方式处理这种交互冲突场景\n      this._clickEnable = true;\n      this._zoomableTrigger = new (this._getTriggerEvent('trigger') as any)();\n    }\n  }\n\n  // event\n  private _getTriggerEvent(type: string): EventType {\n    return defaultTriggerEvent[this._renderMode][type];\n  }\n\n  private _bindZoomEventAsRegion(\n    eventObj: IEvent,\n    regionOrSeries: IRegion | ISeries,\n    callback?: (params: { zoomDelta: number; zoomX: number; zoomY: number }, e: BaseEventParams['event']) => void\n  ) {\n    eventObj.on(this._getTriggerEvent('scrollEnd'), { level: Event_Bubble_Level.chart, consume: false }, params => {\n      this._zoomableTrigger.clearZoom();\n    });\n    eventObj.on(this._getTriggerEvent('scroll'), { level: Event_Bubble_Level.chart, consume: true }, params => {\n      if (!(params as BaseEventParams).event) {\n        return;\n      }\n      const event = (params as BaseEventParams).event.clone();\n      this._zoomableTrigger.parserZoomEvent(event);\n      // FIXME: event类型目前不全\n      const { zoomDelta, zoomX, zoomY } = event as any;\n      if (isNil(zoomDelta)) {\n        return;\n      }\n      if (\n        !isPointInRect(\n          {\n            x: zoomX,\n            y: zoomY\n          },\n          {\n            ...regionOrSeries.getLayoutRect(),\n            ...regionOrSeries.getLayoutStartPoint()\n          }\n        )\n      ) {\n        return;\n      }\n      this._clickEnable = false;\n\n      if (callback) {\n        // zoomDelta, zoomX, zoomY can be changed in the callback\n        callback({ zoomDelta, zoomX, zoomY }, event);\n      }\n\n      this._eventObj.emit('zoom', {\n        scale: event.zoomDelta,\n        scaleCenter: { x: event.zoomX, y: event.zoomY },\n        model: this\n      } as unknown as ExtendEventParam);\n\n      // this._eventObj.emit('scroll', {\n      //   scrollX: event.scrollX,\n      //   scrollY: event.scrollY,\n      //   model: this\n      // } as unknown as ExtendEventParam);\n    });\n  }\n\n  initZoomEventOfSeries(\n    s: ISeries,\n    callback?: (params: { zoomDelta: number; zoomX: number; zoomY: number }, e: BaseEventParams['event']) => void\n  ) {\n    if (defaultTriggerEvent[this._renderMode]) {\n      this._bindZoomEventAsRegion(s.event, s, callback);\n    }\n  }\n\n  initZoomEventOfRegions(\n    regions: IRegion[],\n    filter?: (s: ISeries) => boolean,\n    callback?: (params: { zoomDelta: number; zoomX: number; zoomY: number }, e: BaseEventParams['event']) => void\n  ) {\n    if (defaultTriggerEvent[this._renderMode]) {\n      regions.forEach(r => {\n        if (filter) {\n          r.getSeries().forEach(s => {\n            if (filter(s)) {\n              this._bindZoomEventAsRegion(s.event, s, callback);\n            }\n          });\n        } else {\n          this._bindZoomEventAsRegion(this._eventObj, r, callback);\n        }\n      });\n    }\n  }\n\n  initScrollEventOfSeries(\n    s: ISeries,\n    callback?: (params: { scrollX: number; scrollY: number }, e: BaseEventParams['event']) => void\n  ) {\n    if (defaultTriggerEvent[this._renderMode]) {\n      this._bindScrollEventAsRegion(s.event, s, callback);\n    }\n  }\n\n  initScrollEventOfRegions(\n    regions: IRegion[],\n    filter?: (s: ISeries) => boolean,\n    callback?: (params: { scrollX: number; scrollY: number }, e: BaseEventParams['event']) => void\n  ) {\n    if (defaultTriggerEvent[this._renderMode]) {\n      regions.forEach(r => {\n        if (filter) {\n          r.getSeries().forEach(s => {\n            if (filter(s)) {\n              this._bindScrollEventAsRegion(s.event, s, callback);\n            }\n          });\n        } else {\n          this._bindScrollEventAsRegion(this._eventObj, r, callback);\n        }\n      });\n    }\n  }\n\n  private _bindScrollEventAsRegion(\n    eventObj: IEvent,\n    regionOrSeries: IRegion | ISeries,\n    callback?: (params: { scrollX: number; scrollY: number }, e: BaseEventParams['event']) => void\n  ) {\n    eventObj.on(this._getTriggerEvent('scrollEnd'), { level: Event_Bubble_Level.chart, consume: false }, params => {\n      this._zoomableTrigger.clearScroll();\n    });\n    eventObj.on(this._getTriggerEvent('scroll'), { level: Event_Bubble_Level.chart, consume: true }, params => {\n      if (!(params as BaseEventParams).event) {\n        return;\n      }\n      const { event } = params as BaseEventParams;\n      this._zoomableTrigger.parserScrollEvent(event);\n      // FIXME: event类型目前不全\n      const { scrollX, scrollY } = event as any;\n      if (isNil(scrollX) && isNil(scrollY)) {\n        return;\n      }\n      if (\n        !isPointInRect(\n          {\n            x: event.canvasX,\n            y: event.canvasY\n          },\n          {\n            ...regionOrSeries.getLayoutRect(),\n            ...regionOrSeries.getLayoutStartPoint()\n          }\n        )\n      ) {\n        return;\n      }\n      this._clickEnable = false;\n\n      if (callback) {\n        callback({ scrollX, scrollY }, event);\n      }\n\n      this._eventObj.emit('scroll', {\n        scrollX,\n        scrollY,\n        model: this\n      } as unknown as ExtendEventParam);\n    });\n  }\n\n  private _bindDragEventAsRegion(\n    eventObj: IEvent,\n    regionOrSeries: IRegion | ISeries,\n    callback?: (delta: [number, number], e: BaseEventParams['event']) => void\n  ) {\n    eventObj.on(this._getTriggerEvent('start'), { level: Event_Bubble_Level.chart }, params => {\n      if (!(params as BaseEventParams).event) {\n        return;\n      }\n\n      const { event } = params as BaseEventParams;\n      const shouldTrigger = isPointInRect(\n        {\n          x: event.canvasX,\n          y: event.canvasY\n        },\n        {\n          ...regionOrSeries.getLayoutRect(),\n          ...regionOrSeries.getLayoutStartPoint()\n        }\n      );\n      if (shouldTrigger) {\n        this._handleDrag(params, callback);\n      }\n    });\n    // click 事件需要在drag和zoom时被屏蔽\n    // hack 应该由事件系统做？或者事件系统有更好的方式处理这种交互冲突场景\n    eventObj.on('click', { level: Event_Bubble_Level.chart }, () => {\n      return !this._clickEnable;\n    });\n  }\n\n  initDragEventOfSeries(s: ISeries, callback?: (delta: [number, number], e: BaseEventParams['event']) => void) {\n    if (defaultTriggerEvent[this._renderMode]) {\n      s.event.on(\n        this._getTriggerEvent('start'),\n        { level: Event_Bubble_Level.model, filter: ({ model }) => model?.id === s.id },\n        params => {\n          this._handleDrag(params, callback);\n        }\n      );\n    }\n  }\n\n  initDragEventOfRegions(\n    regions: IRegion[],\n    filter?: (s: ISeries) => boolean,\n    callback?: (delta: [number, number], e: BaseEventParams['event']) => void\n  ) {\n    if (defaultTriggerEvent[this._renderMode]) {\n      regions.forEach(r => {\n        if (filter) {\n          r.getSeries().forEach(s => {\n            if (filter(s)) {\n              s.event.on(\n                this._getTriggerEvent('start'),\n                { level: Event_Bubble_Level.model, filter: ({ model }) => model?.id === s.id },\n                params => {\n                  this._handleDrag(params, callback);\n                }\n              );\n\n              // click 事件需要在drag和zoom时被屏蔽\n              // hack 应该由事件系统做？或者事件系统有更好的方式处理这种交互冲突场景\n              s.event.on(\n                'click',\n                { level: Event_Bubble_Level.model, filter: ({ model }) => model?.id === s.id },\n                () => {\n                  return !this._clickEnable;\n                }\n              );\n            }\n          });\n        } else {\n          this._bindDragEventAsRegion(this._eventObj, r, callback);\n        }\n      });\n    }\n  }\n\n  protected _handleDrag(\n    params: ExtendEventParam,\n    callback?: (delta: [number, number], e: BaseEventParams['event']) => void\n  ) {\n    this._clickEnable = true;\n    if (!this._zoomableTrigger.parserDragEvent(params.event)) {\n      return;\n    }\n    const move = this._getTriggerEvent('move');\n    const end = this._getTriggerEvent('end');\n    const event = params.event as any;\n    let x = event.canvasX;\n    let y = event.canvasY;\n\n    const mouseup = () => {\n      this._zoomableTrigger.pointerId = null;\n      this._eventObj.off(\n        move,\n        { level: Event_Bubble_Level.chart, source: Event_Source_Type.chart },\n        mousemove as unknown as any\n      );\n      this._eventObj.off(end, { level: Event_Bubble_Level.chart, source: Event_Source_Type.window }, mouseup);\n    };\n    const mousemove = (params: BaseEventParams) => {\n      if (!this._zoomableTrigger.parserDragEvent(params.event)) {\n        return;\n      }\n      this._clickEnable = false;\n      const event = params.event as any;\n      const dx = event.canvasX - x;\n      const dy = event.canvasY - y;\n      const delta: [number, number] = [dx, dy];\n\n      x = event.canvasX;\n      y = event.canvasY;\n\n      if (callback) {\n        callback(delta, params.event);\n      }\n      this._eventObj.emit('panmove', {\n        delta,\n        model: this\n      } as unknown as ExtendEventParam);\n    };\n    this._eventObj.on(\n      move,\n      { level: Event_Bubble_Level.chart, source: Event_Source_Type.chart },\n      mousemove as unknown as any\n    );\n    this._eventObj.on(end, { level: Event_Bubble_Level.chart, source: Event_Source_Type.chart }, mouseup);\n  }\n}\n"]}
+{"version":3,"sources":["../src/interaction/zoom/zoomable.ts"],"names":[],"mappings":"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","file":"zoomable.js","sourcesContent":["/* eslint-disable no-duplicate-imports */\nimport { debounce, isNil, throttle } from '@visactor/vutils';\nimport type { BaseEventParams, EventType, ExtendEventParam, IEvent } from '../../event/interface';\nimport type { IRegion } from '../../region/interface';\nimport type { RenderMode } from '../../typings/spec';\nimport { RenderModeEnum } from '../../typings/spec';\nimport { defaultTriggerEvent } from '../../component/common/trigger/config';\nimport type { IZoomTrigger } from '../../component/common/trigger/interface';\nimport { isPointInRect } from '../../util';\nimport type { ISeries } from '../../series/interface';\nimport { Event_Bubble_Level, Event_Source_Type } from '../../constant';\nimport type { IDelayType } from '../../typings/event';\n\nconst delayMap = {\n  debounce: debounce,\n  throttle: throttle\n};\n\nexport interface ITriggerOption {\n  delayType: IDelayType;\n  delayTime: number;\n  realTime: boolean;\n}\nexport interface IZoomEventOptions {\n  shouldZoom?: boolean;\n  zoomCallback?: (params: { zoomDelta: number; zoomX: number; zoomY: number }, e: BaseEventParams['event']) => void;\n  shouldScroll?: boolean;\n  scrollCallback?: (params: { scrollX: number; scrollY: number }, e: BaseEventParams['event']) => void;\n}\nexport interface IZoomable {\n  initZoomable: (evt: IEvent, mode?: RenderMode) => void;\n  initZoomEventOfSeries: (\n    s: ISeries,\n    callback?: (params: { zoomDelta: number; zoomX: number; zoomY: number }, e: BaseEventParams['event']) => void\n  ) => any;\n  initZoomEventOfRegions: (\n    regions: IRegion[],\n    filter?: (s: ISeries) => boolean,\n    callback?: (params: { zoomDelta: number; zoomX: number; zoomY: number }, e: BaseEventParams['event']) => void,\n    option?: ITriggerOption\n  ) => void;\n\n  initScrollEventOfSeries: (\n    s: ISeries,\n    callback?: (params: { scrollX: number; scrollY: number }, e: BaseEventParams['event']) => void\n  ) => any;\n  initScrollEventOfRegions: (\n    regions: IRegion[],\n    filter?: (s: ISeries) => boolean,\n    callback?: (params: { scrollX: number; scrollY: number }, e: BaseEventParams['event']) => void,\n    option?: ITriggerOption\n  ) => void;\n\n  initDragEventOfSeries: (\n    s: ISeries,\n    callback?: (delta: [number, number], e: BaseEventParams['event']) => void,\n    option?: ITriggerOption\n  ) => any;\n\n  initDragEventOfRegions: (\n    regions: IRegion[],\n    filter?: (s: ISeries) => boolean,\n    callback?: (delta: [number, number], e: BaseEventParams['event']) => void,\n    option?: ITriggerOption\n  ) => void;\n}\n\nexport class Zoomable implements IZoomable {\n  private _clickEnable: boolean;\n\n  private _zoomableTrigger: IZoomTrigger;\n\n  private _eventObj: IEvent;\n\n  private _renderMode: RenderMode;\n\n  initZoomable(evt: IEvent, mode: RenderMode = RenderModeEnum['desktop-browser']) {\n    this._eventObj = evt;\n    this._renderMode = mode;\n    if (defaultTriggerEvent[this._renderMode]) {\n      // hack 应该由事件系统做？或者事件系统有更好的方式处理这种交互冲突场景\n      this._clickEnable = true;\n      this._zoomableTrigger = new (this._getTriggerEvent('trigger') as any)();\n    }\n  }\n\n  // event\n  private _getTriggerEvent(type: string): EventType {\n    return defaultTriggerEvent[this._renderMode][type];\n  }\n\n  private _zoomEventDispatch(\n    params: BaseEventParams,\n    regionOrSeries: IRegion | ISeries,\n    callback?: (params: { zoomDelta: number; zoomX: number; zoomY: number }, e: BaseEventParams['event']) => void\n  ) {\n    if (!params.event) {\n      return;\n    }\n    const event = params.event.clone();\n    this._zoomableTrigger.parserZoomEvent(event);\n    // FIXME: event类型目前不全\n    const { zoomDelta, zoomX, zoomY } = event as any;\n    if (isNil(zoomDelta)) {\n      return;\n    }\n    if (\n      !isPointInRect(\n        {\n          x: zoomX,\n          y: zoomY\n        },\n        {\n          ...regionOrSeries.getLayoutRect(),\n          ...regionOrSeries.getLayoutStartPoint()\n        }\n      )\n    ) {\n      return;\n    }\n    this._clickEnable = false;\n\n    if (callback) {\n      // zoomDelta, zoomX, zoomY can be changed in the callback\n      callback({ zoomDelta, zoomX, zoomY }, event);\n    }\n    this._eventObj.emit('zoom', {\n      scale: event.zoomDelta,\n      scaleCenter: { x: event.zoomX, y: event.zoomY },\n      model: this\n    } as unknown as ExtendEventParam);\n  }\n\n  private _bindZoomEventAsRegion(\n    eventObj: IEvent,\n    regionOrSeries: IRegion | ISeries,\n    callback?: (params: { zoomDelta: number; zoomX: number; zoomY: number }, e: BaseEventParams['event']) => void,\n    option?: ITriggerOption\n  ) {\n    const delayType = option?.delayType ?? 'throttle';\n    const delayTime = option?.delayTime ?? 0;\n\n    // pc端没有scrollEnd事件，所以漫游模式下scroll仅支持realTime\n    eventObj.on(\n      this._getTriggerEvent('scrollEnd'),\n      { level: Event_Bubble_Level.chart, consume: false },\n      delayMap[delayType]((params: BaseEventParams) => {\n        this._zoomableTrigger.clearZoom();\n      }, delayTime) as any\n    );\n\n    eventObj.on(\n      this._getTriggerEvent('scroll'),\n      { level: Event_Bubble_Level.chart, consume: true },\n      delayMap[delayType]((params: BaseEventParams) => {\n        // if (realTime) {\n        this._zoomEventDispatch(params, regionOrSeries, callback);\n        // }\n      }, delayTime) as any\n    );\n  }\n\n  initZoomEventOfSeries(\n    s: ISeries,\n    callback?: (params: { zoomDelta: number; zoomX: number; zoomY: number }, e: BaseEventParams['event']) => void,\n    option?: ITriggerOption\n  ) {\n    if (defaultTriggerEvent[this._renderMode]) {\n      this._bindZoomEventAsRegion(s.event, s, callback, option);\n    }\n  }\n\n  initZoomEventOfRegions(\n    regions: IRegion[],\n    filter?: (s: ISeries) => boolean,\n    callback?: (params: { zoomDelta: number; zoomX: number; zoomY: number }, e: BaseEventParams['event']) => void,\n    option?: ITriggerOption\n  ) {\n    if (defaultTriggerEvent[this._renderMode]) {\n      regions.forEach(r => {\n        if (filter) {\n          r.getSeries().forEach(s => {\n            if (filter(s)) {\n              this._bindZoomEventAsRegion(s.event, s, callback, option);\n            }\n          });\n        } else {\n          this._bindZoomEventAsRegion(this._eventObj, r, callback, option);\n        }\n      });\n    }\n  }\n\n  private _scrollEventDispatch(\n    params: BaseEventParams,\n    regionOrSeries: IRegion | ISeries,\n    callback?: (params: { scrollX: number; scrollY: number }, e: BaseEventParams['event']) => void\n  ) {\n    if (!params.event) {\n      return;\n    }\n    const { event } = params;\n    this._zoomableTrigger.parserScrollEvent(event);\n    // FIXME: event类型目前不全\n    const { scrollX, scrollY } = event as any;\n    if (isNil(scrollX) && isNil(scrollY)) {\n      return;\n    }\n    if (\n      !isPointInRect(\n        {\n          x: event.canvasX,\n          y: event.canvasY\n        },\n        {\n          ...regionOrSeries.getLayoutRect(),\n          ...regionOrSeries.getLayoutStartPoint()\n        }\n      )\n    ) {\n      return;\n    }\n    this._clickEnable = false;\n\n    if (callback) {\n      callback({ scrollX, scrollY }, event);\n    }\n    this._eventObj.emit('scroll', {\n      scrollX,\n      scrollY,\n      model: this\n    } as unknown as ExtendEventParam);\n  }\n\n  private _bindScrollEventAsRegion(\n    eventObj: IEvent,\n    regionOrSeries: IRegion | ISeries,\n    callback?: (params: { scrollX: number; scrollY: number }, e: BaseEventParams['event']) => void,\n    option?: ITriggerOption\n  ) {\n    const delayType = option?.delayType ?? 'throttle';\n    const delayTime = option?.delayTime ?? 0;\n\n    // pc端没有scrollEnd事件，所以漫游模式下scroll仅支持realTime\n    eventObj.on(\n      this._getTriggerEvent('scrollEnd'),\n      { level: Event_Bubble_Level.chart, consume: false },\n      delayMap[delayType]((params: any) => {\n        this._zoomableTrigger.clearScroll();\n      }, delayTime)\n    );\n\n    eventObj.on(\n      this._getTriggerEvent('scroll'),\n      { level: Event_Bubble_Level.chart, consume: true },\n      delayMap[delayType]((params: any) => {\n        // if (realTime) {\n        this._scrollEventDispatch(params, regionOrSeries, callback);\n        // }\n      }, delayTime)\n    );\n  }\n\n  initScrollEventOfSeries(\n    s: ISeries,\n    callback?: (params: { scrollX: number; scrollY: number }, e: BaseEventParams['event']) => void,\n    option?: ITriggerOption\n  ) {\n    if (defaultTriggerEvent[this._renderMode]) {\n      this._bindScrollEventAsRegion(s.event, s, callback, option);\n    }\n  }\n\n  initScrollEventOfRegions(\n    regions: IRegion[],\n    filter?: (s: ISeries) => boolean,\n    callback?: (params: { scrollX: number; scrollY: number }, e: BaseEventParams['event']) => void,\n    option?: ITriggerOption\n  ) {\n    if (defaultTriggerEvent[this._renderMode]) {\n      regions.forEach(r => {\n        if (filter) {\n          r.getSeries().forEach(s => {\n            if (filter(s)) {\n              this._bindScrollEventAsRegion(s.event, s, callback, option);\n            }\n          });\n        } else {\n          this._bindScrollEventAsRegion(this._eventObj, r, callback, option);\n        }\n      });\n    }\n  }\n\n  private _bindDragEventAsRegion(\n    eventObj: IEvent,\n    regionOrSeries: IRegion | ISeries,\n    callback?: (delta: [number, number], e: BaseEventParams['event']) => void,\n    option?: ITriggerOption\n  ) {\n    eventObj.on(this._getTriggerEvent('start'), { level: Event_Bubble_Level.chart }, (params: any) => {\n      if (!params.event) {\n        return;\n      }\n\n      const { event } = params;\n      const shouldTrigger = isPointInRect(\n        {\n          x: event.canvasX,\n          y: event.canvasY\n        },\n        {\n          ...regionOrSeries.getLayoutRect(),\n          ...regionOrSeries.getLayoutStartPoint()\n        }\n      );\n      if (shouldTrigger) {\n        this._handleDrag(params, callback, option);\n      }\n    });\n    // click 事件需要在drag和zoom时被屏蔽\n    // hack 应该由事件系统做？或者事件系统有更好的方式处理这种交互冲突场景\n    eventObj.on('click', { level: Event_Bubble_Level.chart }, () => {\n      return !this._clickEnable;\n    });\n  }\n\n  initDragEventOfSeries(\n    s: ISeries,\n    callback?: (delta: [number, number], e: BaseEventParams['event']) => void,\n    option?: ITriggerOption\n  ) {\n    if (defaultTriggerEvent[this._renderMode]) {\n      s.event.on(\n        this._getTriggerEvent('start'),\n        { level: Event_Bubble_Level.model, filter: ({ model }) => model?.id === s.id },\n        params => {\n          this._handleDrag(params, callback, option);\n        }\n      );\n    }\n  }\n\n  initDragEventOfRegions(\n    regions: IRegion[],\n    filter?: (s: ISeries) => boolean,\n    callback?: (delta: [number, number], e: BaseEventParams['event']) => void,\n    option?: ITriggerOption\n  ) {\n    if (defaultTriggerEvent[this._renderMode]) {\n      regions.forEach(r => {\n        if (filter) {\n          r.getSeries().forEach(s => {\n            if (filter(s)) {\n              s.event.on(\n                this._getTriggerEvent('start'),\n                { level: Event_Bubble_Level.model, filter: ({ model }) => model?.id === s.id },\n                params => {\n                  this._handleDrag(params, callback);\n                }\n              );\n\n              // click 事件需要在drag和zoom时被屏蔽\n              // hack 应该由事件系统做？或者事件系统有更好的方式处理这种交互冲突场景\n              s.event.on(\n                'click',\n                { level: Event_Bubble_Level.model, filter: ({ model }) => model?.id === s.id },\n                () => {\n                  return !this._clickEnable;\n                }\n              );\n            }\n          });\n        } else {\n          this._bindDragEventAsRegion(this._eventObj, r, callback, option);\n        }\n      });\n    }\n  }\n\n  protected _handleDrag(\n    params: ExtendEventParam,\n    callback?: (delta: [number, number], e: BaseEventParams['event']) => void,\n    option?: ITriggerOption\n  ) {\n    this._clickEnable = true;\n    if (!this._zoomableTrigger.parserDragEvent(params.event)) {\n      return;\n    }\n    const delayType = option?.delayType ?? 'throttle';\n    const delayTime = option?.delayTime ?? 0;\n    const realTime = option?.realTime ?? true;\n    const move = this._getTriggerEvent('move');\n    const end = this._getTriggerEvent('end');\n    const event = params.event;\n    let moveX = event.canvasX;\n    let moveY = event.canvasY;\n    let upX = event.canvasX;\n    let upY = event.canvasY;\n\n    const mouseup = delayMap[delayType]((params: BaseEventParams) => {\n      this._clickEnable = false;\n      const event = params.event as any;\n      const dx = event.canvasX - upX;\n      const dy = event.canvasY - upY;\n      const delta: [number, number] = [dx, dy];\n\n      upX = event.canvasX;\n      upY = event.canvasY;\n\n      if (!realTime && callback) {\n        callback(delta, params.event);\n      }\n\n      this._eventObj.emit('panend', {\n        delta,\n        model: this\n      } as unknown as BaseEventParams);\n      this._zoomableTrigger.pointerId = null;\n      this._eventObj.off(move, { level: Event_Bubble_Level.chart, source: Event_Source_Type.chart }, mousemove as any);\n      this._eventObj.off(end, { level: Event_Bubble_Level.chart, source: Event_Source_Type.window }, mouseup as any);\n    }, delayTime);\n    const mousemove = delayMap[delayType]((params: BaseEventParams) => {\n      if (!this._zoomableTrigger.parserDragEvent(params.event)) {\n        return;\n      }\n      this._clickEnable = false;\n      const event = params.event;\n      const dx = event.canvasX - moveX;\n      const dy = event.canvasY - moveY;\n      const delta: [number, number] = [dx, dy];\n\n      moveX = event.canvasX;\n      moveY = event.canvasY;\n\n      if (realTime && callback) {\n        callback(delta, params.event);\n      }\n      this._eventObj.emit('panmove', {\n        delta,\n        model: this\n      } as unknown as ExtendEventParam);\n    }, delayTime);\n\n    this._eventObj.on(move, { level: Event_Bubble_Level.chart, source: Event_Source_Type.chart }, mousemove as any);\n    this._eventObj.on(end, { level: Event_Bubble_Level.chart, source: Event_Source_Type.chart }, mouseup as any);\n  }\n}\n"]}

package/esm/layout/base-layout.d.ts

@@ -25,5 +25,11 @@ export declare class Layout implements IBaseLayout {
         width: number;
         height: number;
     };
-    protected _checkAutoIndent(items: ILayoutItem[]): IPadding;
+    protected _checkAutoIndent(items: ILayoutItem[], layoutTemp: {
+        top: number;
+        left: number;
+        bottom: number;
+        right: number;
+    }): IPadding;
+    private _getOutInLayout;
 }

package/esm/layout/base-layout.js

@@ -13,12 +13,17 @@ export class Layout {
         this.bottomCurrent = chartLayoutRect.height + chartLayoutRect.y, items.sort(((a, b) => b.layoutLevel - a.layoutLevel)), 
         this.layoutNormalInlineItems(items.filter((x => "normal-inline" === x.layoutType))), 
         this.layoutNormalItems(items.filter((x => "normal" === x.layoutType)));
-        const layoutTemp_leftCurrent = this.leftCurrent, layoutTemp_topCurrent = this.topCurrent, layoutTemp_rightCurrent = this.rightCurrent, layoutTemp_bottomCurrent = this.bottomCurrent, regionItems = items.filter((x => "region" === x.layoutType)), relativeItems = items.filter((x => "region-relative" === x.layoutType));
+        const layoutTemp = {
+            left: this.leftCurrent,
+            top: this.topCurrent,
+            right: this.rightCurrent,
+            bottom: this.bottomCurrent
+        }, regionItems = items.filter((x => "region" === x.layoutType)), relativeItems = items.filter((x => "region-relative" === x.layoutType));
         if (this.layoutRegionItems(regionItems, relativeItems), relativeItems.some((i => i.getAutoIndent()))) {
-            const {top: top, bottom: bottom, left: left, right: right} = this._checkAutoIndent(relativeItems);
-            (top || bottom || left || right) && (this.topCurrent = layoutTemp_topCurrent + top, 
-            this.bottomCurrent = layoutTemp_bottomCurrent - bottom, this.leftCurrent = layoutTemp_leftCurrent + left, 
-            this.rightCurrent = layoutTemp_rightCurrent - right, this.layoutRegionItems(regionItems, relativeItems));
+            const {top: top, bottom: bottom, left: left, right: right} = this._checkAutoIndent(relativeItems, layoutTemp);
+            (top || bottom || left || right) && (this.topCurrent = layoutTemp.top + top, this.bottomCurrent = layoutTemp.bottom - bottom, 
+            this.leftCurrent = layoutTemp.left + left, this.rightCurrent = layoutTemp.right - right, 
+            this.layoutRegionItems(regionItems, relativeItems));
         }
         this.layoutAbsoluteItems(items.filter((x => "absolute" === x.layoutType)));
     }
@@ -122,20 +127,29 @@ export class Layout {
             height: this.bottomCurrent - this.topCurrent - item.layoutPaddingTop - item.layoutPaddingBottom
         };
     }
-    _checkAutoIndent(items) {
+    _checkAutoIndent(items, layoutTemp) {
         const result = {
             top: 0,
             left: 0,
             bottom: 0,
             right: 0
-        }, rightCurrent = this._chartViewBox.x2 - this._chartViewBox.x1 - this.rightCurrent, bottomCurrent = this._chartViewBox.y2 - this._chartViewBox.y1 - this.bottomCurrent;
+        };
         return items.forEach((i => {
             if (!i.getVisible() || !i.getAutoIndent()) return;
-            const vOrH = "left" === i.layoutOrient || "right" === i.layoutOrient, outer = i.getLastComputeOutBounds();
-            vOrH ? (result.top = Math.max(result.top, outer.y1 - this.topCurrent), result.bottom = Math.max(result.bottom, outer.y2 - bottomCurrent)) : (result.left = Math.max(result.left, outer.x1 - this.leftCurrent), 
-            result.right = Math.max(result.right, outer.x2 - rightCurrent));
+            const vOrH = "left" === i.layoutOrient || "right" === i.layoutOrient, itemOuter = i.getLastComputeOutBounds(), outer = this._getOutInLayout(itemOuter, i, layoutTemp);
+            vOrH ? (result.top = Math.max(result.top, outer.top), result.bottom = Math.max(result.bottom, outer.bottom)) : (result.left = Math.max(result.left, outer.left), 
+            result.right = Math.max(result.right, outer.right));
         })), result;
     }
+    _getOutInLayout(itemOuter, i, tempBorder) {
+        const {x: x, y: y} = i.getLayoutStartPoint(), {width: width, height: height} = i.getLayoutRect();
+        return {
+            left: tempBorder.left - (x - itemOuter.x1),
+            right: x + width + itemOuter.x2 - tempBorder.right,
+            top: tempBorder.top - (y - itemOuter.y1),
+            bottom: y + height + itemOuter.y2 - tempBorder.bottom
+        };
+    }
 }
 
 Layout.type = "base";