@visactor/vchart-extension 2.0.22-alpha.4 → 2.0.23-alpha.0

package/cjs/components/series-break/type.js

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 });
-//# sourceMappingURL=type.js.map
+//# sourceMappingURL=type.js.map

package/cjs/components/series-break/util.js

@@ -244,5 +244,4 @@ const appendSeriesBreakConfig = rawSpec => {
     return !1;
 };
 
-exports.appendSeriesBreakConfig = appendSeriesBreakConfig;
-//# sourceMappingURL=util.js.map
+exports.appendSeriesBreakConfig = appendSeriesBreakConfig;

package/cjs/components/series-label/constant.js

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.SERIES_LABEL = void 0, exports.SERIES_LABEL = "seriesLabel";
-//# sourceMappingURL=constant.js.map
+//# sourceMappingURL=constant.js.map

package/cjs/components/series-label/index.js

@@ -46,4 +46,4 @@ Object.defineProperty(exports, "getSeriesLabelConfig", {
         return util_1.appendSeriesLabelConfig;
     }
 });
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/components/series-label/series-label.js

@@ -111,4 +111,4 @@ const registerSeriesLabel = () => {
 };
 
 exports.registerSeriesLabel = registerSeriesLabel;
-//# sourceMappingURL=series-label.js.map
+//# sourceMappingURL=series-label.js.map

package/cjs/components/series-label/type.js

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 });
-//# sourceMappingURL=type.js.map
+//# sourceMappingURL=type.js.map

package/cjs/components/series-label/util.js

@@ -149,4 +149,4 @@ function appendSeriesLabelConfig(rawSpec, seriesLabelSpec) {
 
 exports.dodge = dodge, exports.dodgeHorizontal = dodgeHorizontal, exports.getSeriesLabelConfig = getSeriesLabelConfig, 
 exports.appendSeriesLabelConfig = appendSeriesLabelConfig;
-//# sourceMappingURL=util.js.map
+//# sourceMappingURL=util.js.map

package/cjs/index.d.ts

@@ -25,3 +25,4 @@ export * from './components/regression-line';
 export * from './components/scatter-regression-line';
 export * from './components/bar-regression-line';
 export * from './components/histogram-regression-line';
+export * from './components/extension-mark-sync-state';

package/cjs/index.js

@@ -39,4 +39,5 @@ __exportStar(require("./charts/candlestick"), exports), __exportStar(require("./
 __exportStar(require("./components/series-break"), exports), __exportStar(require("./components/bar-link"), exports), 
 __exportStar(require("./components/series-label"), exports), __exportStar(require("./components/map-label"), exports), 
 __exportStar(require("./components/regression-line"), exports), __exportStar(require("./components/scatter-regression-line"), exports), 
-__exportStar(require("./components/bar-regression-line"), exports), __exportStar(require("./components/histogram-regression-line"), exports);
+__exportStar(require("./components/bar-regression-line"), exports), __exportStar(require("./components/histogram-regression-line"), exports), 
+__exportStar(require("./components/extension-mark-sync-state"), exports);

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,mEAAiD;AACjD,qEAAmD;AACnD,6DAA2C;AAC3C,uFAAqE;AACrE,qFAAmE;AACnE,yFAAuE;AAEvE,kDAAgC;AAChC,qDAAmC;AACnC,wDAAsC;AACtC,kDAAgC;AAChC,mEAAiD;AACjD,yDAAuC;AACvC,mDAAiC;AACjC,2DAAyC;AACzC,6CAAsD;AAA7C,0GAAA,gBAAgB,OAAA;AACzB,qDAAmC;AACnC,uDAAqC;AACrC,uDAAqC;AACrC,oDAAkC;AAElC,4DAA0C;AAC1C,wDAAsC;AACtC,4DAA0C;AAC1C,yDAAuC;AACvC,+DAA6C;AAC7C,uEAAqD;AACrD,mEAAiD;AACjD,yEAAuD","file":"index.js","sourcesContent":["export * from './charts/ranking-bar/ranking-bar';\nexport * from './charts/ranking-list/ranking-list';\nexport * from './charts/conversion-funnel';\nexport * from './charts/sequence-scatter-link/sequence-scatter-link';\nexport * from './charts/sequence-scatter-kde/sequence-scatter-kde';\nexport * from './charts/sequence-scatter-pixel/sequence-scatter-pixel';\n\nexport * from './charts/bar-3d';\nexport * from './charts/funnel-3d';\nexport * from './charts/histogram-3d';\nexport * from './charts/pie-3d';\nexport * from './charts/combination-candlestick';\nexport * from './charts/word-cloud-3d';\nexport * from './charts/axis-3d';\nexport * from './charts/range-column-3d';\nexport { register3DPlugin } from './charts/3d/plugin';\nexport * from './charts/pictogram';\nexport * from './charts/image-cloud';\nexport * from './charts/candlestick';\nexport * from './charts/timeline';\n\nexport * from './components/series-break';\nexport * from './components/bar-link';\nexport * from './components/series-label';\nexport * from './components/map-label';\nexport * from './components/regression-line';\nexport * from './components/scatter-regression-line';\nexport * from './components/bar-regression-line';\nexport * from './components/histogram-regression-line';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,mEAAiD;AACjD,qEAAmD;AACnD,6DAA2C;AAC3C,uFAAqE;AACrE,qFAAmE;AACnE,yFAAuE;AAEvE,kDAAgC;AAChC,qDAAmC;AACnC,wDAAsC;AACtC,kDAAgC;AAChC,mEAAiD;AACjD,yDAAuC;AACvC,mDAAiC;AACjC,2DAAyC;AACzC,6CAAsD;AAA7C,0GAAA,gBAAgB,OAAA;AACzB,qDAAmC;AACnC,uDAAqC;AACrC,uDAAqC;AACrC,oDAAkC;AAElC,4DAA0C;AAC1C,wDAAsC;AACtC,4DAA0C;AAC1C,yDAAuC;AACvC,+DAA6C;AAC7C,uEAAqD;AACrD,mEAAiD;AACjD,yEAAuD;AACvD,yEAAuD","file":"index.js","sourcesContent":["export * from './charts/ranking-bar/ranking-bar';\nexport * from './charts/ranking-list/ranking-list';\nexport * from './charts/conversion-funnel';\nexport * from './charts/sequence-scatter-link/sequence-scatter-link';\nexport * from './charts/sequence-scatter-kde/sequence-scatter-kde';\nexport * from './charts/sequence-scatter-pixel/sequence-scatter-pixel';\n\nexport * from './charts/bar-3d';\nexport * from './charts/funnel-3d';\nexport * from './charts/histogram-3d';\nexport * from './charts/pie-3d';\nexport * from './charts/combination-candlestick';\nexport * from './charts/word-cloud-3d';\nexport * from './charts/axis-3d';\nexport * from './charts/range-column-3d';\nexport { register3DPlugin } from './charts/3d/plugin';\nexport * from './charts/pictogram';\nexport * from './charts/image-cloud';\nexport * from './charts/candlestick';\nexport * from './charts/timeline';\n\nexport * from './components/series-break';\nexport * from './components/bar-link';\nexport * from './components/series-label';\nexport * from './components/map-label';\nexport * from './components/regression-line';\nexport * from './components/scatter-regression-line';\nexport * from './components/bar-regression-line';\nexport * from './components/histogram-regression-line';\nexport * from './components/extension-mark-sync-state';\n"]}

package/esm/charts/axis-3d/index.js

@@ -15,5 +15,4 @@ import { registerCartesianTimeAxis3d } from "./time-axis";
 export const registerAxis3dPlugin = () => {
     register3DPlugin(), registerLayout3d(), registerCartesianBandAxis3d(), registerCartesianLinearAxis3d(), 
     registerCartesianTimeAxis3d(), registerCartesianSymlogAxis3d(), registerCartesianLogAxis3d();
-};
-//# sourceMappingURL=index.js.map
+};

package/esm/charts/bar-3d/chart-spec-transformer.js

@@ -8,4 +8,4 @@ export class Bar3dChartSpecTransformer extends BarChartSpecTransformer {
         seriesSpec;
     }
 }
-//# sourceMappingURL=chart-spec-transformer.js.map
+//# sourceMappingURL=chart-spec-transformer.js.map

package/esm/charts/bar-3d/chart.js

@@ -22,4 +22,4 @@ Bar3dChart.type = "bar3d", Bar3dChart.seriesType = SeriesType3dEnum.bar3d, Bar3d
 export const registerBar3dChart = () => {
     register3DPlugin(), registerLayout3d(), registerBar3dSeries(), Factory.registerChart(Bar3dChart.type, Bar3dChart);
 };
-//# sourceMappingURL=chart.js.map
+//# sourceMappingURL=chart.js.map

package/esm/charts/bar-3d/constant.js

@@ -7,4 +7,5 @@ export const bar3dSeriesMark = {
         name: "bar3d",
         type: "rect3d"
     }
-};
+};
+//# sourceMappingURL=constant.js.map

package/esm/charts/bar-3d/index.js

@@ -7,4 +7,4 @@ export * from "./interface";
 export * from "./series";
 
 export * from "./series-spec-transformer";
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/esm/charts/bar-3d/interface.js

@@ -1,2 +1,2 @@
 export { };
-//# sourceMappingURL=interface.js.map
+//# sourceMappingURL=interface.js.map

package/esm/charts/bar-3d/series-spec-transformer.js

@@ -5,4 +5,4 @@ export class Bar3dSeriesSpecTransformer extends BarSeriesSpecTransformer {
         this._addMarkLabelSpec(spec, "bar3d");
     }
 }
-//# sourceMappingURL=series-spec-transformer.js.map
+//# sourceMappingURL=series-spec-transformer.js.map

package/esm/charts/bar-3d/series.js

@@ -27,4 +27,4 @@ export const registerBar3dSeries = () => {
     registerBar3dAnimation(), registerRect3dMark(), registerCartesianBandAxis(), registerCartesianLinearAxis(), 
     Factory.registerSeries(Bar3dSeries.type, Bar3dSeries);
 };
-//# sourceMappingURL=series.js.map
+//# sourceMappingURL=series.js.map

package/esm/charts/bar-3d/theme.js

@@ -12,4 +12,4 @@ export const bar3d = {
         }
     }
 };
-//# sourceMappingURL=theme.js.map
+//# sourceMappingURL=theme.js.map

package/esm/charts/candlestick/candlestick-transformer.js

@@ -13,4 +13,4 @@ export class CandlestickChartSpecTransformer extends CartesianChartSpecTransform
         } ]), setDefaultCrosshairForCartesianChart(spec);
     }
 }
-//# sourceMappingURL=candlestick-transformer.js.map
+//# sourceMappingURL=candlestick-transformer.js.map

package/esm/charts/candlestick/candlestick.js

@@ -19,4 +19,5 @@ CandlestickChart.transformerConstructor = CandlestickChartSpecTransformer;
 export const registerCandlestickChart = () => {
     registerDimensionTooltipProcessor(), registerMarkTooltipProcessor(), registerDimensionEvents(), 
     registerDimensionHover(), registerCandlestickSeries(), Factory.registerChart(CandlestickChart.type, CandlestickChart);
-};
+};
+//# sourceMappingURL=candlestick.js.map

package/esm/charts/candlestick/index.js

@@ -7,4 +7,4 @@ export * from "./candlestick-transformer";
 export * from "./series/candlestick";
 
 export * from "./util";
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/esm/charts/candlestick/interface.js

@@ -1,2 +1,2 @@
 export { };
-//# sourceMappingURL=interface.js.map
+//# sourceMappingURL=interface.js.map

package/esm/charts/candlestick/util.js

@@ -1,4 +1,4 @@
 export function transformCandlestickSeriesSpec(spec) {
     spec.yField = [ spec.openField, spec.highField, spec.lowField, spec.closeField ];
 }
-//# sourceMappingURL=util.js.map
+//# sourceMappingURL=util.js.map

package/esm/charts/combination-candlestick/combination-candlestick-transformer.js

@@ -196,4 +196,4 @@ export class CombinationCandlestickChartSpecTransformer extends CartesianChartSp
         };
     }
 }
-//# sourceMappingURL=combination-candlestick-transformer.js.map
+//# sourceMappingURL=combination-candlestick-transformer.js.map

package/esm/charts/combination-candlestick/combination-candlestick.js

@@ -26,4 +26,4 @@ mixin(CombinationCandlestickChart, StackChartMixin);
 export const registerCombinationCandlestickChart = () => {
     registerCandlestickSeries(), Factory.registerChart(CombinationCandlestickChart.type, CombinationCandlestickChart);
 };
-//# sourceMappingURL=combination-candlestick.js.map
+//# sourceMappingURL=combination-candlestick.js.map

package/esm/charts/combination-candlestick/constant.js

@@ -1,2 +1,2 @@
 export const CombinationCandlestickChart_TYPE = "combinationCandlestick";
-//# sourceMappingURL=constant.js.map
+//# sourceMappingURL=constant.js.map

package/esm/charts/combination-candlestick/index.js

@@ -3,4 +3,4 @@ export * from "./combination-candlestick";
 export * from "./interface";
 
 export * from "./constant";
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/esm/charts/combination-candlestick/interface.js

@@ -1,2 +1,2 @@
 export { };
-//# sourceMappingURL=interface.js.map
+//# sourceMappingURL=interface.js.map

package/esm/charts/conversion-funnel/arrow-data-transform.js

@@ -91,4 +91,4 @@ function computeIndex(arrow, totalArrows) {
     }
     return index;
 }
-//# sourceMappingURL=arrow-data-transform.js.map
+//# sourceMappingURL=arrow-data-transform.js.map

package/esm/charts/conversion-funnel/constants.js

@@ -22,4 +22,4 @@ export const DEFAULT_ARROW_TEXT_MARK_STYLE = {
 export const DEFAULT_FUNNEL_BACKGROUND_MARK_STYLE = {
     fill: "#eff1f9"
 };
-//# sourceMappingURL=constants.js.map
+//# sourceMappingURL=constants.js.map

package/esm/charts/conversion-funnel/conversion-funnel-transformer.js

@@ -190,4 +190,4 @@ function addFunnelBackgroundMark(funnelBackground) {
         })
     });
 }
-//# sourceMappingURL=conversion-funnel-transformer.js.map
+//# sourceMappingURL=conversion-funnel-transformer.js.map

package/esm/charts/conversion-funnel/conversion-funnel.js

@@ -54,4 +54,4 @@ export const registerConversionFunnelChart = option => {
     const vchartConstructor = (null == option ? void 0 : option.VChart) || VChart;
     vchartConstructor && (vchartConstructor.useChart([ ConversionFunnelChart ]), vchartConstructor.useSeries([ ConversionFunnelSeries ]));
 };
-//# sourceMappingURL=conversion-funnel.js.map
+//# sourceMappingURL=conversion-funnel.js.map

package/esm/charts/conversion-funnel/index.js

@@ -1,4 +1,4 @@
 export * from "./interface";
 
 export * from "./conversion-funnel";
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/esm/charts/conversion-funnel/interface.js

@@ -1,2 +1,2 @@
 export { };
-//# sourceMappingURL=interface.js.map
+//# sourceMappingURL=interface.js.map

package/esm/charts/conversion-funnel/util.js

@@ -7,4 +7,4 @@ export function isSameArrow(arrow1, arrow2) {
     const {from: from1, to: to1} = arrow1, {from: from2, to: to2} = arrow2;
     return from1 === from2 && to1 === to2;
 }
-//# sourceMappingURL=util.js.map
+//# sourceMappingURL=util.js.map

package/esm/charts/funnel-3d/chart.js

@@ -21,4 +21,5 @@ Funnel3dChart.transformerConstructor = FunnelChartSpecTransformer;
 export const registerFunnel3dChart = () => {
     registerMarkTooltipProcessor(), register3DPlugin(), registerLayout3d(), registerFunnel3dSeries(), 
     Factory.registerChart(Funnel3dChart.type, Funnel3dChart);
-};
+};
+//# sourceMappingURL=chart.js.map

package/esm/charts/funnel-3d/constant.js

@@ -22,4 +22,4 @@ export const funnel3dSeriesMark = Object.assign(Object.assign({}, baseSeriesMark
         type: "rule"
     }
 });
-//# sourceMappingURL=constant.js.map
+//# sourceMappingURL=constant.js.map

package/esm/charts/funnel-3d/index.js

@@ -5,4 +5,4 @@ export * from "./series";
 export * from "./series-spec-transformer";
 
 export * from "./interface";
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/esm/charts/funnel-3d/interface.js

@@ -1,2 +1,2 @@
 export { };
-//# sourceMappingURL=interface.js.map
+//# sourceMappingURL=interface.js.map

package/esm/charts/funnel-3d/series-spec-transformer.js

@@ -5,4 +5,4 @@ export class Funnel3dSeriesSpecTransformer extends FunnelSeriesSpecTransformer {
         this._addMarkLabelSpec(spec, "funnel3d"), spec.isTransform && this._addMarkLabelSpec(spec, "transform3d", "transformLabel");
     }
 }
-//# sourceMappingURL=series-spec-transformer.js.map
+//# sourceMappingURL=series-spec-transformer.js.map

package/esm/charts/funnel-3d/series.js

@@ -81,4 +81,4 @@ Funnel3dSeries.builtInTheme = {
 export const registerFunnel3dSeries = () => {
     registerPyramid3dMark(), registerTextMark(), registerRuleMark(), Factory.registerSeries(Funnel3dSeries.type, Funnel3dSeries);
 };
-//# sourceMappingURL=series.js.map
+//# sourceMappingURL=series.js.map

package/esm/charts/funnel-3d/theme.js

@@ -1,4 +1,4 @@
 import { getFunnelTheme } from "@visactor/vchart";
 
 export const funnel3d = getFunnelTheme(!0);
-//# sourceMappingURL=theme.js.map
+//# sourceMappingURL=theme.js.map

package/esm/charts/histogram-3d/chart.js

@@ -27,4 +27,4 @@ export const registerHistogram3dChart = () => {
     registerDimensionEvents(), registerDimensionHover(), register3DPlugin(), registerLayout3d(), 
     registerBar3dSeries(), Factory.registerChart(Histogram3dChart.type, Histogram3dChart);
 };
-//# sourceMappingURL=chart.js.map
+//# sourceMappingURL=chart.js.map

package/esm/components/bar-link/bar-link.js

@@ -80,4 +80,4 @@ export class BarLinkComponent extends AbstractComponent {
 export const registerBarLink = () => {
     Factory.registerGraphicComponent(BAR_LINK, (attrs => new BarLinkComponent(attrs)));
 };
-//# sourceMappingURL=bar-link.js.map
+//# sourceMappingURL=bar-link.js.map

package/esm/components/bar-link/constant.js

@@ -1,2 +1,2 @@
 export const BAR_LINK = "barLink";
-//# sourceMappingURL=constant.js.map
+//# sourceMappingURL=constant.js.map

package/esm/components/bar-link/index.js

@@ -5,4 +5,4 @@ export * from "./type";
 export { getBarLinkConfig, appendBarLinkConfig } from "./util";
 
 export * from "./constant";
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/esm/components/bar-link/type.js

@@ -1,2 +1,2 @@
 export { };
-//# sourceMappingURL=type.js.map
+//# sourceMappingURL=type.js.map

package/esm/components/bar-link/util.js

@@ -174,4 +174,4 @@ export function appendBarLinkConfig(rawSpec, barLinkSpec) {
     rawSpec.customMark = array(rawSpec.customMark).filter((obj => obj.componentType !== BAR_LINK)), 
     rawSpec.customMark.push(getBarLinkConfig(barLinkSpec));
 }
-//# sourceMappingURL=util.js.map
+//# sourceMappingURL=util.js.map

package/esm/components/bar-regression-line/index.js

@@ -77,4 +77,4 @@ export function appendBarRegressionLineConfig(chartSpec, spec) {
         }
     }));
 }
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/esm/components/bar-regression-line/type.js

@@ -1,2 +1,2 @@
 export { };
-//# sourceMappingURL=type.js.map
+//# sourceMappingURL=type.js.map

package/esm/components/extension-mark-sync-state/extension-mark-sync-state.d.ts

@@ -0,0 +1,16 @@
+import { type IChartPlugin, type IChartPluginService, BasePlugin } from '@visactor/vchart';
+export declare class ExtensionMarkSyncStatePlugin extends BasePlugin<IChartPluginService> implements IChartPlugin {
+    static readonly pluginType: 'chart';
+    static readonly type: string;
+    readonly type: string;
+    private _unsubscribeAfterRender?;
+    private _subscribedEvent?;
+    constructor();
+    onAfterInitChart(service: IChartPluginService, chartSpec: any): void;
+    release(): void;
+    private _detectSyncState;
+    private _hasExtensionMarkWithSyncState;
+    private _syncStates;
+    private _syncSeriesStates;
+}
+export declare const registerExtensionMarkSyncStatePlugin: () => void;

package/esm/components/extension-mark-sync-state/extension-mark-sync-state.js

@@ -0,0 +1,73 @@
+import { BasePlugin, ChartEvent, registerChartPlugin, isValid } from "@visactor/vchart";
+
+const EXTENSION_MARK_SYNC_STATE_PLUGIN_TYPE = "ExtensionMarkSyncStatePlugin";
+
+export class ExtensionMarkSyncStatePlugin extends BasePlugin {
+    constructor() {
+        super("ExtensionMarkSyncStatePlugin"), this.type = "ExtensionMarkSyncStatePlugin";
+    }
+    onAfterInitChart(service, chartSpec) {
+        var _a;
+        if (!this._detectSyncState(chartSpec)) return;
+        const chart = service.globalInstance.getChart();
+        if (!chart) return;
+        const event = chart.getEvent();
+        if (this._subscribedEvent === event) return;
+        null === (_a = this._unsubscribeAfterRender) || void 0 === _a || _a.call(this);
+        const handler = () => this._syncStates();
+        event.on(ChartEvent.afterRender, handler), this._subscribedEvent = event, this._unsubscribeAfterRender = () => {
+            event.off(ChartEvent.afterRender, handler), this._subscribedEvent = void 0;
+        };
+    }
+    release() {
+        var _a;
+        null === (_a = this._unsubscribeAfterRender) || void 0 === _a || _a.call(this), 
+        super.release();
+    }
+    _detectSyncState(chartSpec) {
+        const seriesSpecs = null == chartSpec ? void 0 : chartSpec.series;
+        return !!(null == seriesSpecs ? void 0 : seriesSpecs.some((s => this._hasExtensionMarkWithSyncState(s.extensionMark)))) || this._hasExtensionMarkWithSyncState(null == chartSpec ? void 0 : chartSpec.extensionMark);
+    }
+    _hasExtensionMarkWithSyncState(extensionMarks) {
+        return !!(null == extensionMarks ? void 0 : extensionMarks.some((m => "group" !== m.type && m.syncState)));
+    }
+    _syncStates() {
+        var _a;
+        const chart = null === (_a = this.service) || void 0 === _a ? void 0 : _a.globalInstance.getChart();
+        chart && chart.getAllSeries().forEach((series => {
+            var _a, _b;
+            const syncSpecs = null === (_b = null === (_a = series.getSpec()) || void 0 === _a ? void 0 : _a.extensionMark) || void 0 === _b ? void 0 : _b.filter((m => "group" !== m.type && m.syncState));
+            (null == syncSpecs ? void 0 : syncSpecs.length) && this._syncSeriesStates(series, syncSpecs);
+        }));
+    }
+    _syncSeriesStates(series, extensionMarkSpecs) {
+        const mainGraphicByKey = new Map;
+        if (series.getActiveMarks().forEach((mark => {
+            mark.getGraphics().forEach((g => {
+                var _a;
+                const key = null === (_a = g.context) || void 0 === _a ? void 0 : _a.key;
+                isValid(key) && mainGraphicByKey.set(String(key), g);
+            }));
+        })), 0 === mainGraphicByKey.size) return;
+        const namePrefix = `${series.type}_${series.id}_extensionMark`;
+        extensionMarkSpecs.forEach(((spec, i) => {
+            const markName = isValid(spec.name) ? `${spec.name}` : `${namePrefix}_${i}`, extMark = series.getMarkInName(markName);
+            extMark && extMark.getGraphics().forEach((extGraphic => {
+                var _a;
+                const key = null === (_a = extGraphic.context) || void 0 === _a ? void 0 : _a.key;
+                if (!isValid(key)) return;
+                const mainGraphic = mainGraphicByKey.get(String(key));
+                if (!mainGraphic) return;
+                const currentStates = mainGraphic.currentStates;
+                (null == currentStates ? void 0 : currentStates.length) ? extGraphic.useStates(currentStates) : extGraphic.clearStates();
+            }));
+        }));
+    }
+}
+
+ExtensionMarkSyncStatePlugin.pluginType = "chart", ExtensionMarkSyncStatePlugin.type = "ExtensionMarkSyncStatePlugin";
+
+export const registerExtensionMarkSyncStatePlugin = () => {
+    registerChartPlugin(ExtensionMarkSyncStatePlugin);
+};
+//# sourceMappingURL=extension-mark-sync-state.js.map

package/esm/components/extension-mark-sync-state/extension-mark-sync-state.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/extension-mark-sync-state/extension-mark-sync-state.ts"],"names":[],"mappings":"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","file":"extension-mark-sync-state.js","sourcesContent":["/**\n * @description ExtensionMark SyncState 插件\n *\n * 将配置了 syncState: true 的 extensionMark 的 graphics 与主 mark 的 graphics\n * 通过 context.key 配对，在 afterRender 回调中将主 mark 的当前状态同步到\n * extensionMark graphic。\n */\nimport {\n  type IChartPlugin,\n  type IChartPluginService,\n  type ISeries,\n  type IMark,\n  type IMarkGraphic,\n  type IEvent,\n  type ISeriesSpec,\n  BasePlugin,\n  ChartEvent,\n  registerChartPlugin,\n  isValid\n} from '@visactor/vchart';\nimport type { IExtensionMarkSpecWithSyncState } from './type';\n\nconst EXTENSION_MARK_SYNC_STATE_PLUGIN_TYPE = 'ExtensionMarkSyncStatePlugin';\n\nexport class ExtensionMarkSyncStatePlugin extends BasePlugin<IChartPluginService> implements IChartPlugin {\n  static readonly pluginType: 'chart' = 'chart';\n  static readonly type: string = EXTENSION_MARK_SYNC_STATE_PLUGIN_TYPE;\n  readonly type: string = EXTENSION_MARK_SYNC_STATE_PLUGIN_TYPE;\n\n  /** 取消 afterRender 订阅的函数，release 时调用 */\n  private _unsubscribeAfterRender?: () => void;\n  /** 已订阅的 event 实例，chart reMake 后会更换 */\n  private _subscribedEvent?: IEvent;\n\n  constructor() {\n    super(EXTENSION_MARK_SYNC_STATE_PLUGIN_TYPE);\n  }\n\n  onAfterInitChart(service: IChartPluginService, chartSpec: any) {\n    if (!this._detectSyncState(chartSpec)) {\n      return;\n    }\n\n    const chart = service.globalInstance.getChart();\n    if (!chart) {\n      return;\n    }\n\n    const event = chart.getEvent();\n\n    if (this._subscribedEvent === event) {\n      return;\n    }\n\n    this._unsubscribeAfterRender?.();\n\n    const handler = () => this._syncStates();\n    event.on(ChartEvent.afterRender, handler);\n    this._subscribedEvent = event;\n    this._unsubscribeAfterRender = () => {\n      event.off(ChartEvent.afterRender, handler);\n      this._subscribedEvent = undefined;\n    };\n  }\n\n  release(): void {\n    this._unsubscribeAfterRender?.();\n    super.release();\n  }\n\n  /** 检测 chartSpec 中是否存在配置了 syncState 的 extensionMark */\n  private _detectSyncState(chartSpec: any): boolean {\n    const seriesSpecs = chartSpec?.series;\n    if (\n      seriesSpecs?.some((s: ISeriesSpec) =>\n        this._hasExtensionMarkWithSyncState(s.extensionMark as IExtensionMarkSpecWithSyncState[])\n      )\n    ) {\n      return true;\n    }\n    return this._hasExtensionMarkWithSyncState(chartSpec?.extensionMark);\n  }\n\n  private _hasExtensionMarkWithSyncState(extensionMarks: IExtensionMarkSpecWithSyncState[] | undefined): boolean {\n    return !!extensionMarks?.some(m => m.type !== 'group' && m.syncState);\n  }\n\n  /** 将所有 series 中主 mark 的当前状态同步到对应的 extensionMark graphics */\n  private _syncStates() {\n    const chart = this.service?.globalInstance.getChart();\n    if (!chart) {\n      return;\n    }\n\n    chart.getAllSeries().forEach(series => {\n      const syncSpecs = (series.getSpec()?.extensionMark as IExtensionMarkSpecWithSyncState[] | undefined)?.filter(\n        m => m.type !== 'group' && m.syncState\n      );\n      if (syncSpecs?.length) {\n        this._syncSeriesStates(series, syncSpecs);\n      }\n    });\n  }\n\n  /** 将单个 series 主 mark 的当前状态同步到其 extensionMark graphics */\n  private _syncSeriesStates(series: ISeries, extensionMarkSpecs: IExtensionMarkSpecWithSyncState[]) {\n    const mainGraphicByKey = new Map<string, IMarkGraphic>();\n    series.getActiveMarks().forEach((mark: IMark) => {\n      mark.getGraphics().forEach(g => {\n        const key = g.context?.key;\n        if (isValid(key)) {\n          mainGraphicByKey.set(String(key), g);\n        }\n      });\n    });\n\n    if (mainGraphicByKey.size === 0) {\n      return;\n    }\n\n    // 命名格式与 BaseSeries._getExtensionMarkNamePrefix 一致\n    const namePrefix = `${series.type}_${series.id}_extensionMark`;\n\n    extensionMarkSpecs.forEach((spec, i) => {\n      const markName = isValid(spec.name) ? `${spec.name}` : `${namePrefix}_${i}`;\n      const extMark = series.getMarkInName(markName);\n      if (!extMark) {\n        return;\n      }\n\n      extMark.getGraphics().forEach(extGraphic => {\n        const key = extGraphic.context?.key;\n        if (!isValid(key)) {\n          return;\n        }\n\n        const mainGraphic = mainGraphicByKey.get(String(key));\n        if (!mainGraphic) {\n          return;\n        }\n\n        const currentStates = mainGraphic.currentStates;\n        if (currentStates?.length) {\n          extGraphic.useStates(currentStates);\n        } else {\n          extGraphic.clearStates();\n        }\n      });\n    });\n  }\n}\n\n/**\n * 注册 ExtensionMark SyncState 插件\n *\n * @example\n * ```ts\n * import { registerExtensionMarkSyncStatePlugin } from '@visactor/vchart-extension';\n *\n * // 在创建 VChart 实例之前注册\n * registerExtensionMarkSyncStatePlugin();\n *\n * // 在 extensionMark 配置中使用 syncState\n * const spec = {\n *   type: 'bar',\n *   extensionMark: [{\n *     type: 'symbol',\n *     dataId: 'barData',\n *     syncState: true,\n *     style: { ... },\n *     state: {\n *       highlight: { ... },\n *       blur: { ... }\n *     }\n *   }]\n * };\n * ```\n */\nexport const registerExtensionMarkSyncStatePlugin = () => {\n  registerChartPlugin(ExtensionMarkSyncStatePlugin);\n};\n"]}

package/esm/components/extension-mark-sync-state/index.d.ts

@@ -0,0 +1,2 @@
+export { ExtensionMarkSyncStatePlugin, registerExtensionMarkSyncStatePlugin } from './extension-mark-sync-state';
+export * from './type';

package/esm/components/extension-mark-sync-state/index.js

@@ -0,0 +1,4 @@
+export { ExtensionMarkSyncStatePlugin, registerExtensionMarkSyncStatePlugin } from "./extension-mark-sync-state";
+
+export * from "./type";
+//# sourceMappingURL=index.js.map

package/esm/components/extension-mark-sync-state/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/extension-mark-sync-state/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,oCAAoC,EAAE,MAAM,6BAA6B,CAAC;AACjH,cAAc,QAAQ,CAAC","file":"index.js","sourcesContent":["export { ExtensionMarkSyncStatePlugin, registerExtensionMarkSyncStatePlugin } from './extension-mark-sync-state';\nexport * from './type';\n"]}

package/esm/components/extension-mark-sync-state/type.d.ts

@@ -0,0 +1,11 @@
+import type { EnableMarkType } from '@visactor/vchart';
+export interface IExtensionMarkSyncStateSpec {
+    syncState?: boolean;
+}
+export interface IExtensionMarkSpecWithSyncState<T extends Exclude<EnableMarkType, 'group'> = any> extends IExtensionMarkSyncStateSpec {
+    type: T;
+    name?: string;
+    dataId?: string;
+    dataIndex?: number;
+    [key: string]: any;
+}

package/esm/components/extension-mark-sync-state/type.js

@@ -0,0 +1 @@
+export { };

package/esm/components/extension-mark-sync-state/type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/extension-mark-sync-state/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type { EnableMarkType } from '@visactor/vchart';\n\n/**\n * 扩展 extensionMark spec，增加 syncState 配置\n */\nexport interface IExtensionMarkSyncStateSpec {\n  /**\n   * Whether to synchronize the interactive states (e.g., hover, select) from the corresponding primary mark.\n   * When enabled, the extensionMark will automatically follow state changes of the primary mark that shares\n   * the same data key. Users need to configure the corresponding `state` styles to take effect.\n   * 是否同步主图元的交互状态（如 hover、select 等）\n   * 开启后，extensionMark 会自动同步对应主图元的状态名，需自行配置对应的 state 样式\n   * @default false\n   */\n  syncState?: boolean;\n}\n\n/**\n * 带 syncState 能力的 extensionMark spec\n */\nexport interface IExtensionMarkSpecWithSyncState<\n  T extends Exclude<EnableMarkType, 'group'> = any\n> extends IExtensionMarkSyncStateSpec {\n  type: T;\n  name?: string;\n  dataId?: string;\n  dataIndex?: number;\n  [key: string]: any;\n}\n"]}

package/esm/components/histogram-regression-line/index.js

@@ -72,4 +72,4 @@ export function appendHistogramRegressionLineConfig(chartSpec, spec) {
         }
     }));
 }
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/esm/components/histogram-regression-line/type.js

@@ -1,2 +1,2 @@
 export { };
-//# sourceMappingURL=type.js.map
+//# sourceMappingURL=type.js.map

package/esm/components/map-label/index.js

@@ -1,4 +1,4 @@
 export * from "./map-label";
 
 export * from "./type";
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/esm/components/map-label/layout.js

@@ -140,4 +140,4 @@ export function candidatesByOrient(positions, anchor, rect, offset = 0) {
         });
     })), candidates;
 }
-//# sourceMappingURL=layout.js.map
+//# sourceMappingURL=layout.js.map

package/esm/components/map-label/map-label-transformer.js

@@ -7,4 +7,4 @@ export class MapLabelSpecTransformer extends BaseComponentSpecTransformer {
         return mapLabel;
     }
 }
-//# sourceMappingURL=map-label-transformer.js.map
+//# sourceMappingURL=map-label-transformer.js.map

package/esm/components/map-label/map-label.js

@@ -260,4 +260,4 @@ export const registerMapLabel = option => {
     const vchartConstructor = (null == option ? void 0 : option.VChart) || VChart;
     vchartConstructor && vchartConstructor.useComponent([ MapLabelComponent ]);
 };
-//# sourceMappingURL=map-label.js.map
+//# sourceMappingURL=map-label.js.map

package/esm/components/map-label/theme.js

@@ -54,4 +54,4 @@ export const mapLabel = {
         }
     }
 };
-//# sourceMappingURL=theme.js.map
+//# sourceMappingURL=theme.js.map

package/esm/components/map-label/type.js

@@ -1,2 +1,2 @@
 export { };
-//# sourceMappingURL=type.js.map
+//# sourceMappingURL=type.js.map

package/esm/components/regression-line/index.js

@@ -1,4 +1,4 @@
 export * from "./regression-line";
 
 export * from "./type";
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/esm/components/regression-line/regression-line.js

@@ -49,4 +49,4 @@ export class RegressionLine extends AbstractComponent {
 export const registerRegressionLine = () => {
     Factory.registerGraphicComponent(REGRESSION_LINE, (attrs => new RegressionLine(attrs)));
 };
-//# sourceMappingURL=regression-line.js.map
+//# sourceMappingURL=regression-line.js.map

package/esm/components/regression-line/type.js

@@ -1,2 +1,2 @@
 export { };
-//# sourceMappingURL=type.js.map
+//# sourceMappingURL=type.js.map

package/esm/components/scatter-regression-line/index.js

@@ -96,4 +96,4 @@ export function appendScatterRegressionLineConfig(chartSpec, spec) {
         }
     }));
 }
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/esm/components/scatter-regression-line/type.js

@@ -1,2 +1,2 @@
 export { };
-//# sourceMappingURL=type.js.map
+//# sourceMappingURL=type.js.map

package/esm/components/series-break/constant.js

@@ -1,2 +1,2 @@
 export const SERIES_BREAK = "seriesBreak";
-//# sourceMappingURL=constant.js.map
+//# sourceMappingURL=constant.js.map