@visactor/vchart 1.2.1-alpha.2 → 1.2.1-alpha.3

package/build/index.js

@@ -51704,6 +51704,7 @@
 	    ChartEvent["drill"] = "drill";
 	    ChartEvent["layoutStart"] = "layoutStart";
 	    ChartEvent["layoutEnd"] = "layoutEnd";
+	    ChartEvent["layoutRectUpdate"] = "layoutRectUpdate";
 	    ChartEvent["playerPlay"] = "playerPlay";
 	    ChartEvent["playerPause"] = "playerPause";
 	    ChartEvent["playerEnd"] = "playerEnd";
@@ -54385,7 +54386,7 @@
 	            });
 	        }
 	        else if (Array.isArray(values)) {
-	            dataView.parse(values);
+	            dataView.parse(cloneDeep(values));
 	        }
 	        else if (isString(values) &&
 	            (!parser || parser.type === 'csv' || parser.type === 'dsv' || parser.type === 'tsv')) {
@@ -55228,6 +55229,28 @@
 	        }
 	        return this;
 	    }
+	    updateDataInBatchesSync(list) {
+	        if (this._chart) {
+	            list.forEach(({ id, data, options }) => {
+	                this._chart.updateData(id, data, false, options);
+	            });
+	            this._chart.updateGlobalScaleDomain();
+	            this._compiler.renderSync();
+	            return this;
+	        }
+	        list.forEach(({ id, data, options }) => {
+	            const preDV = this._spec.data.find(dv => dv.name === id);
+	            if (preDV) {
+	                preDV.parse(data, options);
+	            }
+	            else {
+	                const dataView = new DataView(this._dataSet, { name: id });
+	                dataView.parse(data, options);
+	                this._spec.data.push(dataView);
+	            }
+	        });
+	        return this;
+	    }
 	    async updateSpec(spec, forceMerge = false, morphConfig) {
 	        if (!spec) {
 	            return this;
@@ -55886,6 +55909,9 @@
 	    layoutLevel = LayoutLevel.Region;
 	    layoutZIndex = 0;
 	    chartLayoutRect;
+	    getVisible() {
+	        return this._spec?.visible !== false;
+	    }
 	    _setLayoutAttributeFromSpec(spec, chartViewRect) {
 	        if (this._spec.visible !== false) {
 	            const padding = normalizeLayoutPaddingSpec(spec.padding);
@@ -57271,9 +57297,8 @@
 	        };
 	        const rightCurrent = this._chartViewBox.x2 - this._chartViewBox.x1 - this._rightCurrent;
 	        const bottomCurrent = this._chartViewBox.y2 - this._chartViewBox.y1 - this._bottomCurrent;
-	        items.filter;
 	        items.forEach(i => {
-	            if (!i.getAutoIndent()) {
+	            if (!i.getVisible() || !i.getAutoIndent()) {
 	                return;
 	            }
 	            const vOrH = i.layoutOrient === 'left' || i.layoutOrient === 'right';
@@ -58345,7 +58370,7 @@
 	VChart.useMark([ComponentMark, GroupMark, ImageMark]);
 	Factory.registerRegion('region', Region);
 	Factory.registerLayout('base', Layout);
-	const version = "1.2.1-alpha.2";
+	const version = "1.2.1-alpha.3";
 	Logger.getInstance(LoggerLevel.Error);
 
 	var SeriesMarkNameEnum;
@@ -59580,6 +59605,7 @@
 	        this._layoutRect.height = viewRect.height - this.padding.top - this.padding.bottom;
 	        this._layoutRect.x = this.padding.left;
 	        this._layoutRect.y = this.padding.top;
+	        this._event.emit(ChartEvent.layoutRectUpdate, {});
 	    }
 	    getCurrentTheme() {
 	        return this._theme;
@@ -81080,6 +81106,7 @@
 	    _axisStyle;
 	    _latestBounds;
 	    _verticalLimitSize;
+	    _layoutCache = { width: 0, height: 0, _lastComputeOutBounds: { x1: 0, x2: 0, y1: 0, y2: 0 } };
 	    constructor(spec, options) {
 	        super(spec, {
 	            ...options
@@ -81434,7 +81461,7 @@
 	        }
 	        result.width = Math.ceil(result.width);
 	        result.height = Math.ceil(result.height);
-	        return this._setRectInSpec(result);
+	        return this._setRectInSpec(this._layoutCacheProcessing(result));
 	    }
 	    boundsInRect(rect) {
 	        let result = { x1: 0, y1: 0, x2: 0, y2: 0 };
@@ -81586,6 +81613,9 @@
 	        super.initEvent();
 	        if (this.visible) {
 	            this.event.on(ChartEvent.layoutEnd, this._fixAxisOnZero);
+	            this.event.on(ChartEvent.layoutRectUpdate, () => {
+	                this._clearLayoutCache();
+	            });
 	        }
 	    }
 	    _fixAxisOnZero = () => {
@@ -81637,6 +81667,33 @@
 	            }
 	        }
 	    };
+	    _layoutCacheProcessing(rect) {
+	        ['width', 'height'].forEach(key => {
+	            if (rect[key] < this._layoutCache[key]) {
+	                rect[key] = this._layoutCache[key];
+	            }
+	            else {
+	                this._layoutCache[key] = rect[key];
+	            }
+	        });
+	        ['x1', 'x2', 'y1', 'y2'].forEach(key => {
+	            if (this._lastComputeOutBounds[key] < this._layoutCache._lastComputeOutBounds[key]) {
+	                this._lastComputeOutBounds[key] = this._layoutCache._lastComputeOutBounds[key];
+	            }
+	            else {
+	                this._layoutCache._lastComputeOutBounds[key] = this._lastComputeOutBounds[key];
+	            }
+	        });
+	        return rect;
+	    }
+	    _clearLayoutCache() {
+	        this._layoutCache.width = 0;
+	        this._layoutCache.height = 0;
+	        this._layoutCache._lastComputeOutBounds = { x1: 0, x2: 0, y1: 0, y2: 0 };
+	    }
+	    onDataUpdate() {
+	        this._clearLayoutCache();
+	    }
 	}
 
 	const e10 = Math.sqrt(50);