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

package/esm/interaction/triggers/element-highlight-by-legend.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interaction/triggers/element-highlight-by-legend.ts"],"names":[],"mappings":"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","file":"element-highlight-by-legend.js","sourcesContent":["import { Factory } from '../../core/factory';\nimport { BaseTrigger } from './base';\nimport type { IElementHighlightByLegendOptions, ITrigger, ITriggerEventHandler } from '../interface/trigger';\nimport { STATE_VALUE_ENUM } from '../../compile/mark/interface';\nimport { ChartEvent } from '../../constant/event';\nimport { generateFilterValue } from './util';\nimport type { IMarkGraphic } from '../../mark/interface/common';\nimport type { BaseEventParams } from '../../event/interface';\n\nconst type = 'element-highlight-by-legend';\nconst defaultOptions: Partial<IElementHighlightByLegendOptions> = {\n  highlightState: STATE_VALUE_ENUM.STATE_HIGHLIGHT,\n  blurState: STATE_VALUE_ENUM.STATE_BLUR,\n  filterType: 'groupKey'\n};\n\nexport class ElementHighlightByLegend\n  extends BaseTrigger<IElementHighlightByLegendOptions>\n  implements ITrigger<IElementHighlightByLegendOptions>\n{\n  static type: string = type;\n  type: string = type;\n\n  static defaultOptions = defaultOptions;\n  constructor(options?: IElementHighlightByLegendOptions) {\n    super(options);\n    this.options = Object.assign({}, defaultOptions, options);\n    this.updateMarkIdByState([this.options.highlightState, this.options.blurState]);\n  }\n\n  getStartState(): string {\n    return this.options.highlightState;\n  }\n\n  getResetState(): string {\n    return this.options.blurState;\n  }\n\n  protected getEvents(): Array<{ type: string | string[]; handler: ITriggerEventHandler }> {\n    return [\n      {\n        type: ChartEvent.legendItemHover,\n        handler: this.handleStart\n      },\n      {\n        type: ChartEvent.legendItemUnHover,\n        handler: this.handleReset\n      }\n    ];\n  }\n\n  start(itemKey: any) {\n    if (itemKey) {\n      const filterValue = generateFilterValue(this.options as IElementHighlightByLegendOptions);\n\n      const { interaction, highlightState, blurState } = this.options;\n      const statedGraphics = interaction.getStatedGraphics(this);\n      const newStatedGraphics: IMarkGraphic[] = [];\n\n      this.getMarks().forEach(m => {\n        m.getGraphics()?.forEach(g => {\n          if (filterValue(g) === itemKey) {\n            newStatedGraphics.push(g);\n          }\n        });\n      });\n\n      interaction.updateStates(this, newStatedGraphics, statedGraphics, highlightState, blurState);\n      interaction.setStatedGraphics(this, newStatedGraphics);\n    }\n  }\n\n  resetAll() {\n    const { interaction, highlightState, blurState } = this.options;\n\n    interaction.clearAllStatesOfTrigger(this, highlightState, blurState);\n\n    interaction.setStatedGraphics(this, []);\n  }\n\n  reset(g?: IMarkGraphic) {\n    const { highlightState, blurState, interaction } = this.options;\n\n    if (g) {\n      const statedGraphics = interaction.getStatedGraphics(this);\n      if (statedGraphics && statedGraphics.includes(g)) {\n        // todo 升级 vrender版本，切换成数组\n        g.removeState(highlightState);\n        g.removeState(blurState);\n        interaction.setStatedGraphics(\n          this,\n          statedGraphics.filter(sg => sg !== g)\n        );\n      }\n    } else {\n      this.resetAll();\n    }\n  }\n\n  handleStart = (e: BaseEventParams) => {\n    const event = e.event;\n\n    if (event) {\n      this.start(event.detail?.data?.id);\n    }\n  };\n\n  handleReset = (e: BaseEventParams) => {\n    this.resetAll();\n  };\n}\n\nexport const registerElementHighlightByLegend = () => {\n  Factory.registerInteractionTrigger(type, ElementHighlightByLegend);\n};\n"]}

package/esm/interaction/triggers/element-highlight-by-name.d.ts

@@ -0,0 +1,24 @@
+import { BaseTrigger } from './base';
+import type { IElementHighlightByNameOptions, ITrigger } from '../interface/trigger';
+import type { BaseEventParams } from '../../event/interface';
+import type { IMarkGraphic } from '../../mark/interface';
+export declare class ElementHighlightByName extends BaseTrigger<IElementHighlightByNameOptions> implements ITrigger<IElementHighlightByNameOptions> {
+    static type: string;
+    type: string;
+    static defaultOptions: Partial<IElementHighlightByNameOptions>;
+    constructor(options?: IElementHighlightByNameOptions);
+    getStartState(): string;
+    getResetState(): string;
+    protected getEvents(): {
+        type: "none" | import("@visactor/vrender-core").GraphicEventType;
+        handler: (e: BaseEventParams) => void;
+    }[];
+    protected _filterByName(e: BaseEventParams): boolean;
+    protected _parseTargetKey(e: BaseEventParams): any;
+    start(itemKey: any): void;
+    resetAll(): void;
+    reset(g?: IMarkGraphic): void;
+    handleStart: (e: BaseEventParams) => void;
+    handleReset: (e: BaseEventParams) => void;
+}
+export declare const registerElementHighlightByName: () => void;

package/esm/interaction/triggers/element-highlight-by-name.js

@@ -0,0 +1,82 @@
+import { Factory } from "../../core/factory";
+
+import { BaseTrigger } from "./base";
+
+import { STATE_VALUE_ENUM } from "../../compile/mark/interface";
+
+import { array } from "@visactor/vutils";
+
+import { generateFilterValue } from "./util";
+
+const type = "element-highlight-by-name", defaultOptions = {
+    highlightState: STATE_VALUE_ENUM.STATE_HIGHLIGHT,
+    blurState: STATE_VALUE_ENUM.STATE_BLUR,
+    filterType: "groupKey"
+};
+
+export class ElementHighlightByName extends BaseTrigger {
+    constructor(options) {
+        super(options), this.type = type, this.handleStart = e => {
+            if (this.options.shouldStart ? this.options.shouldStart(e) : this._filterByName(e)) {
+                const itemKey = this._parseTargetKey(e);
+                this.start(itemKey);
+            }
+        }, this.handleReset = e => {
+            (this.options.shouldReset ? this.options.shouldReset(e) : this._filterByName(e)) && this.resetAll();
+        }, this.options = Object.assign({}, defaultOptions, options), this.updateMarkIdByState([ this.options.highlightState, this.options.blurState ]);
+    }
+    getStartState() {
+        return this.options.highlightState;
+    }
+    getResetState() {
+        return this.options.blurState;
+    }
+    getEvents() {
+        return [ {
+            type: this.options.trigger,
+            handler: this.handleStart
+        }, {
+            type: this.options.triggerOff,
+            handler: this.handleReset
+        } ];
+    }
+    _filterByName(e) {
+        var _a;
+        const names = array(this.options.graphicName);
+        return (null === (_a = null == e ? void 0 : e.node) || void 0 === _a ? void 0 : _a.name) && names.includes(e.node.name);
+    }
+    _parseTargetKey(e) {
+        return this.options.parseData ? this.options.parseData(e) : "text" === e.node.type ? e.node.attribute.text : null;
+    }
+    start(itemKey) {
+        if (itemKey) {
+            const filterValue = generateFilterValue(this.options), {interaction: interaction, highlightState: highlightState, blurState: blurState} = this.options, statedGraphics = interaction.getStatedGraphics(this), newStatedGraphics = [];
+            this.getMarks().forEach((m => {
+                var _a;
+                null === (_a = m.getGraphics()) || void 0 === _a || _a.forEach((g => {
+                    filterValue(g) === itemKey && newStatedGraphics.push(g);
+                }));
+            })), interaction.updateStates(this, newStatedGraphics, statedGraphics, highlightState, blurState), 
+            interaction.setStatedGraphics(this, newStatedGraphics);
+        }
+    }
+    resetAll() {
+        const {interaction: interaction, highlightState: highlightState, blurState: blurState} = this.options;
+        interaction.clearAllStatesOfTrigger(this, highlightState, blurState), interaction.setStatedGraphics(this, []);
+    }
+    reset(g) {
+        const {highlightState: highlightState, blurState: blurState, interaction: interaction} = this.options;
+        if (g) {
+            const statedGraphics = interaction.getStatedGraphics(this);
+            statedGraphics && statedGraphics.includes(g) && (g.removeState(highlightState), 
+            g.removeState(blurState), interaction.setStatedGraphics(this, statedGraphics.filter((sg => sg !== g))));
+        } else this.resetAll();
+    }
+}
+
+ElementHighlightByName.type = type, ElementHighlightByName.defaultOptions = defaultOptions;
+
+export const registerElementHighlightByName = () => {
+    Factory.registerInteractionTrigger(type, ElementHighlightByName);
+};
+//# sourceMappingURL=element-highlight-by-name.js.map

package/esm/interaction/triggers/element-highlight-by-name.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interaction/triggers/element-highlight-by-name.ts"],"names":[],"mappings":"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","file":"element-highlight-by-name.js","sourcesContent":["import { Factory } from '../../core/factory';\nimport { BaseTrigger } from './base';\nimport type { IElementHighlightByNameOptions, ITrigger } from '../interface/trigger';\nimport { STATE_VALUE_ENUM } from '../../compile/mark/interface';\nimport type { BaseEventParams } from '../../event/interface';\nimport { array } from '@visactor/vutils';\nimport type { IMarkGraphic } from '../../mark/interface';\nimport { generateFilterValue } from './util';\n\nconst type = 'element-highlight-by-name';\nconst defaultOptions: Partial<IElementHighlightByNameOptions> = {\n  highlightState: STATE_VALUE_ENUM.STATE_HIGHLIGHT,\n  blurState: STATE_VALUE_ENUM.STATE_BLUR,\n  filterType: 'groupKey'\n};\n\nexport class ElementHighlightByName\n  extends BaseTrigger<IElementHighlightByNameOptions>\n  implements ITrigger<IElementHighlightByNameOptions>\n{\n  static type: string = type;\n  type: string = type;\n\n  static defaultOptions = defaultOptions;\n  constructor(options?: IElementHighlightByNameOptions) {\n    super(options);\n    this.options = Object.assign({}, defaultOptions, options);\n    this.updateMarkIdByState([this.options.highlightState, this.options.blurState]);\n  }\n\n  getStartState(): string {\n    return this.options.highlightState;\n  }\n\n  getResetState(): string {\n    return this.options.blurState;\n  }\n\n  protected getEvents() {\n    return [\n      {\n        type: this.options.trigger,\n        handler: this.handleStart\n      },\n      { type: this.options.triggerOff, handler: this.handleReset }\n    ];\n  }\n\n  protected _filterByName(e: BaseEventParams) {\n    const names = array(this.options.graphicName);\n\n    return e?.node?.name && names.includes(e.node.name);\n  }\n\n  protected _parseTargetKey(e: BaseEventParams) {\n    return this.options.parseData\n      ? this.options.parseData(e)\n      : e.node.type === 'text'\n      ? (e.node.attribute as any).text\n      : null;\n  }\n\n  start(itemKey: any) {\n    if (itemKey) {\n      const filterValue = generateFilterValue(this.options as IElementHighlightByNameOptions);\n\n      const { interaction, highlightState, blurState } = this.options;\n      const statedGraphics = interaction.getStatedGraphics(this);\n      const newStatedGraphics: IMarkGraphic[] = [];\n\n      this.getMarks().forEach(m => {\n        m.getGraphics()?.forEach(g => {\n          if (filterValue(g) === itemKey) {\n            newStatedGraphics.push(g);\n          }\n        });\n      });\n\n      interaction.updateStates(this, newStatedGraphics, statedGraphics, highlightState, blurState);\n      interaction.setStatedGraphics(this, newStatedGraphics);\n    }\n  }\n\n  resetAll() {\n    const { interaction, highlightState, blurState } = this.options;\n\n    interaction.clearAllStatesOfTrigger(this, highlightState, blurState);\n\n    interaction.setStatedGraphics(this, []);\n  }\n\n  reset(g?: IMarkGraphic) {\n    const { highlightState, blurState, interaction } = this.options;\n\n    if (g) {\n      const statedGraphics = interaction.getStatedGraphics(this);\n      if (statedGraphics && statedGraphics.includes(g)) {\n        // todo 升级 vrender版本，切换成数组\n        g.removeState(highlightState);\n        g.removeState(blurState);\n        interaction.setStatedGraphics(\n          this,\n          statedGraphics.filter(sg => sg !== g)\n        );\n      }\n    } else {\n      this.resetAll();\n    }\n  }\n\n  handleStart = (e: BaseEventParams) => {\n    const shoudStart = this.options.shouldStart ? this.options.shouldStart(e) : this._filterByName(e);\n\n    if (shoudStart) {\n      const itemKey = this._parseTargetKey(e);\n      this.start(itemKey);\n    }\n  };\n\n  handleReset = (e: BaseEventParams) => {\n    const shoudReset = this.options.shouldReset ? this.options.shouldReset(e) : this._filterByName(e);\n\n    if (shoudReset) {\n      this.resetAll();\n    }\n  };\n}\n\nexport const registerElementHighlightByName = () => {\n  Factory.registerInteractionTrigger(type, ElementHighlightByName);\n};\n"]}

package/esm/interaction/triggers/element-highlight.d.ts

@@ -0,0 +1,25 @@
+import type { IElementHighlightOptions, ITrigger } from '../interface/trigger';
+import type { IMarkGraphic } from '../../mark/interface/common';
+import { BaseTrigger } from './base';
+import type { GraphicEventType } from '@visactor/vrender-core';
+import type { BaseEventParams } from '../../event/interface';
+export declare class ElementHighlight extends BaseTrigger<IElementHighlightOptions> implements ITrigger<IElementHighlightOptions> {
+    static type: string;
+    type: string;
+    static defaultOptions: Partial<IElementHighlightOptions>;
+    protected _lastGraphic?: IMarkGraphic;
+    constructor(options?: IElementHighlightOptions);
+    getStartState(): string;
+    getResetState(): string;
+    protected _resetType?: 'view' | 'self';
+    protected getEvents(): {
+        type: GraphicEventType;
+        handler: (e: BaseEventParams) => void;
+    }[];
+    resetAll: () => void;
+    handleStart: (e: BaseEventParams) => void;
+    handleReset: (e: BaseEventParams) => void;
+    start(markGraphic: IMarkGraphic): void;
+    reset(markGraphic: IMarkGraphic): void;
+}
+export declare const registerElementHighlight: () => void;

package/esm/interaction/triggers/element-highlight.js

@@ -0,0 +1,75 @@
+import { isString } from "@visactor/vutils";
+
+import { STATE_VALUE_ENUM } from "../../compile/mark/interface";
+
+import { BaseTrigger } from "./base";
+
+import { Factory } from "../../core/factory";
+
+const defaultOptions = {
+    highlightState: STATE_VALUE_ENUM.STATE_HIGHLIGHT,
+    blurState: STATE_VALUE_ENUM.STATE_BLUR,
+    trigger: "pointerover",
+    triggerOff: "pointerout"
+};
+
+export class ElementHighlight extends BaseTrigger {
+    constructor(options) {
+        super(options), this.type = "element-highlight", this.resetAll = () => {
+            const {highlightState: highlightState, blurState: blurState, interaction: interaction} = this.options;
+            this._lastGraphic && (interaction.clearAllStatesOfTrigger(this, highlightState, blurState), 
+            this.dispatchEvent("reset", {
+                graphics: [ this._lastGraphic ],
+                options: this.options
+            }), this._lastGraphic = null, 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.highlightState, this.options.blurState ]);
+    }
+    getStartState() {
+        return this.options.highlightState;
+    }
+    getResetState() {
+        return this.options.blurState;
+    }
+    getEvents() {
+        const triggerOff = this.options.triggerOff, events = [ {
+            type: this.options.trigger,
+            handler: this.handleStart
+        } ];
+        let eventName = triggerOff;
+        return isString(triggerOff) && triggerOff.includes("view:") ? (eventName = triggerOff.replace("view:", ""), 
+        this._resetType = "view") : this._resetType = "self", events.push({
+            type: eventName,
+            handler: this.handleReset
+        }), events;
+    }
+    start(markGraphic) {
+        if (markGraphic && this._markSet.getMarkInId(markGraphic.context.markId)) {
+            const {highlightState: highlightState, blurState: blurState, interaction: interaction} = this.options;
+            if (this._lastGraphic === markGraphic) return;
+            const newStatedGraphics = interaction.updateStates(this, [ markGraphic ], interaction.getStatedGraphics(this), highlightState, blurState);
+            interaction.setStatedGraphics(this, newStatedGraphics), this._lastGraphic = markGraphic, 
+            this.dispatchEvent("start", {
+                graphics: newStatedGraphics,
+                options: this.options
+            });
+        } else this._lastGraphic && "view" === this._resetType && this.resetAll();
+    }
+    reset(markGraphic) {
+        markGraphic ? this._markSet.getMarkInId(markGraphic.context.markId) && (markGraphic.removeState(this.options.highlightState), 
+        markGraphic.removeState(this.options.blurState)) : this.resetAll();
+    }
+}
+
+ElementHighlight.type = "element-highlight", ElementHighlight.defaultOptions = defaultOptions;
+
+export const registerElementHighlight = () => {
+    Factory.registerInteractionTrigger(ElementHighlight.type, ElementHighlight);
+};
+//# sourceMappingURL=element-highlight.js.map

package/esm/interaction/triggers/element-highlight.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interaction/triggers/element-highlight.ts"],"names":[],"mappings":"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","file":"element-highlight.js","sourcesContent":["import { isString } from '@visactor/vutils';\nimport { STATE_VALUE_ENUM } from '../../compile/mark/interface';\nimport type { IElementHighlightOptions, ITrigger } from '../interface/trigger';\nimport type { IMarkGraphic } from '../../mark/interface/common';\nimport { BaseTrigger } from './base';\nimport { Factory } from '../../core/factory';\nimport type { GraphicEventType } from '@visactor/vrender-core';\nimport { TRIGGER_TYPE_ENUM } from './enum';\nimport type { BaseEventParams } from '../../event/interface';\n\nconst defaultOptions: Partial<IElementHighlightOptions> = {\n  highlightState: STATE_VALUE_ENUM.STATE_HIGHLIGHT,\n  blurState: STATE_VALUE_ENUM.STATE_BLUR,\n  trigger: 'pointerover',\n  triggerOff: 'pointerout'\n};\n\nexport class ElementHighlight\n  extends BaseTrigger<IElementHighlightOptions>\n  implements ITrigger<IElementHighlightOptions>\n{\n  static type: string = TRIGGER_TYPE_ENUM.ELEMENT_HIGHLIGHT;\n  type: string = TRIGGER_TYPE_ENUM.ELEMENT_HIGHLIGHT;\n\n  static defaultOptions = defaultOptions;\n\n  protected _lastGraphic?: IMarkGraphic;\n\n  constructor(options?: IElementHighlightOptions) {\n    super(options);\n    this.options = Object.assign({}, defaultOptions, options);\n\n    this.updateMarkIdByState([this.options.highlightState, this.options.blurState]);\n  }\n\n  getStartState(): string {\n    return this.options.highlightState;\n  }\n\n  getResetState(): string {\n    return this.options.blurState;\n  }\n  protected _resetType?: 'view' | 'self';\n\n  protected getEvents() {\n    const triggerOff = this.options.triggerOff;\n    const trigger = this.options.trigger;\n    const events = [\n      {\n        type: trigger,\n        handler: this.handleStart\n      }\n    ];\n\n    let eventName = triggerOff;\n    if (isString(triggerOff) && (triggerOff as string).includes('view:')) {\n      eventName = (triggerOff as string).replace('view:', '') as GraphicEventType;\n      this._resetType = 'view';\n    } else {\n      this._resetType = 'self';\n    }\n\n    events.push({ type: eventName as GraphicEventType, handler: this.handleReset });\n\n    return events;\n  }\n\n  resetAll = () => {\n    const { highlightState, blurState, interaction } = this.options;\n\n    if (this._lastGraphic) {\n      interaction.clearAllStatesOfTrigger(this, highlightState, blurState);\n\n      this.dispatchEvent('reset', { graphics: [this._lastGraphic], options: this.options });\n\n      this._lastGraphic = null;\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    const statedGraphics = interaction.getStatedGraphics(this);\n\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    if (markGraphic && this._markSet.getMarkInId(markGraphic.context.markId)) {\n      const { highlightState, blurState, interaction } = this.options;\n\n      if (this._lastGraphic === markGraphic) {\n        return;\n      }\n\n      const newStatedGraphics = interaction.updateStates(\n        this,\n        [markGraphic],\n        interaction.getStatedGraphics(this),\n        highlightState,\n        blurState\n      );\n      interaction.setStatedGraphics(this, newStatedGraphics);\n\n      this._lastGraphic = markGraphic;\n\n      this.dispatchEvent('start', { graphics: newStatedGraphics, options: this.options });\n    } else if (this._lastGraphic && this._resetType === 'view') {\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.highlightState);\n        markGraphic.removeState(this.options.blurState);\n      }\n    } else {\n      this.resetAll();\n    }\n  }\n}\n\nexport const registerElementHighlight = () => {\n  Factory.registerInteractionTrigger(ElementHighlight.type, ElementHighlight);\n};\n"]}

package/esm/interaction/triggers/element-select-by-graphic-name.d.ts

@@ -0,0 +1,8 @@
+import type { IMarkGraphic } from '../../mark/interface/common';
+import { ElementSelect } from './element-select';
+export declare class ElementSelectByGraphicName extends ElementSelect {
+    static type: string;
+    type: string;
+    start(markGraphic: IMarkGraphic): void;
+}
+export declare const registerElementSelectByGraphicName: () => void;

package/esm/interaction/triggers/element-select-by-graphic-name.js

@@ -0,0 +1,27 @@
+import { Factory } from "../../core/factory";
+
+import { ElementSelect } from "./element-select";
+
+const type = "element-select-by-graphic-name";
+
+export class ElementSelectByGraphicName extends ElementSelect {
+    constructor() {
+        super(...arguments), this.type = type;
+    }
+    start(markGraphic) {
+        const name = null == markGraphic ? void 0 : markGraphic.name;
+        name && this.getMarks().forEach((mark => {
+            var _a;
+            null === (_a = mark.getGraphics()) || void 0 === _a || _a.forEach((g => {
+                g.name === name && super.start(g);
+            }));
+        }));
+    }
+}
+
+ElementSelectByGraphicName.type = type;
+
+export const registerElementSelectByGraphicName = () => {
+    Factory.registerInteractionTrigger(ElementSelectByGraphicName.type, ElementSelectByGraphicName);
+};
+//# sourceMappingURL=element-select-by-graphic-name.js.map

package/esm/interaction/triggers/element-select-by-graphic-name.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interaction/triggers/element-select-by-graphic-name.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,IAAI,GAAG,gCAAgC,CAAC;AAE9C,MAAM,OAAO,0BAA2B,SAAQ,aAAa;IAA7D;;QAEE,SAAI,GAAW,IAAI,CAAC;IActB,CAAC;IAbC,KAAK,CAAC,WAAyB;QAC7B,MAAM,IAAI,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,CAAC;QAE/B,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;;gBAC7B,MAAA,IAAI,CAAC,WAAW,EAAE,0CAAE,OAAO,CAAC,CAAC,CAAC,EAAE;oBAC9B,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,EAAE;wBACnB,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;qBAChB;gBACH,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;;AAdM,+BAAI,GAAW,IAAI,CAAC;AAiB7B,MAAM,CAAC,MAAM,kCAAkC,GAAG,GAAG,EAAE;IACrD,OAAO,CAAC,0BAA0B,CAAC,0BAA0B,CAAC,IAAI,EAAE,0BAA0B,CAAC,CAAC;AAClG,CAAC,CAAC","file":"element-select-by-graphic-name.js","sourcesContent":["import type { IMarkGraphic } from '../../mark/interface/common';\nimport { Factory } from '../../core/factory';\nimport { ElementSelect } from './element-select';\n\nconst type = 'element-select-by-graphic-name';\n\nexport class ElementSelectByGraphicName extends ElementSelect {\n  static type: string = type;\n  type: string = type;\n  start(markGraphic: IMarkGraphic): void {\n    const name = markGraphic?.name;\n\n    if (name) {\n      this.getMarks().forEach(mark => {\n        mark.getGraphics()?.forEach(g => {\n          if (g.name === name) {\n            super.start(g);\n          }\n        });\n      });\n    }\n  }\n}\n\nexport const registerElementSelectByGraphicName = () => {\n  Factory.registerInteractionTrigger(ElementSelectByGraphicName.type, ElementSelectByGraphicName);\n};\n"]}

package/esm/interaction/triggers/element-select.d.ts

@@ -0,0 +1,24 @@
+import type { IElementSelectOptions, ITrigger } from '../interface/trigger';
+import type { IMarkGraphic } from '../../mark/interface/common';
+import { BaseTrigger } from './base';
+import type { BaseEventParams } from '../../event/interface';
+export declare class ElementSelect extends BaseTrigger<IElementSelectOptions> implements ITrigger<IElementSelectOptions> {
+    static type: string;
+    type: string;
+    static defaultOptions: Partial<IElementSelectOptions>;
+    protected _resetType: ('view' | 'self' | 'timeout')[];
+    private _timer?;
+    constructor(options?: IElementSelectOptions);
+    getStartState(): string;
+    getResetState(): string;
+    protected getEvents(): {
+        type: import("@visactor/vrender-core").GraphicEventType | import("@visactor/vrender-core").GraphicEventType[];
+        handler: (e: BaseEventParams) => void;
+    }[];
+    resetAll: () => void;
+    handleStart: (e: BaseEventParams) => void;
+    handleReset: (e: BaseEventParams) => void;
+    start(markGraphic: IMarkGraphic): void;
+    reset(markGraphic: IMarkGraphic): void;
+}
+export declare const registerElementSelect: () => void;

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

@@ -0,0 +1,81 @@
+import { isArray } from "@visactor/vutils";
+
+import { STATE_VALUE_ENUM } from "../../compile/mark/interface";
+
+import { BaseTrigger } from "./base";
+
+import { parseTriggerOffOfSelect } from "./util";
+
+import { Factory } from "../../core/factory";
+
+const defaultOptions = {
+    state: STATE_VALUE_ENUM.STATE_SELECTED,
+    trigger: "click"
+};
+
+export class ElementSelect extends 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} = parseTriggerOffOfSelect(triggerOff);
+        return eventNames.forEach((evt => {
+            evt && (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();
+    }
+}
+
+ElementSelect.type = "element-select", ElementSelect.defaultOptions = defaultOptions;
+
+export const registerElementSelect = () => {
+    Factory.registerInteractionTrigger(ElementSelect.type, ElementSelect);
+};
+//# sourceMappingURL=element-select.js.map

package/esm/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/esm/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/esm/interaction/triggers/enum.js

@@ -0,0 +1,9 @@
+export var TRIGGER_TYPE_ENUM;
+
+!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 || (TRIGGER_TYPE_ENUM = {}));
+//# sourceMappingURL=enum.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interaction/triggers/enum.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,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,KAAjB,iBAAiB,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/esm/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/esm/interaction/triggers/util.js

@@ -0,0 +1,52 @@
+import { array, isNumber, isString } from "@visactor/vutils";
+
+import { getDatumOfGraphic } from "../../util";
+
+import { STATE_VALUE_ENUM } from "../../compile/mark/interface";
+
+export const parseTriggerOffOfSelect = triggerOff => {
+    const triggerOffArray = array(triggerOff), resetType = [], eventNames = [];
+    return triggerOffArray.forEach((off => {
+        "empty" === off ? resetType.push("view") : isString(off) && "none" !== off ? off.includes("view:") ? (eventNames.push(off.replace("view:", "")), 
+        resetType.push("view")) : (eventNames.push(off), resetType.push("self")) : isNumber(off) && resetType.push("timeout");
+    })), {
+        eventNames: eventNames,
+        resetType: resetType
+    };
+};
+
+export 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;
+};
+
+export 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;
+};
+
+export const generateFilterValue = options => options.filterField ? g => {
+    var _a;
+    return null === (_a = getDatumOfGraphic(g)) || void 0 === _a ? void 0 : _a[options.filterField];
+} : el => el.context[options.filterType];
+
+export const highlightDefaultOptions = {
+    highlightState: STATE_VALUE_ENUM.STATE_HIGHLIGHT,
+    blurState: STATE_VALUE_ENUM.STATE_BLUR,
+    trigger: "pointerover",
+    triggerOff: "pointerout"
+};
+//# sourceMappingURL=util.js.map

package/esm/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/esm/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/esm/interaction/zoom/zoomable.js

@@ -18,19 +18,19 @@ export class Zoomable {
         this._isGestureListener = !1;
     }
     initZoomable(evt, mode = 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 = isMobileLikeMode(this._renderMode) || isMiniAppLikeMode(this._renderMode), 
         getDefaultTriggerEventByMode(this._renderMode) && (this._clickEnable = !0, this._zoomableTrigger = new (this._getZoomTriggerEvent("trigger")));
     }
     _getZoomTriggerEvent(type) {
         return 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 (isNil(zoomDelta)) return;
         if (!pointInRect({
             x: zoomX,
@@ -73,7 +73,8 @@ export 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) {