@visactor/vchart 2.1.0-alpha.5 → 2.1.0-alpha.7

package/build/index.js

@@ -15775,13 +15775,11 @@
         };
       }
       recomputeCurrentStatePatch() {
-        var _a, _b, _c, _d;
+        var _a, _b;
         if (!(null === (_a = this.currentStates) || void 0 === _a ? void 0 : _a.length)) return this.effectiveStates = [], this.resolvedStatePatch = void 0, void this.syncSharedStateActiveRegistrations();
-        const stateResolveBaseAttrs = null !== (_b = this.baseAttributes) && void 0 !== _b ? _b : this.attribute,
-          stateModel = this.createStateModel();
-        null === (_c = this.stateEngine) || void 0 === _c || _c.setResolveContext(this, stateResolveBaseAttrs);
-        const transition = stateModel.useStates(this.currentStates),
-          effectiveStates = null !== (_d = transition.effectiveStates) && void 0 !== _d ? _d : transition.states,
+        const stateResolveBaseAttrs = this.getStateResolveBaseAttrs(),
+          transition = this.createStateModel(stateResolveBaseAttrs).useStates(this.currentStates),
+          effectiveStates = null !== (_b = transition.effectiveStates) && void 0 !== _b ? _b : transition.states,
           resolvedStateAttrs = this.stateEngine && this.compiledStateDefinitions ? Object.assign({}, this.stateEngine.resolvedPatch) : this.getStateStyleResolver(this.stateMergeMode).resolve(stateResolveBaseAttrs, this.states, this.stateProxy, transition.states, this.stateSort);
         this.currentStates = transition.states, this.effectiveStates = [...effectiveStates], this.resolvedStatePatch = resolvedStateAttrs, this.syncSharedStateActiveRegistrations();
       }
@@ -16374,7 +16372,15 @@
         var _a;
         return null === (_a = this.states) || void 0 === _a ? void 0 : _a[stateName];
       }
-      createStateModel() {
+      getStateResolveBaseAttrs() {
+        var _a;
+        return null !== (_a = this.baseAttributes) && void 0 !== _a ? _a : this.attribute;
+      }
+      syncStateResolveContext(stateResolveBaseAttrs = this.getStateResolveBaseAttrs()) {
+        var _a;
+        return null === (_a = this.stateEngine) || void 0 === _a || _a.setResolveContext(this, stateResolveBaseAttrs), stateResolveBaseAttrs;
+      }
+      createStateModel(stateResolveBaseAttrs = this.getStateResolveBaseAttrs()) {
         const {
           compiledDefinitions: compiledDefinitions,
           stateProxyEligibility: stateProxyEligibility,
@@ -16387,7 +16393,7 @@
           stateProxyEligibility: stateProxyEligibility,
           states: this.states,
           mergeMode: this.stateMergeMode
-        }), this.stateEngineCompiledDefinitions = compiledDefinitions, this.stateEngineStateProxy = this.stateProxy, this.stateEngineStateSort = this.stateSort, this.stateEngineMergeMode = this.stateMergeMode, this.stateEngineStateProxyModeKey = stateProxyModeKey) : (this.stateEngine = void 0, this.stateEngineCompiledDefinitions = void 0, this.stateEngineStateProxyModeKey = void 0), new StateModel({
+        }), this.stateEngineCompiledDefinitions = compiledDefinitions, this.stateEngineStateProxy = this.stateProxy, this.stateEngineStateSort = this.stateSort, this.stateEngineMergeMode = this.stateMergeMode, this.stateEngineStateProxyModeKey = stateProxyModeKey) : (this.stateEngine = void 0, this.stateEngineCompiledDefinitions = void 0, this.stateEngineStateProxyModeKey = void 0), this.syncStateResolveContext(stateResolveBaseAttrs), new StateModel({
           states: this.states,
           currentStates: this.currentStates,
           stateSort: this.stateSort,
@@ -16457,18 +16463,18 @@
         };
       }
       resolveGraphicStateTransition(states, previousStates, forceResolverRefresh = !1) {
-        var _a, _b, _c, _d;
+        var _a, _b;
         let transition = this.resolveSimpleLocalStateTransition(states, previousStates);
         const isSimpleLocalTransition = !!transition;
         let resolvedStateAttrs;
         if (transition) resolvedStateAttrs = transition.resolvedStateAttrs;else {
-          const stateResolveBaseAttrs = null !== (_a = this.baseAttributes) && void 0 !== _a ? _a : this.attribute,
-            stateModel = this.createStateModel();
-          null === (_b = this.stateEngine) || void 0 === _b || _b.setResolveContext(this, stateResolveBaseAttrs), forceResolverRefresh && (null === (_c = this.stateEngine) || void 0 === _c || _c.invalidateResolverCache()), transition = stateModel.useStates(states), resolvedStateAttrs = this.stateEngine && this.compiledStateDefinitions ? Object.assign({}, this.stateEngine.resolvedPatch) : this.getStateStyleResolver(this.stateMergeMode).resolve(stateResolveBaseAttrs, this.states, this.stateProxy, transition.states, this.stateSort);
+          const stateResolveBaseAttrs = this.getStateResolveBaseAttrs(),
+            stateModel = this.createStateModel(stateResolveBaseAttrs);
+          forceResolverRefresh && (null === (_a = this.stateEngine) || void 0 === _a || _a.invalidateResolverCache()), transition = stateModel.useStates(states), resolvedStateAttrs = this.stateEngine && this.compiledStateDefinitions ? Object.assign({}, this.stateEngine.resolvedPatch) : this.getStateStyleResolver(this.stateMergeMode).resolve(stateResolveBaseAttrs, this.states, this.stateProxy, transition.states, this.stateSort);
         }
         return {
           transition: transition,
-          effectiveStates: null !== (_d = transition.effectiveStates) && void 0 !== _d ? _d : transition.states,
+          effectiveStates: null !== (_b = transition.effectiveStates) && void 0 !== _b ? _b : transition.states,
           resolvedStateAttrs: resolvedStateAttrs,
           isSimpleLocalTransition: isSimpleLocalTransition
         };
@@ -16639,10 +16645,10 @@
         }
       }
       invalidateResolver() {
-        var _a, _b, _c;
+        var _a, _b;
         if (!this.stateEngine || !(null === (_a = this.currentStates) || void 0 === _a ? void 0 : _a.length) || !this.compiledStateDefinitions) return;
-        const stateResolveBaseAttrs = null !== (_b = this.baseAttributes) && void 0 !== _b ? _b : this.attribute;
-        this.stateEngine.setResolveContext(this, stateResolveBaseAttrs), this.resolverEpoch = (null !== (_c = this.resolverEpoch) && void 0 !== _c ? _c : 0) + 1, this.stateEngine.invalidateResolverCache();
+        this.syncStateResolveContext();
+        this.resolverEpoch = (null !== (_b = this.resolverEpoch) && void 0 !== _b ? _b : 0) + 1, this.stateEngine.invalidateResolverCache();
         const transition = this.stateEngine.applyStates(this.currentStates),
           resolvedStateAttrs = Object.assign({}, this.stateEngine.resolvedPatch);
         this.effectiveStates = [...transition.effectiveStates], this.resolvedStatePatch = resolvedStateAttrs, this.sharedStateDirty = !1, this.syncSharedStateActiveRegistrations(), this.stopStateAnimates(), this._restoreAttributeFromStaticTruth({
@@ -67808,32 +67814,35 @@
         return specInfos;
     };
 
+    const resolveOptionValue$3 = (option) => (isFunction$1(option) ? option() : option);
     const lookup = (data, opt) => {
-        if (!opt.from || !opt.from()) {
+        var _a;
+        const fromData = (_a = opt.from) === null || _a === void 0 ? void 0 : _a.call(opt);
+        if (!fromData) {
             return data;
         }
-        const fields = opt.fields;
+        const fields = resolveOptionValue$3(opt.fields);
         const key = opt.key;
         const values = opt.values;
         const defaultValue = opt.default;
         const as = opt.as || [fields];
-        const index = opt.from().reduce(function (map, obj) {
+        const index = fromData.reduce(function (map, obj) {
             if (obj[fields]) {
-                map.set(obj[fields], obj);
+                map.set(`${obj[fields]}`, obj);
             }
             return map;
         }, new Map());
         let set;
         if (isFunction$1(opt.set)) {
             set = function (d) {
-                const v = index.get(d[key]);
+                const v = index.get(`${d[key]}`);
                 opt.set(d, v);
             };
         }
         else if (values) {
             const m = values.length;
             set = function (d) {
-                const v = index.get(d[key]);
+                const v = index.get(`${d[key]}`);
                 if (isNil$1(v)) {
                     for (let i = 0; i < m; ++i) {
                         d[as[i]] = defaultValue;
@@ -67848,7 +67857,7 @@
         }
         else {
             set = function (d) {
-                const v = index.get(d[key]);
+                const v = index.get(`${d[key]}`);
                 d[as[0]] = isValid$1(v) ? v : defaultValue;
             };
         }
@@ -69149,9 +69158,9 @@
             });
             this._viewStackData.transform({
                 type: 'stackSplit',
-                options: {
+                options: () => ({
                     fields: this.getStackGroupFields()
-                }
+                })
             }, false);
         }
         _noAnimationDataKey(datum, index) {
@@ -75974,17 +75983,10 @@
         [ComponentTypeEnum.markArea]: true
     };
     const MARKER_ADDITION_REMAKE_SPEC_KEYS = {
-        autoRange: true,
         regionId: true,
         regionIndex: true,
         seriesId: true,
         seriesIndex: true,
-        relativeSeriesId: true,
-        relativeSeriesIndex: true,
-        startRelativeSeriesId: true,
-        startRelativeSeriesIndex: true,
-        endRelativeSeriesId: true,
-        endRelativeSeriesIndex: true,
         specifiedDataSeriesId: true,
         specifiedDataSeriesIndex: true
     };
@@ -76163,10 +76165,14 @@
                 return this._components.filter(c => c.type === type);
             };
             this._isMarkerAdditionSpecSafeWithoutRemake = (spec) => {
-                if (!spec || typeof spec !== 'object' || spec.visible === false) {
+                if (!spec || typeof spec !== 'object') {
+                    return false;
+                }
+                const markerSpec = spec;
+                if (markerSpec.visible === false) {
                     return false;
                 }
-                return !Object.keys(MARKER_ADDITION_REMAKE_SPEC_KEYS).some(key => !isNil$1(spec[key]));
+                return !Object.keys(MARKER_ADDITION_REMAKE_SPEC_KEYS).some(key => !isNil$1(markerSpec[key]));
             };
             this._paddingSpec = normalizeLayoutPaddingSpec((_a = spec.padding) !== null && _a !== void 0 ? _a : option.getTheme('padding'));
             this._event = new Event$1(option.eventDispatcher, option.mode);
@@ -76603,6 +76609,9 @@
             const onlyMarkerComponentsRemoved = this._isOnlyMarkerComponentsRemoved(this._spec, spec, currentKeys);
             const onlyComponentSpecsChanged = this._isOnlyComponentSpecsChanged(this._spec, spec, currentKeys);
             const onlySeriesSpecsChanged = this._isOnlySeriesSpecsChanged(this._spec, spec, currentKeys);
+            const onlyComponentOrSeriesSpecsChanged = onlyComponentSpecsChanged || onlySeriesSpecsChanged
+                ? true
+                : this._isOnlyComponentOrSeriesSpecsChanged(this._spec, spec, currentKeys);
             this._spec = spec;
             if (onlyMarkerComponentsRemoved) {
                 this._removeMarkerComponentsForEmptySpecs(result);
@@ -76651,7 +76660,7 @@
                 return result;
             }
             this.reInit();
-            if (!onlySeriesSpecsChanged || !this._canSkipChartDataStages(result)) {
+            if (!onlyComponentOrSeriesSpecsChanged || !this._canSkipChartDataStages(result)) {
                 this.updateDataSpec();
                 this.reDataFlow();
                 this._reRunStackDataFlow();
@@ -76784,6 +76793,9 @@
             }
             return nextSpec.slice(currentSpec.length).every(this._isMarkerAdditionSpecSafeWithoutRemake);
         }
+        _isAutoRangeMarkerSpec(spec) {
+            return !!spec && typeof spec === 'object' && spec.autoRange === true;
+        }
         _canRemoveMarkerComponentsWithoutRemake(key, currentSpec, nextSpec) {
             return (MARKER_COMPONENT_SPEC_KEYS[key] &&
                 isArray$1(currentSpec) &&
@@ -76844,6 +76856,24 @@
             });
             return hasSeriesSpecChange && onlySeriesSpecChange;
         }
+        _isOnlyComponentOrSeriesSpecsChanged(currentSpec, nextSpec, specKeys) {
+            var _a, _b;
+            let hasComponentOrSeriesSpecChange = false;
+            const currentSpecRecord = currentSpec;
+            const nextSpecRecord = nextSpec;
+            const seriesRelatedSpecKeys = (_b = (_a = this._specTransformer) === null || _a === void 0 ? void 0 : _a.getSeriesRelatedSpecKeys()) !== null && _b !== void 0 ? _b : {};
+            const onlyComponentOrSeriesSpecChange = specKeys.every(key => {
+                if (isEqual(currentSpecRecord[key], nextSpecRecord[key])) {
+                    return true;
+                }
+                if (this._isComponentSpecKey(key) || seriesRelatedSpecKeys[key]) {
+                    hasComponentOrSeriesSpecChange = true;
+                    return true;
+                }
+                return false;
+            });
+            return hasComponentOrSeriesSpecChange && onlyComponentOrSeriesSpecChange;
+        }
         _canSkipChartDataStages(result) {
             const effects = result.effects;
             return !!(effects === null || effects === void 0 ? void 0 : effects.series) && !effects.remake && !effects.data && !effects.scaleDomain && !result.reMake;
@@ -76892,6 +76922,7 @@
         _createMissingMarkerComponentsForSpecs(result, componentCache) {
             var _a;
             let createdCount = 0;
+            let hasAutoRangeMarker = false;
             (_a = this._specTransformer) === null || _a === void 0 ? void 0 : _a.forEachComponentInSpec(this._spec, (constructor, specInfo) => {
                 if (result.reMake) {
                     return;
@@ -76909,12 +76940,13 @@
                     componentCache[compSpecKey].componentCount++;
                 }
                 createdCount++;
+                hasAutoRangeMarker = hasAutoRangeMarker || this._isAutoRangeMarkerSpec(specInfo.spec);
             }, this._option.getSpecInfo());
             if (!createdCount) {
                 return;
             }
             result.change = true;
-            result.effects = Object.assign(Object.assign({}, result.effects), { component: true, layout: true, render: true });
+            result.effects = Object.assign(Object.assign(Object.assign(Object.assign({}, result.effects), { component: true }), (hasAutoRangeMarker ? { scaleDomain: true } : null)), { layout: true, render: true });
         }
         _removeMarkerComponentsForEmptySpecs(result) {
             const removedComponents = this._components.filter(component => {
@@ -77745,7 +77777,7 @@
         const result = {
             nodes: {}
         };
-        const { fields } = op;
+        const { fields } = isFunction$1(op) ? op() : op;
         if (!(fields === null || fields === void 0 ? void 0 : fields.length)) {
             return result;
         }
@@ -80603,20 +80635,23 @@
     }
 
     const map$1 = (data, opt) => {
-        if (data.features) {
-            data.features.forEach((f, index) => {
-                var _a;
+        const options = isFunction$1(opt) ? opt() : opt;
+        const features = data.features;
+        if (features) {
+            features.forEach((f, index) => {
+                var _a, _b;
                 f[DEFAULT_DATA_INDEX] = index;
-                const name = (_a = f.properties) === null || _a === void 0 ? void 0 : _a[opt.nameProperty];
-                if (opt.nameMap && opt.nameMap[name]) {
-                    f[DEFAULT_MAP_LOOK_UP_KEY] = opt.nameMap[name];
+                const name = (_a = f.properties) === null || _a === void 0 ? void 0 : _a[options.nameProperty];
+                const mappedName = (_b = options.nameMap) === null || _b === void 0 ? void 0 : _b[`${name}`];
+                if (mappedName) {
+                    f[DEFAULT_MAP_LOOK_UP_KEY] = mappedName;
                 }
                 else {
                     f[DEFAULT_MAP_LOOK_UP_KEY] = name;
                 }
             });
         }
-        return data.features;
+        return features;
     };
 
     class MapSeriesTooltipHelper extends BaseSeriesTooltipHelper {
@@ -81523,17 +81558,17 @@
                 .transform({ type: 'copyDataView', options: { deep: true }, level: exports.TransformLevel.copyDataView })
                 .transform({
                 type: 'map',
-                options: {
+                options: () => ({
                     nameMap: this._nameMap,
                     nameProperty: this._nameProperty
-                }
+                })
             })
                 .transform({
                 type: 'lookup',
                 options: {
                     from: () => { var _a; return (_a = this._data) === null || _a === void 0 ? void 0 : _a.getLatestData(); },
                     key: DEFAULT_MAP_LOOK_UP_KEY,
-                    fields: this._nameField,
+                    fields: () => this._nameField,
                     set: (feature, datum) => {
                         if (datum) {
                             Object.keys(datum).forEach(key => {
@@ -81752,7 +81787,8 @@
         if (!lastData || lastData.length === 0) {
             return lastData;
         }
-        const { indexField, total: totalSpec, groupData, calculationMode } = op;
+        const options = isFunction$1(op) ? op() : op;
+        const { indexField, total: totalSpec, groupData, calculationMode } = options;
         const totalData = [];
         const { dimensionValues, dimensionData } = groupData().latestData;
         let indexValues = Array.from(dimensionValues[indexField]);
@@ -81777,7 +81813,7 @@
                 positive: temp.end,
                 negative: temp.end
             };
-            const indexData = op.stackInverse === true ? dimensionData[key].reverse() : dimensionData[key];
+            const indexData = options.stackInverse === true ? dimensionData[key].reverse() : dimensionData[key];
             indexData === null || indexData === void 0 ? void 0 : indexData.forEach((d, i) => {
                 if (i === indexData.length - 1) {
                     d[STACK_FIELD_TOTAL_TOP] = true;
@@ -81801,12 +81837,12 @@
                 };
                 const isTotalTag = indexData.some(d => isTotalCheck(d));
                 if (isTotalTag) {
-                    temp = computeTotalWithMultipleData(indexData, key, total, totalData, temp, indexValues, index, op, isTotalCheck);
+                    temp = computeTotalWithMultipleData(indexData, key, total, totalData, temp, indexValues, index, options, isTotalCheck);
                     totalData.push(total);
                     return;
                 }
             }
-            temp = computeNormalData(indexData, key, total, totalData, temp, indexValues, index, op);
+            temp = computeNormalData(indexData, key, total, totalData, temp, indexValues, index, options);
             totalData.push(total);
         });
         return totalData;
@@ -81977,7 +82013,7 @@
         if (!data) {
             return data;
         }
-        const { indexField, valueField, total, seriesField, calculationMode } = op;
+        const { indexField, valueField, total, seriesField, calculationMode } = isFunction$1(op) ? op() : op;
         const totalData = {
             [indexField]: (total === null || total === void 0 ? void 0 : total.text) || 'total',
             [valueField]: data.reduce((pre, cur) => precisionAdd(pre, +cur[valueField]), 0)
@@ -81986,12 +82022,9 @@
             totalData[seriesField] = 'total';
         }
         if (calculationMode === 'decrease') {
-            data.unshift(totalData);
+            return [totalData, ...data];
         }
-        else {
-            data.push(totalData);
-        }
-        return data;
+        return [...data, totalData];
     };
 
     const Appear_FadeIn$6 = {
@@ -82654,21 +82687,24 @@
             return super.getSeriesKeys();
         }
         initData() {
-            var _a, _b, _c;
+            var _a;
             super.initData();
             registerDataSetInstanceTransform(this._dataSet, 'waterfallFillTotal', waterfallFillTotal);
             registerDataSetInstanceTransform(this._dataSet, 'waterfall', waterfall$1);
             if (isNil$1(this._spec.total) || this._spec.total.type === 'end') {
                 (_a = this._rawData) === null || _a === void 0 ? void 0 : _a.transform({
                     type: 'waterfallFillTotal',
-                    options: {
-                        indexField: this.getGroupFields()[0],
-                        valueField: this.getStackValueField(),
-                        seriesField: this.getSeriesField(),
-                        seriesFieldName: this._theme.seriesFieldName,
-                        total: this._spec.total,
-                        calculationMode: (_b = this._spec.calculationMode) !== null && _b !== void 0 ? _b : 'increase',
-                        stackInverse: this.getRegion().getStackInverse()
+                    options: () => {
+                        var _a;
+                        return ({
+                            indexField: this.getGroupFields()[0],
+                            valueField: this.getStackValueField(),
+                            seriesField: this.getSeriesField(),
+                            seriesFieldName: this._theme.seriesFieldName,
+                            total: this._spec.total,
+                            calculationMode: (_a = this._spec.calculationMode) !== null && _a !== void 0 ? _a : 'increase',
+                            stackInverse: this.getRegion().getStackInverse()
+                        });
                     }
                 }, false);
             }
@@ -82679,17 +82715,20 @@
             this._totalData = new CompilableData(this._option, totalData);
             totalData.transform({
                 type: 'waterfall',
-                options: {
-                    indexField: this.getGroupFields()[0],
-                    valueField: this.getStackValueField(),
-                    seriesField: this.getSeriesField(),
-                    seriesFieldName: this._theme.seriesFieldName,
-                    startAs: STACK_FIELD_START,
-                    endAs: STACK_FIELD_END,
-                    total: this._spec.total,
-                    calculationMode: (_c = this._spec.calculationMode) !== null && _c !== void 0 ? _c : 'increase',
-                    groupData: () => this.getGroups().groupData,
-                    stackInverse: this.getRegion().getStackInverse()
+                options: () => {
+                    var _a;
+                    return ({
+                        indexField: this.getGroupFields()[0],
+                        valueField: this.getStackValueField(),
+                        seriesField: this.getSeriesField(),
+                        seriesFieldName: this._theme.seriesFieldName,
+                        startAs: STACK_FIELD_START,
+                        endAs: STACK_FIELD_END,
+                        total: this._spec.total,
+                        calculationMode: (_a = this._spec.calculationMode) !== null && _a !== void 0 ? _a : 'increase',
+                        groupData: () => this.getGroups().groupData,
+                        stackInverse: this.getRegion().getStackInverse()
+                    });
                 }
             }, false);
             totalData.target.addListener('change', this._reStackTotal);
@@ -82880,13 +82919,12 @@
 
     const foldOutlierData = (data, op) => {
         const result = [];
-        const { outliersField, dimensionField, seriesField } = op;
+        const options = isFunction$1(op) ? op() : op;
+        const { outliersField, dimensionField, seriesField } = options;
         const latestData = data[0].latestData || [];
-        latestData.forEach((d) => {
-            let outlierValues = d[outliersField];
-            if (!isArray$1(outlierValues)) {
-                outlierValues = [outlierValues];
-            }
+        latestData.forEach(d => {
+            const rawOutlierValues = d[outliersField];
+            const outlierValues = isArray$1(rawOutlierValues) ? rawOutlierValues : [rawOutlierValues];
             result.push(...outlierValues.map((v) => {
                 const resData = {
                     [BOX_PLOT_OUTLIER_VALUE_FIELD]: v
@@ -83875,11 +83913,11 @@
             outlierDataView.name = `${PREFIX}_series_${this.id}_outlierData`;
             outlierDataView.transform({
                 type: 'foldOutlierData',
-                options: {
+                options: () => ({
                     dimensionField: this._direction === "horizontal" ? this._fieldY : this._fieldX,
                     outliersField: this._outliersField,
                     seriesField: this._seriesField
-                }
+                })
             });
             outlierDataView.transform({
                 type: 'addVChartProperty',
@@ -85566,7 +85604,20 @@
         });
     };
 
+    const ROSE_LIKE_SERIES_COMPILE_ONLY_KEYS = {
+        radius: true,
+        outerRadius: true,
+        innerRadius: true,
+        startAngle: true,
+        endAngle: true,
+        centerX: true,
+        centerY: true
+    };
     class RoseLikeSeries extends PolarSeries {
+        _getSpecUpdatePolicy() {
+            const policy = super._getSpecUpdatePolicy();
+            return Object.assign(Object.assign({}, policy), { compileOnlyKeys: Object.assign(Object.assign({}, policy.compileOnlyKeys), ROSE_LIKE_SERIES_COMPILE_ONLY_KEYS) });
+        }
         getStackGroupFields() {
             return this._angleField;
         }
@@ -86034,8 +86085,11 @@
             this._scale = new LinearScale();
         }
         setAttrFromSpec() {
+            var _a, _b;
             super.setAttrFromSpec();
             this.setExtraAttrFromSpec();
+            const tickTransform = (_b = (_a = this._tickData) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.getDataView().transformsArr.find(t => t.type === this.registerTicksTransform());
+            tickTransform && (tickTransform.options = this._tickTransformOption());
         }
         initScales() {
             super.initScales();
@@ -86106,6 +86160,10 @@
             super.initScales();
             this.calcScales(this._defaultBandInnerPadding, this._defaultBandOuterPadding);
         }
+        reInit(spec) {
+            super.reInit(spec);
+            this._updateData();
+        }
         registerTicksTransform() {
             const name = `${this.type}-ticks`;
             registerDataSetInstanceTransform(this._option.dataSet, name, polarAngleAxisDiscreteTicks);
@@ -86791,6 +86849,16 @@
         }
     };
 
+    const DOT_SERIES_COMPILE_ONLY_KEYS = {
+        highLightSeriesGroup: true,
+        titleField: true,
+        subTitleField: true
+    };
+    const DOT_SERIES_COMPILE_ONLY_SUB_KEYS = {
+        grid: {
+            background: true
+        }
+    };
     class DotSeries extends CartesianSeries {
         constructor() {
             super(...arguments);
@@ -86841,6 +86909,10 @@
                 this._gridBackground = gridBackground;
             }
         }
+        _getSpecUpdatePolicy() {
+            const policy = super._getSpecUpdatePolicy();
+            return Object.assign(Object.assign({}, policy), { compileOnlyKeys: Object.assign(Object.assign({}, policy.compileOnlyKeys), DOT_SERIES_COMPILE_ONLY_KEYS), compileOnlySubKeys: Object.assign(Object.assign({}, policy.compileOnlySubKeys), DOT_SERIES_COMPILE_ONLY_SUB_KEYS) });
+        }
         initData() {
             var _a;
             super.initData();
@@ -87440,6 +87512,16 @@
 
     const progressLikeSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["group"]: { name: "group", type: "group" } });
 
+    const PROGRESS_LIKE_SERIES_COMPILE_ONLY_KEYS = {
+        radius: true,
+        outerRadius: true,
+        innerRadius: true,
+        startAngle: true,
+        endAngle: true,
+        centerX: true,
+        centerY: true,
+        clamp: true
+    };
     class ProgressLikeSeries extends PolarSeries {
         constructor() {
             super(...arguments);
@@ -87505,6 +87587,10 @@
                 return this._getAngleValueEndWithoutMask(datum);
             };
         }
+        _getSpecUpdatePolicy() {
+            const policy = super._getSpecUpdatePolicy();
+            return Object.assign(Object.assign({}, policy), { compileOnlyKeys: Object.assign(Object.assign({}, policy.compileOnlyKeys), PROGRESS_LIKE_SERIES_COMPILE_ONLY_KEYS) });
+        }
         setAttrFromSpec() {
             var _a, _b, _c;
             super.setAttrFromSpec();
@@ -87720,7 +87806,8 @@
     };
 
     const CIRCULAR_PROGRESS_SERIES_COMPILE_ONLY_KEYS = {
-        cornerRadius: true
+        cornerRadius: true,
+        roundCap: true
     };
     class CircularProgressSeries extends ProgressLikeSeries {
         constructor() {
@@ -87947,7 +88034,9 @@
     };
 
     const LINEAR_PROGRESS_SERIES_COMPILE_ONLY_KEYS = {
-        bandWidth: true
+        bandWidth: true,
+        cornerRadius: true,
+        clamp: true
     };
     const LINEAR_PROGRESS_SERIES_COMPILE_ONLY_SUB_KEYS = {
         progress: {
@@ -94018,16 +94107,21 @@
         registerWordCloudSeries();
     };
 
+    const resolveOptionValue$2 = (option) => (isFunction$1(option) ? option() : option);
     const funnel = (originData, op) => {
-        var _a, _b;
+        var _a, _b, _c, _d;
         const data = originData.map(datum => (Object.assign({}, datum)));
         if (!data || data.length === 0) {
             return data;
         }
-        const { valueField, asTransformRatio, asReachRatio, asHeightRatio, asValueRatio, asNextValueRatio, asLastValueRatio, asLastValue, asCurrentValue, asNextValue, heightVisual = false, isCone = true, range } = op;
+        const { asTransformRatio, asReachRatio, asHeightRatio, asValueRatio, asNextValueRatio, asLastValueRatio, asLastValue, asCurrentValue, asNextValue, } = op;
+        const valueField = resolveOptionValue$2(op.valueField);
+        const heightVisual = (_a = resolveOptionValue$2(op.heightVisual)) !== null && _a !== void 0 ? _a : false;
+        const isCone = (_b = resolveOptionValue$2(op.isCone)) !== null && _b !== void 0 ? _b : true;
+        const range = resolveOptionValue$2(op.range);
         const max = data.reduce((m, d) => Math.max(m, Number.parseFloat(d[valueField]) || -Infinity), -Infinity);
         const min = data.reduce((m, d) => Math.min(m, Number.parseFloat(d[valueField]) || Infinity), Infinity);
-        const rangeArr = [(_a = range === null || range === void 0 ? void 0 : range.min) !== null && _a !== void 0 ? _a : min, (_b = range === null || range === void 0 ? void 0 : range.max) !== null && _b !== void 0 ? _b : max];
+        const rangeArr = [(_c = range === null || range === void 0 ? void 0 : range.min) !== null && _c !== void 0 ? _c : min, (_d = range === null || range === void 0 ? void 0 : range.max) !== null && _d !== void 0 ? _d : max];
         data.forEach((d, i) => {
             var _a, _b;
             const currentValue = Number.parseFloat(d[valueField]);
@@ -94055,7 +94149,7 @@
             return data;
         }
         data.shift();
-        data.forEach((d) => {
+        data.forEach(d => {
             d[op.asIsTransformLevel] = true;
         });
         return data;
@@ -94233,13 +94327,13 @@
             return fields;
         }
         _statisticViewData() {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+            var _a;
             super._statisticViewData();
             this._data.getDataView().transform({
                 type: 'funnel',
                 options: {
-                    valueField: this.getValueField(),
-                    isCone: this._spec.isCone,
+                    valueField: () => this.getValueField(),
+                    isCone: () => this._spec.isCone,
                     asCurrentValue: FUNNEL_CURRENT_VALUE,
                     asTransformRatio: FUNNEL_TRANSFORM_RATIO,
                     asReachRatio: FUNNEL_REACH_RATIO,
@@ -94249,13 +94343,10 @@
                     asLastValueRatio: FUNNEL_LAST_VALUE_RATIO,
                     asLastValue: FUNNEL_LAST_VALUE,
                     asNextValue: FUNNEL_NEXT_VALUE,
-                    range: {
-                        min: (_b = (_a = this._spec.range) === null || _a === void 0 ? void 0 : _a.min) !== null && _b !== void 0 ? _b : (_d = (_c = this.getViewDataStatistics().latestData) === null || _c === void 0 ? void 0 : _c[this.getValueField()]) === null || _d === void 0 ? void 0 : _d.min,
-                        max: (_f = (_e = this._spec.range) === null || _e === void 0 ? void 0 : _e.max) !== null && _f !== void 0 ? _f : (_h = (_g = this.getViewDataStatistics().latestData) === null || _g === void 0 ? void 0 : _g[this.getValueField()]) === null || _h === void 0 ? void 0 : _h.max
-                    }
+                    range: () => this._spec.range
                 }
             });
-            (_j = this._viewDataTransform.getDataView()) === null || _j === void 0 ? void 0 : _j.transform({
+            (_a = this._viewDataTransform.getDataView()) === null || _a === void 0 ? void 0 : _a.transform({
                 type: 'funnelTransform',
                 options: { asIsTransformLevel: FUNNEL_TRANSFORM_LEVEL }
             });
@@ -95674,7 +95765,7 @@
     };
 
     const collectHierarchyField = (set, data, field) => {
-        data.forEach((obj) => {
+        data.forEach(obj => {
             if (!isNil$1(obj[field])) {
                 set.add(obj[field]);
             }
@@ -95693,7 +95784,7 @@
                 links: [],
                 nodes: []
             };
-            data.forEach((datum) => {
+            data.forEach(datum => {
                 if (datum.id === 'links' || datum.id === 'nodes') {
                     updateData[datum.id] = datum.values;
                 }
@@ -95706,10 +95797,11 @@
         return data;
     };
     const sankeyLayout = (data, op) => {
-        if (!data || !(op === null || op === void 0 ? void 0 : op.view) || !data.length) {
+        const options = isFunction$1(op) ? op() : op;
+        if (!data || !(options === null || options === void 0 ? void 0 : options.view) || !data.length) {
             return [];
         }
-        const view = op.view();
+        const view = options.view();
         if (view.x1 - view.x0 === 0 ||
             view.y1 - view.y0 === 0 ||
             view.x1 - view.x0 === -Infinity ||
@@ -95719,35 +95811,41 @@
             return [];
         }
         const originalData = data[0];
-        if (op.sourceField !== 'source' || op.targetField !== 'target' || op.valueField !== 'value') {
-            if (originalData.links) {
-                const updatedData = [];
-                originalData.links.forEach((datum) => {
-                    const updatedDatum = {};
-                    for (const key in datum) {
-                        if (key === op.sourceField) {
-                            updatedDatum.source = datum[op.sourceField];
-                        }
-                        else if (key === op.targetField) {
-                            updatedDatum.target = datum[op.targetField];
-                        }
-                        else if (key === op.valueField) {
-                            updatedDatum.value = datum[op.valueField];
-                        }
-                        else {
-                            updatedDatum[key] = datum[key];
-                        }
-                    }
-                    updatedData.push(updatedDatum);
-                });
-                originalData.links = updatedData;
-            }
-        }
-        const layout = new SankeyLayout(op);
+        const layoutData = normalizeSankeyData(originalData, options);
+        const layout = new SankeyLayout(options);
         const result = [];
-        result.push(layout.layout(originalData, view));
+        result.push(layout.layout(layoutData, view));
         return result;
     };
+    const normalizeSankeyData = (data, options) => {
+        if (options.sourceField === 'source' &&
+            options.targetField === 'target' &&
+            options.valueField === 'value') {
+            return data;
+        }
+        const links = data.links;
+        if (!links) {
+            return data;
+        }
+        return Object.assign(Object.assign({}, data), { links: links.map(link => {
+                const updatedLink = {};
+                Object.keys(link).forEach(key => {
+                    if (key === options.sourceField) {
+                        updatedLink.source = link[options.sourceField];
+                    }
+                    else if (key === options.targetField) {
+                        updatedLink.target = link[options.targetField];
+                    }
+                    else if (key === options.valueField) {
+                        updatedLink.value = link[options.valueField];
+                    }
+                    else {
+                        updatedLink[key] = link[key];
+                    }
+                });
+                return updatedLink;
+            }) });
+    };
 
     const sankeyNodes = (data) => {
         var _a, _b;
@@ -96597,7 +96695,6 @@
             this.setSeriesField((_a = this._spec.seriesField) !== null && _a !== void 0 ? _a : this._spec.categoryField);
         }
         initData() {
-            var _a, _b, _c, _d;
             super.initData();
             const viewData = this.getViewData();
             const rawData = this.getRawData();
@@ -96609,40 +96706,43 @@
                 }, false);
                 viewData.transform({
                     type: 'sankeyLayout',
-                    options: {
-                        view: () => {
-                            return {
-                                x0: this._viewBox.x1,
-                                x1: this._viewBox.x2,
-                                y0: this._viewBox.y1,
-                                y1: this._viewBox.y2
-                            };
-                        },
-                        sourceField: this._spec.sourceField,
-                        targetField: this._spec.targetField,
-                        valueField: this._spec.valueField,
-                        direction: this.direction,
-                        crossNodeAlign: this._spec.crossNodeAlign,
-                        nodeAlign: (_a = this._spec.nodeAlign) !== null && _a !== void 0 ? _a : 'justify',
-                        nodeGap: (_b = this._spec.nodeGap) !== null && _b !== void 0 ? _b : 8,
-                        nodeWidth: (_c = this._spec.nodeWidth) !== null && _c !== void 0 ? _c : 10,
-                        linkWidth: this._spec.linkWidth,
-                        minStepWidth: this._spec.minStepWidth,
-                        minNodeHeight: (_d = this._spec.minNodeHeight) !== null && _d !== void 0 ? _d : 4,
-                        maxNodeHeight: this._spec.maxNodeHeight,
-                        minLinkHeight: this._spec.minLinkHeight,
-                        maxLinkHeight: this._spec.maxLinkHeight,
-                        iterations: this._spec.iterations,
-                        nodeKey: this._spec.nodeKey,
-                        linkSortBy: this._spec.linkSortBy,
-                        nodeSortBy: this._spec.nodeSortBy,
-                        setNodeLayer: this._spec.setNodeLayer,
-                        dropIsolatedNode: this._spec.dropIsolatedNode,
-                        nodeHeight: this._spec.nodeHeight,
-                        linkHeight: this._spec.linkHeight,
-                        equalNodeHeight: this._spec.equalNodeHeight,
-                        linkOverlap: this._spec.linkOverlap,
-                        inverse: this._spec.inverse
+                    options: () => {
+                        var _a, _b, _c, _d;
+                        return ({
+                            view: () => {
+                                return {
+                                    x0: this._viewBox.x1,
+                                    x1: this._viewBox.x2,
+                                    y0: this._viewBox.y1,
+                                    y1: this._viewBox.y2
+                                };
+                            },
+                            sourceField: this._spec.sourceField,
+                            targetField: this._spec.targetField,
+                            valueField: this._spec.valueField,
+                            direction: this.direction,
+                            crossNodeAlign: this._spec.crossNodeAlign,
+                            nodeAlign: (_a = this._spec.nodeAlign) !== null && _a !== void 0 ? _a : 'justify',
+                            nodeGap: (_b = this._spec.nodeGap) !== null && _b !== void 0 ? _b : 8,
+                            nodeWidth: (_c = this._spec.nodeWidth) !== null && _c !== void 0 ? _c : 10,
+                            linkWidth: this._spec.linkWidth,
+                            minStepWidth: this._spec.minStepWidth,
+                            minNodeHeight: (_d = this._spec.minNodeHeight) !== null && _d !== void 0 ? _d : 4,
+                            maxNodeHeight: this._spec.maxNodeHeight,
+                            minLinkHeight: this._spec.minLinkHeight,
+                            maxLinkHeight: this._spec.maxLinkHeight,
+                            iterations: this._spec.iterations,
+                            nodeKey: this._spec.nodeKey,
+                            linkSortBy: this._spec.linkSortBy,
+                            nodeSortBy: this._spec.nodeSortBy,
+                            setNodeLayer: this._spec.setNodeLayer,
+                            dropIsolatedNode: this._spec.dropIsolatedNode,
+                            nodeHeight: this._spec.nodeHeight,
+                            linkHeight: this._spec.linkHeight,
+                            equalNodeHeight: this._spec.equalNodeHeight,
+                            linkOverlap: this._spec.linkOverlap,
+                            inverse: this._spec.inverse
+                        });
                     },
                     level: exports.TransformLevel.sankeyLayout
                 });
@@ -97141,16 +97241,17 @@
     };
 
     const treemapLayout = (data, op) => {
-        const viewBox = op.getViewBox();
+        const options = isFunction$1(op) ? op() : op;
+        const viewBox = options.getViewBox();
         if (viewBox) {
-            const layout = new TreemapLayout(op);
-            const res = layout.layout(data, op.getViewBox());
+            const layout = new TreemapLayout(options);
+            const res = layout.layout(data, viewBox);
             const nodes = [];
-            flattenNodes(res, nodes, { maxDepth: op === null || op === void 0 ? void 0 : op.maxDepth });
-            nodes.forEach((datum, i) => {
+            flattenNodes(res, nodes, { maxDepth: options === null || options === void 0 ? void 0 : options.maxDepth });
+            nodes.forEach(datum => {
                 if (datum) {
                     [DEFAULT_HIERARCHY_ROOT, 'name'].forEach(key => {
-                        datum[key] = datum.datum[datum.depth][op.nameField];
+                        datum[key] = datum.datum[datum.depth][options.nameField];
                     });
                 }
             });
@@ -97241,34 +97342,37 @@
             }
         }
         initData() {
-            var _a, _b, _c, _d, _e;
+            var _a;
             super.initData();
             registerDataSetInstanceTransform(this._dataSet, 'treemap', treemapLayout);
             (_a = this._data.getDataView()) === null || _a === void 0 ? void 0 : _a.transform({
                 type: 'treemap',
-                options: {
-                    nameField: this._categoryField,
-                    valueField: this._valueField,
-                    getViewBox: () => {
-                        return this._viewBox.empty()
-                            ? null
-                            : {
-                                x0: this._viewBox.x1,
-                                x1: this._viewBox.x2,
-                                y0: this._viewBox.y1,
-                                y1: this._viewBox.y2
-                            };
-                    },
-                    maxDepth: this._maxDepth,
-                    gapWidth: this._spec.gapWidth,
-                    padding: this._spec.nodePadding,
-                    splitType: this._spec.splitType,
-                    aspectRatio: this._spec.aspectRatio,
-                    labelPadding: ((_b = this._spec.nonLeafLabel) === null || _b === void 0 ? void 0 : _b.visible) ? (_c = this._spec.nonLeafLabel) === null || _c === void 0 ? void 0 : _c.padding : 0,
-                    labelPosition: (_d = this._spec.nonLeafLabel) === null || _d === void 0 ? void 0 : _d.position,
-                    minVisibleArea: (_e = this._spec.minVisibleArea) !== null && _e !== void 0 ? _e : 10,
-                    minChildrenVisibleArea: this._spec.minChildrenVisibleArea,
-                    minChildrenVisibleSize: this._spec.minChildrenVisibleSize
+                options: () => {
+                    var _a, _b, _c, _d;
+                    return ({
+                        nameField: this._categoryField,
+                        valueField: this._valueField,
+                        getViewBox: () => {
+                            return this._viewBox.empty()
+                                ? null
+                                : {
+                                    x0: this._viewBox.x1,
+                                    x1: this._viewBox.x2,
+                                    y0: this._viewBox.y1,
+                                    y1: this._viewBox.y2
+                                };
+                        },
+                        maxDepth: this._maxDepth,
+                        gapWidth: this._spec.gapWidth,
+                        padding: this._spec.nodePadding,
+                        splitType: this._spec.splitType,
+                        aspectRatio: this._spec.aspectRatio,
+                        labelPadding: ((_a = this._spec.nonLeafLabel) === null || _a === void 0 ? void 0 : _a.visible) ? (_b = this._spec.nonLeafLabel) === null || _b === void 0 ? void 0 : _b.padding : 0,
+                        labelPosition: (_c = this._spec.nonLeafLabel) === null || _c === void 0 ? void 0 : _c.position,
+                        minVisibleArea: (_d = this._spec.minVisibleArea) !== null && _d !== void 0 ? _d : 10,
+                        minChildrenVisibleArea: this._spec.minChildrenVisibleArea,
+                        minChildrenVisibleSize: this._spec.minChildrenVisibleSize
+                    });
                 }
             });
             if (this.getViewData()) {
@@ -98232,11 +98336,13 @@
     const CORRELATION_Y = `${PREFIX}_CORRELATION_Y`;
     const CORRELATION_SIZE = `${PREFIX}_CORRELATION_SIZE`;
 
+    const resolveOptionValue$1 = (option) => (isFunction$1(option) ? option() : option);
     const correlation$1 = (data, options) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         if (!data || !(options === null || options === void 0 ? void 0 : options.view) || !isArray$1(data)) {
             return data;
         }
+        const dataList = data;
         const viewBox = options.view();
         if (viewBox.x1 - viewBox.x0 === 0 ||
             viewBox.y1 - viewBox.y0 === 0 ||
@@ -98246,43 +98352,46 @@
             viewBox.y1 - viewBox.y0 === Infinity) {
             return data;
         }
-        const startAngle = degreeToRadian((_a = options.startAngle) !== null && _a !== void 0 ? _a : -90);
-        const endAngle = degreeToRadian((_b = options.endAngle) !== null && _b !== void 0 ? _b : 270);
+        const startAngle = degreeToRadian((_a = resolveOptionValue$1(options.startAngle)) !== null && _a !== void 0 ? _a : -90);
+        const endAngle = degreeToRadian((_b = resolveOptionValue$1(options.endAngle)) !== null && _b !== void 0 ? _b : 270);
         const maxRadius = Math.max((viewBox.x1 - viewBox.x0) / 2, (viewBox.y1 - viewBox.y0) / 2);
-        const innerRadius = toPercent((_c = options.innerRadius) !== null && _c !== void 0 ? _c : 0, maxRadius);
-        const outerRadius = toPercent(options.outerRadius, maxRadius);
+        const innerRadius = toPercent((_c = resolveOptionValue$1(options.innerRadius)) !== null && _c !== void 0 ? _c : 0, maxRadius);
+        const outerRadius = toPercent(resolveOptionValue$1(options.outerRadius), maxRadius);
+        const centerOption = resolveOptionValue$1(options.center);
         const center = [
-            isNumber$2((_d = options.center) === null || _d === void 0 ? void 0 : _d[0])
-                ? options.center[0]
-                : viewBox.x0 + toPercent((_f = (_e = options.center) === null || _e === void 0 ? void 0 : _e[0]) !== null && _f !== void 0 ? _f : '50%', viewBox.x1 - viewBox.x0),
-            isNumber$2((_g = options.center) === null || _g === void 0 ? void 0 : _g[1])
-                ? options.center[1]
-                : viewBox.y0 + toPercent((_j = (_h = options.center) === null || _h === void 0 ? void 0 : _h[1]) !== null && _j !== void 0 ? _j : '50%', viewBox.y1 - viewBox.y0)
+            isNumber$2(centerOption === null || centerOption === void 0 ? void 0 : centerOption[0])
+                ? centerOption[0]
+                : viewBox.x0 + toPercent((_d = centerOption === null || centerOption === void 0 ? void 0 : centerOption[0]) !== null && _d !== void 0 ? _d : '50%', viewBox.x1 - viewBox.x0),
+            isNumber$2(centerOption === null || centerOption === void 0 ? void 0 : centerOption[1])
+                ? centerOption[1]
+                : viewBox.y0 + toPercent((_e = centerOption === null || centerOption === void 0 ? void 0 : centerOption[1]) !== null && _e !== void 0 ? _e : '50%', viewBox.y1 - viewBox.y0)
         ];
-        const fieldAccessor = field$2(options.field);
-        const values = data.map(fieldAccessor);
+        const fieldAccessor = field$2(resolveOptionValue$1(options.field));
+        const values = dataList.map(fieldAccessor);
         const [min, max] = extent$2(values);
         const radiusScale = min === max
             ? (val) => (innerRadius + outerRadius) / 2
             : (val) => innerRadius + ((outerRadius - innerRadius) * (val - min)) / (max - min);
-        const sizeAccessor = !isNil$1(options.radiusField) ? field$2(options.radiusField) : fieldAccessor;
-        const defaultSize = (_l = (_k = options === null || options === void 0 ? void 0 : options.radiusRange) === null || _k === void 0 ? void 0 : _k[1]) !== null && _l !== void 0 ? _l : 5;
+        const radiusField = resolveOptionValue$1(options.radiusField);
+        const radiusRange = resolveOptionValue$1(options.radiusRange);
+        const sizeAccessor = !isNil$1(radiusField) ? field$2(radiusField) : fieldAccessor;
+        const defaultSize = (_f = radiusRange === null || radiusRange === void 0 ? void 0 : radiusRange[1]) !== null && _f !== void 0 ? _f : 5;
         let sizeScale = (datum) => defaultSize;
         if (sizeAccessor) {
-            const [minSize, maxSize] = sizeAccessor !== fieldAccessor ? extent$2(data.map(sizeAccessor)) : [min, max];
-            const minR = (_o = (_m = options.radiusRange) === null || _m === void 0 ? void 0 : _m[0]) !== null && _o !== void 0 ? _o : 5;
-            const maxR = (_q = (_p = options.radiusRange) === null || _p === void 0 ? void 0 : _p[1]) !== null && _q !== void 0 ? _q : 5;
+            const [minSize, maxSize] = sizeAccessor !== fieldAccessor ? extent$2(dataList.map(sizeAccessor)) : [min, max];
+            const minR = (_g = radiusRange === null || radiusRange === void 0 ? void 0 : radiusRange[0]) !== null && _g !== void 0 ? _g : 5;
+            const maxR = (_h = radiusRange === null || radiusRange === void 0 ? void 0 : radiusRange[1]) !== null && _h !== void 0 ? _h : 5;
             if (minSize !== maxSize) {
                 sizeScale = (datum) => minR + ((maxR - minR) * (sizeAccessor(datum) - minSize)) / (maxSize - minSize);
             }
         }
         const minAngle = Math.min(startAngle, endAngle);
         const maxAngle = Math.max(startAngle, endAngle);
-        const angles = getPartialAngles(minAngle, maxAngle, data.length);
+        const angles = getPartialAngles(minAngle, maxAngle, dataList.length);
         const res = [];
         const searchStep = 60;
         const searchAngle = (maxAngle - minAngle) / searchStep;
-        data.forEach((datum, index) => {
+        dataList.forEach((datum, index) => {
             const radius = radiusScale(values[index]);
             const size = sizeScale(datum);
             let x;
@@ -98355,15 +98464,20 @@
             return false;
         }
         return arr.some(entry => {
-            return Math.pow(item.x - entry.x, 2) + Math.pow(item.y - entry.y, 2) < Math.pow(item.size + entry.size, 2);
+            const x = entry.x;
+            const y = entry.y;
+            const size = entry.size;
+            return Math.pow(item.x - x, 2) + Math.pow(item.y - y, 2) < Math.pow(item.size + size, 2);
         });
     };
 
+    const resolveOptionValue = (option) => (isFunction$1(option) ? option() : option);
     const correlationCenter = (data, options) => {
         if (!data || !isArray$1(data)) {
             return [];
         }
-        const { keyword, categoryField } = options;
+        const keyword = resolveOptionValue(options.keyword);
+        const categoryField = resolveOptionValue(options.categoryField);
         const nodeInfo = data[0].latestData[0];
         const centerInfo = {
             [categoryField]: keyword,
@@ -98524,7 +98638,6 @@
             this.setSizeRange(this._spec.sizeRange);
         }
         initData() {
-            var _a, _b, _c;
             super.initData();
             if (!this._data) {
                 return;
@@ -98540,8 +98653,8 @@
             centerDataView.transform({
                 type: 'correlationCenter',
                 options: {
-                    keyword: (_c = (_b = (_a = this._spec.centerLabel) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.text) !== null && _c !== void 0 ? _c : '',
-                    categoryField: this._spec.categoryField
+                    keyword: () => { var _a, _b, _c; return (_c = (_b = (_a = this._spec.centerLabel) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.text) !== null && _c !== void 0 ? _c : ''; },
+                    categoryField: () => this._spec.categoryField
                 }
             });
             this._centerSeriesData = new CompilableData(this._option, centerDataView);
@@ -98564,14 +98677,14 @@
                             y1: this._viewBox.y2
                         };
                     },
-                    field: this._spec.valueField,
-                    radiusRange: this._spec.sizeRange,
-                    radiusField: this._spec.sizeField,
-                    center: [this._spec.centerX, this._spec.centerY],
-                    innerRadius: this._spec.innerRadius,
-                    outerRadius: this._spec.outerRadius,
-                    startAngle: this._spec.startAngle,
-                    endAngle: this._spec.endAngle
+                    field: () => this._spec.valueField,
+                    radiusRange: () => this._spec.sizeRange,
+                    radiusField: () => this._spec.sizeField,
+                    center: () => [this._spec.centerX, this._spec.centerY],
+                    innerRadius: () => this._spec.innerRadius,
+                    outerRadius: () => this._spec.outerRadius,
+                    startAngle: () => this._spec.startAngle,
+                    endAngle: () => this._spec.endAngle
                 }
             });
         }
@@ -99349,9 +99462,10 @@
     }
 
     const vennLayout = (data, op) => {
-        const viewBox = op.getViewBox();
+        const options = isFunction$1(op) ? op() : op;
+        const viewBox = options.getViewBox();
         if (viewBox && (data === null || data === void 0 ? void 0 : data.length)) {
-            return vennTransform(Object.assign({ setField: op.setField, valueField: op.valueField }, viewBox), data);
+            return vennTransform(Object.assign({ setField: options.setField, valueField: options.valueField }, viewBox), data);
         }
         return [];
     };
@@ -99434,7 +99548,7 @@
             registerDataSetInstanceTransform(this._dataSet, 'venn', vennLayout);
             (_a = this._data.getDataView()) === null || _a === void 0 ? void 0 : _a.transform({
                 type: 'venn',
-                options: {
+                options: () => ({
                     getViewBox: () => {
                         return this._viewBox.empty()
                             ? null
@@ -99447,7 +99561,7 @@
                     },
                     setField: this._categoryField,
                     valueField: this._valueField
-                }
+                })
             });
         }
         compile() {
@@ -99867,7 +99981,7 @@
             return indicatorSpec;
         }
         _getDefaultSeriesSpec(spec, pickKeys) {
-            const series = super._getDefaultSeriesSpec(spec, ['radius', 'outerRadius', 'innerRadius', 'startAngle', 'endAngle', 'sortDataByAxis'], pickKeys);
+            const series = super._getDefaultSeriesSpec(spec, ['radius', 'outerRadius', 'innerRadius', 'startAngle', 'endAngle', 'centerX', 'centerY', 'sortDataByAxis'], pickKeys);
             return series;
         }
         transformSpec(spec) {
@@ -99891,7 +100005,7 @@
             return false;
         }
         _getDefaultSeriesSpec(spec) {
-            const series = super._getDefaultSeriesSpec(spec, ['startAngle', 'endAngle', 'centerX', 'centerY']);
+            const series = super._getDefaultSeriesSpec(spec, ['startAngle', 'endAngle', 'centerX', 'centerY', 'clamp']);
             series.categoryField = spec.categoryField || spec.radiusField;
             series.valueField = spec.valueField || spec.angleField;
             return series;
@@ -100029,6 +100143,7 @@
         _getDefaultSeriesSpec(spec) {
             var _a, _b, _c;
             const series = super._getDefaultSeriesSpec(spec);
+            this._addSeriesRelatedSpecKeys(['radius', 'outerRadius', 'innerRadius']);
             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;
@@ -100192,6 +100307,7 @@
             var _a, _b, _c, _d;
             const series = super._getDefaultSeriesSpec(spec);
             const areaTheme = (_b = (_a = this._option).getTheme) === null || _b === void 0 ? void 0 : _b.call(_a, 'series', 'radar', 'area');
+            this._addSeriesRelatedSpecKeys(['line', 'point', 'area']);
             series.line = spec.line;
             series.point = spec.point;
             series.stack = spec.stack;
@@ -100697,7 +100813,7 @@
         _getDefaultSeriesSpec(spec) {
             var _a, _b;
             const series = super._getDefaultSeriesSpec(spec);
-            this._addSeriesRelatedSpecKeys(['cornerRadius']);
+            this._addSeriesRelatedSpecKeys(['cornerRadius', 'progress', 'track', 'roundCap']);
             series.progress = spec.progress;
             series.track = spec.track;
             series.tickMask = spec.tickMask;
@@ -100746,6 +100862,7 @@
     class GaugeChartSpecTransformer extends ProgressLikeChartSpecTransformer {
         _getDefaultSeriesSpec(spec) {
             const series = super._getDefaultSeriesSpec(spec);
+            this._addSeriesRelatedSpecKeys(['pin', 'pinBackground', 'pointer']);
             series.radiusField = spec.radiusField;
             series.pin = spec.pin;
             series.pinBackground = spec.pinBackground;
@@ -100987,6 +101104,7 @@
             var _a, _b;
             const series = super._getDefaultSeriesSpec(spec, ['bandWidth', 'progress', 'track', 'clamp']);
             series.direction = (_a = spec.direction) !== null && _a !== void 0 ? _a : 'horizontal';
+            this._addSeriesRelatedSpecKeys(['cornerRadius']);
             series.cornerRadius = (_b = spec.cornerRadius) !== null && _b !== void 0 ? _b : 0;
             return series;
         }
@@ -101502,6 +101620,7 @@
         _getDefaultSeriesSpec(spec) {
             var _a, _b;
             const series = super._getDefaultSeriesSpec(spec);
+            this._addSeriesRelatedSpecKeys(['area', 'point', 'line']);
             series.area = spec.area;
             series.point = spec.point;
             series.line = spec.line;
@@ -106682,7 +106801,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     };
 
     const indicatorMapper = (data, op) => {
-        const { datum, title, content } = op;
+        const { datum, title, content } = isFunction$1(op) ? op() : op;
         const mappedData = [];
         const datumResult = datum.call(null);
         if (title.visible) {
@@ -106814,11 +106933,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const displayData = new DataView(this._option.dataSet, { name: `${this.type}_${this.id}_data` });
             displayData.transform({
                 type: 'indicatorFilter',
-                options: {
+                options: () => ({
                     title: this._title,
                     content: this._content,
                     datum: () => this._activeDatum
-                }
+                })
             });
             displayData.target.addListener('change', this.updateDatum.bind(this));
             this._displayData = new CompilableData(this._option, displayData);
@@ -107775,6 +107894,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     const MARKER_COORDINATE_PLACEHOLDER = '__vchart_marker_coordinate__';
     const MARKER_TEXT_PLACEHOLDER = '__vchart_marker_text__';
     const MARKER_AUTO_RANGE_PLACEHOLDER = '__vchart_marker_auto_range__';
+    const MARKER_STYLE_PLACEHOLDER = '__vchart_marker_style__';
     const MARKER_DOMAIN_POSITION_SPEC_KEYS = [
         'coordinate',
         'coordinates',
@@ -107800,6 +107920,24 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         return Object.assign(Object.assign({}, label), { formatMethod: MARKER_FORMAT_METHOD_PLACEHOLDER });
     };
+    const normalizeMarkerStyles = (value) => {
+        if (Array.isArray(value)) {
+            return value.map(normalizeMarkerStyles);
+        }
+        if (!value || typeof value !== 'object') {
+            return value;
+        }
+        const normalized = Object.assign({}, value);
+        Object.keys(normalized).forEach(key => {
+            if (key === 'style' || key.endsWith('Style')) {
+                normalized[key] = MARKER_STYLE_PLACEHOLDER;
+            }
+            else {
+                normalized[key] = normalizeMarkerStyles(normalized[key]);
+            }
+        });
+        return normalized;
+    };
     const normalizeMarkerSpecForComponentOnlyUpdate = (spec, options) => {
         var _a;
         if (!spec || typeof spec !== 'object') {
@@ -107808,9 +107946,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         const normalized = Object.assign({}, spec);
         if (options.normalizeDomainPosition) {
             MARKER_DOMAIN_POSITION_SPEC_KEYS.forEach(key => {
-                if (key in normalized) {
-                    normalized[key] = MARKER_COORDINATE_PLACEHOLDER;
-                }
+                normalized[key] = MARKER_COORDINATE_PLACEHOLDER;
             });
         }
         if (options.normalizeAutoRange && 'autoRange' in normalized) {
@@ -107824,6 +107960,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         if ('label' in normalized) {
             normalized.label = normalizeMarkerLabelFormatMethod(normalized.label);
         }
+        Object.keys(normalized).forEach(key => {
+            normalized[key] = normalizeMarkerStyles(normalized[key]);
+        });
         const text = (_a = normalized.itemContent) === null || _a === void 0 ? void 0 : _a.text;
         if (text && typeof text === 'object') {
             normalized.itemContent = Object.assign(Object.assign({}, normalized.itemContent), { text: Object.assign(Object.assign({}, normalizeMarkerLabelFormatMethod(text)), { text: MARKER_TEXT_PLACEHOLDER }) });
@@ -108081,6 +108220,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         reInit(spec) {
             super.reInit(spec);
+            this._releaseMarkerData();
             this._bindSeries();
             this._initDataView();
             this._buildMarkerAttributeContext();
@@ -110343,7 +110483,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return markPoint;
         }
         _markerLayout() {
-            var _a, _b, _c, _d, _e, _f;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
             const spec = this._spec;
             const data = this._markerData;
             const relativeSeries = this._relativeSeries;
@@ -110354,8 +110494,16 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     ? data.latestData[0].latestData
                     : data.latestData
                 : seriesData;
+            const { itemLine = {}, itemContent = {} } = this._spec;
+            const { visible: itemLineVisible, line = {} } = itemLine, restItemLine = __rest$f(itemLine, ["visible", "line"]);
+            const itemLineAttrs = itemLineVisible !== false
+                ? Object.assign(Object.assign({}, restItemLine), { visible: true, lineStyle: transformToGraphic(line.style) })
+                : {
+                    visible: false
+                };
+            const labelAttrs = transformLabelAttributes(Object.assign(Object.assign({}, itemContent.text), { style: merge$1({ dx: 0, dy: 0 }, (_b = (_a = itemContent.text) === null || _a === void 0 ? void 0 : _a.style) !== null && _b !== void 0 ? _b : itemContent.style) }), data, this._markAttributeContext);
             let limitRect;
-            if (spec.clip || ((_a = spec.itemContent) === null || _a === void 0 ? void 0 : _a.confine)) {
+            if (spec.clip || ((_c = spec.itemContent) === null || _c === void 0 ? void 0 : _c.confine)) {
                 const { minX, maxX, minY, maxY } = computeClipRange([relativeSeries.getRegion()]);
                 limitRect = {
                     x: minX,
@@ -110365,17 +110513,18 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 };
             }
             if (this._markerComponent) {
-                const attribute = (_b = this._markerComponent.attribute) !== null && _b !== void 0 ? _b : {};
-                const textStyle = (_d = (_c = attribute.itemContent) === null || _c === void 0 ? void 0 : _c.textStyle) !== null && _d !== void 0 ? _d : {};
-                const specText = (_e = this._spec.itemContent.text) === null || _e === void 0 ? void 0 : _e.text;
+                const attribute = (_d = this._markerComponent.attribute) !== null && _d !== void 0 ? _d : {};
+                const textStyle = (_f = (_e = attribute.itemContent) === null || _e === void 0 ? void 0 : _e.textStyle) !== null && _f !== void 0 ? _f : {};
+                const specText = (_g = this._spec.itemContent.text) === null || _g === void 0 ? void 0 : _g.text;
                 this._markerComponent.setAttributes({
                     position: point === undefined ? { x: null, y: null } : point,
-                    itemContent: Object.assign(Object.assign({}, attribute.itemContent), { textStyle: Object.assign(Object.assign({}, textStyle), { text: ((_f = this._spec.itemContent.text) === null || _f === void 0 ? void 0 : _f.formatMethod)
+                    itemContent: Object.assign(Object.assign({}, attribute.itemContent), { panel: (_h = labelAttrs.panel) !== null && _h !== void 0 ? _h : (_j = attribute.itemContent) === null || _j === void 0 ? void 0 : _j.panel, padding: (_k = labelAttrs.padding) !== null && _k !== void 0 ? _k : (_l = attribute.itemContent) === null || _l === void 0 ? void 0 : _l.padding, textStyle: Object.assign(Object.assign(Object.assign({}, textStyle), ((_m = labelAttrs.textStyle) !== null && _m !== void 0 ? _m : {})), { text: ((_o = this._spec.itemContent.text) === null || _o === void 0 ? void 0 : _o.formatMethod)
                                 ?
                                     this._spec.itemContent.text.formatMethod(dataPoints, seriesData)
                                 : isValid$1(specText)
                                     ? specText
                                     : textStyle.text }), offsetX: computeOffsetFromRegion(point, attribute.itemContent.offsetX, this._relativeSeries.getRegion()), offsetY: computeOffsetFromRegion(point, attribute.itemContent.offsetY, this._relativeSeries.getRegion()) }),
+                    itemLine: itemLineAttrs,
                     limitRect,
                     dx: this._layoutOffsetX,
                     dy: this._layoutOffsetY