@visactor/vchart 1.15.5-alpha.8 → 2.0.0-alpha.0

package/cjs/interaction/triggers/element-select.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.registerElementSelect = exports.ElementSelect = void 0;
+
+const vutils_1 = require("@visactor/vutils"), interface_1 = require("../../compile/mark/interface"), base_1 = require("./base"), util_1 = require("./util"), factory_1 = require("../../core/factory"), defaultOptions = {
+    state: interface_1.STATE_VALUE_ENUM.STATE_SELECTED,
+    trigger: "click"
+};
+
+class ElementSelect extends base_1.BaseTrigger {
+    constructor(options) {
+        super(options), this.type = "element-select", this._resetType = [], this.resetAll = () => {
+            const {state: state, reverseState: reverseState, interaction: interaction} = this.options, statedGraphics = interaction.getStatedGraphics(this);
+            statedGraphics && statedGraphics.length && (interaction.clearAllStatesOfTrigger(this, state, reverseState), 
+            this.dispatchEvent("reset", {
+                graphics: statedGraphics,
+                options: this.options
+            }), interaction.setStatedGraphics(this, []));
+        }, this.handleStart = e => {
+            this.start(e.item);
+        }, this.handleReset = e => {
+            const {interaction: interaction} = this.options, statedGraphics = interaction.getStatedGraphics(this);
+            if (!statedGraphics || !statedGraphics.length) return;
+            const markGraphic = e.item, hasActiveElement = markGraphic && this._markSet.getMarkInId(markGraphic.context.markId);
+            (this._resetType.includes("view") && !hasActiveElement || this._resetType.includes("self") && hasActiveElement) && this.resetAll();
+        }, this.options = Object.assign({}, defaultOptions, options), this.updateMarkIdByState([ this.options.state, this.options.reverseState ]);
+    }
+    getStartState() {
+        return this.options.state;
+    }
+    getResetState() {
+        return this.options.reverseState;
+    }
+    getEvents() {
+        const triggerOff = this.options.triggerOff, trigger = this.options.trigger, events = [ {
+            type: trigger,
+            handler: this.handleStart
+        } ], {eventNames: eventNames, resetType: resetType} = (0, util_1.parseTriggerOffOfSelect)(triggerOff);
+        return eventNames.forEach((evt => {
+            evt && ((0, vutils_1.isArray)(trigger) ? !trigger.includes(evt) : evt !== trigger) && events.push({
+                type: evt,
+                handler: this.handleReset
+            });
+        })), this._resetType = resetType, events;
+    }
+    start(markGraphic) {
+        const {state: state, reverseState: reverseState, isMultiple: isMultiple, interaction: interaction} = this.options, statedGraphics = interaction.getStatedGraphics(this);
+        if (markGraphic && this._markSet.getMarkInId(markGraphic.context.markId)) if (markGraphic.hasState(state)) {
+            if (this._resetType.includes("self")) {
+                const newStatedGraphics = statedGraphics && statedGraphics.filter((g => g !== markGraphic));
+                newStatedGraphics && newStatedGraphics.length ? interaction.setStatedGraphics(this, interaction.updateStates(this, newStatedGraphics, statedGraphics, state, reverseState)) : this.resetAll();
+            }
+        } else {
+            this._timer && clearTimeout(this._timer), markGraphic.addState(state, !0);
+            const newStatedGraphics = this.options.interaction.updateStates(this, isMultiple && statedGraphics ? [ ...statedGraphics, markGraphic ] : [ markGraphic ], statedGraphics, state, reverseState);
+            interaction.setStatedGraphics(this, newStatedGraphics), this.dispatchEvent("start", {
+                graphics: newStatedGraphics,
+                options: this.options
+            }), this._resetType.includes("timeout") && (this._timer = setTimeout((() => {
+                this.resetAll();
+            }), this.options.triggerOff));
+        } else this._resetType.includes("view") && statedGraphics && statedGraphics.length && this.resetAll();
+    }
+    reset(markGraphic) {
+        markGraphic ? this._markSet.getMarkInId(markGraphic.context.markId) && (markGraphic.removeState(this.options.state), 
+        markGraphic.removeState(this.options.reverseState)) : this.resetAll();
+    }
+}
+
+exports.ElementSelect = ElementSelect, ElementSelect.type = "element-select", ElementSelect.defaultOptions = defaultOptions;
+
+const registerElementSelect = () => {
+    factory_1.Factory.registerInteractionTrigger(ElementSelect.type, ElementSelect);
+};
+
+exports.registerElementSelect = registerElementSelect;
+//# sourceMappingURL=element-select.js.map

package/cjs/interaction/triggers/element-select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interaction/triggers/element-select.ts"],"names":[],"mappings":"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","file":"element-select.js","sourcesContent":["import { isArray } from '@visactor/vutils';\nimport { STATE_VALUE_ENUM } from '../../compile/mark/interface';\nimport type { IElementSelectOptions, ITrigger } from '../interface/trigger';\nimport type { IMarkGraphic } from '../../mark/interface/common';\nimport { BaseTrigger } from './base';\nimport { parseTriggerOffOfSelect } from './util';\nimport { Factory } from '../../core/factory';\nimport { TRIGGER_TYPE_ENUM } from './enum';\nimport type { BaseEventParams } from '../../event/interface';\n\nconst defaultOptions: Partial<IElementSelectOptions> = {\n  state: STATE_VALUE_ENUM.STATE_SELECTED,\n  trigger: 'click'\n};\n\nexport class ElementSelect extends BaseTrigger<IElementSelectOptions> implements ITrigger<IElementSelectOptions> {\n  static type: string = TRIGGER_TYPE_ENUM.ELEMENT_SELECT;\n  type: string = TRIGGER_TYPE_ENUM.ELEMENT_SELECT;\n\n  static defaultOptions = defaultOptions;\n  protected _resetType: ('view' | 'self' | 'timeout')[] = [];\n\n  private _timer?: number;\n\n  constructor(options?: IElementSelectOptions) {\n    super(options);\n    this.options = Object.assign({}, defaultOptions, options);\n\n    this.updateMarkIdByState([this.options.state, this.options.reverseState]);\n  }\n\n  getStartState(): string {\n    return this.options.state;\n  }\n\n  getResetState(): string {\n    return this.options.reverseState;\n  }\n\n  protected getEvents() {\n    const triggerOff = this.options.triggerOff;\n    const trigger = this.options.trigger;\n\n    const events = [\n      {\n        type: trigger,\n        handler: this.handleStart\n      }\n    ];\n\n    const { eventNames, resetType } = parseTriggerOffOfSelect(triggerOff);\n\n    eventNames.forEach(evt => {\n      if (evt && (isArray(trigger) ? !trigger.includes(evt) : evt !== trigger)) {\n        events.push({ type: evt, handler: this.handleReset });\n      }\n    });\n\n    this._resetType = resetType;\n\n    return events;\n  }\n\n  resetAll = () => {\n    const { state, reverseState, interaction } = this.options;\n\n    const statedGraphics = interaction.getStatedGraphics(this);\n\n    if (statedGraphics && statedGraphics.length) {\n      interaction.clearAllStatesOfTrigger(this, state, reverseState);\n      this.dispatchEvent('reset', { graphics: statedGraphics, options: this.options });\n\n      interaction.setStatedGraphics(this, []);\n    }\n  };\n\n  handleStart = (e: BaseEventParams) => {\n    this.start(e.item);\n  };\n\n  handleReset = (e: BaseEventParams) => {\n    const { interaction } = this.options;\n\n    const statedGraphics = interaction.getStatedGraphics(this);\n    if (!statedGraphics || !statedGraphics.length) {\n      return;\n    }\n    const markGraphic = e.item;\n    const hasActiveElement = markGraphic && this._markSet.getMarkInId(markGraphic.context.markId);\n\n    if (this._resetType.includes('view') && !hasActiveElement) {\n      this.resetAll();\n    } else if (this._resetType.includes('self') && hasActiveElement) {\n      this.resetAll();\n    }\n  };\n\n  start(markGraphic: IMarkGraphic) {\n    const { state, reverseState, isMultiple, interaction } = this.options;\n    const statedGraphics = interaction.getStatedGraphics(this);\n\n    if (markGraphic && this._markSet.getMarkInId(markGraphic.context.markId)) {\n      if (markGraphic.hasState(state)) {\n        if (this._resetType.includes('self')) {\n          const newStatedGraphics = statedGraphics && statedGraphics.filter(g => g !== markGraphic);\n\n          if (newStatedGraphics && newStatedGraphics.length) {\n            interaction.setStatedGraphics(\n              this,\n              interaction.updateStates(this, newStatedGraphics, statedGraphics, state, reverseState)\n            );\n          } else {\n            this.resetAll();\n          }\n        }\n      } else {\n        if (this._timer) {\n          clearTimeout(this._timer);\n        }\n        markGraphic.addState(state, true);\n\n        const newStatedGraphics = this.options.interaction.updateStates(\n          this,\n          isMultiple && statedGraphics ? [...statedGraphics, markGraphic] : [markGraphic],\n          statedGraphics,\n          state,\n          reverseState\n        );\n        interaction.setStatedGraphics(this, newStatedGraphics);\n        this.dispatchEvent('start', { graphics: newStatedGraphics, options: this.options });\n\n        if (this._resetType.includes('timeout')) {\n          this._timer = setTimeout(() => {\n            this.resetAll();\n          }, this.options.triggerOff as number) as unknown as number;\n        }\n      }\n    } else if (this._resetType.includes('view') && statedGraphics && statedGraphics.length) {\n      this.resetAll();\n    }\n  }\n\n  reset(markGraphic: IMarkGraphic) {\n    if (markGraphic) {\n      if (this._markSet.getMarkInId(markGraphic.context.markId)) {\n        // todo 升级 vrender版本，切换成数组\n        markGraphic.removeState(this.options.state);\n        markGraphic.removeState(this.options.reverseState);\n      }\n    } else {\n      this.resetAll();\n    }\n  }\n}\n\nexport const registerElementSelect = () => {\n  Factory.registerInteractionTrigger(ElementSelect.type, ElementSelect);\n};\n"]}

package/cjs/interaction/triggers/enum.d.ts

@@ -0,0 +1,8 @@
+export declare const enum TRIGGER_TYPE_ENUM {
+    DIMENSION_HOVER = "dimension-hover",
+    ELEMENT_HIGHLIGHT = "element-highlight",
+    ELEMENT_SELECT = "element-select",
+    ELEMENT_ACTIVE = "element-active",
+    ELEMENT_HIGHLIGHT_BY_GRPHIC_NAME = "element-highlight-by-graphic-name",
+    ELEMENT_SELECT_BY_GRPHIC_NAME = "element-select-by-graphic-name"
+}

package/cjs/interaction/triggers/enum.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var TRIGGER_TYPE_ENUM;
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.TRIGGER_TYPE_ENUM = void 0, function(TRIGGER_TYPE_ENUM) {
+    TRIGGER_TYPE_ENUM.DIMENSION_HOVER = "dimension-hover", TRIGGER_TYPE_ENUM.ELEMENT_HIGHLIGHT = "element-highlight", 
+    TRIGGER_TYPE_ENUM.ELEMENT_SELECT = "element-select", TRIGGER_TYPE_ENUM.ELEMENT_ACTIVE = "element-active", 
+    TRIGGER_TYPE_ENUM.ELEMENT_HIGHLIGHT_BY_GRPHIC_NAME = "element-highlight-by-graphic-name", 
+    TRIGGER_TYPE_ENUM.ELEMENT_SELECT_BY_GRPHIC_NAME = "element-select-by-graphic-name";
+}(TRIGGER_TYPE_ENUM = exports.TRIGGER_TYPE_ENUM || (exports.TRIGGER_TYPE_ENUM = {}));
+//# sourceMappingURL=enum.js.map

package/cjs/interaction/triggers/enum.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interaction/triggers/enum.ts"],"names":[],"mappings":";;;AAAA,IAAkB,iBAOjB;AAPD,WAAkB,iBAAiB;IACjC,wDAAmC,CAAA;IACnC,4DAAuC,CAAA;IACvC,sDAAiC,CAAA;IACjC,sDAAiC,CAAA;IACjC,2FAAsE,CAAA;IACtE,qFAAgE,CAAA;AAClE,CAAC,EAPiB,iBAAiB,GAAjB,yBAAiB,KAAjB,yBAAiB,QAOlC","file":"enum.js","sourcesContent":["export const enum TRIGGER_TYPE_ENUM {\n  DIMENSION_HOVER = 'dimension-hover',\n  ELEMENT_HIGHLIGHT = 'element-highlight',\n  ELEMENT_SELECT = 'element-select',\n  ELEMENT_ACTIVE = 'element-active',\n  ELEMENT_HIGHLIGHT_BY_GRPHIC_NAME = 'element-highlight-by-graphic-name',\n  ELEMENT_SELECT_BY_GRPHIC_NAME = 'element-select-by-graphic-name'\n}\n"]}

package/cjs/interaction/triggers/util.d.ts

@@ -0,0 +1,12 @@
+import type { IMark, IMarkGraphic } from '../../mark/interface/common';
+import type { IElementFilterOptions, IElementHighlightOptions, IElementSelectTriggerOff } from '../interface/trigger';
+import type { GraphicEventType } from '@visactor/vrender-core';
+import type { IBaseInteractionSpec } from '../interface/spec';
+export declare const parseTriggerOffOfSelect: (triggerOff: IElementSelectTriggerOff | IElementSelectTriggerOff[]) => {
+    eventNames: GraphicEventType[];
+    resetType: ("self" | "view" | "timeout")[];
+};
+export declare const groupMarksByState: (marks: IMark[], states: string[]) => Record<string, number[]>;
+export declare const filterMarksOfInteraction: (interactionSpec: IBaseInteractionSpec, marks: IMark[]) => IMark[];
+export declare const generateFilterValue: (options: IElementFilterOptions) => (g: IMarkGraphic) => any;
+export declare const highlightDefaultOptions: Partial<IElementHighlightOptions>;

package/cjs/interaction/triggers/util.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.highlightDefaultOptions = exports.generateFilterValue = exports.filterMarksOfInteraction = exports.groupMarksByState = exports.parseTriggerOffOfSelect = void 0;
+
+const vutils_1 = require("@visactor/vutils"), util_1 = require("../../util"), interface_1 = require("../../compile/mark/interface"), parseTriggerOffOfSelect = triggerOff => {
+    const triggerOffArray = (0, vutils_1.array)(triggerOff), resetType = [], eventNames = [];
+    return triggerOffArray.forEach((off => {
+        "empty" === off ? resetType.push("view") : (0, vutils_1.isString)(off) && "none" !== off ? off.includes("view:") ? (eventNames.push(off.replace("view:", "")), 
+        resetType.push("view")) : (eventNames.push(off), resetType.push("self")) : (0, vutils_1.isNumber)(off) && resetType.push("timeout");
+    })), {
+        eventNames: eventNames,
+        resetType: resetType
+    };
+};
+
+exports.parseTriggerOffOfSelect = parseTriggerOffOfSelect;
+
+const groupMarksByState = (marks, states) => {
+    if (!states || !marks) return null;
+    const res = {};
+    return marks.forEach((mark => {
+        const stateStyle = mark.stateStyle;
+        stateStyle && states.forEach((state => {
+            state && stateStyle[state] && (res[state] || (res[state] = []), res[state].push(mark.id));
+        }));
+    })), res;
+};
+
+exports.groupMarksByState = groupMarksByState;
+
+const filterMarksOfInteraction = (interactionSpec, marks) => {
+    if (!marks || !marks.length) return [];
+    const selector = [];
+    return interactionSpec.markIds ? marks.filter((mark => {
+        interactionSpec.markIds.includes(mark.getProductId()) && selector.push(mark);
+    })) : interactionSpec.markNames ? marks.forEach((mark => {
+        interactionSpec.markNames.includes(mark.name) && selector.push(mark);
+    })) : marks.forEach((mark => {
+        selector.push(mark);
+    })), selector;
+};
+
+exports.filterMarksOfInteraction = filterMarksOfInteraction;
+
+const generateFilterValue = options => options.filterField ? g => {
+    var _a;
+    return null === (_a = (0, util_1.getDatumOfGraphic)(g)) || void 0 === _a ? void 0 : _a[options.filterField];
+} : el => el.context[options.filterType];
+
+exports.generateFilterValue = generateFilterValue, exports.highlightDefaultOptions = {
+    highlightState: interface_1.STATE_VALUE_ENUM.STATE_HIGHLIGHT,
+    blurState: interface_1.STATE_VALUE_ENUM.STATE_BLUR,
+    trigger: "pointerover",
+    triggerOff: "pointerout"
+};
+//# sourceMappingURL=util.js.map

package/cjs/interaction/triggers/util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interaction/triggers/util.ts"],"names":[],"mappings":"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","file":"util.js","sourcesContent":["import { array, isNumber, isString } from '@visactor/vutils';\nimport type { IMark, IMarkGraphic } from '../../mark/interface/common';\n\nimport type { IElementFilterOptions, IElementHighlightOptions, IElementSelectTriggerOff } from '../interface/trigger';\nimport type { GraphicEventType } from '@visactor/vrender-core';\nimport type { IBaseInteractionSpec } from '../interface/spec';\nimport { getDatumOfGraphic } from '../../util';\nimport type { Datum } from '../../typings';\nimport { STATE_VALUE_ENUM } from '../../compile/mark/interface';\n\nexport const parseTriggerOffOfSelect = (triggerOff: IElementSelectTriggerOff | IElementSelectTriggerOff[]) => {\n  const triggerOffArray = array(triggerOff);\n  const resetType: ('view' | 'self' | 'timeout')[] = [];\n  const eventNames: GraphicEventType[] = [];\n\n  triggerOffArray.forEach(off => {\n    if (off === 'empty') {\n      resetType.push('view');\n    } else if (isString(off) && off !== 'none') {\n      if ((off as string).includes('view:')) {\n        eventNames.push((off as string).replace('view:', '') as GraphicEventType);\n\n        resetType.push('view');\n      } else {\n        eventNames.push(off as GraphicEventType);\n\n        resetType.push('self');\n      }\n    } else if (isNumber(off)) {\n      resetType.push('timeout');\n    }\n  });\n\n  return {\n    eventNames,\n    resetType\n  };\n};\n\nexport const groupMarksByState = (marks: IMark[], states: string[]): Record<string, number[]> => {\n  if (!states || !marks) {\n    return null;\n  }\n\n  const res: Record<string, number[]> = {};\n\n  marks.forEach(mark => {\n    const stateStyle = mark.stateStyle;\n\n    if (!stateStyle) {\n      return;\n    }\n\n    states.forEach(state => {\n      if (state && stateStyle[state]) {\n        if (!res[state]) {\n          res[state] = [];\n        }\n\n        res[state].push(mark.id);\n      }\n    });\n  });\n\n  return res;\n};\n\nexport const filterMarksOfInteraction = (interactionSpec: IBaseInteractionSpec, marks: IMark[]) => {\n  if (!marks || !marks.length) {\n    return [];\n  }\n  const selector: IMark[] = [];\n\n  if (interactionSpec.markIds) {\n    marks.filter(mark => {\n      if (interactionSpec.markIds.includes(mark.getProductId())) {\n        selector.push(mark);\n      }\n    });\n  } else if (interactionSpec.markNames) {\n    marks.forEach(mark => {\n      if (interactionSpec.markNames.includes(mark.name)) {\n        selector.push(mark);\n      }\n    });\n  } else {\n    marks.forEach(mark => {\n      selector.push(mark);\n    });\n  }\n\n  return selector;\n};\n\nexport const generateFilterValue = (options: IElementFilterOptions) => {\n  if (options.filterField) {\n    return (g: IMarkGraphic) => {\n      return (getDatumOfGraphic(g) as Datum)?.[options.filterField];\n    };\n  }\n\n  return (el: IMarkGraphic) => {\n    return el.context[options.filterType];\n  };\n};\n\nexport const highlightDefaultOptions: Partial<IElementHighlightOptions> = {\n  highlightState: STATE_VALUE_ENUM.STATE_HIGHLIGHT,\n  blurState: STATE_VALUE_ENUM.STATE_BLUR,\n  trigger: 'pointerover',\n  triggerOff: 'pointerout'\n};\n"]}

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

@@ -7,6 +7,7 @@ export interface ITriggerOption {
     delayType: IDelayType;
     delayTime: number;
     realTime: boolean;
+    allowComponentZoom?: boolean;
 }
 export type ZoomEventParams = {
     zoomDelta: number;

package/cjs/interaction/zoom/zoomable.js

@@ -14,7 +14,7 @@ class Zoomable {
         this._isGestureListener = !1;
     }
     initZoomable(evt, mode = common_1.RenderModeEnum["desktop-browser"]) {
-        this._eventObj = evt, this._renderMode = mode, this._gestureController = this._option.getChart().getVGrammarView().renderer._gestureController, 
+        this._eventObj = evt, this._renderMode = mode, this._gestureController = this._option.getCompiler()._gestureController, 
         this._isGestureListener = (0, util_1.isMobileLikeMode)(this._renderMode) || (0, 
         util_1.isMiniAppLikeMode)(this._renderMode), (0, config_1.getDefaultTriggerEventByMode)(this._renderMode) && (this._clickEnable = !0, 
         this._zoomableTrigger = new (this._getZoomTriggerEvent("trigger")));
@@ -22,12 +22,12 @@ class Zoomable {
     _getZoomTriggerEvent(type) {
         return (0, config_1.getDefaultTriggerEventByMode)(this._renderMode)[type];
     }
-    _zoomEventDispatch(params, regionOrSeries, callback) {
+    _zoomEventDispatch(params, regionOrSeries, callback, allowComponentZoom) {
         if (!this._isGestureListener && !params.event) return;
         const event = this._isGestureListener ? params : params.event.clone();
         this._zoomableTrigger.parserZoomEvent(event);
         const {zoomDelta: zoomDelta, zoomX: zoomX, zoomY: zoomY, path: path} = event;
-        if (!path.some((node => node.name && node.name.includes("region")))) return;
+        if (!allowComponentZoom && !path.some((node => node.name && node.name.includes("region")))) return;
         if ((0, vutils_1.isNil)(zoomDelta)) return;
         if (!(0, vutils_1.pointInRect)({
             x: zoomX,
@@ -70,7 +70,8 @@ class Zoomable {
         event.on(...zoomEndParams, delayMap[delayType]((params => {
             this._zoomableTrigger.clearZoom();
         }), delayTime)), event.on(...zoomParams, delayMap[delayType]((params => {
-            this._zoomEventDispatch(params, regionOrSeries, callback);
+            var _a;
+            this._zoomEventDispatch(params, regionOrSeries, callback, null !== (_a = null == option ? void 0 : option.allowComponentZoom) && void 0 !== _a && _a);
         }), delayTime));
     }
     initZoomEventOfSeries(s, callback, option) {

package/cjs/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":["import type { IModelOption } from './../../model/interface';\n/* eslint-disable no-duplicate-imports */\nimport { debounce, isNil, pointInRect, throttle } from '@visactor/vutils';\nimport type { BaseEventParams, EventQuery, EventType, ExtendEventParam, IEvent } from '../../event/interface';\nimport type { IRegion } from '../../region/interface';\nimport type { RenderMode } from '../../typings/spec';\nimport { RenderModeEnum } from '../../typings/spec/common';\nimport { getDefaultTriggerEventByMode } from '../../component/common/trigger/config';\nimport type { IZoomTrigger } from '../../component/common/trigger/interface';\nimport type { ISeries } from '../../series/interface';\nimport { Event_Bubble_Level, Event_Source_Type } from '../../constant/event';\nimport type { IDelayType } from '../../typings/event';\nimport { isMiniAppLikeMode, isMobileLikeMode } from '../../util';\nimport type { Gesture } from '@visactor/vrender-kits';\n\nconst delayMap = {\n  debounce: debounce,\n  throttle: throttle\n};\n\nexport interface ITriggerOption {\n  delayType: IDelayType;\n  delayTime: number;\n  realTime: boolean;\n}\n\nexport type ZoomEventParams = { zoomDelta: number; zoomX: number; zoomY: number };\n\nexport type ZoomCallback = (params: ZoomEventParams, e: BaseEventParams['event']) => Record<string, any> | void;\n\nexport interface IZoomable {\n  initZoomable: (evt: IEvent, mode?: RenderMode) => void;\n  initZoomEventOfSeries: (s: ISeries, callback?: ZoomCallback) => any;\n  initZoomEventOfRegions: (\n    regions: IRegion[],\n    filter?: (s: ISeries) => boolean,\n    callback?: ZoomCallback,\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 _option: IModelOption;\n\n  private _zoomableTrigger: IZoomTrigger;\n\n  private _eventObj: IEvent;\n\n  private _renderMode: RenderMode;\n\n  private _gestureController!: Gesture | null;\n\n  private _isGestureListener: boolean = false;\n\n  initZoomable(evt: IEvent, mode: RenderMode = RenderModeEnum['desktop-browser']) {\n    this._eventObj = evt;\n    this._renderMode = mode;\n    this._gestureController = (this._option.getChart().getVGrammarView().renderer as any)._gestureController;\n    this._isGestureListener = isMobileLikeMode(this._renderMode) || isMiniAppLikeMode(this._renderMode);\n    if (getDefaultTriggerEventByMode(this._renderMode)) {\n      // hack 应该由事件系统做？或者事件系统有更好的方式处理这种交互冲突场景\n\n      // 只在drag时屏蔽，而zoom、scrol时不屏蔽\n      // drag move: 屏蔽\n      // darg end 结束屏蔽\n      // 屏蔽时：clickEnable应该为false，即其他逻辑不允许响应click\n      this._clickEnable = true;\n      this._zoomableTrigger = new (this._getZoomTriggerEvent('trigger') as any)();\n    }\n  }\n\n  // event\n  private _getZoomTriggerEvent(type: string): EventType | EventType[] {\n    return getDefaultTriggerEventByMode(this._renderMode)[type];\n  }\n\n  private _zoomEventDispatch(params: BaseEventParams, regionOrSeries: IRegion | ISeries, callback?: ZoomCallback) {\n    if (!this._isGestureListener && !params.event) {\n      return;\n    }\n    const event = this._isGestureListener ? params : params.event.clone();\n    this._zoomableTrigger.parserZoomEvent(event);\n    // FIXME: event类型目前不全\n    const { zoomDelta, zoomX, zoomY, path } = event as any;\n\n    // 不响应由组件触发的 zoom 事件（例如滚动分页的离散图例）\n    if (!path.some((node: any) => node.name && node.name.includes('region'))) {\n      return;\n    }\n\n    if (isNil(zoomDelta)) {\n      return;\n    }\n    if (\n      !pointInRect(\n        {\n          x: zoomX,\n          y: zoomY\n        },\n        this._getRegionOrSeriesLayout(regionOrSeries),\n        false\n      )\n    ) {\n      return;\n    }\n    let extendParams: ReturnType<typeof callback> = {};\n    if (callback) {\n      extendParams = callback({ zoomDelta, zoomX, zoomY }, event);\n    }\n    this._eventObj.emit('zoom', {\n      scale: event.zoomDelta,\n      scaleCenter: { x: event.zoomX, y: event.zoomY },\n      ...extendParams,\n      model: this\n    } as unknown as ExtendEventParam);\n  }\n\n  private _getRegionOrSeriesLayout(rs: IRegion | ISeries) {\n    if (rs.type !== 'region') {\n      rs = (<ISeries>rs).getRegion();\n    }\n    const { x, y, width, height } = rs.layout.getLayout();\n    return {\n      x1: x,\n      y1: y,\n      x2: x + width,\n      y2: y + height\n    };\n  }\n\n  private _bindZoomEventAsRegion(\n    eventObj: IEvent,\n    regionOrSeries: IRegion | ISeries,\n    callback?: ZoomCallback,\n    option?: ITriggerOption\n  ) {\n    const delayType = option?.delayType ?? 'throttle';\n    const delayTime = option?.delayTime ?? 0;\n\n    const event = this._isGestureListener ? this._gestureController : eventObj;\n    const zoomParams = this._isGestureListener\n      ? [this._getZoomTriggerEvent('zoom')]\n      : [this._getZoomTriggerEvent('zoom'), { level: Event_Bubble_Level.chart, consume: true }];\n    const zoomEndParams: [string] | [string, EventQuery] = this._isGestureListener\n      ? [this._getZoomTriggerEvent('zoomEnd') as string]\n      : [this._getZoomTriggerEvent('zoomEnd') as string, { level: Event_Bubble_Level.chart, consume: false }];\n    // pc端没有scrollEnd事件，所以漫游模式下scroll仅支持realTime\n    (event as any).on(\n      ...zoomEndParams,\n      delayMap[delayType]((params: BaseEventParams) => {\n        this._zoomableTrigger.clearZoom();\n      }, delayTime) as any\n    );\n\n    (event as any).on(\n      ...zoomParams,\n      delayMap[delayType]((params: BaseEventParams) => {\n        // if (realTime) {\n        this._zoomEventDispatch(params, regionOrSeries, callback);\n        // }\n      }, delayTime) as any\n    );\n  }\n\n  initZoomEventOfSeries(s: ISeries, callback?: ZoomCallback, option?: ITriggerOption) {\n    if (this._option.disableTriggerEvent) {\n      return;\n    }\n    if (getDefaultTriggerEventByMode(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?: ZoomCallback,\n    option?: ITriggerOption\n  ) {\n    if (this._option.disableTriggerEvent) {\n      return;\n    }\n    if (getDefaultTriggerEventByMode(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']) => any\n  ) {\n    let stopBubble: boolean | undefined = false;\n    if (!this._isGestureListener && (!params.event || this._option.disableTriggerEvent)) {\n      return stopBubble;\n    }\n    const event = this._isGestureListener ? params : params.event;\n    this._zoomableTrigger.parserScrollEvent(event);\n    // FIXME: event类型目前不全\n    const { scrollX, scrollY, canvasX, canvasY } = event as any;\n    if (isNil(scrollX) && isNil(scrollY)) {\n      return stopBubble;\n    }\n    if (\n      !pointInRect(\n        {\n          x: canvasX,\n          y: canvasY\n        },\n        this._getRegionOrSeriesLayout(regionOrSeries),\n        false\n      )\n    ) {\n      return stopBubble;\n    }\n\n    if (callback) {\n      stopBubble = callback({ scrollX, scrollY }, event as any);\n    }\n    this._eventObj.emit('scroll', {\n      scrollX,\n      scrollY,\n      model: this\n    } as unknown as ExtendEventParam);\n\n    return stopBubble;\n  }\n\n  private _bindScrollEventAsRegion(\n    eventObj: IEvent,\n    regionOrSeries: IRegion | ISeries,\n    callback?: (params: { scrollX: number; scrollY: number }, e: BaseEventParams['event']) => any,\n    option?: ITriggerOption\n  ) {\n    const delayType = option?.delayType ?? 'throttle';\n    const delayTime = option?.delayTime ?? 0;\n\n    const event = this._isGestureListener ? this._gestureController : eventObj;\n    const scrollParams = this._isGestureListener\n      ? [this._getZoomTriggerEvent('scroll')]\n      : [this._getZoomTriggerEvent('scroll'), { level: Event_Bubble_Level.chart, consume: true }];\n    const scrollEndParams = this._isGestureListener\n      ? [this._getZoomTriggerEvent('scrollEnd')]\n      : [this._getZoomTriggerEvent('scrollEnd'), { level: Event_Bubble_Level.chart, consume: false }];\n\n    // pc端没有scrollEnd事件，所以漫游模式下scroll仅支持realTime\n    (event as any).on(\n      ...scrollEndParams,\n      delayMap[delayType]((params: any) => {\n        this._zoomableTrigger.clearScroll();\n      }, delayTime)\n    );\n\n    (event as any).on(\n      ...scrollParams,\n      delayMap[delayType]((params: any) => {\n        // if (realTime) {\n        return 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 (getDefaultTriggerEventByMode(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 (this._option.disableTriggerEvent) {\n      return;\n    }\n    if (getDefaultTriggerEventByMode(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._getZoomTriggerEvent('start') as string, { level: Event_Bubble_Level.chart }, (params: any) => {\n      if (!params.event) {\n        return;\n      }\n\n      const { event } = params;\n      const shouldTrigger = pointInRect(\n        {\n          x: event.canvasX,\n          y: event.canvasY\n        },\n        this._getRegionOrSeriesLayout(regionOrSeries),\n        false\n      );\n      if (shouldTrigger) {\n        this._handleDrag(params, callback, option);\n      }\n    });\n    // hack 应该由事件系统做？或者事件系统有更好的方式处理这种交互冲突场景\n\n    // 只在drag时屏蔽，而zoom、scrol时不屏蔽\n    // drag move: 屏蔽\n    // darg end 结束屏蔽\n    // 屏蔽时：clickEnable应该为false，即其他逻辑不允许响应click\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 (this._option.disableTriggerEvent) {\n      return;\n    }\n    if (getDefaultTriggerEventByMode(this._renderMode)) {\n      s.event.on(\n        this._getZoomTriggerEvent('start') as string,\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 (this._option.disableTriggerEvent) {\n      return;\n    }\n    if (getDefaultTriggerEventByMode(this._renderMode)) {\n      regions.forEach(r => {\n        if (filter) {\n          r.getSeries().forEach(s => {\n            if (filter(s)) {\n              s.event.on(\n                this._getZoomTriggerEvent('start') as string,\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\n              // 只在drag时屏蔽，而zoom、scrol时不屏蔽\n              // drag move: 屏蔽\n              // darg end 结束屏蔽\n              // 屏蔽时：clickEnable应该为false，即其他逻辑不允许响应click\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    if (this._option.disableTriggerEvent) {\n      return;\n    }\n    this._clickEnable = false;\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._getZoomTriggerEvent('move') as string;\n    const end = this._getZoomTriggerEvent('end') as string[];\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 = true;\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      end.forEach(endEventType => {\n        this._eventObj.off(\n          endEventType,\n          { level: Event_Bubble_Level.chart, source: Event_Source_Type.chart },\n          mouseup as any\n        );\n        this._eventObj.allow(endEventType);\n      });\n    }, delayTime);\n\n    const mousemove = delayMap[delayType]((params: BaseEventParams) => {\n      if (!this._zoomableTrigger.parserDragEvent(params.event)) {\n        return;\n      }\n      this._clickEnable = false;\n      end.forEach(endEventType => this._eventObj.prevent(endEventType, mouseup as any));\n\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    end.forEach(endEventType => {\n      this._eventObj.on(\n        endEventType,\n        { level: Event_Bubble_Level.chart, source: Event_Source_Type.chart },\n        mouseup as any\n      );\n    });\n  }\n}\n"]}
+{"version":3,"sources":["../src/interaction/zoom/zoomable.ts"],"names":[],"mappings":"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","file":"zoomable.js","sourcesContent":["import type { IModelOption } from './../../model/interface';\n/* eslint-disable no-duplicate-imports */\nimport { debounce, isNil, pointInRect, throttle } from '@visactor/vutils';\nimport type { BaseEventParams, EventQuery, EventType, ExtendEventParam, IEvent } from '../../event/interface';\nimport type { IRegion } from '../../region/interface';\nimport type { RenderMode } from '../../typings/spec';\nimport { RenderModeEnum } from '../../typings/spec/common';\nimport { getDefaultTriggerEventByMode } from '../../component/common/trigger/config';\nimport type { IZoomTrigger } from '../../component/common/trigger/interface';\nimport type { ISeries } from '../../series/interface';\nimport { Event_Bubble_Level, Event_Source_Type } from '../../constant/event';\nimport type { IDelayType } from '../../typings/event';\nimport { isMiniAppLikeMode, isMobileLikeMode } from '../../util';\nimport type { Gesture } from '@visactor/vrender-kits';\n\nconst delayMap = {\n  debounce: debounce,\n  throttle: throttle\n};\n\nexport interface ITriggerOption {\n  delayType: IDelayType;\n  delayTime: number;\n  realTime: boolean;\n  // 在某些场景中, 组件不应该触发zoom事件, 例如滚动分页的离散图例\n  // 但在另一些场景中, 组件应该触发zoom事件, 例如缩略轴和滚动条\n  // 当前代码逻辑中, 默认不触发组件zoom事件\n  // 所以增设该配置, 用于允许组件触发zoom事件\n  allowComponentZoom?: boolean;\n}\n\nexport type ZoomEventParams = { zoomDelta: number; zoomX: number; zoomY: number };\n\nexport type ZoomCallback = (params: ZoomEventParams, e: BaseEventParams['event']) => Record<string, any> | void;\n\nexport interface IZoomable {\n  initZoomable: (evt: IEvent, mode?: RenderMode) => void;\n  initZoomEventOfSeries: (s: ISeries, callback?: ZoomCallback) => any;\n  initZoomEventOfRegions: (\n    regions: IRegion[],\n    filter?: (s: ISeries) => boolean,\n    callback?: ZoomCallback,\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 _option: IModelOption;\n\n  private _zoomableTrigger: IZoomTrigger;\n\n  private _eventObj: IEvent;\n\n  private _renderMode: RenderMode;\n\n  private _gestureController!: Gesture | null;\n\n  private _isGestureListener: boolean = false;\n\n  initZoomable(evt: IEvent, mode: RenderMode = RenderModeEnum['desktop-browser']) {\n    this._eventObj = evt;\n    this._renderMode = mode;\n    this._gestureController = (this._option.getCompiler() as any)._gestureController;\n    this._isGestureListener = isMobileLikeMode(this._renderMode) || isMiniAppLikeMode(this._renderMode);\n    if (getDefaultTriggerEventByMode(this._renderMode)) {\n      // hack 应该由事件系统做？或者事件系统有更好的方式处理这种交互冲突场景\n\n      // 只在drag时屏蔽，而zoom、scroll时不屏蔽\n      // drag move: 屏蔽\n      // darg end 结束屏蔽\n      // 屏蔽时：clickEnable应该为false，即其他逻辑不允许响应click\n      this._clickEnable = true;\n      this._zoomableTrigger = new (this._getZoomTriggerEvent('trigger') as any)();\n    }\n  }\n\n  // event\n  private _getZoomTriggerEvent(type: string): EventType | EventType[] {\n    return getDefaultTriggerEventByMode(this._renderMode)[type];\n  }\n\n  private _zoomEventDispatch(\n    params: BaseEventParams,\n    regionOrSeries: IRegion | ISeries,\n    callback?: ZoomCallback,\n    allowComponentZoom?: boolean\n  ) {\n    if (!this._isGestureListener && !params.event) {\n      return;\n    }\n    const event = this._isGestureListener ? params : params.event.clone();\n    this._zoomableTrigger.parserZoomEvent(event);\n    // FIXME: event类型目前不全\n    const { zoomDelta, zoomX, zoomY, path } = event as any;\n\n    // 不响应由组件触发的 zoom 事件（例如滚动分页的离散图例）\n    if (!allowComponentZoom && !path.some((node: any) => node.name && node.name.includes('region'))) {\n      return;\n    }\n\n    if (isNil(zoomDelta)) {\n      return;\n    }\n    if (\n      !pointInRect(\n        {\n          x: zoomX,\n          y: zoomY\n        },\n        this._getRegionOrSeriesLayout(regionOrSeries),\n        false\n      )\n    ) {\n      return;\n    }\n    let extendParams: ReturnType<typeof callback> = {};\n    if (callback) {\n      extendParams = callback({ zoomDelta, zoomX, zoomY }, event);\n    }\n    this._eventObj.emit('zoom', {\n      scale: event.zoomDelta,\n      scaleCenter: { x: event.zoomX, y: event.zoomY },\n      ...extendParams,\n      model: this\n    } as unknown as ExtendEventParam);\n  }\n\n  private _getRegionOrSeriesLayout(rs: IRegion | ISeries) {\n    if (rs.type !== 'region') {\n      rs = (<ISeries>rs).getRegion();\n    }\n    const { x, y, width, height } = rs.layout.getLayout();\n    return {\n      x1: x,\n      y1: y,\n      x2: x + width,\n      y2: y + height\n    };\n  }\n\n  private _bindZoomEventAsRegion(\n    eventObj: IEvent,\n    regionOrSeries: IRegion | ISeries,\n    callback?: ZoomCallback,\n    option?: ITriggerOption\n  ) {\n    const delayType = option?.delayType ?? 'throttle';\n    const delayTime = option?.delayTime ?? 0;\n\n    const event = this._isGestureListener ? this._gestureController : eventObj;\n    const zoomParams = this._isGestureListener\n      ? [this._getZoomTriggerEvent('zoom')]\n      : [this._getZoomTriggerEvent('zoom'), { level: Event_Bubble_Level.chart, consume: true }];\n    const zoomEndParams: [string] | [string, EventQuery] = this._isGestureListener\n      ? [this._getZoomTriggerEvent('zoomEnd') as string]\n      : [this._getZoomTriggerEvent('zoomEnd') as string, { level: Event_Bubble_Level.chart, consume: false }];\n    // pc端没有scrollEnd事件，所以漫游模式下scroll仅支持realTime\n    (event as any).on(\n      ...zoomEndParams,\n      delayMap[delayType]((params: BaseEventParams) => {\n        this._zoomableTrigger.clearZoom();\n      }, delayTime) as any\n    );\n\n    (event as any).on(\n      ...zoomParams,\n      delayMap[delayType]((params: BaseEventParams) => {\n        // if (realTime) {\n        this._zoomEventDispatch(params, regionOrSeries, callback, option?.allowComponentZoom ?? false);\n        // }\n      }, delayTime) as any\n    );\n  }\n\n  initZoomEventOfSeries(s: ISeries, callback?: ZoomCallback, option?: ITriggerOption) {\n    if (this._option.disableTriggerEvent) {\n      return;\n    }\n    if (getDefaultTriggerEventByMode(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?: ZoomCallback,\n    option?: ITriggerOption\n  ) {\n    if (this._option.disableTriggerEvent) {\n      return;\n    }\n    if (getDefaultTriggerEventByMode(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']) => any\n  ) {\n    let stopBubble: boolean | undefined = false;\n    if (!this._isGestureListener && (!params.event || this._option.disableTriggerEvent)) {\n      return stopBubble;\n    }\n    const event = this._isGestureListener ? params : params.event;\n    this._zoomableTrigger.parserScrollEvent(event);\n    // FIXME: event类型目前不全\n    const { scrollX, scrollY, canvasX, canvasY } = event as any;\n    if (isNil(scrollX) && isNil(scrollY)) {\n      return stopBubble;\n    }\n    if (\n      !pointInRect(\n        {\n          x: canvasX,\n          y: canvasY\n        },\n        this._getRegionOrSeriesLayout(regionOrSeries),\n        false\n      )\n    ) {\n      return stopBubble;\n    }\n\n    if (callback) {\n      stopBubble = callback({ scrollX, scrollY }, event as any);\n    }\n    this._eventObj.emit('scroll', {\n      scrollX,\n      scrollY,\n      model: this\n    } as unknown as ExtendEventParam);\n\n    return stopBubble;\n  }\n\n  private _bindScrollEventAsRegion(\n    eventObj: IEvent,\n    regionOrSeries: IRegion | ISeries,\n    callback?: (params: { scrollX: number; scrollY: number }, e: BaseEventParams['event']) => any,\n    option?: ITriggerOption\n  ) {\n    const delayType = option?.delayType ?? 'throttle';\n    const delayTime = option?.delayTime ?? 0;\n\n    const event = this._isGestureListener ? this._gestureController : eventObj;\n    const scrollParams = this._isGestureListener\n      ? [this._getZoomTriggerEvent('scroll')]\n      : [this._getZoomTriggerEvent('scroll'), { level: Event_Bubble_Level.chart, consume: true }];\n    const scrollEndParams = this._isGestureListener\n      ? [this._getZoomTriggerEvent('scrollEnd')]\n      : [this._getZoomTriggerEvent('scrollEnd'), { level: Event_Bubble_Level.chart, consume: false }];\n\n    // pc端没有scrollEnd事件，所以漫游模式下scroll仅支持realTime\n    (event as any).on(\n      ...scrollEndParams,\n      delayMap[delayType]((params: any) => {\n        this._zoomableTrigger.clearScroll();\n      }, delayTime)\n    );\n\n    (event as any).on(\n      ...scrollParams,\n      delayMap[delayType]((params: any) => {\n        // if (realTime) {\n        return 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 (getDefaultTriggerEventByMode(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 (this._option.disableTriggerEvent) {\n      return;\n    }\n    if (getDefaultTriggerEventByMode(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._getZoomTriggerEvent('start') as string, { level: Event_Bubble_Level.chart }, (params: any) => {\n      if (!params.event) {\n        return;\n      }\n\n      const { event } = params;\n      const shouldTrigger = pointInRect(\n        {\n          x: event.canvasX,\n          y: event.canvasY\n        },\n        this._getRegionOrSeriesLayout(regionOrSeries),\n        false\n      );\n      if (shouldTrigger) {\n        this._handleDrag(params, callback, option);\n      }\n    });\n    // hack 应该由事件系统做？或者事件系统有更好的方式处理这种交互冲突场景\n\n    // 只在drag时屏蔽，而zoom、scrol时不屏蔽\n    // drag move: 屏蔽\n    // darg end 结束屏蔽\n    // 屏蔽时：clickEnable应该为false，即其他逻辑不允许响应click\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 (this._option.disableTriggerEvent) {\n      return;\n    }\n    if (getDefaultTriggerEventByMode(this._renderMode)) {\n      s.event.on(\n        this._getZoomTriggerEvent('start') as string,\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 (this._option.disableTriggerEvent) {\n      return;\n    }\n    if (getDefaultTriggerEventByMode(this._renderMode)) {\n      regions.forEach(r => {\n        if (filter) {\n          r.getSeries().forEach(s => {\n            if (filter(s)) {\n              s.event.on(\n                this._getZoomTriggerEvent('start') as string,\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\n              // 只在drag时屏蔽，而zoom、scrol时不屏蔽\n              // drag move: 屏蔽\n              // darg end 结束屏蔽\n              // 屏蔽时：clickEnable应该为false，即其他逻辑不允许响应click\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    if (this._option.disableTriggerEvent) {\n      return;\n    }\n    this._clickEnable = false;\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._getZoomTriggerEvent('move') as string;\n    const end = this._getZoomTriggerEvent('end') as string[];\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 = true;\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      end.forEach(endEventType => {\n        this._eventObj.off(\n          endEventType,\n          { level: Event_Bubble_Level.chart, source: Event_Source_Type.chart },\n          mouseup as any\n        );\n        this._eventObj.allow(endEventType);\n      });\n    }, delayTime);\n\n    const mousemove = delayMap[delayType]((params: BaseEventParams) => {\n      if (!this._zoomableTrigger.parserDragEvent(params.event)) {\n        return;\n      }\n      this._clickEnable = false;\n      end.forEach(endEventType => this._eventObj.prevent(endEventType, mouseup as any));\n\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    end.forEach(endEventType => {\n      this._eventObj.on(\n        endEventType,\n        { level: Event_Bubble_Level.chart, source: Event_Source_Type.chart },\n        mouseup as any\n      );\n    });\n  }\n}\n"]}

package/cjs/layout/interface.d.ts

@@ -76,8 +76,8 @@ export interface ILayoutItem {
     getLayoutRect: () => ILayoutRect;
     getLayout: () => IRect;
     getLastComputeOutBounds: () => IBoundsLike;
-    onLayoutStart: (layoutRect: IRect, viewRect: ILayoutRect, ctx: any) => void;
-    onLayoutEnd: (option: any) => void;
+    onLayoutStart: (layoutRect: IRect, viewRect: ILayoutRect) => void;
+    onLayoutEnd: () => void;
     setLayoutRect: (rect: Partial<ILayoutRect>, levelMap?: Partial<ILayoutRect>) => void;
     computeBoundsInRect: (rect: ILayoutRect) => ILayoutRect;
     setLayoutStartPosition: (pos: Partial<IPoint>) => void;

package/cjs/layout/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/layout/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IBoundsLike } from '@visactor/vutils';\nimport type { StringOrNumber } from '../typings/common';\nimport type { IOrientType, IRect } from '../typings/space';\nimport type { IPoint } from '../typings/coordinate';\nimport type { ILayoutNumber, ILayoutPaddingSpec, ILayoutPoint, ILayoutRect, ILayoutType } from '../typings/layout';\nimport type { ILayoutModel } from '../model/interface';\n\nexport interface IBaseLayout {\n  /**\n   * 对一组布局元素布局\n   * 布局策略随意\n   * @param item 布局元素数组\n   * @param chartLayoutRect 排除图表 padding 后的图表的布局矩形，原点是图表绘制区域左上角。\n   * @param chartViewBox 图表在画布中的可用空间，包含图表padding，原点是画布左上角\n   * @returns\n   */\n  layoutItems: LayoutCallBack;\n}\n\nexport type LayoutCallBack = (\n  chart: any,\n  item: ILayoutItem[],\n  chartLayoutRect: IRect,\n  chartViewBox: IBoundsLike\n) => void;\n\nexport interface ILayoutSpecBase {\n  /**\n   * 布局的类型，现在支持 grid布局和默认布局（基于占位的布局）\n   */\n  type: string;\n}\n\nexport type ElementSpec = (\n  | {\n      /**\n       * 组件对应的spec key，如'legends'表示图例\n       */\n      modelKey: string;\n      /**\n       * 组件对应的序号\n       */\n      modelIndex: number;\n    }\n  | {\n      /**\n       * 组件对应的id\n       */\n      modelId: string;\n    }\n) & {\n  /**\n   * 组件在grid布局中所在的列。从左向右，从 0 开始计数\n   */\n  col: number;\n  /**\n   * 组件在grid布局中所在的列跨度，即占了几列，默认值为1\n   */\n  colSpan?: number;\n  /**\n   * 组件在grid布局中所在的行。从上向下，从 0 开始计数。\n   */\n  row: number;\n  /**\n   * 组件在grid布局中所在的行跨度，即占了几行，默认值为1\n   */\n  rowSpan?: number;\n};\n\nexport interface IGridLayoutSpec extends ILayoutSpecBase {\n  /**\n   * 设置布局类型为grid布局\n   */\n  type: 'grid';\n  /**\n   * grid布局的总列数\n   */\n  col: number;\n  /**\n   * grid布局的总行数\n   */\n  row: number;\n  /**\n   * 可选配置，指定某几列的宽度\n   */\n  colWidth?: {\n    /**\n     * 指定列数，序号从 0 开始\n     */\n    index: number;\n    /**\n     * 设置指定列的宽度，单位为像素\n     */\n    size: number | ((maxSize: number) => number);\n  }[];\n  /**\n   * 可选配置，指定某几行的高度\n   */\n  rowHeight?: {\n    /**\n     * 指定行数，序号从 0 开始\n     */\n    index: number;\n    /**\n     * 设置指定行的高度，单位为像素\n     */\n    size: number | ((maxSize: number) => number);\n  }[];\n  /**\n   *\n   * 指定所有图表元素所在位置，图表元素的位置起点和占几行几列，可以占多行多列\n   * 图表元素位置允许配置重叠。\n   */\n  elements: ElementSpec[];\n}\n\nexport interface IBaseLayoutSpec extends ILayoutSpecBase {\n  /**\n   * 设置布局类型为默认布局\n   */\n  type: 'base';\n}\n\nexport type ILayoutSpec = IBaseLayoutSpec | IGridLayoutSpec;\n\nexport interface ILayoutConstructor {\n  type: string;\n  // TODO: spec 类型生命\n  new (spec: ILayoutSpec | any, ctx?: any): IBaseLayout;\n}\n\n/**\n * 因为这些元素都会继承到各个模块，所以这里统一有前缀避免语意冲突\n */\nexport interface ILayoutItem {\n  readonly type: string;\n  /**\n   * 标记这个布局Item的方向（left->right, right->left, top->bottom, bottom->top）\n   */\n  directionStr?: 'l2r' | 'r2l' | 't2b' | 'b2t';\n  layoutClip: boolean;\n  layoutType: ILayoutType;\n  layoutBindRegionID: number | number[];\n  layoutOrient: IOrientType;\n  /** 是否自动缩进 */\n  autoIndent: boolean;\n\n  /**\n   * inline元素和其他同行元素的对齐方式\n   * 顶部的inline元素，'start' - 顶部对齐；'end' - '底部对齐'; 'middle' - 居中对齐\n   * 底部的inline元素，'start' - 底部对齐；'end' - '顶部对齐'; 'middle' - 居中对齐\n   * 左侧的inline元素，'start' - 左侧对齐；'end' - '右侧对齐'; 'middle' - 居中对齐\n   * 右侧的inline元素，'start' - 右侧对齐；'end' - '左侧对齐'; 'middle' - 居中对齐\n   */\n  alignSelf?: 'start' | 'end' | 'middle';\n\n  layoutPaddingLeft: number;\n  layoutPaddingTop: number;\n  layoutPaddingRight: number;\n  layoutPaddingBottom: number;\n\n  layoutOffsetX: number;\n  layoutOffsetY: number;\n\n  // 越大越先处理\n  layoutLevel: number;\n\n  chartLayoutRect: ILayoutRect;\n\n  readonly layoutRectLevelMap: ILayoutRect;\n  minWidth: number;\n  maxWidth: number;\n  minHeight: number;\n  maxHeight: number;\n\n  readonly model: ILayoutModel;\n\n  getModelId: () => StringOrNumber;\n  getModelVisible: () => boolean;\n\n  getSpec?: () => any;\n  setAttrFromSpec: (spec: ILayoutItemSpec, chartViewRect: ILayoutRect) => void;\n\n  setRectInSpec: (rect: ILayoutRect) => ILayoutRect;\n\n  getLayoutStartPoint: () => ILayoutPoint;\n  getLayoutRect: () => ILayoutRect;\n  getLayout: () => IRect;\n  getLastComputeOutBounds: () => IBoundsLike;\n\n  /** 生命周期 */\n  onLayoutStart: (layoutRect: IRect, viewRect: ILayoutRect, ctx: any) => void;\n  onLayoutEnd: (option: any) => void;\n\n  /**\n   * 更新元素布局的 layoutRect 大小，用来更新指定布局空间\n   */\n  setLayoutRect: (rect: Partial<ILayoutRect>, levelMap?: Partial<ILayoutRect>) => void;\n  /**\n   * 基于元素内部逻辑计算占位空间，rect表示可用空间\n   */\n  computeBoundsInRect: (rect: ILayoutRect) => ILayoutRect;\n  /**\n   * 更新元素布局的起始点位置\n   */\n  setLayoutStartPosition: (pos: Partial<IPoint>) => void;\n  /**\n   * 更新绝对布局元素的位置信息\n   */\n  absoluteLayoutInRect: (rect: IRect) => void;\n}\n\nexport interface ILayoutItemSpec {\n  /** 当前模块的布局类型，配置为 absolute 的话，当前元素会以图表左上角为原点进行绝对布局 */\n  layoutType?: ILayoutType;\n  /**\n   * 布局顺序等级，等级越大的，越优先布局\n   * 比如顶部同时有标题和图例的场景，期望标题先放在顶部，然后放置图例。\n   */\n  layoutLevel?: number;\n\n  /**\n   * inline元素和其他同行元素的对齐方式\n   * 顶部的inline元素，'start' - 顶部对齐；'end' - '底部对齐'; 'middle' - 居中对齐\n   * 底部的inline元素，'start' - 底部对齐；'end' - '顶部对齐'; 'middle' - 居中对齐\n   * 左侧的inline元素，'start' - 左侧对齐；'end' - '右侧对齐'; 'middle' - 居中对齐\n   * 右侧的inline元素，'start' - 右侧对齐；'end' - '左侧对齐'; 'middle' - 居中对齐\n   */\n  alignSelf?: 'start' | 'end' | 'middle';\n\n  // 基础的布局配置\n  /** 模块布局位置 */\n  orient?: IOrientType;\n  /** 模块的布局间距 */\n  padding?: ILayoutPaddingSpec;\n  /** 是否按照 orient 自动修改 padding，隐藏位于外侧的 padding。目前只在组件上生效 */\n  noOuterPadding?: boolean;\n  /** 模块的布局大小：宽度 */\n  width?: ILayoutNumber;\n  /** 模块的布局最大宽度 */\n  maxWidth?: ILayoutNumber;\n  /** 模块的布局最小宽度 */\n  minWidth?: ILayoutNumber;\n  /** 模块的布局大小：高度 */\n  height?: ILayoutNumber;\n  /** 模块的布局最大高度 */\n  maxHeight?: ILayoutNumber;\n  /** 模块的布局最小高度 */\n  minHeight?: ILayoutNumber;\n  /** 模块的布局位置偏移：X */\n  offsetX?: ILayoutNumber;\n  /** 模块的布局位置偏移：Y */\n  offsetY?: ILayoutNumber;\n\n  /** 模块的展示层级，当2个模块重叠时，层级较大的展示在上方 */\n  zIndex?: number;\n  /** 模块是否裁剪超出布局区域外的绘图内容 */\n  clip?: boolean;\n\n  // 绝对布局下的对齐设置\n\n  /** 模块绝对布局下，与图表左侧的距离。注意仅在 layoutType === 'absolute' 时生效  */\n  left?: ILayoutNumber;\n  /** 模块绝对布局下，与图表右侧的距离。注意仅在 layoutType === 'absolute' 时生效  */\n  right?: ILayoutNumber;\n  /** 模块绝对布局下，与图表顶部的距离。注意仅在 layoutType === 'absolute' 时生效  */\n  top?: ILayoutNumber;\n  /** 模块绝对布局下，与图表底部的距离。注意仅在 layoutType === 'absolute' 时生效  */\n  bottom?: ILayoutNumber;\n  /** 模块绝对布局下，元素将放置在图表的正中间。注意仅在 layoutType === 'absolute' 时生效，同时将忽略 padding 属性  */\n  center?: boolean;\n}\n\nexport interface ILayoutItemInitOption {\n  layoutType: ILayoutType;\n  layoutLevel: number;\n  layoutOrient?: IOrientType;\n  transformLayoutRect?: (rect: ILayoutRect) => ILayoutRect;\n  transformLayoutPosition?: (pos: Partial<IPoint>) => Partial<IPoint>;\n}\n"]}
+{"version":3,"sources":["../src/layout/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IBoundsLike } from '@visactor/vutils';\nimport type { StringOrNumber } from '../typings/common';\nimport type { IOrientType, IRect } from '../typings/space';\nimport type { IPoint } from '../typings/coordinate';\nimport type { ILayoutNumber, ILayoutPaddingSpec, ILayoutPoint, ILayoutRect, ILayoutType } from '../typings/layout';\nimport type { ILayoutModel } from '../model/interface';\n\nexport interface IBaseLayout {\n  /**\n   * 对一组布局元素布局\n   * 布局策略随意\n   * @param item 布局元素数组\n   * @param chartLayoutRect 排除图表 padding 后的图表的布局矩形，原点是图表绘制区域左上角。\n   * @param chartViewBox 图表在画布中的可用空间，包含图表padding，原点是画布左上角\n   * @returns\n   */\n  layoutItems: LayoutCallBack;\n}\n\nexport type LayoutCallBack = (\n  chart: any,\n  item: ILayoutItem[],\n  chartLayoutRect: IRect,\n  chartViewBox: IBoundsLike\n) => void;\n\nexport interface ILayoutSpecBase {\n  /**\n   * 布局的类型，现在支持 grid布局和默认布局（基于占位的布局）\n   */\n  type: string;\n}\n\nexport type ElementSpec = (\n  | {\n      /**\n       * 组件对应的spec key，如'legends'表示图例\n       */\n      modelKey: string;\n      /**\n       * 组件对应的序号\n       */\n      modelIndex: number;\n    }\n  | {\n      /**\n       * 组件对应的id\n       */\n      modelId: string;\n    }\n) & {\n  /**\n   * 组件在grid布局中所在的列。从左向右，从 0 开始计数\n   */\n  col: number;\n  /**\n   * 组件在grid布局中所在的列跨度，即占了几列，默认值为1\n   */\n  colSpan?: number;\n  /**\n   * 组件在grid布局中所在的行。从上向下，从 0 开始计数。\n   */\n  row: number;\n  /**\n   * 组件在grid布局中所在的行跨度，即占了几行，默认值为1\n   */\n  rowSpan?: number;\n};\n\nexport interface IGridLayoutSpec extends ILayoutSpecBase {\n  /**\n   * 设置布局类型为grid布局\n   */\n  type: 'grid';\n  /**\n   * grid布局的总列数\n   */\n  col: number;\n  /**\n   * grid布局的总行数\n   */\n  row: number;\n  /**\n   * 可选配置，指定某几列的宽度\n   */\n  colWidth?: {\n    /**\n     * 指定列数，序号从 0 开始\n     */\n    index: number;\n    /**\n     * 设置指定列的宽度，单位为像素\n     */\n    size: number | ((maxSize: number) => number);\n  }[];\n  /**\n   * 可选配置，指定某几行的高度\n   */\n  rowHeight?: {\n    /**\n     * 指定行数，序号从 0 开始\n     */\n    index: number;\n    /**\n     * 设置指定行的高度，单位为像素\n     */\n    size: number | ((maxSize: number) => number);\n  }[];\n  /**\n   *\n   * 指定所有图表元素所在位置，图表元素的位置起点和占几行几列，可以占多行多列\n   * 图表元素位置允许配置重叠。\n   */\n  elements: ElementSpec[];\n}\n\nexport interface IBaseLayoutSpec extends ILayoutSpecBase {\n  /**\n   * 设置布局类型为默认布局\n   */\n  type: 'base';\n}\n\nexport type ILayoutSpec = IBaseLayoutSpec | IGridLayoutSpec;\n\nexport interface ILayoutConstructor {\n  type: string;\n  // TODO: spec 类型生命\n  new (spec: ILayoutSpec | any, ctx?: any): IBaseLayout;\n}\n\n/**\n * 因为这些元素都会继承到各个模块，所以这里统一有前缀避免语意冲突\n */\nexport interface ILayoutItem {\n  readonly type: string;\n  /**\n   * 标记这个布局Item的方向（left->right, right->left, top->bottom, bottom->top）\n   */\n  directionStr?: 'l2r' | 'r2l' | 't2b' | 'b2t';\n  layoutClip: boolean;\n  layoutType: ILayoutType;\n  layoutBindRegionID: number | number[];\n  layoutOrient: IOrientType;\n  /** 是否自动缩进 */\n  autoIndent: boolean;\n\n  /**\n   * inline元素和其他同行元素的对齐方式\n   * 顶部的inline元素，'start' - 顶部对齐；'end' - '底部对齐'; 'middle' - 居中对齐\n   * 底部的inline元素，'start' - 底部对齐；'end' - '顶部对齐'; 'middle' - 居中对齐\n   * 左侧的inline元素，'start' - 左侧对齐；'end' - '右侧对齐'; 'middle' - 居中对齐\n   * 右侧的inline元素，'start' - 右侧对齐；'end' - '左侧对齐'; 'middle' - 居中对齐\n   */\n  alignSelf?: 'start' | 'end' | 'middle';\n\n  layoutPaddingLeft: number;\n  layoutPaddingTop: number;\n  layoutPaddingRight: number;\n  layoutPaddingBottom: number;\n\n  layoutOffsetX: number;\n  layoutOffsetY: number;\n\n  // 越大越先处理\n  layoutLevel: number;\n\n  chartLayoutRect: ILayoutRect;\n\n  readonly layoutRectLevelMap: ILayoutRect;\n  minWidth: number;\n  maxWidth: number;\n  minHeight: number;\n  maxHeight: number;\n\n  readonly model: ILayoutModel;\n\n  getModelId: () => StringOrNumber;\n  getModelVisible: () => boolean;\n\n  getSpec?: () => any;\n  setAttrFromSpec: (spec: ILayoutItemSpec, chartViewRect: ILayoutRect) => void;\n\n  setRectInSpec: (rect: ILayoutRect) => ILayoutRect;\n\n  getLayoutStartPoint: () => ILayoutPoint;\n  getLayoutRect: () => ILayoutRect;\n  getLayout: () => IRect;\n  getLastComputeOutBounds: () => IBoundsLike;\n\n  /** 生命周期 */\n  onLayoutStart: (layoutRect: IRect, viewRect: ILayoutRect) => void;\n  onLayoutEnd: () => void;\n\n  /**\n   * 更新元素布局的 layoutRect 大小，用来更新指定布局空间\n   */\n  setLayoutRect: (rect: Partial<ILayoutRect>, levelMap?: Partial<ILayoutRect>) => void;\n  /**\n   * 基于元素内部逻辑计算占位空间，rect表示可用空间\n   */\n  computeBoundsInRect: (rect: ILayoutRect) => ILayoutRect;\n  /**\n   * 更新元素布局的起始点位置\n   */\n  setLayoutStartPosition: (pos: Partial<IPoint>) => void;\n  /**\n   * 更新绝对布局元素的位置信息\n   */\n  absoluteLayoutInRect: (rect: IRect) => void;\n}\n\nexport interface ILayoutItemSpec {\n  /** 当前模块的布局类型，配置为 absolute 的话，当前元素会以图表左上角为原点进行绝对布局 */\n  layoutType?: ILayoutType;\n  /**\n   * 布局顺序等级，等级越大的，越优先布局\n   * 比如顶部同时有标题和图例的场景，期望标题先放在顶部，然后放置图例。\n   */\n  layoutLevel?: number;\n\n  /**\n   * inline元素和其他同行元素的对齐方式\n   * 顶部的inline元素，'start' - 顶部对齐；'end' - '底部对齐'; 'middle' - 居中对齐\n   * 底部的inline元素，'start' - 底部对齐；'end' - '顶部对齐'; 'middle' - 居中对齐\n   * 左侧的inline元素，'start' - 左侧对齐；'end' - '右侧对齐'; 'middle' - 居中对齐\n   * 右侧的inline元素，'start' - 右侧对齐；'end' - '左侧对齐'; 'middle' - 居中对齐\n   */\n  alignSelf?: 'start' | 'end' | 'middle';\n\n  // 基础的布局配置\n  /** 模块布局位置 */\n  orient?: IOrientType;\n  /** 模块的布局间距 */\n  padding?: ILayoutPaddingSpec;\n  /** 是否按照 orient 自动修改 padding，隐藏位于外侧的 padding。目前只在组件上生效 */\n  noOuterPadding?: boolean;\n  /** 模块的布局大小：宽度 */\n  width?: ILayoutNumber;\n  /** 模块的布局最大宽度 */\n  maxWidth?: ILayoutNumber;\n  /** 模块的布局最小宽度 */\n  minWidth?: ILayoutNumber;\n  /** 模块的布局大小：高度 */\n  height?: ILayoutNumber;\n  /** 模块的布局最大高度 */\n  maxHeight?: ILayoutNumber;\n  /** 模块的布局最小高度 */\n  minHeight?: ILayoutNumber;\n  /** 模块的布局位置偏移：X */\n  offsetX?: ILayoutNumber;\n  /** 模块的布局位置偏移：Y */\n  offsetY?: ILayoutNumber;\n\n  /** 模块的展示层级，当2个模块重叠时，层级较大的展示在上方 */\n  zIndex?: number;\n  /** 模块是否裁剪超出布局区域外的绘图内容 */\n  clip?: boolean;\n\n  // 绝对布局下的对齐设置\n\n  /** 模块绝对布局下，与图表左侧的距离。注意仅在 layoutType === 'absolute' 时生效  */\n  left?: ILayoutNumber;\n  /** 模块绝对布局下，与图表右侧的距离。注意仅在 layoutType === 'absolute' 时生效  */\n  right?: ILayoutNumber;\n  /** 模块绝对布局下，与图表顶部的距离。注意仅在 layoutType === 'absolute' 时生效  */\n  top?: ILayoutNumber;\n  /** 模块绝对布局下，与图表底部的距离。注意仅在 layoutType === 'absolute' 时生效  */\n  bottom?: ILayoutNumber;\n  /** 模块绝对布局下，元素将放置在图表的正中间。注意仅在 layoutType === 'absolute' 时生效，同时将忽略 padding 属性  */\n  center?: boolean;\n}\n\nexport interface ILayoutItemInitOption {\n  layoutType: ILayoutType;\n  layoutLevel: number;\n  layoutOrient?: IOrientType;\n  transformLayoutRect?: (rect: ILayoutRect) => ILayoutRect;\n  transformLayoutPosition?: (pos: Partial<IPoint>) => Partial<IPoint>;\n}\n"]}

package/cjs/layout/layout-item.d.ts

@@ -2,7 +2,6 @@ import type { ILayoutModel } from './../model/interface';
 import type { IRect, IPoint } from '../typings';
 import type { IBoundsLike } from '@visactor/vutils';
 import type { ILayoutItem, ILayoutItemInitOption, ILayoutItemSpec } from './interface';
-import type { IChartLayoutOption } from '../chart/interface/common';
 import type { ILayoutAlignSelf, ILayoutPoint, ILayoutRect } from '../typings/layout';
 export declare class LayoutItem implements ILayoutItem {
     protected _spec: ILayoutItemSpec;
@@ -51,8 +50,8 @@ export declare class LayoutItem implements ILayoutItem {
     constructor(model: ILayoutModel, option: ILayoutItemInitOption);
     private _setLayoutAttributeFromSpec;
     setAttrFromSpec(spec: ILayoutItemSpec, chartViewRect: ILayoutRect): void;
-    onLayoutStart(layoutRect: IRect, viewRect: ILayoutRect, ctx: any): void;
-    onLayoutEnd(option: IChartLayoutOption): void;
+    onLayoutStart(layoutRect: IRect, viewRect: ILayoutRect): void;
+    onLayoutEnd(): void;
     private _getAbsoluteSpecValue;
     absoluteLayoutInRect(layoutRect: IRect): void;
     setLayoutStartPosition(pos: Partial<IPoint>): void;

package/cjs/layout/layout-item.js

@@ -113,10 +113,10 @@ class LayoutItem {
         this.layoutOrient = null !== (_c = spec.orient) && void 0 !== _c ? _c : this.layoutOrient, 
         this._setLayoutAttributeFromSpec(spec, chartViewRect), this.layoutClip = null !== (_d = spec.clip) && void 0 !== _d ? _d : this.layoutClip;
     }
-    onLayoutStart(layoutRect, viewRect, ctx) {
+    onLayoutStart(layoutRect, viewRect) {
         this._setLayoutAttributeFromSpec(this._spec, viewRect);
     }
-    onLayoutEnd(option) {}
+    onLayoutEnd() {}
     _getAbsoluteSpecValue(layoutRect) {
         const result = {
             top: null,