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

package/build/index.es.js

@@ -15769,13 +15769,11 @@ class Graphic extends Node {
     };
   }
   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();
   }
@@ -16368,7 +16366,15 @@ class Graphic extends Node {
     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,
@@ -16381,7 +16387,7 @@ class Graphic extends Node {
       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,
@@ -16451,18 +16457,18 @@ class Graphic extends Node {
     };
   }
   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
     };
@@ -16633,10 +16639,10 @@ class Graphic extends Node {
     }
   }
   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({
@@ -67802,32 +67808,35 @@ const getSpecInfo = (chartSpec, specKey, compType, filter) => {
     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;
@@ -67842,7 +67851,7 @@ const lookup = (data, opt) => {
     }
     else {
         set = function (d) {
-            const v = index.get(d[key]);
+            const v = index.get(`${d[key]}`);
             d[as[0]] = isValid$1(v) ? v : defaultValue;
         };
     }
@@ -69143,9 +69152,9 @@ class BaseSeries extends BaseModel {
         });
         this._viewStackData.transform({
             type: 'stackSplit',
-            options: {
+            options: () => ({
                 fields: this.getStackGroupFields()
-            }
+            })
         }, false);
     }
     _noAnimationDataKey(datum, index) {
@@ -75968,17 +75977,10 @@ const MARKER_COMPONENT_SPEC_KEYS = {
     [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
 };
@@ -76157,10 +76159,14 @@ class BaseChart extends CompilableBase {
             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);
@@ -76597,6 +76603,9 @@ class BaseChart extends CompilableBase {
         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);
@@ -76645,7 +76654,7 @@ class BaseChart extends CompilableBase {
             return result;
         }
         this.reInit();
-        if (!onlySeriesSpecsChanged || !this._canSkipChartDataStages(result)) {
+        if (!onlyComponentOrSeriesSpecsChanged || !this._canSkipChartDataStages(result)) {
             this.updateDataSpec();
             this.reDataFlow();
             this._reRunStackDataFlow();
@@ -76778,6 +76787,9 @@ class BaseChart extends CompilableBase {
         }
         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) &&
@@ -76838,6 +76850,24 @@ class BaseChart extends CompilableBase {
         });
         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;
@@ -76886,6 +76916,7 @@ class BaseChart extends CompilableBase {
     _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;
@@ -76903,12 +76934,13 @@ class BaseChart extends CompilableBase {
                 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 => {
@@ -77739,7 +77771,7 @@ const stackSplit = (data, op) => {
     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;
     }
@@ -80597,20 +80629,23 @@ class GeoSeries extends BaseSeries {
 }
 
 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 {
@@ -81517,17 +81552,17 @@ class MapSeries extends GeoSeries {
             .transform({ type: 'copyDataView', options: { deep: true }, level: 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 => {
@@ -81746,7 +81781,8 @@ const waterfall$1 = (lastData, op) => {
     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]);
@@ -81771,7 +81807,7 @@ const waterfall$1 = (lastData, op) => {
             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;
@@ -81795,12 +81831,12 @@ const waterfall$1 = (lastData, op) => {
             };
             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;
@@ -81971,7 +82007,7 @@ const waterfallFillTotal = (data, op) => {
     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)
@@ -81980,12 +82016,9 @@ const waterfallFillTotal = (data, op) => {
         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 = {
@@ -82648,21 +82681,24 @@ class WaterfallSeries extends BarSeries {
         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);
         }
@@ -82673,17 +82709,20 @@ class WaterfallSeries extends BarSeries {
         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);
@@ -82874,13 +82913,12 @@ var BOX_PLOT_TOOLTIP_KEYS;
 
 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
@@ -83869,11 +83907,11 @@ class BoxPlotSeries extends CartesianSeries {
         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',
@@ -85560,7 +85598,20 @@ const registerRoseAnimation = () => {
     });
 };
 
+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;
     }
@@ -86028,8 +86079,11 @@ class PolarLinearAxis extends PolarAxis {
         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();
@@ -86100,6 +86154,10 @@ class PolarBandAxis extends PolarAxis {
         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);
@@ -86785,6 +86843,16 @@ const dot = {
     }
 };
 
+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);
@@ -86835,6 +86903,10 @@ class DotSeries extends CartesianSeries {
             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();
@@ -87434,6 +87506,16 @@ const registerLinkSeries = () => {
 
 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);
@@ -87499,6 +87581,10 @@ class ProgressLikeSeries extends PolarSeries {
             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();
@@ -87714,7 +87800,8 @@ const circularProgress = {
 };
 
 const CIRCULAR_PROGRESS_SERIES_COMPILE_ONLY_KEYS = {
-    cornerRadius: true
+    cornerRadius: true,
+    roundCap: true
 };
 class CircularProgressSeries extends ProgressLikeSeries {
     constructor() {
@@ -87941,7 +88028,9 @@ const linearProgress = {
 };
 
 const LINEAR_PROGRESS_SERIES_COMPILE_ONLY_KEYS = {
-    bandWidth: true
+    bandWidth: true,
+    cornerRadius: true,
+    clamp: true
 };
 const LINEAR_PROGRESS_SERIES_COMPILE_ONLY_SUB_KEYS = {
     progress: {
@@ -94012,16 +94101,21 @@ const registerWordCloudShapeSeries = () => {
     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]);
@@ -94049,7 +94143,7 @@ const funnelTransform = (originData, op) => {
         return data;
     }
     data.shift();
-    data.forEach((d) => {
+    data.forEach(d => {
         d[op.asIsTransformLevel] = true;
     });
     return data;
@@ -94227,13 +94321,13 @@ class FunnelSeries extends BaseSeries {
         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,
@@ -94243,13 +94337,10 @@ class FunnelSeries extends BaseSeries {
                 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 }
         });
@@ -95668,7 +95759,7 @@ const registerCirclePackingSeries = () => {
 };
 
 const collectHierarchyField = (set, data, field) => {
-    data.forEach((obj) => {
+    data.forEach(obj => {
         if (!isNil$1(obj[field])) {
             set.add(obj[field]);
         }
@@ -95687,7 +95778,7 @@ const sankeyFormat = (data) => {
             links: [],
             nodes: []
         };
-        data.forEach((datum) => {
+        data.forEach(datum => {
             if (datum.id === 'links' || datum.id === 'nodes') {
                 updateData[datum.id] = datum.values;
             }
@@ -95700,10 +95791,11 @@ const sankeyFormat = (data) => {
     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 ||
@@ -95713,35 +95805,41 @@ const sankeyLayout = (data, op) => {
         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;
@@ -96591,7 +96689,6 @@ class SankeySeries extends CartesianSeries {
         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();
@@ -96603,40 +96700,43 @@ class SankeySeries extends CartesianSeries {
             }, 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: TransformLevel.sankeyLayout
             });
@@ -97135,16 +97235,17 @@ const registerMarkMapTransform = () => {
 };
 
 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];
                 });
             }
         });
@@ -97235,34 +97336,37 @@ class TreemapSeries extends CartesianSeries {
         }
     }
     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()) {
@@ -98226,11 +98330,13 @@ const CORRELATION_X = `${PREFIX}_CORRELATION_X`;
 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 ||
@@ -98240,43 +98346,46 @@ const correlation$1 = (data, options) => {
         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;
@@ -98349,15 +98458,20 @@ const hasOverlap = (item, arr) => {
         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,
@@ -98518,7 +98632,6 @@ class CorrelationSeries extends PolarSeries {
         this.setSizeRange(this._spec.sizeRange);
     }
     initData() {
-        var _a, _b, _c;
         super.initData();
         if (!this._data) {
             return;
@@ -98534,8 +98647,8 @@ class CorrelationSeries extends PolarSeries {
         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);
@@ -98558,14 +98671,14 @@ class CorrelationSeries extends PolarSeries {
                         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
             }
         });
     }
@@ -99343,9 +99456,10 @@ class VennSeriesSpecTransformer extends BaseSeriesSpecTransformer {
 }
 
 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 [];
 };
@@ -99428,7 +99542,7 @@ class VennSeries extends BaseSeries {
         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
@@ -99441,7 +99555,7 @@ class VennSeries extends BaseSeries {
                 },
                 setField: this._categoryField,
                 valueField: this._valueField
-            }
+            })
         });
     }
     compile() {
@@ -99861,7 +99975,7 @@ class PolarChartSpecTransformer extends BaseChartSpecTransformer {
         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) {
@@ -99885,7 +99999,7 @@ class ProgressLikeChartSpecTransformer extends PolarChartSpecTransformer {
         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;
@@ -100023,6 +100137,7 @@ class RoseChartSpecTransformer extends RoseLikeChartSpecTransformer {
     _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;
@@ -100186,6 +100301,7 @@ class RadarChartSpecTransformer extends RoseLikeChartSpecTransformer {
         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;
@@ -100691,7 +100807,7 @@ class CircularProgressChartSpecTransformer extends ProgressLikeChartSpecTransfor
     _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;
@@ -100740,6 +100856,7 @@ const registerCircularProgressChart = () => {
 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;
@@ -100981,6 +101098,7 @@ class LinearProgressChartSpecTransformer extends CartesianChartSpecTransformer {
         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;
     }
@@ -101496,6 +101614,7 @@ class RangeAreaChartSpecTransformer extends CartesianChartSpecTransformer {
     _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;
@@ -106676,7 +106795,7 @@ const registerScrollBar = () => {
 };
 
 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) {
@@ -106808,11 +106927,11 @@ class Indicator extends BaseComponent {
         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);
@@ -107769,6 +107888,7 @@ const MARKER_FORMAT_METHOD_PLACEHOLDER = '__vchart_marker_format_method__';
 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',
@@ -107794,6 +107914,24 @@ const normalizeMarkerLabelFormatMethod = (label) => {
     }
     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') {
@@ -107802,9 +107940,7 @@ const normalizeMarkerSpecForComponentOnlyUpdate = (spec, options) => {
     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) {
@@ -107818,6 +107954,9 @@ const normalizeMarkerSpecForComponentOnlyUpdate = (spec, options) => {
     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 }) });
@@ -108075,6 +108214,7 @@ class BaseMarker extends BaseComponent {
     }
     reInit(spec) {
         super.reInit(spec);
+        this._releaseMarkerData();
         this._bindSeries();
         this._initDataView();
         this._buildMarkerAttributeContext();
@@ -110337,7 +110477,7 @@ class BaseMarkPoint extends BaseMarker {
         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;
@@ -110348,8 +110488,16 @@ class BaseMarkPoint extends BaseMarker {
                 ? 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,
@@ -110359,17 +110507,18 @@ class BaseMarkPoint extends BaseMarker {
             };
         }
         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