@visactor/vchart 1.13.3-alpha.0 → 1.13.3-alpha.2

package/build/index.es.js

@@ -46223,13 +46223,8 @@ const mapLabel = {
     }
 };
 
-const markArea = {
-    area: {
-        style: {
-            fill: { type: 'palette', key: 'axisDomainColor', a: 0.25 }
-        }
-    },
-    label: {
+const getCommonLabelTheme = () => {
+    return {
         style: {
             fontSize: { type: 'token', key: 'l4FontSize' },
             fontWeight: 'normal',
@@ -46248,7 +46243,16 @@ const markArea = {
                 fill: { type: 'palette', key: 'markLabelBackgroundColor' }
             }
         }
-    }
+    };
+};
+
+const markArea = {
+    area: {
+        style: {
+            fill: { type: 'palette', key: 'axisDomainColor', a: 0.25 }
+        }
+    },
+    label: getCommonLabelTheme()
 };
 
 const getSymbolTheme = (visible) => {
@@ -46263,6 +46267,8 @@ const getSymbolTheme = (visible) => {
         }
     };
 };
+const labelTheme = getCommonLabelTheme();
+labelTheme.refY = 5;
 const markLine = {
     line: {
         style: {
@@ -46272,27 +46278,7 @@ const markLine = {
     },
     startSymbol: getSymbolTheme(false),
     endSymbol: getSymbolTheme(true),
-    label: {
-        refY: 5,
-        style: {
-            fontSize: { type: 'token', key: 'l4FontSize' },
-            fontWeight: 'normal',
-            fontStyle: 'normal',
-            fill: { type: 'palette', key: 'primaryFontColor' }
-        },
-        labelBackground: {
-            padding: {
-                top: 2,
-                bottom: 2,
-                right: 4,
-                left: 4
-            },
-            style: {
-                cornerRadius: 3,
-                fill: { type: 'palette', key: 'markLabelBackgroundColor' }
-            }
-        }
-    }
+    label: labelTheme
 };
 
 const markPoint = {
@@ -56635,7 +56621,7 @@ class EventDispatcher {
         this._windowListeners = new Map();
         this._canvasListeners = new Map();
         this._onDelegate = (listenerParams) => {
-            var _a;
+            var _a, _b;
             const chart = this.globalInstance.getChart();
             const model = (isValid$1(listenerParams.modelId) && (chart === null || chart === void 0 ? void 0 : chart.getModelById(listenerParams.modelId))) || undefined;
             const mark = (isValid$1(listenerParams.markId) && (chart === null || chart === void 0 ? void 0 : chart.getMarkById(listenerParams.markId))) || null;
@@ -56651,11 +56637,16 @@ class EventDispatcher {
                 }
                 targetMark = targetMark.group;
             }
+            const node = get$1(listenerParams.event, 'target');
+            let datum = listenerParams.datum;
+            if (model && model.modelType === 'component') {
+                datum = (_b = model.getDatum(node)) !== null && _b !== void 0 ? _b : datum;
+            }
             const params = {
                 event: listenerParams.event,
                 item: listenerParams.item,
-                datum: listenerParams.datum,
                 source: listenerParams.source,
+                datum,
                 itemMap,
                 chart,
                 model,
@@ -57230,7 +57221,7 @@ class Compiler {
             });
         }
         const _e = this._option, { performanceHook, autoRefreshDpr, dpr, mode, gestureConfig, interactive, clickInterval, autoPreventDefault } = _e, restOption = __rest$e(_e, ["performanceHook", "autoRefreshDpr", "dpr", "mode", "gestureConfig", "interactive", "clickInterval", "autoPreventDefault"]);
-        this._view = new View(Object.assign(Object.assign({ width: this._width, height: this._height, container: (_c = this._container.dom) !== null && _c !== void 0 ? _c : null, renderCanvas: (_d = this._container.canvas) !== null && _d !== void 0 ? _d : null, hooks: performanceHook }, restOption), { autoRefresh: isValid$1(autoRefreshDpr) ? autoRefreshDpr : !isValid$1(dpr), mode: toRenderMode(mode), autoFit: false, eventConfig: {
+        this._view = new View(Object.assign(Object.assign({ width: this._width, height: this._height, container: (_c = this._container.dom) !== null && _c !== void 0 ? _c : null, renderCanvas: (_d = this._container.canvas) !== null && _d !== void 0 ? _d : null, hooks: performanceHook }, restOption), { dpr, autoRefresh: isValid$1(autoRefreshDpr) ? autoRefreshDpr : !isValid$1(dpr), mode: toRenderMode(mode), autoFit: false, eventConfig: {
                 gesture: isValid$1(gestureConfig) ? gestureConfig : isMobileLikeMode(mode),
                 disable: interactive === false,
                 clickInterval,
@@ -60049,6 +60040,9 @@ function curveTypeTransform(type, direction) {
     }
     return type;
 }
+function is3DMark(type) {
+    return ["arc3d", "rect3d", "pyramid3d"].includes(type);
+}
 
 class MarkStateManager extends StateManager {
     getStateInfoList() {
@@ -61469,8 +61463,8 @@ class VChart {
             }
             const reSize = this._shouldChartResize(lastSpec);
             result.reSize = reSize;
-            (_b = (_a = this._compiler) === null || _a === void 0 ? void 0 : _a.getVGrammarView()) === null || _b === void 0 ? void 0 : _b.updateLayoutTag();
             if (this._spec.type !== lastSpec.type) {
+                (_b = (_a = this._compiler) === null || _a === void 0 ? void 0 : _a.getVGrammarView()) === null || _b === void 0 ? void 0 : _b.updateLayoutTag();
                 result.reMake = true;
                 result.reTransformSpec = true;
                 result.change = true;
@@ -61517,6 +61511,12 @@ class VChart {
         if (spec.type === "sankey") {
             pluginList.push('scrollbar');
         }
+        const performanceHook = Object.assign({}, (restOptions.performanceHook || {}));
+        Object.keys(performanceHook).forEach(hookKey => {
+            restOptions.performanceHook[hookKey] = (...args) => {
+                performanceHook[hookKey](...args, this);
+            };
+        });
         this._compiler = new Compiler({
             dom: (_c = this._container) !== null && _c !== void 0 ? _c : 'none',
             canvas: renderCanvas
@@ -61593,7 +61593,7 @@ class VChart {
         }
         this._chart = chart;
         this._chart.setCanvasRect(this._currentSize.width, this._currentSize.height);
-        this._chart.created();
+        this._chart.created(this._chartSpecTransformer);
         this._chart.init();
         this._event.emit(ChartEvent.initialized, {
             chart,
@@ -61610,13 +61610,14 @@ class VChart {
         if (!this._compiler) {
             return;
         }
-        this._compiler.getVGrammarView().addEventListener(HOOK_EVENT.ALL_ANIMATION_END, () => {
+        const view = this._compiler.getVGrammarView();
+        view.addEventListener(HOOK_EVENT.ALL_ANIMATION_END, () => {
             this._event.emit(ChartEvent.animationFinished, {
                 chart: this._chart,
                 vchart: this
             });
         });
-        this._compiler.getVGrammarView().addEventListener(HOOK_EVENT.AFTER_VRENDER_NEXT_RENDER, () => {
+        view.addEventListener(HOOK_EVENT.AFTER_VRENDER_NEXT_RENDER, () => {
             this._event.emit(ChartEvent.renderFinished, {
                 chart: this._chart,
                 vchart: this
@@ -61700,20 +61701,24 @@ class VChart {
         return this._beforeRender(option);
     }
     _reCompile(updateResult, morphConfig) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         if (updateResult.reMake) {
             this._releaseData();
             this._initDataSet();
-            this._chartSpecTransformer = null;
             (_a = this._chart) === null || _a === void 0 ? void 0 : _a.release();
             this._chart = null;
-            if (updateResult.changeTheme) {
-                this._setCurrentTheme();
-                this._setFontFamilyTheme((_b = this._currentTheme) === null || _b === void 0 ? void 0 : _b.fontFamily);
-            }
-            else if (updateResult.changeBackground) {
-                (_c = this._compiler) === null || _c === void 0 ? void 0 : _c.setBackground(this._getBackground());
-            }
+        }
+        if (updateResult.reTransformSpec) {
+            this._chartSpecTransformer = null;
+        }
+        if (updateResult.changeTheme) {
+            this._setCurrentTheme();
+            this._setFontFamilyTheme((_b = this._currentTheme) === null || _b === void 0 ? void 0 : _b.fontFamily);
+        }
+        else if (updateResult.changeBackground) {
+            (_c = this._compiler) === null || _c === void 0 ? void 0 : _c.setBackground(this._getBackground());
+        }
+        if (updateResult.reMake) {
             (_d = this._compiler) === null || _d === void 0 ? void 0 : _d.releaseGrammar(((_e = this._option) === null || _e === void 0 ? void 0 : _e.animation) === false || ((_f = this._spec) === null || _f === void 0 ? void 0 : _f.animation) === false);
             this._userEvents.forEach(e => { var _a; return (_a = this._event) === null || _a === void 0 ? void 0 : _a.on(e.eType, e.query, e.handler); });
             if (updateResult.reSize) {
@@ -61721,16 +61726,9 @@ class VChart {
             }
         }
         else {
-            if (updateResult.changeTheme) {
-                this._setCurrentTheme();
-                this._setFontFamilyTheme((_g = this._currentTheme) === null || _g === void 0 ? void 0 : _g.fontFamily);
-            }
-            else if (updateResult.changeBackground) {
-                (_h = this._compiler) === null || _h === void 0 ? void 0 : _h.setBackground(this._getBackground());
-            }
             if (updateResult.reCompile) {
-                (_j = this._compiler) === null || _j === void 0 ? void 0 : _j.clear({ chart: this._chart, vChart: this }, ((_k = this._option) === null || _k === void 0 ? void 0 : _k.animation) === false || ((_l = this._spec) === null || _l === void 0 ? void 0 : _l.animation) === false);
-                (_m = this._compiler) === null || _m === void 0 ? void 0 : _m.compile({ chart: this._chart, vChart: this }, {});
+                (_g = this._compiler) === null || _g === void 0 ? void 0 : _g.clear({ chart: this._chart, vChart: this }, ((_h = this._option) === null || _h === void 0 ? void 0 : _h.animation) === false || ((_j = this._spec) === null || _j === void 0 ? void 0 : _j.animation) === false);
+                (_k = this._compiler) === null || _k === void 0 ? void 0 : _k.compile({ chart: this._chart, vChart: this }, {});
             }
             if (updateResult.reSize) {
                 const { width, height } = this.getCurrentSize();
@@ -61973,22 +61971,7 @@ class VChart {
     }
     updateModelSpec(filter, spec, forceMerge = false, morphConfig) {
         return __awaiter$a(this, void 0, void 0, function* () {
-            if (!spec || !this._spec) {
-                return this;
-            }
-            if (isString$1(spec)) {
-                spec = JSON.parse(spec);
-            }
-            if (!isFunction$1(filter)) {
-                mergeSpecWithFilter(this._spec, filter, spec, forceMerge);
-            }
-            if (this._chart) {
-                const model = this._chart.getModelInFilter(filter);
-                if (model) {
-                    return this._updateModelSpec(model, spec, false, forceMerge, morphConfig);
-                }
-            }
-            return this;
+            return this.updateModelSpecSync(filter, spec, forceMerge, morphConfig);
         });
     }
     updateModelSpecSync(filter, spec, forceMerge = false, morphConfig) {
@@ -62216,18 +62199,8 @@ class VChart {
         return this._currentThemeName;
     }
     setCurrentTheme(name) {
-        var _a;
         return __awaiter$a(this, void 0, void 0, function* () {
-            if (!ThemeManager$1.themeExist(name)) {
-                return this;
-            }
-            const result = this._setCurrentTheme(name);
-            this._setFontFamilyTheme((_a = this._currentTheme) === null || _a === void 0 ? void 0 : _a.fontFamily);
-            yield this.updateCustomConfigAndRerender(result, false, {
-                transformSpec: false,
-                actionSource: 'setCurrentTheme'
-            });
-            return this;
+            return this.setCurrentThemeSync(name);
         });
     }
     setCurrentThemeSync(name) {
@@ -62571,17 +62544,14 @@ class VChart {
         }
     }
     geoZoomByIndex(regionIndex = 0, zoom, center) {
-        var _a, _b;
-        const region = (_a = this._chart) === null || _a === void 0 ? void 0 : _a.getRegionsInQuerier({ regionIndex })[0];
-        const geoCoordinates = (_b = this._chart) === null || _b === void 0 ? void 0 : _b.getComponentsByType(ComponentTypeEnum.geoCoordinate);
-        const coord = geoCoordinates === null || geoCoordinates === void 0 ? void 0 : geoCoordinates.find(coord => { var _a; return (_a = coord.getRegions()) === null || _a === void 0 ? void 0 : _a.includes(region); });
-        if (coord) {
-            coord.dispatchZoom(zoom, center);
-        }
+        this._geoZoomByQuery({ regionIndex }, zoom, center);
     }
     geoZoomById(regionId, zoom, center) {
+        this._geoZoomByQuery({ regionId }, zoom, center);
+    }
+    _geoZoomByQuery(query, zoom, center) {
         var _a, _b;
-        const region = (_a = this._chart) === null || _a === void 0 ? void 0 : _a.getRegionsInQuerier({ regionId })[0];
+        const region = (_a = this._chart) === null || _a === void 0 ? void 0 : _a.getRegionsInQuerier(query)[0];
         const geoCoordinates = (_b = this._chart) === null || _b === void 0 ? void 0 : _b.getComponentsByType(ComponentTypeEnum.geoCoordinate);
         const coord = geoCoordinates === null || geoCoordinates === void 0 ? void 0 : geoCoordinates.find(coord => { var _a; return (_a = coord.getRegions()) === null || _a === void 0 ? void 0 : _a.includes(region); });
         if (coord) {
@@ -62647,7 +62617,7 @@ const registerVChartCore = () => {
 };
 registerVChartCore();
 
-const version = "1.13.3-alpha.0";
+const version = "1.13.3-alpha.2";
 
 const addVChartProperty = (data, op) => {
     const context = op.beforeCall();
@@ -64761,7 +64731,7 @@ class BaseSeries extends BaseModel {
             if (stateSort) {
                 m.setStateSortCallback(stateSort);
             }
-            const markConfig = Object.assign(Object.assign({}, config), { morph: (_b = config.morph) !== null && _b !== void 0 ? _b : false, support3d: (_c = config.support3d) !== null && _c !== void 0 ? _c : (spec.support3d || !!spec.zField), morphKey: ((_d = spec.morph) === null || _d === void 0 ? void 0 : _d.morphKey) || `${this.getSpecIndex()}_${this.getMarks().length}`, morphElementKey: (_f = (_e = spec.morph) === null || _e === void 0 ? void 0 : _e.morphElementKey) !== null && _f !== void 0 ? _f : config.morphElementKey });
+            const markConfig = Object.assign(Object.assign({}, config), { morph: (_b = config.morph) !== null && _b !== void 0 ? _b : false, support3d: is3DMark(markInfo.type) || ((_c = config.support3d) !== null && _c !== void 0 ? _c : (spec.support3d || !!spec.zField)), morphKey: ((_d = spec.morph) === null || _d === void 0 ? void 0 : _d.morphKey) || `${this.getSpecIndex()}_${this.getMarks().length}`, morphElementKey: (_f = (_e = spec.morph) === null || _e === void 0 ? void 0 : _e.morphElementKey) !== null && _f !== void 0 ? _f : config.morphElementKey });
             m.setMarkConfig(markConfig);
             this.initMarkStyleWithSpec(m, mergeSpec({}, themeSpec, markSpec || spec[m.name]));
         }
@@ -66465,6 +66435,9 @@ class BaseComponent extends LayoutModel {
     getBoundsInRect(rect, fullRect) {
         return { x1: 0, x2: 0, y1: 0, y2: 0 };
     }
+    getDatum(graphic) {
+        return;
+    }
 }
 BaseComponent.transformerConstructor = BaseComponentSpecTransformer;
 
@@ -66969,6 +66942,15 @@ class AxisComponent extends BaseComponent {
     dataToPosition(values) {
         return this._scale.scale(values);
     }
+    getDatum(childGraphic) {
+        var _a, _b;
+        if (childGraphic && childGraphic.name === AXIS_ELEMENT_NAME.label) {
+            return childGraphic.data;
+        }
+        if (this._axisMark) {
+            return (_b = (_a = this._axisMark.getProduct()) === null || _a === void 0 ? void 0 : _a.getGroupGraphicItem()) === null || _b === void 0 ? void 0 : _b.attribute.items;
+        }
+    }
 }
 AxisComponent.specKey = 'axes';
 const registerAxis = () => {
@@ -69209,11 +69191,11 @@ class BaseChart extends CompilableBase {
         return this._layoutTag;
     }
     setLayoutTag(tag, morphConfig, renderNextTick = true) {
-        var _a;
         this._layoutTag = tag;
-        if ((_a = this.getCompiler()) === null || _a === void 0 ? void 0 : _a.getVGrammarView()) {
-            this.getCompiler().getVGrammarView().updateLayoutTag();
-            tag && renderNextTick && this.getCompiler().renderNextTick(morphConfig);
+        const compiler = this.getCompiler();
+        if (compiler === null || compiler === void 0 ? void 0 : compiler.getVGrammarView()) {
+            compiler.getVGrammarView().updateLayoutTag();
+            tag && renderNextTick && compiler.renderNextTick(morphConfig);
         }
         return this._layoutTag;
     }
@@ -69361,15 +69343,14 @@ class BaseChart extends CompilableBase {
         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: (_b = this._option) === null || _b === void 0 ? void 0 : _b.onError, disableTriggerEvent: ((_c = this._option) === null || _c === void 0 ? void 0 : _c.disableTriggerEvent) === true, getSeriesData: this._chartData.getSeriesData.bind(this._chartData) });
         this._spec = spec;
     }
-    created() {
-        this._transformer = new this.transformerConstructor(Object.assign(Object.assign({}, this._option), { type: this.type, seriesType: this.seriesType }));
+    created(transformer) {
         this._chartData.parseData(this._spec.data);
         this._createGlobalScale();
         this._createBackground();
         this._createLayout();
-        this._transformer.forEachRegionInSpec(this._spec, this._createRegion.bind(this));
-        this._transformer.forEachSeriesInSpec(this._spec, this._createSeries.bind(this));
-        this._transformer.forEachComponentInSpec(this._spec, this._createComponent.bind(this), this._option.getSpecInfo());
+        transformer.forEachRegionInSpec(this._spec, this._createRegion.bind(this));
+        transformer.forEachSeriesInSpec(this._spec, this._createSeries.bind(this));
+        transformer.forEachComponentInSpec(this._spec, this._createComponent.bind(this), this._option.getSpecInfo());
     }
     init() {
         var _a, _b, _c, _d;
@@ -70209,25 +70190,28 @@ class BaseChartSpecTransformer {
             });
         }
     }
-    transformModelSpec(chartSpec) {
-        const transform = (constructor, specInfo, chartSpecInfo) => {
+    generateTransform(chartSpec, isRuntime) {
+        return (constructor, specInfo, chartSpecInfo) => {
             const { spec, specPath, specInfoPath, type } = specInfo;
             const transformer = new constructor.transformerConstructor(Object.assign(Object.assign({}, this._option), { type }));
             const transformResult = transformer.transformSpec(spec, chartSpec, chartSpecInfo);
-            setProperty(chartSpec, specPath, transformResult.spec);
-            setProperty(chartSpecInfo, specInfoPath !== null && specInfoPath !== void 0 ? specInfoPath : specPath, Object.assign(Object.assign({}, specInfo), transformResult));
+            const chartSpecInfoValue = Object.assign(Object.assign({}, specInfo), transformResult);
+            if (isRuntime) {
+                chartSpecInfoValue.theme = transformer.getTheme(spec, chartSpec);
+            }
+            else {
+                setProperty(chartSpec, specPath, transformResult.spec);
+            }
+            setProperty(chartSpecInfo, specInfoPath !== null && specInfoPath !== void 0 ? specInfoPath : specPath, chartSpecInfoValue);
         };
-        return this.createSpecInfo(chartSpec, transform);
+    }
+    transformModelSpec(chartSpec) {
+        return this.createSpecInfo(chartSpec, this.generateTransform(chartSpec, false));
     }
     createSpecInfo(chartSpec, transform) {
         var _a, _b;
         if (!transform) {
-            transform = (constructor, specInfo, chartSpecInfo) => {
-                const { spec, specPath, specInfoPath, type } = specInfo;
-                const transformer = new constructor.transformerConstructor(Object.assign(Object.assign({}, this._option), { type }));
-                const transformResult = transformer.transformSpec(spec, chartSpec, chartSpecInfo);
-                setProperty(chartSpecInfo, specInfoPath !== null && specInfoPath !== void 0 ? specInfoPath : specPath, Object.assign(Object.assign(Object.assign({}, specInfo), transformResult), { theme: transformer.getTheme(spec, chartSpec) }));
-            };
+            transform = this.generateTransform(chartSpec, true);
         }
         const currentChartSpecInfo = {};
         this.forEachRegionInSpec(chartSpec, transform, currentChartSpecInfo);
@@ -70275,7 +70259,7 @@ class BaseChartSpecTransformer {
     _isValidSeries(seriesType) {
         return true;
     }
-    _getDefaultSeriesSpec(chartSpec) {
+    _getDefaultSeriesSpec(chartSpec, pickKeys, pickKeys2) {
         var _a, _b, _c, _d;
         const series = {
             dataKey: chartSpec.dataKey,
@@ -70303,6 +70287,21 @@ class BaseChartSpecTransformer {
             morph: chartSpec.morph,
             interactions: chartSpec.interactions
         };
+        const seriesType = this.seriesType;
+        if (seriesType) {
+            series.type = seriesType;
+            series[seriesType] = chartSpec[seriesType];
+        }
+        if (pickKeys && pickKeys.length) {
+            pickKeys.forEach(k => {
+                series[k] = chartSpec[k];
+            });
+        }
+        if (pickKeys2 && pickKeys2.length) {
+            pickKeys2.forEach(k => {
+                series[k] = chartSpec[k];
+            });
+        }
         return series;
     }
     forEachRegionInSpec(chartSpec, callbackfn, chartSpecInfo) {
@@ -70467,33 +70466,23 @@ class CartesianChartSpecTransformer extends BaseChartSpecTransformer {
     _isValidSeries(type) {
         return this.seriesType ? type === this.seriesType : true;
     }
-    _getDefaultSeriesSpec(spec) {
-        const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { xField: spec.xField, yField: spec.yField, zField: spec.zField, seriesField: spec.seriesField, seriesStyle: spec.seriesStyle, direction: spec.direction, stack: spec.stack, percent: spec.percent, stackOffsetSilhouette: spec.stackOffsetSilhouette, totalLabel: spec.totalLabel, sortDataByAxis: spec.sortDataByAxis });
-        const seriesType = this.seriesType;
-        if (seriesType) {
-            series.type = seriesType;
-            series[seriesType] = spec[seriesType];
-        }
+    _getDefaultSeriesSpec(spec, pickKeys) {
+        const series = super._getDefaultSeriesSpec(spec, [
+            'xField',
+            'yField',
+            'zField',
+            'direction',
+            'stack',
+            'percent',
+            'stackOffsetSilhouette',
+            'totalLabel',
+            'sortDataByAxis'
+        ], pickKeys);
         return series;
     }
     transformSpec(spec) {
         super.transformSpec(spec);
-        const defaultSeriesSpec = this._getDefaultSeriesSpec(spec);
-        if (!spec.series || spec.series.length === 0) {
-            spec.series = [defaultSeriesSpec];
-        }
-        else {
-            spec.series.forEach((s) => {
-                if (!this._isValidSeries(s.type)) {
-                    return;
-                }
-                Object.keys(defaultSeriesSpec).forEach(k => {
-                    if (!(k in s)) {
-                        s[k] = defaultSeriesSpec[k];
-                    }
-                });
-            });
-        }
+        super.transformSeriesSpec(spec);
         this._transformAxisSpec(spec);
     }
     _setDefaultXAxisSpec(spec) {
@@ -70559,7 +70548,19 @@ class CartesianChartSpecTransformer extends BaseChartSpecTransformer {
 class LineChartSpecTransformer extends CartesianChartSpecTransformer {
     _getDefaultSeriesSpec(spec) {
         var _a;
-        return Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { point: spec.point, line: spec.line, seriesMark: (_a = spec.seriesMark) !== null && _a !== void 0 ? _a : 'line', activePoint: spec.activePoint, sampling: spec.sampling, samplingFactor: spec.samplingFactor, pointDis: spec.pointDis, pointDisMul: spec.pointDisMul, markOverlap: spec.markOverlap, lineLabel: spec.lineLabel });
+        const seriesSpec = super._getDefaultSeriesSpec(spec, [
+            'point',
+            'line',
+            'activePoint',
+            'sampling',
+            'samplingFactor',
+            'pointDis',
+            'pointDisMul',
+            'markOverlap',
+            'lineLabel'
+        ]);
+        seriesSpec.seriesMark = (_a = spec.seriesMark) !== null && _a !== void 0 ? _a : 'line';
+        return seriesSpec;
     }
     transformSpec(spec) {
         super.transformSpec(spec);
@@ -70991,7 +70992,19 @@ const registerAreaSeries = () => {
 
 class AreaChartSpecTransformer extends CartesianChartSpecTransformer {
     _getDefaultSeriesSpec(spec) {
-        return Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { point: spec.point, line: spec.line, area: spec.area, seriesMark: spec.seriesMark, activePoint: spec.activePoint, sampling: spec.sampling, samplingFactor: spec.samplingFactor, pointDis: spec.pointDis, pointDisMul: spec.pointDisMul, markOverlap: spec.markOverlap, areaLabel: spec.areaLabel });
+        return super._getDefaultSeriesSpec(spec, [
+            'point',
+            'line',
+            'area',
+            'seriesMark',
+            'activePoint',
+            'sampling',
+            'samplingFactor',
+            'pointDis',
+            'pointDisMul',
+            'markOverlap',
+            'areaLabel'
+        ]);
     }
     transformSpec(spec) {
         super.transformSpec(spec);
@@ -71800,7 +71813,17 @@ const registerBarSeries = () => {
 
 class BarChartSpecTransformer extends CartesianChartSpecTransformer {
     _getDefaultSeriesSpec(spec) {
-        return Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { barWidth: spec.barWidth, barMaxWidth: spec.barMaxWidth, barMinWidth: spec.barMinWidth, barGapInGroup: spec.barGapInGroup, barMinHeight: spec.barMinHeight, sampling: spec.sampling, samplingFactor: spec.samplingFactor, barBackground: spec.barBackground, stackCornerRadius: spec.stackCornerRadius });
+        return super._getDefaultSeriesSpec(spec, [
+            'barWidth',
+            'barMaxWidth',
+            'barMinWidth',
+            'barGapInGroup',
+            'barMinHeight',
+            'sampling',
+            'samplingFactor',
+            'barBackground',
+            'stackCornerRadius'
+        ]);
     }
     transformSpec(spec) {
         super.transformSpec(spec);
@@ -71858,16 +71881,24 @@ const registerRect3dMark = () => {
     registerVGrammarRectAnimation();
 };
 
+class Bar3dSeriesSpecTransformer extends BarSeriesSpecTransformer {
+    _transformLabelSpec(spec) {
+        this._addMarkLabelSpec(spec, "bar3d");
+    }
+}
+
 class Bar3dSeries extends BarSeries {
     constructor() {
         super(...arguments);
         this.type = SeriesTypeEnum.bar3d;
         this._barMarkName = "bar3d";
         this._barMarkType = "rect3d";
+        this.transformerConstructor = Bar3dSeriesSpecTransformer;
     }
 }
 Bar3dSeries.type = SeriesTypeEnum.bar3d;
 Bar3dSeries.mark = bar3dSeriesMark;
+Bar3dSeries.transformerConstructor = Bar3dSeriesSpecTransformer;
 const registerBar3dSeries = () => {
     registerBar3dAnimation();
     registerRect3dMark();
@@ -71878,7 +71909,12 @@ const registerBar3dSeries = () => {
 
 class Bar3dChartSpecTransformer extends BarChartSpecTransformer {
     _getDefaultSeriesSpec(spec) {
-        return Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { barWidth: spec.barWidth, barMaxWidth: spec.barMaxWidth, barMinWidth: spec.barMinWidth, barGapInGroup: spec.barGapInGroup });
+        const seriesSpec = super._getDefaultSeriesSpec(spec);
+        seriesSpec.barWidth = spec.barWidth;
+        seriesSpec.barMaxWidth = spec.barMaxWidth;
+        seriesSpec.barMinWidth = spec.barMinWidth;
+        seriesSpec.barGapInGroup = spec.barGapInGroup;
+        return seriesSpec;
     }
 }
 
@@ -72154,26 +72190,7 @@ class ScatterSeries extends CartesianSeries {
         }
     }
     handlePan(e) {
-        var _a, _b;
-        this.getMarksWithoutRoot().forEach(mark => {
-            const vGrammarMark = mark.getProduct();
-            if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) {
-                return;
-            }
-            const elements = vGrammarMark.elements;
-            elements.forEach((el, i) => {
-                const graphicItem = el.getGraphicItem();
-                const datum = el.getDatum();
-                const newPosition = this.dataToPosition(datum);
-                if (newPosition && graphicItem) {
-                    graphicItem.translateTo(newPosition.x, newPosition.y);
-                }
-            });
-        });
-        const vgrammarLabel = (_b = (_a = this._labelMark) === null || _a === void 0 ? void 0 : _a.getComponent()) === null || _b === void 0 ? void 0 : _b.getProduct();
-        if (vgrammarLabel) {
-            vgrammarLabel.evaluate(null, null);
-        }
+        this.handleZoom(e);
     }
     getDefaultShapeType() {
         return 'circle';
@@ -72195,7 +72212,7 @@ const registerScatterSeries = () => {
 
 class ScatterChartSpecTransformer extends CartesianChartSpecTransformer {
     _getDefaultSeriesSpec(spec) {
-        return Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { point: spec.point, size: spec.size, sizeField: spec.sizeField, shape: spec.shape, shapeField: spec.shapeField });
+        return super._getDefaultSeriesSpec(spec, ['point', 'size', 'shape', 'shapeField', 'sizeField']);
     }
 }
 
@@ -75366,51 +75383,29 @@ class RangeColumnSeries extends BarSeries {
         }
     }
     initMarkStyle() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        var _a, _b;
         super.initMarkStyle();
-        const minLabelMark = this._minLabelMark;
-        const minLabelSpec = (_a = this._spec.label) === null || _a === void 0 ? void 0 : _a.minLabel;
-        if (minLabelMark) {
-            this.setMarkStyle(minLabelMark, {
-                fill: (_c = (_b = minLabelSpec === null || minLabelSpec === void 0 ? void 0 : minLabelSpec.style) === null || _b === void 0 ? void 0 : _b.fill) !== null && _c !== void 0 ? _c : this.getColorAttribute(),
-                text: (datum) => {
-                    const min = this._spec.direction === "horizontal" ? datum[this._spec.xField[0]] : datum[this._spec.yField[0]];
-                    if (minLabelSpec === null || minLabelSpec === void 0 ? void 0 : minLabelSpec.formatMethod) {
-                        return minLabelSpec.formatMethod(min, datum);
-                    }
-                    return min;
-                }
-            });
-            const position = (_d = minLabelSpec === null || minLabelSpec === void 0 ? void 0 : minLabelSpec.position) !== null && _d !== void 0 ? _d : 'end';
-            const offset = (_e = minLabelSpec === null || minLabelSpec === void 0 ? void 0 : minLabelSpec.offset) !== null && _e !== void 0 ? _e : (this._direction === 'vertical' ? -20 : -25);
-            setRectLabelPos(this, minLabelMark, position, offset, (datum) => this._barMark.getAttribute('x', datum), (datum) => {
-                return this._direction === 'vertical'
-                    ? this._barMark.getAttribute('x', datum) +
-                        this._barMark.getAttribute('width', datum)
-                    : this._barMark.getAttribute('x1', datum);
-            }, (datum) => this._barMark.getAttribute('y', datum), (datum) => {
-                return this._direction === 'vertical'
-                    ? this._barMark.getAttribute('y1', datum)
-                    : this._barMark.getAttribute('y', datum) +
-                        this._barMark.getAttribute('height', datum);
-            }, () => this._direction);
-        }
-        const maxLabelMark = this._maxLabelMark;
-        const maxLabelSpec = (_f = this._spec.label) === null || _f === void 0 ? void 0 : _f.maxLabel;
-        if (maxLabelMark) {
-            this.setMarkStyle(maxLabelMark, {
-                fill: (_h = (_g = maxLabelSpec === null || maxLabelSpec === void 0 ? void 0 : maxLabelSpec.style) === null || _g === void 0 ? void 0 : _g.fill) !== null && _h !== void 0 ? _h : this.getColorAttribute(),
+        this._initLabelMarkPos(this._minLabelMark, (_a = this._spec.label) === null || _a === void 0 ? void 0 : _a.minLabel, 0, 'end');
+        this._initLabelMarkPos(this._maxLabelMark, (_b = this._spec.label) === null || _b === void 0 ? void 0 : _b.maxLabel, 1, 'start');
+    }
+    _initLabelMarkPos(labelMark, labelSpec, fieldIndex, defaultPosition) {
+        var _a, _b, _c, _d;
+        if (labelMark) {
+            this.setMarkStyle(labelMark, {
+                fill: (_b = (_a = labelSpec === null || labelSpec === void 0 ? void 0 : labelSpec.style) === null || _a === void 0 ? void 0 : _a.fill) !== null && _b !== void 0 ? _b : this.getColorAttribute(),
                 text: (datum) => {
-                    const max = this._spec.direction === "horizontal" ? datum[this._spec.xField[1]] : datum[this._spec.yField[1]];
-                    if (maxLabelSpec === null || maxLabelSpec === void 0 ? void 0 : maxLabelSpec.formatMethod) {
-                        return maxLabelSpec.formatMethod(max, datum);
+                    const val = this._spec.direction === "horizontal"
+                        ? datum[this._spec.xField[fieldIndex]]
+                        : datum[this._spec.yField[fieldIndex]];
+                    if (labelSpec === null || labelSpec === void 0 ? void 0 : labelSpec.formatMethod) {
+                        return labelSpec.formatMethod(val, datum);
                     }
-                    return max;
+                    return val;
                 }
             });
-            const position = (_j = maxLabelSpec === null || maxLabelSpec === void 0 ? void 0 : maxLabelSpec.position) !== null && _j !== void 0 ? _j : 'start';
-            const offset = (_k = maxLabelSpec === null || maxLabelSpec === void 0 ? void 0 : maxLabelSpec.offset) !== null && _k !== void 0 ? _k : (this._direction === 'vertical' ? -20 : -25);
-            setRectLabelPos(this, maxLabelMark, position, offset, (datum) => this._barMark.getAttribute('x', datum), (datum) => {
+            const position = (_c = labelSpec === null || labelSpec === void 0 ? void 0 : labelSpec.position) !== null && _c !== void 0 ? _c : defaultPosition;
+            const offset = (_d = labelSpec === null || labelSpec === void 0 ? void 0 : labelSpec.offset) !== null && _d !== void 0 ? _d : (this._direction === 'vertical' ? -20 : -25);
+            setRectLabelPos(this, labelMark, position, offset, (datum) => this._barMark.getAttribute('x', datum), (datum) => {
                 return this._direction === 'vertical'
                     ? this._barMark.getAttribute('x', datum) +
                         this._barMark.getAttribute('width', datum)
@@ -76615,22 +76610,7 @@ class Pie3dSeries extends BasePieSeries {
             return;
         }
         super.initLabelMarkStyle(textMark);
-        const params3d = {};
-        textMark.setMarkConfig({ support3d: true });
-        params3d.beta = this._angle3d;
-        params3d.anchor3d = (datum) => {
-            const { x, y } = this.getCenter();
-            const anchor = [
-                x,
-                y
-            ];
-            return anchor;
-        };
-        params3d.angle = (datum) => {
-            const angle = datum[ARC_MIDDLE_ANGLE];
-            return spec.position === 'inside' ? radianToDegree(angle) : 0;
-        };
-        this.setMarkStyle(textMark, Object.assign(Object.assign({}, params3d), { z: 100 }), undefined, AttributeLevel.Mark);
+        this.setMarkStyle(textMark, { support3d: true }, undefined, AttributeLevel.Mark);
     }
 }
 Pie3dSeries.type = SeriesTypeEnum.pie3d;
@@ -77720,7 +77700,6 @@ RadarSeries.transformerConstructor = LineLikeSeriesSpecTransformer;
 mixin(RadarSeries, LineLikeSeriesMixin);
 const registerRadarSeries = () => {
     Factory$1.registerSeries(RadarSeries.type, RadarSeries);
-    registerMarkOverlapTransform();
     registerAreaMark();
     registerLineMark();
     registerSymbolMark();
@@ -79470,9 +79449,7 @@ BaseWordCloudSeries.mark = wordCloudSeriesMark;
 const WordCloud3dAnimation = (params) => {
     return {
         custom: RotateBySphereAnimate,
-        customParameters: (datum, element) => {
-            return params;
-        },
+        customParameters: (datum, element) => params,
         easing: 'linear',
         loop: Infinity,
         duration: 6000
@@ -79524,7 +79501,7 @@ const registerWordCloudAnimation = () => {
 };
 const registerWordCloud3dAnimation = () => {
     Factory$1.registerAnimation('wordCloud3d', (params) => ({
-        appear: WordCloud3dAnimation(params)
+        enter: WordCloud3dAnimation(params)
     }));
 };
 
@@ -83389,6 +83366,26 @@ class Drillable {
 
 const sunburstSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["sunburst"]: { name: "sunburst", type: "arc" } });
 
+const appendHierarchyFields = (fields, catField, valueField) => {
+    fields.push({
+        key: catField,
+        operations: ['values']
+    });
+    fields.push({
+        key: valueField,
+        operations: ['max', 'min']
+    });
+    fields.push({
+        key: DEFAULT_HIERARCHY_DEPTH,
+        operations: ['max', 'min', 'values']
+    });
+    fields.push({
+        key: DEFAULT_HIERARCHY_ROOT,
+        operations: ['values']
+    });
+    return fields;
+};
+
 class SunburstSeries extends PolarSeries {
     constructor() {
         super(...arguments);
@@ -83488,25 +83485,7 @@ class SunburstSeries extends PolarSeries {
         });
     }
     getStatisticFields() {
-        const fields = super.getStatisticFields();
-        return fields.concat([
-            {
-                key: this._categoryField,
-                operations: ['values']
-            },
-            {
-                key: this._valueField,
-                operations: ['max', 'min']
-            },
-            {
-                key: DEFAULT_HIERARCHY_DEPTH,
-                operations: ['max', 'min', 'values']
-            },
-            {
-                key: DEFAULT_HIERARCHY_ROOT,
-                operations: ['values']
-            }
-        ]);
+        return appendHierarchyFields(super.getStatisticFields(), this._categoryField, this._valueField);
     }
     _addDataIndexAndKey() {
         const rawData = this.getRawData();
@@ -83871,25 +83850,7 @@ class CirclePackingSeries extends CartesianSeries {
         }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
     }
     getStatisticFields() {
-        const fields = super.getStatisticFields();
-        return fields.concat([
-            {
-                key: this._categoryField,
-                operations: ['values']
-            },
-            {
-                key: this._valueField,
-                operations: ['max', 'min']
-            },
-            {
-                key: DEFAULT_HIERARCHY_DEPTH,
-                operations: ['max', 'min', 'values']
-            },
-            {
-                key: DEFAULT_HIERARCHY_ROOT,
-                operations: ['values']
-            }
-        ]);
+        return appendHierarchyFields(super.getStatisticFields(), this._categoryField, this._valueField);
     }
     initTooltip() {
         this._tooltipHelper = new CirclePackingTooltipHelper(this);
@@ -85901,25 +85862,7 @@ class TreemapSeries extends CartesianSeries {
         return data;
     }
     getStatisticFields() {
-        const fields = super.getStatisticFields();
-        return fields.concat([
-            {
-                key: this._categoryField,
-                operations: ['values']
-            },
-            {
-                key: this._valueField,
-                operations: ['max', 'min']
-            },
-            {
-                key: DEFAULT_HIERARCHY_DEPTH,
-                operations: ['max', 'min', 'values']
-            },
-            {
-                key: DEFAULT_HIERARCHY_ROOT,
-                operations: ['values']
-            }
-        ]);
+        return appendHierarchyFields(super.getStatisticFields(), this._categoryField, this._valueField);
     }
     initMark() {
         var _a, _b, _c, _d;
@@ -85986,6 +85929,15 @@ class TreemapSeries extends CartesianSeries {
             fill: this.getColorAttribute()
         }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
     }
+    _initRichStyleOfLabelMark(labelMark) {
+        if (labelMark.getTextType() === 'rich') {
+            this.setMarkStyle(labelMark, {
+                maxWidth: datum => Math.abs(datum.x0 - datum.x1),
+                maxHeight: datum => Math.abs(datum.y0 - datum.y1),
+                ellipsis: true
+            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+        }
+    }
     initLabelMarkStyle(labelMark) {
         if (!labelMark) {
             return;
@@ -86003,13 +85955,7 @@ class TreemapSeries extends CartesianSeries {
                 return datum.x1 === datum.x0 ? Number.MIN_VALUE : datum.x1 - datum.x0;
             }
         }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
-        if (labelMark.getTextType() === 'rich') {
-            this.setMarkStyle(labelMark, {
-                maxWidth: datum => Math.abs(datum.x0 - datum.x1),
-                maxHeight: datum => Math.abs(datum.y0 - datum.y1),
-                ellipsis: true
-            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
-        }
+        this._initRichStyleOfLabelMark(labelMark);
     }
     initNonLeafLabelMarkStyle(labelMark) {
         if (!labelMark) {
@@ -86038,13 +85984,7 @@ class TreemapSeries extends CartesianSeries {
                 return datum.x1 === datum.x0 ? Number.MIN_VALUE : datum.x1 - datum.x0;
             }
         }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
-        if (labelMark.getTextType() === 'rich') {
-            this.setMarkStyle(labelMark, {
-                maxWidth: datum => Math.abs(datum.x0 - datum.x1),
-                maxHeight: datum => Math.abs(datum.y0 - datum.y1),
-                ellipsis: true
-            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
-        }
+        this._initRichStyleOfLabelMark(labelMark);
     }
     initAnimation() {
         this.getMarksInType("rect").forEach(mark => {
@@ -89357,30 +89297,25 @@ class MapChartSpecTransformer extends BaseChartSpecTransformer {
         return type === SeriesTypeEnum.map;
     }
     _getDefaultSeriesSpec(spec) {
-        const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { type: spec.type, nameField: spec.nameField, valueField: spec.valueField, seriesField: spec.seriesField, map: spec.map, nameProperty: spec.nameProperty, centroidProperty: spec.centroidProperty, nameMap: spec.nameMap, area: spec.area, defaultFillColor: spec.defaultFillColor, showDefaultName: spec.showDefaultName });
-        return series;
+        return super._getDefaultSeriesSpec(spec, [
+            'type',
+            'nameField',
+            'valueField',
+            'map',
+            'nameProperty',
+            'centroidProperty',
+            'nameMap',
+            'area',
+            'defaultFillColor',
+            'showDefaultName'
+        ]);
     }
     transformSpec(spec) {
         super.transformSpec(spec);
         spec.region.forEach((r) => {
             r.coordinate = 'geo';
         });
-        const defaultSeriesSpec = this._getDefaultSeriesSpec(spec);
-        if (!spec.series || spec.series.length === 0) {
-            spec.series = [defaultSeriesSpec];
-        }
-        else {
-            spec.series.forEach((s) => {
-                if (!this._isValidSeries(s.type)) {
-                    return;
-                }
-                Object.keys(defaultSeriesSpec).forEach(k => {
-                    if (!(k in s)) {
-                        s[k] = defaultSeriesSpec[k];
-                    }
-                });
-            });
-        }
+        super.transformSeriesSpec(spec);
     }
 }
 
@@ -89417,13 +89352,8 @@ class PolarChartSpecTransformer extends BaseChartSpecTransformer {
         }
         return indicatorSpec;
     }
-    _getDefaultSeriesSpec(spec) {
-        const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { radius: spec.radius, outerRadius: spec.outerRadius, innerRadius: spec.innerRadius, startAngle: spec.startAngle, endAngle: spec.endAngle, sortDataByAxis: spec.sortDataByAxis });
-        const seriesType = this.seriesType;
-        if (seriesType) {
-            series.type = seriesType;
-            series[seriesType] = spec[seriesType];
-        }
+    _getDefaultSeriesSpec(spec, pickKeys) {
+        const series = super._getDefaultSeriesSpec(spec, ['radius', 'outerRadius', 'innerRadius', 'startAngle', 'endAngle', 'sortDataByAxis'], pickKeys);
         return series;
     }
     transformSpec(spec) {
@@ -89447,7 +89377,9 @@ class ProgressLikeChartSpecTransformer extends PolarChartSpecTransformer {
         return false;
     }
     _getDefaultSeriesSpec(spec) {
-        const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { seriesField: spec.seriesField, categoryField: spec.categoryField || spec.radiusField, valueField: spec.valueField || spec.angleField, startAngle: spec.startAngle, endAngle: spec.endAngle, radius: spec.radius, innerRadius: spec.innerRadius, centerX: spec.centerX, centerY: spec.centerY });
+        const series = super._getDefaultSeriesSpec(spec, ['startAngle', 'endAngle', 'centerX', 'centerY']);
+        series.categoryField = spec.categoryField || spec.radiusField;
+        series.valueField = spec.valueField || spec.angleField;
         return series;
     }
     _transformProgressAxisSpec(spec, angleAxisDefaultSpec, radiusAxisDefaultSpec, angleAxisAppendSpec, radiusAxisAppendSpec) {
@@ -89492,7 +89424,9 @@ class RoseLikeChartSpecTransformer extends PolarChartSpecTransformer {
         return true;
     }
     _getDefaultSeriesSpec(spec) {
-        const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { categoryField: spec.categoryField || spec.angleField, valueField: spec.valueField || spec.radiusField });
+        const series = super._getDefaultSeriesSpec(spec);
+        series.categoryField = spec.categoryField || spec.angleField;
+        series.valueField = spec.valueField || spec.radiusField;
         return series;
     }
     transformSpec(spec) {
@@ -89532,7 +89466,21 @@ class BasePieChartSpecTransformer extends PolarChartSpecTransformer {
     }
     _getDefaultSeriesSpec(spec) {
         var _a;
-        return Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { categoryField: spec.categoryField || spec.seriesField, valueField: spec.valueField || spec.angleField, center: spec.center, centerOffset: spec.centerOffset, cornerRadius: spec.cornerRadius, padAngle: spec.padAngle, minAngle: spec.minAngle, emptyPlaceholder: spec.emptyPlaceholder, emptyCircle: (_a = spec.emptyPlaceholder) === null || _a === void 0 ? void 0 : _a.emptyCircle, showAllZero: spec.showAllZero, supportNegative: spec.supportNegative, layoutRadius: spec.layoutRadius });
+        const seriesSpec = super._getDefaultSeriesSpec(spec, [
+            'center',
+            'centerOffset',
+            'cornerRadius',
+            'padAngle',
+            'minAngle',
+            'emptyPlaceholder',
+            'showAllZero',
+            'supportNegative',
+            'layoutRadius'
+        ]);
+        seriesSpec.categoryField = spec.categoryField || spec.seriesField;
+        seriesSpec.valueField = spec.valueField || spec.angleField;
+        seriesSpec.emptyCircle = (_a = spec.emptyPlaceholder) === null || _a === void 0 ? void 0 : _a.emptyCircle;
+        return seriesSpec;
     }
 }
 
@@ -89590,7 +89538,13 @@ const registerPie3dChart = () => {
 class RoseChartSpecTransformer extends RoseLikeChartSpecTransformer {
     _getDefaultSeriesSpec(spec) {
         var _a, _b, _c;
-        return Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { radius: (_a = spec.radius) !== null && _a !== void 0 ? _a : POLAR_DEFAULT_RADIUS, outerRadius: (_b = spec.outerRadius) !== null && _b !== void 0 ? _b : POLAR_DEFAULT_RADIUS, innerRadius: (_c = spec.innerRadius) !== null && _c !== void 0 ? _c : 0, seriesField: spec.seriesField, stack: spec.stack, percent: spec.percent });
+        const series = super._getDefaultSeriesSpec(spec);
+        series.radius = (_a = spec.radius) !== null && _a !== void 0 ? _a : POLAR_DEFAULT_RADIUS;
+        series.outerRadius = (_b = spec.outerRadius) !== null && _b !== void 0 ? _b : POLAR_DEFAULT_RADIUS;
+        series.innerRadius = (_c = spec.innerRadius) !== null && _c !== void 0 ? _c : 0;
+        series.stack = spec.stack;
+        series.percent = spec.percent;
+        return series;
     }
     transformSpec(spec) {
         var _a;
@@ -89639,9 +89593,20 @@ const registerRoseChart = () => {
 class RadarChartSpecTransformer extends RoseLikeChartSpecTransformer {
     _getDefaultSeriesSpec(spec) {
         var _a;
-        return Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { seriesField: spec.seriesField, line: spec.line, point: spec.point, stack: spec.stack, percent: spec.percent, area: mergeSpec({
-                visible: false
-            }, spec.area), seriesMark: (_a = spec.seriesMark) !== null && _a !== void 0 ? _a : 'area', activePoint: spec.activePoint, pointDis: spec.pointDis, pointDisMul: spec.pointDisMul, markOverlap: spec.markOverlap });
+        const series = super._getDefaultSeriesSpec(spec);
+        series.line = spec.line;
+        series.point = spec.point;
+        series.stack = spec.stack;
+        series.percent = spec.percent;
+        series.area = mergeSpec({
+            visible: false
+        }, spec.area);
+        series.seriesMark = (_a = spec.seriesMark) !== null && _a !== void 0 ? _a : 'area';
+        series.activePoint = spec.activePoint;
+        series.pointDis = spec.pointDis;
+        series.pointDisMul = spec.pointDisMul;
+        series.markOverlap = spec.markOverlap;
+        return series;
     }
     transformSpec(spec) {
         var _a;
@@ -90056,7 +90021,7 @@ class BaseHistogramChartSpecTransformer extends CartesianChartSpecTransformer {
         spec.axes.forEach((axis) => (axis.type = 'linear'));
     }
     _getDefaultSeriesSpec(spec) {
-        return Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { x2Field: spec === null || spec === void 0 ? void 0 : spec.x2Field, y2Field: spec === null || spec === void 0 ? void 0 : spec.y2Field, barMinHeight: spec === null || spec === void 0 ? void 0 : spec.barMinHeight, barBackground: spec === null || spec === void 0 ? void 0 : spec.barBackground });
+        return super._getDefaultSeriesSpec(spec, ['x2Field', 'y2Field', 'barMinHeight', 'barBackground']);
     }
 }
 
@@ -90113,7 +90078,12 @@ class CircularProgressChartSpecTransformer extends ProgressLikeChartSpecTransfor
     _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, track: spec.track, tickMask: spec.tickMask });
+        series.progress = spec.progress;
+        series.track = spec.track;
+        series.tickMask = spec.tickMask;
+        series.cornerRadius = (_a = spec.cornerRadius) !== null && _a !== void 0 ? _a : 0;
+        series.roundCap = (_b = spec.roundCap) !== null && _b !== void 0 ? _b : false;
+        return series;
     }
     transformSpec(spec) {
         super.transformSpec(spec);
@@ -90149,10 +90119,15 @@ const registerCircularProgressChart = () => {
 class GaugeChartSpecTransformer extends ProgressLikeChartSpecTransformer {
     _getDefaultSeriesSpec(spec) {
         const series = super._getDefaultSeriesSpec(spec);
-        return Object.assign(Object.assign({}, series), { radiusField: spec.radiusField, pin: spec.pin, pinBackground: spec.pinBackground, pointer: spec.pointer });
+        series.radiusField = spec.radiusField;
+        series.pin = spec.pin;
+        series.pinBackground = spec.pinBackground;
+        series.pointer = spec.pointer;
+        return series;
     }
     _getDefaultCircularProgressSeriesSpec(spec) {
-        const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { type: SeriesTypeEnum.circularProgress });
+        const series = super._getDefaultSeriesSpec(spec);
+        series.type = SeriesTypeEnum.circularProgress;
         return series;
     }
     transformSpec(spec) {
@@ -90269,6 +90244,30 @@ class BaseWordCloudChartSpecTransformer extends BaseChartSpecTransformer {
         super.transformSpec(spec);
         this.transformSeriesSpec(spec);
     }
+    _getDefaultSeriesSpec(spec) {
+        const series = super._getDefaultSeriesSpec(spec, [
+            'nameField',
+            'valueField',
+            'fontFamilyField',
+            'fontWeightField',
+            'fontStyleField',
+            'colorHexField',
+            'colorMode',
+            'colorList',
+            'rotateAngles',
+            'fontWeightRange',
+            'fontSizeRange',
+            'maskShape',
+            'keepAspect',
+            'random',
+            'wordCloudConfig',
+            'wordCloudShapeConfig',
+            'word',
+            'fillingWord',
+            'wordMask'
+        ]);
+        return series;
+    }
 }
 
 class BaseWordCloudChart extends BaseChart {
@@ -90281,29 +90280,17 @@ class BaseWordCloudChart extends BaseChart {
 }
 BaseWordCloudChart.transformerConstructor = BaseWordCloudChartSpecTransformer;
 
-class WordCloudChartSpecTransformer extends BaseWordCloudChartSpecTransformer {
-    _getDefaultSeriesSpec(spec) {
-        const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { nameField: spec.nameField, valueField: spec.valueField, seriesField: spec.seriesField, fontFamilyField: spec.fontFamilyField, fontWeightField: spec.fontWeightField, fontStyleField: spec.fontStyleField, colorHexField: spec.colorHexField, colorMode: spec.colorMode, colorList: spec.colorList, rotateAngles: spec.rotateAngles, fontWeightRange: spec.fontWeightRange, fontSizeRange: spec.fontSizeRange, maskShape: spec.maskShape, keepAspect: spec.keepAspect, random: spec.random, wordCloudConfig: spec.wordCloudConfig, wordCloudShapeConfig: spec.wordCloudShapeConfig, word: spec.word, fillingWord: spec.fillingWord, wordMask: spec.wordMask });
-        const seriesType = this.seriesType;
-        if (seriesType) {
-            series.type = seriesType;
-            series[seriesType] = spec[seriesType];
-        }
-        return series;
-    }
-}
-
 class WordCloudChart extends BaseWordCloudChart {
     constructor() {
         super(...arguments);
-        this.transformerConstructor = WordCloudChartSpecTransformer;
+        this.transformerConstructor = (BaseWordCloudChartSpecTransformer);
         this.type = "wordCloud";
         this.seriesType = SeriesTypeEnum.wordCloud;
     }
 }
 WordCloudChart.type = "wordCloud";
 WordCloudChart.seriesType = SeriesTypeEnum.wordCloud;
-WordCloudChart.transformerConstructor = WordCloudChartSpecTransformer;
+WordCloudChart.transformerConstructor = (BaseWordCloudChartSpecTransformer);
 const registerWordCloudChart = () => {
     registerWordCloudSeries();
     Factory$1.registerChart(WordCloudChart.type, WordCloudChart);
@@ -90315,12 +90302,8 @@ const registerWordCloudShapeChart = () => {
 
 class WordCloud3dChartSpecTransformer extends BaseWordCloudChartSpecTransformer {
     _getDefaultSeriesSpec(spec) {
-        const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { nameField: spec.nameField, valueField: spec.valueField, seriesField: spec.seriesField, fontFamilyField: spec.fontFamilyField, fontWeightField: spec.fontWeightField, fontStyleField: spec.fontStyleField, colorHexField: spec.colorHexField, colorMode: spec.colorMode, colorList: spec.colorList, rotateAngles: spec.rotateAngles, fontWeightRange: spec.fontWeightRange, fontSizeRange: spec.fontSizeRange, depth_3d: spec.depth_3d, maskShape: spec.maskShape, keepAspect: spec.keepAspect, random: spec.random, wordCloudConfig: spec.wordCloudConfig, wordCloudShapeConfig: spec.wordCloudShapeConfig, word: spec.word, fillingWord: spec.fillingWord });
-        const seriesType = this.seriesType;
-        if (seriesType) {
-            series.type = seriesType;
-            series[seriesType] = spec[seriesType];
-        }
+        const series = super._getDefaultSeriesSpec(spec);
+        series.depth_3d = spec.depth_3d;
         return series;
     }
 }
@@ -90352,32 +90335,29 @@ class FunnelChartSpecTransformer extends BaseChartSpecTransformer {
         return false;
     }
     _getDefaultSeriesSpec(spec) {
-        const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { categoryField: spec.categoryField, valueField: spec.valueField, seriesField: spec.seriesField, funnelAlign: spec.funnelAlign, funnelOrient: spec.funnelOrient, heightRatio: spec.heightRatio, shape: spec.shape, funnel: spec.funnel, transform: spec.transform, outerLabel: spec.outerLabel, transformLabel: spec.transformLabel, isTransform: spec.isTransform, maxSize: spec.maxSize, minSize: spec.minSize, gap: spec.gap, isCone: spec.isCone, range: spec.range });
-        const seriesType = this.seriesType;
-        if (seriesType) {
-            series.type = seriesType;
-            series[seriesType] = spec[seriesType];
-        }
+        const series = super._getDefaultSeriesSpec(spec, [
+            'categoryField',
+            'valueField',
+            'funnelAlign',
+            'funnelOrient',
+            'heightRatio',
+            'shape',
+            'funnel',
+            'transform',
+            'outerLabel',
+            'transformLabel',
+            'isTransform',
+            'maxSize',
+            'minSize',
+            'gap',
+            'isCone',
+            'range'
+        ]);
         return series;
     }
     transformSpec(spec) {
         super.transformSpec(spec);
-        const defaultSeriesSpec = this._getDefaultSeriesSpec(spec);
-        if (!spec.series || spec.series.length === 0) {
-            spec.series = [defaultSeriesSpec];
-        }
-        else {
-            spec.series.forEach((s) => {
-                if (!this._isValidSeries(s.type)) {
-                    return;
-                }
-                Object.keys(defaultSeriesSpec).forEach(k => {
-                    if (!(k in s)) {
-                        s[k] = defaultSeriesSpec[k];
-                    }
-                });
-            });
-        }
+        super.transformSeriesSpec(spec);
     }
 }
 
@@ -90420,8 +90400,10 @@ class LinearProgressChartSpecTransformer extends CartesianChartSpecTransformer {
     }
     _getDefaultSeriesSpec(spec) {
         var _a, _b;
-        const series = super._getDefaultSeriesSpec(spec);
-        return Object.assign(Object.assign({}, series), { direction: (_a = spec.direction) !== null && _a !== void 0 ? _a : 'horizontal', cornerRadius: (_b = spec.cornerRadius) !== null && _b !== void 0 ? _b : 0, bandWidth: spec.bandWidth, progress: spec.progress, track: spec.track });
+        const series = super._getDefaultSeriesSpec(spec, ['bandWidth', 'progress', 'track']);
+        series.direction = (_a = spec.direction) !== null && _a !== void 0 ? _a : 'horizontal';
+        series.cornerRadius = (_b = spec.cornerRadius) !== null && _b !== void 0 ? _b : 0;
+        return series;
     }
     transformSpec(spec) {
         var _a, _b;
@@ -90533,8 +90515,16 @@ const registerLinearProgressChart = () => {
 class RangeColumnChartSpecTransformer extends CartesianChartSpecTransformer {
     _getDefaultSeriesSpec(spec) {
         var _a, _b;
-        const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { barWidth: spec.barWidth, barMaxWidth: spec.barMaxWidth, barMinWidth: spec.barMinWidth, barGapInGroup: spec.barGapInGroup, barBackground: spec.barBackground, barMinHeight: spec.barMinHeight, stackCornerRadius: spec.stackCornerRadius });
-        series.bar = spec.bar;
+        const series = super._getDefaultSeriesSpec(spec, [
+            'barWidth',
+            'barMaxWidth',
+            'barMinWidth',
+            'barGapInGroup',
+            'barBackground',
+            'barMinHeight',
+            'stackCornerRadius',
+            'bar'
+        ]);
         if (spec.direction === "horizontal") {
             series.xField = (_a = spec.xField) !== null && _a !== void 0 ? _a : [spec.minField, spec.maxField];
         }
@@ -90568,8 +90558,7 @@ const registerRangeColumnChart = () => {
 class RangeColumn3dChartSpecTransformer extends CartesianChartSpecTransformer {
     _getDefaultSeriesSpec(spec) {
         var _a, _b;
-        const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { barGapInGroup: spec.barGapInGroup });
-        series.bar3d = spec.bar3d;
+        const series = super._getDefaultSeriesSpec(spec, ['bar3d', 'barGapInGroup']);
         if (spec.direction === "horizontal") {
             series.xField = (_a = spec.xField) !== null && _a !== void 0 ? _a : [spec.minField, spec.maxField];
         }
@@ -90601,10 +90590,24 @@ class SunburstChartSpecTransformer extends BaseChartSpecTransformer {
     _getDefaultSeriesSpec(spec) {
         const startAngle = isValid$1(spec.startAngle) ? spec.startAngle : POLAR_START_ANGLE;
         const endAngle = isValid$1(spec.endAngle) ? spec.endAngle : startAngle + radianToDegree(Math.PI * 2);
-        const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { categoryField: spec.categoryField, valueField: spec.valueField, seriesField: spec.seriesField, centerX: spec.centerX, centerY: spec.centerY, offsetX: spec.offsetX, offsetY: spec.offsetY, startAngle: startAngle, endAngle: endAngle, innerRadius: spec.innerRadius, outerRadius: spec.outerRadius, gap: spec.gap, labelLayout: spec.labelLayout, label: spec.label, labelAutoVisible: spec.labelAutoVisible, drill: spec.drill, drillField: spec.drillField });
-        const seriesType = SeriesTypeEnum.sunburst;
-        series.type = seriesType;
-        series[seriesType] = spec[seriesType];
+        const series = super._getDefaultSeriesSpec(spec, [
+            'categoryField',
+            'valueField',
+            'centerX',
+            'centerY',
+            'offsetX',
+            'offsetY',
+            'innerRadius',
+            'outerRadius',
+            'gap',
+            'labelLayout',
+            'label',
+            'labelAutoVisible',
+            'drill',
+            'drillField'
+        ]);
+        series.startAngle = startAngle;
+        series.endAngle = endAngle;
         return series;
     }
     transformSpec(spec) {
@@ -90631,10 +90634,14 @@ const registerSunburstChart = () => {
 
 class CirclePackingChartSpecTransformer extends BaseChartSpecTransformer {
     _getDefaultSeriesSpec(spec) {
-        const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { categoryField: spec.categoryField, valueField: spec.valueField, seriesField: spec.seriesField, layoutPadding: spec.layoutPadding, label: spec.label, circlePacking: spec.circlePacking, drill: spec.drill, drillField: spec.drillField });
-        const seriesType = SeriesTypeEnum.circlePacking;
-        series.type = seriesType;
-        series[seriesType] = spec[seriesType];
+        const series = super._getDefaultSeriesSpec(spec, [
+            'categoryField',
+            'valueField',
+            'layoutPadding',
+            'circlePacking',
+            'drill',
+            'drillField'
+        ]);
         return series;
     }
     transformSpec(spec) {
@@ -90661,12 +90668,24 @@ const registerCirclePackingChart = () => {
 
 class TreemapChartSpecTransformer extends BaseChartSpecTransformer {
     _getDefaultSeriesSpec(spec) {
-        const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { categoryField: spec.categoryField, valueField: spec.valueField, seriesField: spec.seriesField, aspectRatio: spec.aspectRatio, splitType: spec.splitType, maxDepth: spec.maxDepth, gapWidth: spec.gapWidth, nodePadding: spec.nodePadding, minVisibleArea: spec.minVisibleArea, minChildrenVisibleArea: spec.minChildrenVisibleArea, minChildrenVisibleSize: spec.minChildrenVisibleSize, roam: spec.roam, drill: spec.drill, drillField: spec.drillField, leaf: spec.leaf, nonLeaf: spec.nonLeaf, nonLeafLabel: spec.nonLeafLabel });
-        const seriesType = this.seriesType;
-        if (seriesType) {
-            series.type = seriesType;
-            series[seriesType] = spec[seriesType];
-        }
+        const series = super._getDefaultSeriesSpec(spec, [
+            'categoryField',
+            'valueField',
+            'aspectRatio',
+            'splitType',
+            'maxDepth',
+            'gapWidth',
+            'nodePadding',
+            'minVisibleArea',
+            'minChildrenVisibleArea',
+            'minChildrenVisibleSize',
+            'roam',
+            'drill',
+            'drillField',
+            'leaf',
+            'nonLeaf',
+            'nonLeafLabel'
+        ]);
         return series;
     }
     transformSpec(spec) {
@@ -90704,7 +90723,12 @@ class WaterfallChartSpecTransformer extends BarChartSpecTransformer {
         setDefaultCrosshairForCartesianChart(spec);
     }
     _getDefaultSeriesSpec(spec) {
-        return Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { bar: spec.bar, stackLabel: spec.stackLabel, leaderLine: spec.leaderLine, total: spec.total });
+        const series = super._getDefaultSeriesSpec(spec);
+        series.bar = spec.bar;
+        series.stackLabel = spec.stackLabel;
+        series.leaderLine = spec.leaderLine;
+        series.total = spec.total;
+        return series;
     }
 }
 
@@ -90728,7 +90752,17 @@ class BoxPlotChartSpecTransformer extends CartesianChartSpecTransformer {
     _getDefaultSeriesSpec(spec) {
         var _a;
         const dataFields = [spec.maxField, spec.medianField, spec.q1Field, spec.q3Field, spec.minField, spec.outliersField];
-        const seriesSpec = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { boxPlot: spec.boxPlot, direction: (_a = spec.direction) !== null && _a !== void 0 ? _a : "vertical", minField: spec.minField, maxField: spec.maxField, q1Field: spec.q1Field, medianField: spec.medianField, q3Field: spec.q3Field, outliersField: spec.outliersField, outliersStyle: spec.outliersStyle });
+        const seriesSpec = super._getDefaultSeriesSpec(spec, [
+            'boxPlot',
+            'minField',
+            'maxField',
+            'q1Field',
+            'medianField',
+            'q3Field',
+            'outliersField',
+            'outliersStyle'
+        ]);
+        seriesSpec.direction = (_a = spec.direction) !== null && _a !== void 0 ? _a : "vertical";
         seriesSpec[seriesSpec.direction === "horizontal" ? 'xField' : 'yField'] = dataFields;
         return seriesSpec;
     }
@@ -90766,12 +90800,38 @@ const registerBoxplotChart = () => {
 
 class SankeyChartSpecTransformer extends BaseChartSpecTransformer {
     _getDefaultSeriesSpec(spec) {
-        const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { categoryField: spec.categoryField, valueField: spec.valueField, sourceField: spec.sourceField, targetField: spec.targetField, direction: spec.direction, nodeAlign: spec.nodeAlign, crossNodeAlign: spec.crossNodeAlign, nodeGap: spec.nodeGap, nodeWidth: spec.nodeWidth, linkWidth: spec.linkWidth, minStepWidth: spec.minStepWidth, minNodeHeight: spec.minNodeHeight, maxNodeHeight: spec.maxNodeHeight, minLinkHeight: spec.minLinkHeight, maxLinkHeight: spec.maxLinkHeight, dropIsolatedNode: spec.dropIsolatedNode, nodeHeight: spec.nodeHeight, linkHeight: spec.linkHeight, equalNodeHeight: spec.equalNodeHeight, linkOverlap: spec.linkOverlap, iterations: spec.iterations, nodeKey: spec.nodeKey, linkSortBy: spec.linkSortBy, nodeSortBy: spec.nodeSortBy, setNodeLayer: spec.setNodeLayer, node: spec.node, link: spec.link, label: spec.label, emphasis: spec.emphasis, inverse: spec.inverse, overflow: spec.overflow });
-        const seriesType = this.seriesType;
-        if (seriesType) {
-            series.type = seriesType;
-            series[seriesType] = spec[seriesType];
-        }
+        const series = super._getDefaultSeriesSpec(spec, [
+            'categoryField',
+            'valueField',
+            'sourceField',
+            'targetField',
+            'direction',
+            'nodeAlign',
+            'crossNodeAlign',
+            'nodeGap',
+            'nodeWidth',
+            'linkWidth',
+            'minStepWidth',
+            'minNodeHeight',
+            'maxNodeHeight',
+            'minLinkHeight',
+            'maxLinkHeight',
+            'dropIsolatedNode',
+            'nodeHeight',
+            'linkHeight',
+            'equalNodeHeight',
+            'linkOverlap',
+            'iterations',
+            'nodeKey',
+            'linkSortBy',
+            'nodeSortBy',
+            'setNodeLayer',
+            'node',
+            'link',
+            'emphasis',
+            'inverse',
+            'overflow'
+        ]);
         return series;
     }
     transformSpec(spec) {
@@ -90848,7 +90908,7 @@ const registerSankeyChart = () => {
 class RangeAreaChartSpecTransformer extends CartesianChartSpecTransformer {
     _getDefaultSeriesSpec(spec) {
         var _a, _b;
-        const series = Object.assign({}, super._getDefaultSeriesSpec(spec));
+        const series = super._getDefaultSeriesSpec(spec);
         series.area = spec.area;
         if (spec.direction === "horizontal") {
             series.xField = (_a = spec.xField) !== null && _a !== void 0 ? _a : [spec.minField, spec.maxField];
@@ -90883,8 +90943,7 @@ const registerRangeAreaChart = () => {
 
 class HeatmapChartSpecTransformer extends CartesianChartSpecTransformer {
     _getDefaultSeriesSpec(spec) {
-        const series = super._getDefaultSeriesSpec(spec);
-        return Object.assign(Object.assign({}, series), { valueField: spec.valueField, cell: spec.cell });
+        return super._getDefaultSeriesSpec(spec, ['valueField', 'cell']);
     }
 }
 
@@ -90906,10 +90965,22 @@ const registerHeatmapChart = () => {
 
 class CorrelationChartSpecTransformer extends BaseChartSpecTransformer {
     _getDefaultSeriesSpec(spec) {
-        const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { categoryField: spec.categoryField, valueField: spec.valueField, seriesField: spec.seriesField, sizeField: spec.sizeField, sizeRange: spec.sizeRange, centerX: spec.centerX, centerY: spec.centerY, innerRadius: spec.innerRadius, outerRadius: spec.outerRadius, startAngle: spec.startAngle, endAngle: spec.endAngle, ripplePoint: spec.ripplePoint, centerPoint: spec.centerPoint, centerLabel: spec.centerLabel, nodePoint: spec.nodePoint, label: spec.label });
-        const seriesType = SeriesTypeEnum.correlation;
-        series.type = seriesType;
-        series[seriesType] = spec[seriesType];
+        const series = super._getDefaultSeriesSpec(spec, [
+            'categoryField',
+            'valueField',
+            'sizeField',
+            'sizeRange',
+            'centerX',
+            'centerY',
+            'innerRadius',
+            'outerRadius',
+            'startAngle',
+            'endAngle',
+            'ripplePoint',
+            'centerPoint',
+            'centerLabel',
+            'nodePoint'
+        ]);
         return series;
     }
     transformSpec(spec) {
@@ -95569,7 +95640,7 @@ class DataZoom extends DataFilterBaseComponent {
                 this._component.setStatePointToData((state) => this._statePointToData(state));
                 this._component.addEventListener('change', (e) => {
                     const { start, end, tag } = e.detail;
-                    this._handleChange(start, end, undefined, this._auto ? tag : undefined);
+                    this._handleChange(start, end, undefined, tag);
                 });
                 container.add(this._component);
                 this._updateScaleRange();
@@ -95617,7 +95688,7 @@ class DataZoom extends DataFilterBaseComponent {
         }
     }
     _getComponentAttrs(isNeedPreview) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         const { middleHandler = {}, startText = {}, endText = {}, backgroundChart = {}, selectedBackgroundChart = {} } = this._spec;
         return {
             backgroundStyle: transformToGraphic((_a = this._spec.background) === null || _a === void 0 ? void 0 : _a.style),
@@ -95663,8 +95734,7 @@ class DataZoom extends DataFilterBaseComponent {
                     line: { visible: false },
                     area: { visible: false }
                 },
-            disableTriggerEvent: this._option.disableTriggerEvent,
-            disableDispatchOutSide: (_m = this._spec.disableDispatchOutSide) !== null && _m !== void 0 ? _m : false
+            disableTriggerEvent: this._option.disableTriggerEvent
         };
     }
     _getHandlerTextFormatMethod(spec) {
@@ -96765,6 +96835,17 @@ function getFinalValue(source, _data, option) {
     return source;
 }
 
+function markerFilter(data, options) {
+    if (options && options.getRelativeSeries) {
+        const series = options.getRelativeSeries();
+        if (series) {
+            const viewData = series.getViewData();
+            return viewData && viewData.latestData && viewData.latestData.length ? data : [];
+        }
+    }
+    return data;
+}
+
 class BaseMarker extends BaseComponent {
     constructor() {
         super(...arguments);
@@ -96939,6 +97020,28 @@ class BaseMarker extends BaseComponent {
         }
         return result;
     }
+    _initCommonDataView() {
+        const { options } = this._computeOptions();
+        const seriesData = this._getRelativeDataView();
+        registerDataSetInstanceTransform(this._option.dataSet, 'markerAggregation', markerAggregation);
+        registerDataSetInstanceTransform(this._option.dataSet, 'markerFilter', markerFilter);
+        const data = new DataView(this._option.dataSet, { name: `${this.type}_${this.id}_data` });
+        data.parse([seriesData], {
+            type: 'dataview'
+        });
+        data.transform({
+            type: 'markerAggregation',
+            options
+        });
+        data.transform({
+            type: 'markerFilter',
+            options: this._getAllRelativeSeries()
+        });
+        data.target.on('change', () => {
+            this._markerLayout();
+        });
+        this._markerData = data;
+    }
 }
 
 function markerRegression(_data, opt) {
@@ -96946,17 +97049,6 @@ function markerRegression(_data, opt) {
     return regression(data, opt.fieldX, opt.fieldY);
 }
 
-function markerFilter(data, options) {
-    if (options && options.getRelativeSeries) {
-        const series = options.getRelativeSeries();
-        if (series) {
-            const viewData = series.getViewData();
-            return viewData && viewData.latestData && viewData.latestData.length ? data : [];
-        }
-    }
-    return data;
-}
-
 class BaseMarkLine extends BaseMarker {
     constructor() {
         super(...arguments);
@@ -97666,26 +97758,7 @@ class BaseMarkArea extends BaseMarker {
             !doCoordinatesProcess) {
             return null;
         }
-        const { options } = this._computeOptions();
-        const seriesData = this._getRelativeDataView();
-        registerDataSetInstanceTransform(this._option.dataSet, 'markerAggregation', markerAggregation);
-        registerDataSetInstanceTransform(this._option.dataSet, 'markerFilter', markerFilter);
-        const data = new DataView(this._option.dataSet, { name: `${this.type}_${this.id}_data` });
-        data.parse([seriesData], {
-            type: 'dataview'
-        });
-        data.transform({
-            type: 'markerAggregation',
-            options
-        });
-        data.transform({
-            type: 'markerFilter',
-            options: this._getAllRelativeSeries()
-        });
-        data.target.on('change', () => {
-            this._markerLayout();
-        });
-        this._markerData = data;
+        this._initCommonDataView();
     }
 }
 BaseMarkArea.specKey = 'markArea';
@@ -98851,25 +98924,7 @@ class BaseMarkPoint extends BaseMarker {
         if (!isCoordinateProcess && !doXYProcess && !doPolarProcess && !doGeoProcess) {
             return;
         }
-        registerDataSetInstanceTransform(this._option.dataSet, 'markerAggregation', markerAggregation);
-        registerDataSetInstanceTransform(this._option.dataSet, 'markerFilter', markerFilter);
-        const { options } = this._computeOptions();
-        const data = new DataView(this._option.dataSet, { name: `${this.type}_${this.id}_data` });
-        data.parse([this._getRelativeDataView()], {
-            type: 'dataview'
-        });
-        data.transform({
-            type: 'markerAggregation',
-            options
-        });
-        data.transform({
-            type: 'markerFilter',
-            options: this._getAllRelativeSeries()
-        });
-        data.target.on('change', () => {
-            this._markerLayout();
-        });
-        this._markerData = data;
+        this._initCommonDataView();
     }
 }
 BaseMarkPoint.specKey = 'markPoint';
@@ -102119,12 +102174,16 @@ VChart.useRegisters([
 
 class LiquidChartSpecTransformer extends BaseChartSpecTransformer {
     _getDefaultSeriesSpec(spec) {
-        const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { valueField: spec.valueField, maskShape: spec.maskShape, reverse: spec.reverse, outlineMargin: spec.outlineMargin, outlinePadding: spec.outlinePadding, indicatorSmartInvert: spec.indicatorSmartInvert, liquidBackground: spec.liquidBackground, liquidOutline: spec.liquidOutline });
-        const seriesType = SeriesTypeEnum.liquid;
-        if (seriesType) {
-            series.type = seriesType;
-            series[seriesType] = spec[seriesType];
-        }
+        const series = super._getDefaultSeriesSpec(spec, [
+            'valueField',
+            'maskShape',
+            'reverse',
+            'outlineMargin',
+            'outlinePadding',
+            'indicatorSmartInvert',
+            'liquidBackground',
+            'liquidOutline'
+        ]);
         return series;
     }
     transformSpec(spec) {
@@ -102151,12 +102210,13 @@ const registerLiquidChart = () => {
 
 class VennChartSpecTransformer extends BaseChartSpecTransformer {
     _getDefaultSeriesSpec(spec) {
-        const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { categoryField: spec.categoryField, valueField: spec.valueField, seriesField: spec.seriesField, circle: spec.circle, overlap: spec.overlap, overlapLabel: spec.overlapLabel });
-        const seriesType = this.seriesType;
-        if (seriesType) {
-            series.type = seriesType;
-            series[seriesType] = spec[seriesType];
-        }
+        const series = super._getDefaultSeriesSpec(spec, [
+            'categoryField',
+            'valueField',
+            'circle',
+            'overlap',
+            'overlapLabel'
+        ]);
         return series;
     }
     transformSpec(spec) {
@@ -102183,9 +102243,16 @@ const registerVennChart = () => {
 
 class MosaicChartSpecTransformer extends CartesianChartSpecTransformer {
     _getDefaultSeriesSpec(spec) {
-        const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { barWidth: spec.barWidth, barMaxWidth: spec.barMaxWidth, barMinWidth: spec.barMinWidth, barGapInGroup: spec.barGapInGroup, barBackground: spec.barBackground, barMinHeight: spec.barMinHeight, stackCornerRadius: spec.stackCornerRadius });
-        series.bar = spec.bar;
-        return series;
+        return super._getDefaultSeriesSpec(spec, [
+            'barWidth',
+            'barMaxWidth',
+            'barMinWidth',
+            'barGapInGroup',
+            'barBackground',
+            'barMinHeight',
+            'stackCornerRadius',
+            'bar'
+        ]);
     }
     transformSpec(spec) {
         super.transformSpec(spec);
@@ -102251,30 +102318,21 @@ class PictogramChartSpecTransformer extends BaseChartSpecTransformer {
         return type === SeriesTypeEnum.pictogram;
     }
     _getDefaultSeriesSpec(spec) {
-        const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { type: spec.type, nameField: spec.nameField, valueField: spec.valueField, seriesField: spec.seriesField, svg: spec.svg, pictogram: spec.pictogram, defaultFillColor: spec.defaultFillColor });
-        return series;
+        return super._getDefaultSeriesSpec(spec, [
+            'type',
+            'nameField',
+            'valueField',
+            'svg',
+            'pictogram',
+            'defaultFillColor'
+        ]);
     }
     transformSpec(spec) {
         super.transformSpec(spec);
         spec.region.forEach((r) => {
             r.coordinate = 'geo';
         });
-        const defaultSeriesSpec = this._getDefaultSeriesSpec(spec);
-        if (!spec.series || spec.series.length === 0) {
-            spec.series = [defaultSeriesSpec];
-        }
-        else {
-            spec.series.forEach((s) => {
-                if (!this._isValidSeries(s.type)) {
-                    return;
-                }
-                Object.keys(defaultSeriesSpec).forEach(k => {
-                    if (!(k in s)) {
-                        s[k] = defaultSeriesSpec[k];
-                    }
-                });
-            });
-        }
+        super.transformSeriesSpec(spec);
     }
 }