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

package/build/index.js

@@ -7813,6 +7813,111 @@
         });
     }
 
+    const EXTENSION_MARK_SYNC_STATE_PLUGIN_TYPE = 'ExtensionMarkSyncStatePlugin';
+    class ExtensionMarkSyncStatePlugin extends vchart.BasePlugin {
+        constructor() {
+            super(EXTENSION_MARK_SYNC_STATE_PLUGIN_TYPE);
+            this.type = EXTENSION_MARK_SYNC_STATE_PLUGIN_TYPE;
+        }
+        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;
+            }
+            (_a = this._unsubscribeAfterRender) === null || _a === void 0 ? void 0 : _a.call(this);
+            const handler = () => this._syncStates();
+            event.on(vchart.ChartEvent.afterRender, handler);
+            this._subscribedEvent = event;
+            this._unsubscribeAfterRender = () => {
+                event.off(vchart.ChartEvent.afterRender, handler);
+                this._subscribedEvent = undefined;
+            };
+        }
+        release() {
+            var _a;
+            (_a = this._unsubscribeAfterRender) === null || _a === void 0 ? void 0 : _a.call(this);
+            super.release();
+        }
+        _detectSyncState(chartSpec) {
+            const seriesSpecs = chartSpec === null || chartSpec === void 0 ? void 0 : chartSpec.series;
+            if (seriesSpecs === null || seriesSpecs === void 0 ? void 0 : seriesSpecs.some((s) => this._hasExtensionMarkWithSyncState(s.extensionMark))) {
+                return true;
+            }
+            return this._hasExtensionMarkWithSyncState(chartSpec === null || chartSpec === void 0 ? void 0 : chartSpec.extensionMark);
+        }
+        _hasExtensionMarkWithSyncState(extensionMarks) {
+            return !!(extensionMarks === null || extensionMarks === void 0 ? void 0 : extensionMarks.some(m => m.type !== 'group' && m.syncState));
+        }
+        _syncStates() {
+            var _a;
+            const chart = (_a = this.service) === null || _a === void 0 ? void 0 : _a.globalInstance.getChart();
+            if (!chart) {
+                return;
+            }
+            chart.getAllSeries().forEach(series => {
+                var _a, _b;
+                const syncSpecs = (_b = (_a = series.getSpec()) === null || _a === void 0 ? void 0 : _a.extensionMark) === null || _b === void 0 ? void 0 : _b.filter(m => m.type !== 'group' && m.syncState);
+                if (syncSpecs === null || syncSpecs === void 0 ? void 0 : syncSpecs.length) {
+                    this._syncSeriesStates(series, syncSpecs);
+                }
+            });
+        }
+        _syncSeriesStates(series, extensionMarkSpecs) {
+            const mainGraphicByKey = new Map();
+            series.getActiveMarks().forEach((mark) => {
+                mark.getGraphics().forEach(g => {
+                    var _a;
+                    const key = (_a = g.context) === null || _a === void 0 ? void 0 : _a.key;
+                    if (vchart.isValid(key)) {
+                        mainGraphicByKey.set(String(key), g);
+                    }
+                });
+            });
+            if (mainGraphicByKey.size === 0) {
+                return;
+            }
+            const namePrefix = `${series.type}_${series.id}_extensionMark`;
+            extensionMarkSpecs.forEach((spec, i) => {
+                const markName = vchart.isValid(spec.name) ? `${spec.name}` : `${namePrefix}_${i}`;
+                const extMark = series.getMarkInName(markName);
+                if (!extMark) {
+                    return;
+                }
+                extMark.getGraphics().forEach(extGraphic => {
+                    var _a;
+                    const key = (_a = extGraphic.context) === null || _a === void 0 ? void 0 : _a.key;
+                    if (!vchart.isValid(key)) {
+                        return;
+                    }
+                    const mainGraphic = mainGraphicByKey.get(String(key));
+                    if (!mainGraphic) {
+                        return;
+                    }
+                    const currentStates = mainGraphic.currentStates;
+                    if (currentStates === null || currentStates === void 0 ? void 0 : currentStates.length) {
+                        extGraphic.useStates(currentStates);
+                    }
+                    else {
+                        extGraphic.clearStates();
+                    }
+                });
+            });
+        }
+    }
+    ExtensionMarkSyncStatePlugin.pluginType = 'chart';
+    ExtensionMarkSyncStatePlugin.type = EXTENSION_MARK_SYNC_STATE_PLUGIN_TYPE;
+    const registerExtensionMarkSyncStatePlugin = () => {
+        vchart.registerChartPlugin(ExtensionMarkSyncStatePlugin);
+    };
+
     exports.BAR_LINK = BAR_LINK;
     exports.Bar3dChart = Bar3dChart;
     exports.Bar3dChartSpecTransformer = Bar3dChartSpecTransformer;
@@ -7828,6 +7933,7 @@
     exports.ConversionFunnelSeries = ConversionFunnelSeries;
     exports.DEFAULT_STROKE_COLOR = DEFAULT_STROKE_COLOR;
     exports.DefaultBandWidth = DefaultBandWidth;
+    exports.ExtensionMarkSyncStatePlugin = ExtensionMarkSyncStatePlugin;
     exports.Funnel3dChart = Funnel3dChart;
     exports.Funnel3dSeries = Funnel3dSeries;
     exports.Funnel3dSeriesSpecTransformer = Funnel3dSeriesSpecTransformer;
@@ -7883,6 +7989,7 @@
     exports.registerCombinationCandlestickChart = registerCombinationCandlestickChart;
     exports.registerConversionFunnelChart = registerConversionFunnelChart;
     exports.registerEventSeries = registerEventSeries;
+    exports.registerExtensionMarkSyncStatePlugin = registerExtensionMarkSyncStatePlugin;
     exports.registerFunnel3dChart = registerFunnel3dChart;
     exports.registerFunnel3dSeries = registerFunnel3dSeries;
     exports.registerHistogram3dChart = registerHistogram3dChart;