@visactor/vchart 1.8.1 → 1.8.2

package/build/index.js

@@ -52768,10 +52768,14 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             this._stateMarks = new Map();
             this._stateElements = new Map();
+            this._disableTriggerEvent = false;
         }
         static markStateEnable(mark, state) {
             return !isEmpty(mark.stateStyle[state]);
         }
+        setDisableActiveEffect(disable) {
+            this._disableTriggerEvent = disable;
+        }
         registerMark(state, mark) {
             var _a;
             if (!this._stateMarks.has(state)) {
@@ -52795,6 +52799,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         exchangeEventElement(stateValue, element) {
             var _a;
+            if (this._disableTriggerEvent) {
+                return;
+            }
             const reState = stateToReverse(stateValue);
             (_a = this._stateElements.get(stateValue)) === null || _a === void 0 ? void 0 : _a.forEach(e => {
                 e.removeState(stateValue);
@@ -52812,6 +52819,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         removeEventElement(stateValue, element) {
             var _a, _b;
+            if (this._disableTriggerEvent) {
+                return;
+            }
             element.removeState(stateValue);
             const list = (_b = (_a = this._stateElements.get(stateValue)) === null || _a === void 0 ? void 0 : _a.filter(e => e !== element)) !== null && _b !== void 0 ? _b : [];
             this._stateElements.set(stateValue, list);
@@ -52827,6 +52837,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         addEventElement(stateValue, element) {
             var _a;
+            if (this._disableTriggerEvent) {
+                return;
+            }
             if (!element.getStates().includes(stateValue)) {
                 element.addState(stateValue);
             }
@@ -52836,6 +52849,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         clearEventElement(stateValue, clearReverse) {
             var _a;
+            if (this._disableTriggerEvent) {
+                return;
+            }
             (_a = this._stateElements.get(stateValue)) === null || _a === void 0 ? void 0 : _a.forEach(e => {
                 e.removeState(stateValue);
             });
@@ -52848,6 +52864,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
         reverseEventElement(stateValue) {
+            if (this._disableTriggerEvent) {
+                return;
+            }
             const state = stateToReverse(stateValue);
             if (!state) {
                 return;
@@ -53832,6 +53851,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             super(spec, ctx);
             this.transformerConstructor = RegionSpecTransformer;
             this.modelType = 'region';
+            this.specKey = 'region';
             this.type = Region.type;
             this._series = [];
             this.layoutType = 'region';
@@ -53860,6 +53880,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     getCompiler: ctx.getCompiler
                 });
             }
+            this.interaction.setDisableActiveEffect(this._option.disableTriggerEvent);
         }
         _getClipDefaultValue() {
             var _a, _b, _c, _d;
@@ -54065,6 +54086,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     }
     Region.type = 'region';
     Region.transformerConstructor = RegionSpecTransformer;
+    Region.specKey = 'region';
 
     function getPositionItems(items) {
         const startItems = [];
@@ -56244,7 +56266,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (!this._chartSpecTransformer) {
                 this._chartSpecTransformer = Factory.createChartSpecTransformer(this._spec.type, {
                     type: this._spec.type,
-                    getTheme: () => { var _a; return (_a = this._currentTheme) !== null && _a !== void 0 ? _a : {}; }
+                    getTheme: () => { var _a; return (_a = this._currentTheme) !== null && _a !== void 0 ? _a : {}; },
+                    animation: this._option.animation
                 });
             }
             this._chartSpecTransformer.transformSpec(this._spec);
@@ -56285,7 +56308,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 getTheme: () => { var _a; return (_a = this._currentTheme) !== null && _a !== void 0 ? _a : {}; },
                 getSpecInfo: () => { var _a; return (_a = this._specInfo) !== null && _a !== void 0 ? _a : {}; },
                 layout: this._option.layout,
-                onError: this._onError
+                onError: this._onError,
+                disableTriggerEvent: this._option.disableTriggerEvent === true
             });
             if (!chart) {
                 (_b = this._option) === null || _b === void 0 ? void 0 : _b.onError('init chart fail');
@@ -56384,7 +56408,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._reCompile(updateSpecResult);
             return this._beforeRender(option);
         }
-        _reCompile(updateResult) {
+        _reCompile(updateResult, morphConfig) {
             var _a, _b, _c, _d, _e, _f, _g;
             if (updateResult.reMake) {
                 this._releaseData();
@@ -57384,7 +57408,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         const newSpec = isFunction$1(spec) ? spec(modelInfo, action, query) : spec;
         for (const { spec, specPath } of modelInfo) {
             if (isChart) {
-                return mergeSpec(targetSpec, newSpec);
+                return {
+                    chartSpec: mergeSpec(targetSpec, newSpec),
+                    hasChanged: true
+                };
             }
             const modelSpec = mergeSpec({}, spec, newSpec);
             setProperty(targetSpec, specPath, modelSpec);
@@ -57608,7 +57635,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         registerChartPlugin(MediaQuery);
     };
 
-    const version = "1.8.1";
+    const version = "1.8.2";
 
     var ChartTypeEnum;
     (function (ChartTypeEnum) {
@@ -58648,14 +58675,14 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
         initData() {
-            var _a, _b, _c, _d, _e;
+            var _a, _b, _c, _d, _e, _f;
             const d = (_a = this._spec.data) !== null && _a !== void 0 ? _a : this._option.getSeriesData(this._spec.dataId, this._spec.dataIndex);
             if (d) {
                 this._rawData = dataToDataView(d, this._dataSet, this._option.sourceDataList, {
                     onError: (_b = this._option) === null || _b === void 0 ? void 0 : _b.onError
                 });
             }
-            (_c = this._rawData) === null || _c === void 0 ? void 0 : _c.target.addListener('change', this.rawDataUpdate.bind(this));
+            (_d = (_c = this._rawData) === null || _c === void 0 ? void 0 : _c.target) === null || _d === void 0 ? void 0 : _d.addListener('change', this.rawDataUpdate.bind(this));
             this._addDataIndexAndKey();
             if (this._rawData) {
                 if (this._stack) {
@@ -58671,9 +58698,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     this._viewDataFilter.target.removeListener('change', viewData.reRunAllTransform);
                 }
             }
-            if (this._invalidType === 'zero' && ((_d = this._rawData) === null || _d === void 0 ? void 0 : _d.dataSet)) {
+            if (this._invalidType === 'zero' && ((_e = this._rawData) === null || _e === void 0 ? void 0 : _e.dataSet)) {
                 registerDataSetInstanceTransform(this._rawData.dataSet, 'invalidTravel', invalidTravel);
-                (_e = this._rawData) === null || _e === void 0 ? void 0 : _e.transform({
+                (_f = this._rawData) === null || _f === void 0 ? void 0 : _f.transform({
                     type: 'invalidTravel',
                     options: {
                         config: () => {
@@ -59142,14 +59169,14 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return;
         }
         release() {
-            var _a;
+            var _a, _b, _c;
             super.release();
             this._viewDataMap.clear();
-            const transformIndex = this._rawData.transformsArr.findIndex(t => t.type === 'addVChartProperty');
+            const transformIndex = (_b = (_a = this._rawData) === null || _a === void 0 ? void 0 : _a.transformsArr) === null || _b === void 0 ? void 0 : _b.findIndex(t => t.type === 'addVChartProperty');
             if (transformIndex >= 0) {
                 this._rawData.transformsArr.splice(transformIndex, 1);
             }
-            (_a = this._data) === null || _a === void 0 ? void 0 : _a.release();
+            (_c = this._data) === null || _c === void 0 ? void 0 : _c.release();
             this._dataSet =
                 this._data =
                     this._rawData =
@@ -60705,7 +60732,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return this._chartData;
         }
         constructor(spec, option) {
-            var _a, _b, _c;
+            var _a, _b, _c, _d;
             super(option);
             this.type = 'chart';
             this.id = createID();
@@ -60833,14 +60860,15 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._event = new Event$1(option.eventDispatcher, option.mode);
             this._dataSet = option.dataSet;
             this._chartData = new ChartData(this._dataSet, (_b = this._option) === null || _b === void 0 ? void 0 : _b.onError);
-            this._modelOption = Object.assign(Object.assign({}, option), { mode: this._option.mode, map: this._idMap, getChartLayoutRect: () => this._layoutRect, getChartViewRect: () => this._viewRect, getChart: () => this, globalScale: this._globalScale, onError: (_c = this._option) === null || _c === void 0 ? void 0 : _c.onError, getSeriesData: this._chartData.getSeriesData.bind(this._chartData) });
+            this._modelOption = Object.assign(Object.assign({}, option), { mode: this._option.mode, map: this._idMap, getChartLayoutRect: () => this._layoutRect, getChartViewRect: () => this._viewRect, getChart: () => this, globalScale: this._globalScale, onError: (_c = this._option) === null || _c === void 0 ? void 0 : _c.onError, disableTriggerEvent: ((_d = this._option) === null || _d === void 0 ? void 0 : _d.disableTriggerEvent) === true, getSeriesData: this._chartData.getSeriesData.bind(this._chartData) });
             this._spec = spec;
         }
         created() {
             this._transformer = new this.transformerConstructor({
                 type: this.type,
                 seriesType: this.seriesType,
-                getTheme: this._option.getTheme
+                getTheme: this._option.getTheme,
+                animation: this._option.animation
             });
             this._chartData.parseData(this._spec.data);
             this._createGlobalScale();
@@ -60909,9 +60937,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 return;
             }
             const { spec } = specInfo, others = __rest$7(specInfo, ["spec"]);
-            if (this._option.animation === false) {
-                spec.animation = false;
-            }
             let region;
             if (isValid$1(spec.regionId)) {
                 region = this.getRegionsInUserId(spec.regionId);
@@ -61645,15 +61670,15 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return true;
         }
         _getDefaultSeriesSpec(chartSpec) {
-            var _a, _b, _c;
+            var _a, _b, _c, _d;
             const series = {
                 dataKey: chartSpec.dataKey,
                 hover: chartSpec.hover,
                 select: chartSpec.select,
                 label: chartSpec.label,
                 seriesStyle: chartSpec.seriesStyle,
-                animation: chartSpec.animation,
-                animationThreshold: (_a = chartSpec.animationThreshold) !== null && _a !== void 0 ? _a : (_c = (_b = this._option).getTheme) === null || _c === void 0 ? void 0 : _c.call(_b).animationThreshold,
+                animation: (_a = chartSpec.animation) !== null && _a !== void 0 ? _a : this._option.animation,
+                animationThreshold: (_b = chartSpec.animationThreshold) !== null && _b !== void 0 ? _b : (_d = (_c = this._option).getTheme) === null || _d === void 0 ? void 0 : _d.call(_c).animationThreshold,
                 animationAppear: chartSpec.animationAppear,
                 animationDisappear: chartSpec.animationDisappear,
                 animationEnter: chartSpec.animationEnter,
@@ -64236,11 +64261,17 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }, delayTime));
         }
         initZoomEventOfSeries(s, callback, option) {
+            if (this._option.disableTriggerEvent) {
+                return;
+            }
             if (getDefaultTriggerEventByMode(this._renderMode)) {
                 this._bindZoomEventAsRegion(s.event, s, callback, option);
             }
         }
         initZoomEventOfRegions(regions, filter, callback, option) {
+            if (this._option.disableTriggerEvent) {
+                return;
+            }
             if (getDefaultTriggerEventByMode(this._renderMode)) {
                 regions.forEach(r => {
                     if (filter) {
@@ -64257,7 +64288,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
         _scrollEventDispatch(params, regionOrSeries, callback) {
-            if (!params.event) {
+            if (!params.event || this._option.disableTriggerEvent) {
                 return;
             }
             const { event } = params;
@@ -64299,6 +64330,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
         initScrollEventOfRegions(regions, filter, callback, option) {
+            if (this._option.disableTriggerEvent) {
+                return;
+            }
             if (getDefaultTriggerEventByMode(this._renderMode)) {
                 regions.forEach(r => {
                     if (filter) {
@@ -64333,6 +64367,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             });
         }
         initDragEventOfSeries(s, callback, option) {
+            if (this._option.disableTriggerEvent) {
+                return;
+            }
             if (getDefaultTriggerEventByMode(this._renderMode)) {
                 s.event.on(this._getTriggerEvent('start'), { level: exports.Event_Bubble_Level.model, filter: ({ model }) => (model === null || model === void 0 ? void 0 : model.id) === s.id }, params => {
                     this._handleDrag(params, callback, option);
@@ -64340,6 +64377,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
         initDragEventOfRegions(regions, filter, callback, option) {
+            if (this._option.disableTriggerEvent) {
+                return;
+            }
             if (getDefaultTriggerEventByMode(this._renderMode)) {
                 regions.forEach(r => {
                     if (filter) {
@@ -64362,6 +64402,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         _handleDrag(params, callback, option) {
             var _a, _b, _c;
+            if (this._option.disableTriggerEvent) {
+                return;
+            }
             this._clickEnable = true;
             if (!this._zoomableTrigger.parserDragEvent(params.event)) {
                 return;
@@ -79863,8 +79906,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const titleBackgroundSpec = (_c = spec.title.background) !== null && _c !== void 0 ? _c : {};
             return {
                 orient: this.getOrient(),
-                select: spec.select,
-                hover: spec.hover,
+                select: this._option.disableTriggerEvent === true ? false : spec.select,
+                hover: this._option.disableTriggerEvent === true ? false : spec.hover,
                 line: transformAxisLineStyle(spec.domainLine),
                 label: Object.assign({ style: isFunction$1(spec.label.style)
                         ? (datum, index, data, layer) => {
@@ -82018,6 +82061,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             const result = { x1: this.getLayoutStartPoint().x, y1: this.getLayoutStartPoint().y, x2: 0, y2: 0 };
             const attrs = this._getLegendAttributes(rect);
+            attrs.disableTriggerEvent = this._option.disableTriggerEvent;
             if (this._legendComponent) {
                 if (!isEqual$1(attrs, this._cacheAttrs)) {
                     this._legendComponent.setAttributes(mergeSpec({}, attrs, {
@@ -82034,7 +82078,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 this._legendComponent = legend;
                 const container = this.getContainer();
                 container.add(legend);
-                this._initEvent();
+                if (!this._option.disableTriggerEvent) {
+                    this._initEvent();
+                }
                 legend.on('*', (event, type) => this._delegateEvent(this._legendComponent, event, type));
             }
             this._cacheAttrs = attrs;
@@ -85445,6 +85491,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         _initEvent() {
             var _a;
+            if (this._option.disableTriggerEvent) {
+                return;
+            }
             const trigger = (_a = this._spec.trigger) !== null && _a !== void 0 ? _a : 'hover';
             const mode = this._option.mode;
             if (trigger === 'hover') {
@@ -85694,6 +85743,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return result;
         }
         _initEvent() {
+            if (this._option.disableTriggerEvent) {
+                return;
+            }
             const triggerConfig = this._getTriggerEvent();
             if (triggerConfig) {
                 const { in: triggerEvent, out: outTriggerEvent } = triggerConfig;
@@ -86377,10 +86429,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             else {
                 if (type === 'line') {
-                    crosshair = new LineCrosshair(Object.assign(Object.assign({}, attributes), { lineStyle: style, zIndex: this.gridZIndex + 1 }));
+                    crosshair = new LineCrosshair(Object.assign(Object.assign({}, attributes), { lineStyle: style, zIndex: this.gridZIndex + 1, disableTriggerEvent: this._option.disableTriggerEvent }));
                 }
                 else if (type === 'rect') {
-                    crosshair = new RectCrosshair(Object.assign(Object.assign({}, attributes), { rectStyle: style, zIndex: this.gridZIndex }));
+                    crosshair = new RectCrosshair(Object.assign(Object.assign({}, attributes), { rectStyle: style, zIndex: this.gridZIndex, disableTriggerEvent: this._option.disableTriggerEvent }));
                 }
                 container === null || container === void 0 ? void 0 : container.add(crosshair);
                 if (dim === 'x') {
@@ -87861,7 +87913,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 selectedBackgroundChartStyle: {
                     line: mergeSpec(transformToGraphic((_k = selectedBackgroundChart.line) === null || _k === void 0 ? void 0 : _k.style), { fill: false }),
                     area: Object.assign({ curveType: 'basis', visible: true }, transformToGraphic((_l = selectedBackgroundChart.area) === null || _l === void 0 ? void 0 : _l.style))
-                }
+                },
+                disableTriggerEvent: this._option.disableTriggerEvent
             };
         }
         _getNeedClearVRenderComponents() {
@@ -88021,6 +88074,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (!isEmpty(slider === null || slider === void 0 ? void 0 : slider.style)) {
                 attrs.sliderStyle = transformToGraphic(slider.style);
             }
+            attrs.disableTriggerEvent = this._option.disableTriggerEvent;
             return attrs;
         }
         _getNeedClearVRenderComponents() {
@@ -88117,6 +88171,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         changeRegions(regions) {
         }
         initEvent() {
+            if (this._option.disableTriggerEvent) {
+                return;
+            }
             const trigger = this._spec.trigger;
             if (trigger === 'none') {
                 return;
@@ -89075,7 +89132,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor(spec, options) {
             super(spec, options);
             this.type = ComponentTypeEnum.title;
-            this.specKey = 'title';
+            this.specKey = ComponentTypeEnum.title;
             this.layoutType = 'normal';
             this.layoutZIndex = exports.LayoutZIndex.Title;
             this.layoutLevel = exports.LayoutLevel.Title;
@@ -89197,7 +89254,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
     }
     Title.type = ComponentTypeEnum.title;
-    Title.specKey = 'title';
+    Title.specKey = ComponentTypeEnum.title;
     const registerTitle = () => {
         Factory.registerComponent(Title.type, Title);
     };
@@ -89422,9 +89479,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     dy: (_b = this._spec.dy) !== null && _b !== void 0 ? _b : 0 + this._dy
                 };
                 if (type === 'discrete') {
-                    return Object.assign(Object.assign({}, transformDiscreteSpecToAttrs(this._spec, this._specs)), layoutAttrs);
+                    return Object.assign(Object.assign(Object.assign({}, transformDiscreteSpecToAttrs(this._spec, this._specs)), layoutAttrs), { disableTriggerEvent: this._option.disableTriggerEvent });
                 }
-                return Object.assign(Object.assign({}, transformContinuousSpecToAttrs(this._spec, this._specs)), layoutAttrs);
+                return Object.assign(Object.assign(Object.assign({}, transformContinuousSpecToAttrs(this._spec, this._specs)), layoutAttrs), { disableTriggerEvent: this._option.disableTriggerEvent });
             };
             this._createOrUpdatePlayerComponent = () => {
                 const attrs = Object.assign({}, this._getPlayerAttrs());
@@ -89462,6 +89519,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 return 0;
             };
             this._initEvent = () => {
+                if (this._option.disableTriggerEvent) {
+                    return;
+                }
                 this._option.globalInstance.on(exports.ChartEvent.rendered, () => {
                     var _a;
                     if ((_a = this._spec) === null || _a === void 0 ? void 0 : _a.auto) {
@@ -90660,7 +90720,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         _createBrushComponent(region, componentIndex) {
             var _a, _b;
             const interactiveAttr = this._getBrushInteractiveAttr(region);
-            const brush = new Brush$1(Object.assign(Object.assign({ zIndex: this.layoutZIndex, brushStyle: transformToGraphic((_a = this._spec) === null || _a === void 0 ? void 0 : _a.style) }, interactiveAttr), this._spec));
+            const brush = new Brush$1(Object.assign(Object.assign(Object.assign({ zIndex: this.layoutZIndex, brushStyle: transformToGraphic((_a = this._spec) === null || _a === void 0 ? void 0 : _a.style) }, interactiveAttr), this._spec), { disableTriggerEvent: this._option.disableTriggerEvent }));
             brush.id = (_b = this._spec.id) !== null && _b !== void 0 ? _b : `brush-${this.id}`;
             this.getContainer().add(brush);
             const { brushMode = 'single' } = this._spec;
@@ -90957,6 +91017,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         onLayoutEnd(ctx) {
             var _a;
             super.onLayoutEnd(ctx);
+            if (this._option.disableTriggerEvent) {
+                return;
+            }
             const brushVisible = (_a = this._spec.visible) !== null && _a !== void 0 ? _a : true;
             if (brushVisible) {
                 if (!this._brushComponents) {