@visactor/vchart 1.3.3 → 1.3.4

package/build/index.js

@@ -53718,6 +53718,13 @@
 	function getDirectionByOrient(orient) {
 	    return orient === 'top' || orient === 'bottom' ? Direction.horizontal : Direction.vertical;
 	}
+	function transformInverse(spec, isHorizontal) {
+	    let inverse = spec.inverse;
+	    if (isHorizontal && !isXAxis(spec.orient)) {
+	        inverse = isValid$1(spec.inverse) ? !spec.inverse : true;
+	    }
+	    return inverse;
+	}
 
 	const getAxis$1 = (chart, type, pos) => {
 	    const axesComponents = chart
@@ -57495,11 +57502,12 @@
 	                spec = mergeSpec({}, this._spec, spec);
 	            }
 	            yield this.updateCustomConfigAndRerender(() => {
-	                var _a, _b;
+	                var _a, _b, _c;
 	                spec = specTransform(spec);
 	                this._spec = spec;
 	                this._updateCurrentTheme();
-	                (_b = (_a = this._compiler) === null || _a === void 0 ? void 0 : _a.getVGrammarView()) === null || _b === void 0 ? void 0 : _b.updateLayoutTag();
+	                (_a = this._chart) === null || _a === void 0 ? void 0 : _a.setCurrentTheme(this._currentTheme, true);
+	                (_c = (_b = this._compiler) === null || _b === void 0 ? void 0 : _b.getVGrammarView()) === null || _c === void 0 ? void 0 : _c.updateLayoutTag();
 	                return this._chart.updateSpec(spec, morphConfig);
 	            }, morphConfig);
 	            return this;
@@ -58182,7 +58190,7 @@
 	        this.layoutZIndex = 0;
 	    }
 	    getSpec() {
-	        return this._spec;
+	        return this._spec || {};
 	    }
 	    getAutoIndent() {
 	        return this._autoIndent;
@@ -60733,7 +60741,7 @@
 	VChart.useMark([ComponentMark, GroupMark, ImageMark]);
 	Factory.registerRegion('region', Region);
 	Factory.registerLayout('base', Layout);
-	const version = "1.3.3";
+	const version = "1.3.4";
 	Logger.getInstance(LoggerLevel.Error);
 
 	const Appear_ClipIn$1 = {
@@ -69365,17 +69373,17 @@
 	        return defaultStyle;
 	    }
 	    _filterStyle(style, state, level, stateStyle = this.stateStyle) {
-	        var _a, _b, _c, _d, _e, _f;
+	        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
 	        if (isValid$1(style.innerRadius)) {
 	            this.setAttribute('innerRadius', this._styleConvert(style.innerRadius), state, level, this._cacheStateStyle);
 	        }
 	        if (isValid$1(style.outerRadius)) {
 	            this.setAttribute('outerRadius', this._styleConvert(style.outerRadius), state, level, this._cacheStateStyle);
 	        }
-	        const innerPadding = (_a = style.innerPadding) !== null && _a !== void 0 ? _a : stateStyle[state].innerPadding.style;
-	        const outerPadding = (_b = style.outerPadding) !== null && _b !== void 0 ? _b : stateStyle[state].outerPadding.style;
-	        const innerRadius = (_d = (_c = style.innerRadius) !== null && _c !== void 0 ? _c : this._cacheStateStyle[state].innerRadius.style) !== null && _d !== void 0 ? _d : stateStyle[state].innerRadius.style;
-	        const outerRadius = (_f = (_e = style.outerRadius) !== null && _e !== void 0 ? _e : this._cacheStateStyle[state].outerRadius.style) !== null && _f !== void 0 ? _f : stateStyle[state].outerRadius.style;
+	        const innerPadding = (_a = style.innerPadding) !== null && _a !== void 0 ? _a : (_c = (_b = stateStyle[state]) === null || _b === void 0 ? void 0 : _b.innerPadding) === null || _c === void 0 ? void 0 : _c.style;
+	        const outerPadding = (_d = style.outerPadding) !== null && _d !== void 0 ? _d : (_f = (_e = stateStyle[state]) === null || _e === void 0 ? void 0 : _e.outerPadding) === null || _f === void 0 ? void 0 : _f.style;
+	        const innerRadius = (_k = (_g = style.innerRadius) !== null && _g !== void 0 ? _g : (_j = (_h = this._cacheStateStyle[state]) === null || _h === void 0 ? void 0 : _h.innerRadius) === null || _j === void 0 ? void 0 : _j.style) !== null && _k !== void 0 ? _k : (_m = (_l = stateStyle[state]) === null || _l === void 0 ? void 0 : _l.innerRadius) === null || _m === void 0 ? void 0 : _m.style;
+	        const outerRadius = (_r = (_o = style.outerRadius) !== null && _o !== void 0 ? _o : (_q = (_p = this._cacheStateStyle[state]) === null || _p === void 0 ? void 0 : _p.outerRadius) === null || _q === void 0 ? void 0 : _q.style) !== null && _r !== void 0 ? _r : (_t = (_s = stateStyle[state]) === null || _s === void 0 ? void 0 : _s.outerRadius) === null || _t === void 0 ? void 0 : _t.style;
 	        if (innerRadius === 0 && outerRadius === 0) {
 	            return style;
 	        }
@@ -69387,7 +69395,9 @@
 	                if (isFunction$1(innerRadius)) {
 	                    newStyle.innerRadius = (item, ctx, opt, source) => {
 	                        const result = innerRadius(item, ctx, opt, source);
-	                        const padding = isFunction$1(innerPadding) ? innerPadding(item, ctx, opt, source) : innerPadding;
+	                        const padding = isFunction$1(innerPadding)
+	                            ? innerPadding(item, ctx, opt, source)
+	                            : innerPadding;
 	                        return result + padding;
 	                    };
 	                }
@@ -69407,7 +69417,9 @@
 	                if (isFunction$1(outerRadius)) {
 	                    newStyle.outerRadius = (item, ctx, opt, source) => {
 	                        const result = outerRadius(item, ctx, opt, source);
-	                        const padding = isFunction$1(outerPadding) ? outerPadding(item, ctx, opt, source) : outerPadding;
+	                        const padding = isFunction$1(outerPadding)
+	                            ? outerPadding(item, ctx, opt, source)
+	                            : outerPadding;
 	                        return result - padding;
 	                    };
 	                }
@@ -71352,7 +71364,7 @@
 	                fill: this.getColorAttribute(),
 	                zIndex: 200,
 	                forceShowCap: true
-	            });
+	            }, 'normal', AttributeLevel.Series);
 	            this._trigger.registerMark(progressMark);
 	            (_b = this._tooltipHelper) === null || _b === void 0 ? void 0 : _b.activeTriggerSet.mark.add(progressMark);
 	        }
@@ -71377,7 +71389,7 @@
 	                cornerRadius: this._spec.cornerRadius,
 	                fill: this.getColorAttribute(),
 	                zIndex: 100
-	            });
+	            }, 'normal', AttributeLevel.Series);
 	            this._trigger.registerMark(trackMark);
 	        }
 	    }
@@ -71424,7 +71436,7 @@
 	    _getDefaultSeriesSpec(spec) {
 	        var _a, _b;
 	        const series = super._getDefaultSeriesSpec(spec);
-	        return Object.assign(Object.assign({}, series), { cornerRadius: (_a = spec.cornerRadius) !== null && _a !== void 0 ? _a : 0, roundCap: (_b = spec.roundCap) !== null && _b !== void 0 ? _b : false, progress: spec.progress, background: spec.background });
+	        return Object.assign(Object.assign({}, series), { cornerRadius: (_a = spec.cornerRadius) !== null && _a !== void 0 ? _a : 0, roundCap: (_b = spec.roundCap) !== null && _b !== void 0 ? _b : false, progress: spec.progress, track: spec.track });
 	    }
 	    transformSpec(spec) {
 	        super.transformSpec(spec);
@@ -71499,7 +71511,7 @@
 	                    width: this._spec.bandWidth - leftPadding - rightPadding,
 	                    cornerRadius: this._spec.cornerRadius,
 	                    fill: this.getColorAttribute()
-	                });
+	                }, 'normal', AttributeLevel.Series);
 	            }
 	            else {
 	                const topPadding = (_f = (_e = this._spec.progress) === null || _e === void 0 ? void 0 : _e.topPadding) !== null && _f !== void 0 ? _f : 0;
@@ -71520,7 +71532,7 @@
 	                    width: () => { var _a; return (_a = this._xAxisHelper) === null || _a === void 0 ? void 0 : _a.dataToPosition([1], { bandPosition: this._bandPosition }); },
 	                    cornerRadius: this._spec.cornerRadius,
 	                    fill: this.getColorAttribute()
-	                });
+	                }, 'normal', AttributeLevel.Series);
 	            }
 	            this._trigger.registerMark(progressMark);
 	            (_j = this._tooltipHelper) === null || _j === void 0 ? void 0 : _j.activeTriggerSet.mark.add(progressMark);
@@ -71533,7 +71545,7 @@
 	        return this._trackMark;
 	    }
 	    initTrackMarkStyle() {
-	        var _a, _b, _c, _d, _e;
+	        var _a;
 	        const trackMark = this._trackMark;
 	        if (trackMark) {
 	            if (this._spec.direction === 'vertical') {
@@ -71546,9 +71558,8 @@
 	                    y: 0,
 	                    width: this._spec.bandWidth,
 	                    height: () => this._scaleY.range()[0],
-	                    cornerRadius: this._spec.cornerRadius,
-	                    fill: (_b = (_a = this._spec.track) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.fill
-	                });
+	                    cornerRadius: this._spec.cornerRadius
+	                }, 'normal', AttributeLevel.Series);
 	            }
 	            else {
 	                this.setMarkStyle(trackMark, {
@@ -71560,12 +71571,11 @@
 	                    },
 	                    height: this._spec.bandWidth,
 	                    width: () => this._scaleX.range()[1],
-	                    cornerRadius: this._spec.cornerRadius,
-	                    fill: (_d = (_c = this._spec.track) === null || _c === void 0 ? void 0 : _c.style) === null || _d === void 0 ? void 0 : _d.fill
-	                });
+	                    cornerRadius: this._spec.cornerRadius
+	                }, 'normal', AttributeLevel.Series);
 	            }
 	            this._trigger.registerMark(trackMark);
-	            (_e = this._tooltipHelper) === null || _e === void 0 ? void 0 : _e.activeTriggerSet.mark.add(trackMark);
+	            (_a = this._tooltipHelper) === null || _a === void 0 ? void 0 : _a.activeTriggerSet.mark.add(trackMark);
 	        }
 	    }
 	    initProgressGroupMark() {
@@ -79919,8 +79929,9 @@
 	        }
 	    }
 	    getContainer() {
+	        var _a;
 	        if (!this._container) {
-	            this._container = this._option.globalInstance.getStage().find(node => node.name === 'root', true);
+	            this._container = (_a = this._option) === null || _a === void 0 ? void 0 : _a.globalInstance.getStage().find(node => node.name === 'root', true);
 	        }
 	        return this._container;
 	    }
@@ -82993,11 +83004,7 @@
 	        const componentName = `${CartesianAxis.type}-${axisType}`;
 	        const C = Factory.getComponentInKey(componentName);
 	        if (C) {
-	            let inverse = spec.inverse;
-	            if (isHorizontal && !isXAxis(spec.orient)) {
-	                inverse = isValid$1(spec.inverse) ? !spec.inverse : true;
-	            }
-	            return new C(Object.assign(Object.assign({}, spec), { type: axisType, inverse }), options);
+	            return new C(Object.assign(Object.assign({}, spec), { type: axisType, inverse: transformInverse(spec, isHorizontal) }), options);
 	        }
 	        options.onError(`Component ${componentName} not found`);
 	        return null;
@@ -83503,6 +83510,10 @@
 	    onDataUpdate() {
 	        this._clearLayoutCache();
 	    }
+	    updateSpec(spec) {
+	        const chartSpec = this._option.getChart().getSpec();
+	        return super.updateSpec(Object.assign(Object.assign({}, spec), { inverse: transformInverse(spec, chartSpec.direction === Direction.horizontal) }));
+	    }
 	}
 	CartesianAxis.type = ComponentTypeEnum.cartesianAxis;