@visactor/react-vchart 2.1.0-alpha.4 → 2.1.0-alpha.6

package/build/index.js

@@ -14275,13 +14275,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();
       }
@@ -14874,7 +14872,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,
@@ -14887,7 +14893,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,
@@ -14957,18 +14963,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
         };
@@ -15139,10 +15145,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({
@@ -55847,11 +55853,13 @@
       }
       renderMarks() {
         var _a;
-        this._hasCommitedMark() && (log(`--- start of renderMarks(${this._count}) ---`), this.clearProgressive(), this._rootMarks.forEach(mark => {
+        let hasCommitedMark = this._hasCommitedMark();
+        const needsLayout = this._layoutState === LayoutState.before;
+        (hasCommitedMark || needsLayout) && (log(`--- start of renderMarks(${this._count}) ---`), this.clearProgressive(), hasCommitedMark && this._rootMarks.forEach(mark => {
           mark.render();
-        }), this._layoutState === LayoutState.before && (this._layoutState = LayoutState.layouting, null === (_a = this._compileChart) || void 0 === _a || _a.onLayout(), this._layoutState = LayoutState.reevaluate, this._hasCommitedMark() && this._rootMarks.forEach(mark => {
+        }), needsLayout && (this._layoutState = LayoutState.layouting, null === (_a = this._compileChart) || void 0 === _a || _a.onLayout(), this._layoutState = LayoutState.reevaluate, hasCommitedMark = this._hasCommitedMark(), hasCommitedMark && this._rootMarks.forEach(mark => {
           mark.render();
-        }), this.handleLayoutEnd()), this.findProgressiveMarks(), this.updateStateAnimation(), this._doRender(!0), this.doPreProgressive(), log(`--- start of renderMarks(${this._count}) ---`), this._count++);
+        }), this.handleLayoutEnd()), hasCommitedMark && (this.findProgressiveMarks(), this.updateStateAnimation()), this._doRender(!0), hasCommitedMark && this.doPreProgressive(), log(`--- start of renderMarks(${this._count}) ---`), this._count++);
       }
       reuseOrMorphing(morphConfig = {}) {
         const {
@@ -60612,27 +60620,30 @@
     };
 
     const lookup = (data, opt) => {
-      if (!opt.from || !opt.from()) return data;
-      const fields = opt.fields,
-        key = opt.key,
+      var _a;
+      const fromData = null === (_a = opt.from) || void 0 === _a ? void 0 : _a.call(opt);
+      if (!fromData) return data;
+      const fields = (option = opt.fields, isFunction$1(option) ? option() : option);
+      var option;
+      const key = opt.key,
         values = opt.values,
         defaultValue = opt.default,
         as = opt.as || [fields],
-        index = opt.from().reduce(function (map, obj) {
-          return obj[fields] && map.set(obj[fields], obj), map;
+        index = fromData.reduce(function (map, obj) {
+          return obj[fields] && map.set(`${obj[fields]}`, obj), 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;else for (let i = 0; i < m; ++i) d[as[i]] = v[values[i]];
         };
       } else set = function (d) {
-        const v = index.get(d[key]);
+        const v = index.get(`${d[key]}`);
         d[as[0]] = isValid$1(v) ? v : defaultValue;
       };
       return 0 === data.length ? [] : data.map(d => (set(d), d));
@@ -61510,9 +61521,9 @@
           type: "dataview"
         }), this._viewStackData.transform({
           type: "stackSplit",
-          options: {
+          options: () => ({
             fields: this.getStackGroupFields()
-          }
+          })
         }, !1);
       }
       _noAnimationDataKey(datum, index) {
@@ -66747,7 +66758,8 @@
         const oldSpec = this._spec,
           onlyMarkerComponentsRemoved = this._isOnlyMarkerComponentsRemoved(this._spec, spec, currentKeys),
           onlyComponentSpecsChanged = this._isOnlyComponentSpecsChanged(this._spec, spec, currentKeys),
-          onlySeriesSpecsChanged = this._isOnlySeriesSpecsChanged(this._spec, spec, currentKeys);
+          onlySeriesSpecsChanged = this._isOnlySeriesSpecsChanged(this._spec, spec, currentKeys),
+          onlyComponentOrSeriesSpecsChanged = !(!onlyComponentSpecsChanged && !onlySeriesSpecsChanged) || this._isOnlyComponentOrSeriesSpecsChanged(this._spec, spec, currentKeys);
         if (this._spec = spec, onlyMarkerComponentsRemoved) return this._removeMarkerComponentsForEmptySpecs(result), result;
         if (this.updateChartConfig(result, oldSpec), result.reMake) return this.setLayoutTag(!0, null, !1), result;
         if (this.updateGlobalScale(result), result.reMake) return this.setLayoutTag(!0, null, !1), result;
@@ -66755,7 +66767,7 @@
         const componentUpdateResult = this.updateComponentSpec(result);
         return result.reMake ? (this.setLayoutTag(!0, null, !1), result) : (!onlyComponentSpecsChanged && (null === (_a = result.effects) || void 0 === _a ? void 0 : _a.localOnly) && delete result.effects.localOnly, isUpdateSpecResultLocalOnly(result) ? result : onlyComponentSpecsChanged && !componentUpdateResult.hasNonComponentOnlyUpdate && (isUpdateSpecResultComponentOnly(result) || this._isComponentScaleDomainOnlyUpdate(result)) ? (componentUpdateResult.componentOnlyUpdatedComponents.forEach(component => {
           component.reInit(component.getSpec());
-        }), (null === (_b = result.effects) || void 0 === _b ? void 0 : _b.layout) && this.setLayoutTag(!0, null, !1), result) : (this.setLayoutTag(!0, null, !1), this.updateSeriesSpec(result), result.reMake || (this.reInit(), onlySeriesSpecsChanged && this._canSkipChartDataStages(result) || (this.updateDataSpec(), this.reDataFlow(), this._reRunStackDataFlow(), this.getAllModels().forEach(model => model.onDataUpdate()))), result));
+        }), (null === (_b = result.effects) || void 0 === _b ? void 0 : _b.layout) && this.setLayoutTag(!0, null, !1), result) : (this.setLayoutTag(!0, null, !1), this.updateSeriesSpec(result), result.reMake || (this.reInit(), onlyComponentOrSeriesSpecsChanged && this._canSkipChartDataStages(result) || (this.updateDataSpec(), this.reDataFlow(), this._reRunStackDataFlow(), this.getAllModels().forEach(model => model.onDataUpdate()))), result));
       }
       updateChartConfig(result, oldSpec) {
         var _a, _b;
@@ -66856,6 +66868,15 @@
           onlySeriesSpecChange = specKeys.every(key => !!isEqual(currentSpecRecord[key], nextSpecRecord[key]) || !!seriesRelatedSpecKeys[key] && (hasSeriesSpecChange = !0, !0));
         return hasSeriesSpecChange && onlySeriesSpecChange;
       }
+      _isOnlyComponentOrSeriesSpecsChanged(currentSpec, nextSpec, specKeys) {
+        var _a, _b;
+        let hasComponentOrSeriesSpecChange = !1;
+        const currentSpecRecord = currentSpec,
+          nextSpecRecord = nextSpec,
+          seriesRelatedSpecKeys = null !== (_b = null === (_a = this._specTransformer) || void 0 === _a ? void 0 : _a.getSeriesRelatedSpecKeys()) && void 0 !== _b ? _b : {},
+          onlyComponentOrSeriesSpecChange = specKeys.every(key => !!isEqual(currentSpecRecord[key], nextSpecRecord[key]) || !(!this._isComponentSpecKey(key) && !seriesRelatedSpecKeys[key]) && (hasComponentOrSeriesSpecChange = !0, !0));
+        return hasComponentOrSeriesSpecChange && onlyComponentOrSeriesSpecChange;
+      }
       _canSkipChartDataStages(result) {
         const effects = result.effects;
         return !(!(null == effects ? void 0 : effects.series) || effects.remake || effects.data || effects.scaleDomain || result.reMake);
@@ -67491,7 +67512,7 @@
         },
         {
           fields: fields
-        } = op;
+        } = isFunction$1(op) ? op() : op;
       if (!(null == fields ? void 0 : fields.length)) return result;
       const lastFieldIndex = fields.length - 1;
       let nextNode,
@@ -69599,12 +69620,17 @@
       }
     }
 
-    const map$1 = (data, opt) => (data.features && data.features.forEach((f, index) => {
-      var _a;
-      f[DEFAULT_DATA_INDEX] = index;
-      const name = null === (_a = f.properties) || void 0 === _a ? void 0 : _a[opt.nameProperty];
-      opt.nameMap && opt.nameMap[name] ? f[DEFAULT_MAP_LOOK_UP_KEY] = opt.nameMap[name] : f[DEFAULT_MAP_LOOK_UP_KEY] = name;
-    }), data.features);
+    const map$1 = (data, opt) => {
+      const options = isFunction$1(opt) ? opt() : opt,
+        features = data.features;
+      return features && features.forEach((f, index) => {
+        var _a, _b;
+        f[DEFAULT_DATA_INDEX] = index;
+        const name = null === (_a = f.properties) || void 0 === _a ? void 0 : _a[options.nameProperty],
+          mappedName = null === (_b = options.nameMap) || void 0 === _b ? void 0 : _b[`${name}`];
+        f[DEFAULT_MAP_LOOK_UP_KEY] = mappedName || name;
+      }), features;
+    };
 
     class MapSeriesTooltipHelper extends BaseSeriesTooltipHelper {
       constructor() {
@@ -70356,10 +70382,10 @@
           level: TransformLevel.copyDataView
         }).transform({
           type: "map",
-          options: {
+          options: () => ({
             nameMap: this._nameMap,
             nameProperty: this._nameProperty
-          }
+          })
         }).transform({
           type: "lookup",
           options: {
@@ -70368,7 +70394,7 @@
               return null === (_a = this._data) || void 0 === _a ? void 0 : _a.getLatestData();
             },
             key: DEFAULT_MAP_LOOK_UP_KEY,
-            fields: this._nameField,
+            fields: () => this._nameField,
             set: (feature, datum) => {
               datum && Object.keys(datum).forEach(key => {
                 key in feature || (feature[key] = datum[key]);
@@ -70514,12 +70540,13 @@
 
     const waterfall$1 = (lastData, op) => {
       if (!lastData || 0 === lastData.length) return lastData;
-      const {
+      const options = isFunction$1(op) ? op() : op,
+        {
           indexField: indexField,
           total: totalSpec,
           groupData: groupData,
           calculationMode: calculationMode
-        } = op,
+        } = options,
         totalData = [],
         {
           dimensionValues: dimensionValues,
@@ -70545,7 +70572,7 @@
             positive: temp.end,
             negative: temp.end
           },
-          indexData = !0 === op.stackInverse ? dimensionData[key].reverse() : dimensionData[key];
+          indexData = !0 === options.stackInverse ? dimensionData[key].reverse() : dimensionData[key];
         if (null == indexData || indexData.forEach((d, i) => {
           i === indexData.length - 1 ? d[STACK_FIELD_TOTAL_TOP] = !0 : delete d[STACK_FIELD_TOTAL_TOP];
         }), indexData.length > 1) {
@@ -70557,9 +70584,9 @@
             } else if (index === indexValues.length - 1) return !0;
             return !1;
           };
-          if (indexData.some(d => isTotalCheck(d))) return temp = computeTotalWithMultipleData(indexData, key, total, totalData, temp, indexValues, index, op, isTotalCheck), void totalData.push(total);
+          if (indexData.some(d => isTotalCheck(d))) return temp = computeTotalWithMultipleData(indexData, key, total, totalData, temp, indexValues, index, options, isTotalCheck), void totalData.push(total);
         }
-        temp = computeNormalData(indexData, key, total, totalData, temp, indexValues, index, op), totalData.push(total);
+        temp = computeNormalData(indexData, key, total, totalData, temp, indexValues, index, options), totalData.push(total);
       }), totalData;
     };
     function computeTotalWithMultipleData(indexData, key, total, totalData, temp, indexValues, index, op, isTotalCheck) {
@@ -70684,12 +70711,12 @@
           total: total,
           seriesField: seriesField,
           calculationMode: calculationMode
-        } = op,
+        } = isFunction$1(op) ? op() : op,
         totalData = {
           [indexField]: (null == total ? void 0 : total.text) || "total",
           [valueField]: data.reduce((pre, cur) => precisionAdd(pre, +cur[valueField]), 0)
         };
-      return seriesField && (totalData[seriesField] = "total"), "decrease" === calculationMode ? data.unshift(totalData) : data.push(totalData), data;
+      return seriesField && (totalData[seriesField] = "total"), "decrease" === calculationMode ? [totalData, ...data] : [...data, totalData];
     };
 
     const Appear_FadeIn$6 = {
@@ -71186,17 +71213,20 @@
         return this._seriesField === WaterfallDefaultSeriesField ? [this._theme.seriesFieldName.increase, this._theme.seriesFieldName.decrease, this._theme.seriesFieldName.total] : super.getSeriesKeys();
       }
       initData() {
-        var _a, _b, _c;
+        var _a;
         super.initData(), registerDataSetInstanceTransform(this._dataSet, "waterfallFillTotal", waterfallFillTotal), registerDataSetInstanceTransform(this._dataSet, "waterfall", waterfall$1), (isNil$1(this._spec.total) || "end" === this._spec.total.type) && (null === (_a = this._rawData) || void 0 === _a || _a.transform({
           type: "waterfallFillTotal",
-          options: {
-            indexField: this.getGroupFields()[0],
-            valueField: this.getStackValueField(),
-            seriesField: this.getSeriesField(),
-            seriesFieldName: this._theme.seriesFieldName,
-            total: this._spec.total,
-            calculationMode: null !== (_b = this._spec.calculationMode) && void 0 !== _b ? _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: null !== (_a = this._spec.calculationMode) && void 0 !== _a ? _a : "increase",
+              stackInverse: this.getRegion().getStackInverse()
+            };
           }
         }, !1));
         const totalData = dataViewFromDataView(this.getViewData(), this._dataSet, {
@@ -71204,17 +71234,20 @@
         });
         this.getViewData().target.removeListener("change", totalData.reRunAllTransform), 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: null !== (_c = this._spec.calculationMode) && void 0 !== _c ? _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: null !== (_a = this._spec.calculationMode) && void 0 !== _a ? _a : "increase",
+              groupData: () => this.getGroups().groupData,
+              stackInverse: this.getRegion().getStackInverse()
+            };
           }
         }, !1), totalData.target.addListener("change", this._reStackTotal);
       }
@@ -71339,14 +71372,16 @@
 
     const foldOutlierData = (data, op) => {
       const result = [],
+        options = isFunction$1(op) ? op() : op,
         {
           outliersField: outliersField,
           dimensionField: dimensionField,
           seriesField: seriesField
-        } = op;
+        } = options;
       return (data[0].latestData || []).forEach(d => {
-        let outlierValues = d[outliersField];
-        isArray$1(outlierValues) || (outlierValues = [outlierValues]), result.push(...outlierValues.map(v => {
+        const rawOutlierValues = d[outliersField],
+          outlierValues = isArray$1(rawOutlierValues) ? rawOutlierValues : [rawOutlierValues];
+        result.push(...outlierValues.map(v => {
           const resData = {
             [BOX_PLOT_OUTLIER_VALUE_FIELD]: v
           };
@@ -72152,11 +72187,11 @@
           type: "dataview"
         }), outlierDataView.name = `${PREFIX}_series_${this.id}_outlierData`, outlierDataView.transform({
           type: "foldOutlierData",
-          options: {
+          options: () => ({
             dimensionField: "horizontal" === this._direction ? this._fieldY : this._fieldX,
             outliersField: this._outliersField,
             seriesField: this._seriesField
-          }
+          })
         }), outlierDataView.transform({
           type: "addVChartProperty",
           options: {
@@ -73392,7 +73427,22 @@
       }));
     };
 
+    const ROSE_LIKE_SERIES_COMPILE_ONLY_KEYS = {
+      radius: !0,
+      outerRadius: !0,
+      innerRadius: !0,
+      startAngle: !0,
+      endAngle: !0,
+      centerX: !0,
+      centerY: !0
+    };
     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;
       }
@@ -73782,7 +73832,10 @@
         super(...arguments), this.type = ComponentTypeEnum.polarLinearAxis, this._zero = !0, this._nice = !0, this._extend = {}, this._scale = new LinearScale();
       }
       setAttrFromSpec() {
+        var _a, _b;
         super.setAttrFromSpec(), this.setExtraAttrFromSpec();
+        const tickTransform = null === (_b = null === (_a = this._tickData) || void 0 === _a ? void 0 : _a[0]) || void 0 === _b ? void 0 : _b.getDataView().transformsArr.find(t => t.type === this.registerTicksTransform());
+        tickTransform && (tickTransform.options = this._tickTransformOption());
       }
       initScales() {
         super.initScales(), this.setScaleNice();
@@ -73829,6 +73882,9 @@
       initScales() {
         super.initScales(), this.calcScales(this._defaultBandInnerPadding, this._defaultBandOuterPadding);
       }
+      reInit(spec) {
+        super.reInit(spec), this._updateData();
+      }
       registerTicksTransform() {
         const name = `${this.type}-ticks`;
         return registerDataSetInstanceTransform(this._option.dataSet, name, polarAngleAxisDiscreteTicks), name;
@@ -74426,6 +74482,16 @@
       }
     };
 
+    const DOT_SERIES_COMPILE_ONLY_KEYS = {
+        highLightSeriesGroup: !0,
+        titleField: !0,
+        subTitleField: !0
+      },
+      DOT_SERIES_COMPILE_ONLY_SUB_KEYS = {
+        grid: {
+          background: !0
+        }
+      };
     class DotSeries extends CartesianSeries {
       constructor() {
         super(...arguments), this.type = SeriesTypeEnum.dot;
@@ -74463,6 +74529,13 @@
       setGridBackground(gridBackground) {
         isValid$1(gridBackground) && (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(), this._xDimensionStatisticsDomain = this.getRawData().latestData.map(d => d[this._fieldY[0]]), registerDataSetInstanceTransform(this._option.dataSet, "objFlat", objFlat), registerDataSetInstanceTransform(this._option.dataSet, "copyDataView", copyDataView), registerDataSetInstanceParser(this._option.dataSet, "dataview", dataViewParser), null === (_a = this.getViewData()) || void 0 === _a || _a.transform({
@@ -74970,6 +75043,16 @@
       }
     });
 
+    const PROGRESS_LIKE_SERIES_COMPILE_ONLY_KEYS = {
+      radius: !0,
+      outerRadius: !0,
+      innerRadius: !0,
+      startAngle: !0,
+      endAngle: !0,
+      centerX: !0,
+      centerY: !0,
+      clamp: !0
+    };
     class ProgressLikeSeries extends PolarSeries {
       constructor() {
         super(...arguments), this._arcGroupMark = null, this._getAngleValueStart = datum => {
@@ -75009,6 +75092,12 @@
           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();
@@ -75240,7 +75329,8 @@
     };
 
     const CIRCULAR_PROGRESS_SERIES_COMPILE_ONLY_KEYS = {
-      cornerRadius: !0
+      cornerRadius: !0,
+      roundCap: !0
     };
     class CircularProgressSeries extends ProgressLikeSeries {
       constructor() {
@@ -75436,7 +75526,9 @@
     };
 
     const LINEAR_PROGRESS_SERIES_COMPILE_ONLY_KEYS = {
-        bandWidth: !0
+        bandWidth: !0,
+        cornerRadius: !0,
+        clamp: !0
       },
       LINEAR_PROGRESS_SERIES_COMPILE_ONLY_SUB_KEYS = {
         progress: {
@@ -80166,12 +80258,12 @@
       }), registerTextMark(), registerWordCloudAnimation(), Factory.registerSeries(WordCloudSeries.type, WordCloudSeries);
     };
 
+    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 || 0 === data.length) return data;
       const {
-          valueField: valueField,
           asTransformRatio: asTransformRatio,
           asReachRatio: asReachRatio,
           asHeightRatio: asHeightRatio,
@@ -80180,14 +80272,15 @@
           asLastValueRatio: asLastValueRatio,
           asLastValue: asLastValue,
           asCurrentValue: asCurrentValue,
-          asNextValue: asNextValue,
-          heightVisual = !1,
-          isCone = !0,
-          range: range
+          asNextValue: asNextValue
         } = op,
+        valueField = resolveOptionValue$2(op.valueField),
+        heightVisual = null !== (_a = resolveOptionValue$2(op.heightVisual)) && void 0 !== _a && _a,
+        isCone = null === (_b = resolveOptionValue$2(op.isCone)) || void 0 === _b || _b,
+        range = resolveOptionValue$2(op.range),
         max = data.reduce((m, d) => Math.max(m, Number.parseFloat(d[valueField]) || -1 / 0), -1 / 0),
         min = data.reduce((m, d) => Math.min(m, Number.parseFloat(d[valueField]) || 1 / 0), 1 / 0),
-        rangeArr = [null !== (_a = null == range ? void 0 : range.min) && void 0 !== _a ? _a : min, null !== (_b = null == range ? void 0 : range.max) && void 0 !== _b ? _b : max];
+        rangeArr = [null !== (_c = null == range ? void 0 : range.min) && void 0 !== _c ? _c : min, null !== (_d = null == range ? void 0 : range.max) && void 0 !== _d ? _d : max];
       return data.forEach((d, i) => {
         var _a, _b;
         const currentValue = Number.parseFloat(d[valueField]),
@@ -80352,12 +80445,12 @@
         }), 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,
@@ -80367,12 +80460,9 @@
             asLastValueRatio: FUNNEL_LAST_VALUE_RATIO,
             asLastValue: FUNNEL_LAST_VALUE,
             asNextValue: FUNNEL_NEXT_VALUE,
-            range: {
-              min: null !== (_b = null === (_a = this._spec.range) || void 0 === _a ? void 0 : _a.min) && void 0 !== _b ? _b : null === (_d = null === (_c = this.getViewDataStatistics().latestData) || void 0 === _c ? void 0 : _c[this.getValueField()]) || void 0 === _d ? void 0 : _d.min,
-              max: null !== (_f = null === (_e = this._spec.range) || void 0 === _e ? void 0 : _e.max) && void 0 !== _f ? _f : null === (_h = null === (_g = this.getViewDataStatistics().latestData) || void 0 === _g ? void 0 : _g[this.getValueField()]) || void 0 === _h ? void 0 : _h.max
-            }
+            range: () => this._spec.range
           }
-        }), null === (_j = this._viewDataTransform.getDataView()) || void 0 === _j || _j.transform({
+        }), null === (_a = this._viewDataTransform.getDataView()) || void 0 === _a || _a.transform({
           type: "funnelTransform",
           options: {
             asIsTransformLevel: FUNNEL_TRANSFORM_LEVEL
@@ -81600,21 +81690,27 @@
       return (null === (_a = data[0]) || void 0 === _a ? void 0 : _a.latestData) ? data[0].latestData : data;
     };
     const sankeyLayout = (data, op) => {
-      if (!data || !(null == op ? void 0 : op.view) || !data.length) return [];
-      const view = op.view();
+      const options = isFunction$1(op) ? op() : op;
+      if (!data || !(null == options ? void 0 : options.view) || !data.length) return [];
+      const view = options.view();
       if (view.x1 - view.x0 == 0 || view.y1 - view.y0 == 0 || view.x1 - view.x0 == -1 / 0 || view.x1 - view.x0 == 1 / 0 || view.y1 - view.y0 == -1 / 0 || view.y1 - view.y0 == 1 / 0) return [];
-      const originalData = data[0];
-      if (("source" !== op.sourceField || "target" !== op.targetField || "value" !== op.valueField) && originalData.links) {
-        const updatedData = [];
-        originalData.links.forEach(datum => {
-          const updatedDatum = {};
-          for (const key in datum) key === op.sourceField ? updatedDatum.source = datum[op.sourceField] : key === op.targetField ? updatedDatum.target = datum[op.targetField] : key === op.valueField ? updatedDatum.value = datum[op.valueField] : updatedDatum[key] = datum[key];
-          updatedData.push(updatedDatum);
-        }), originalData.links = updatedData;
-      }
-      const layout = new SankeyLayout(op),
+      const originalData = data[0],
+        layoutData = normalizeSankeyData(originalData, options),
+        layout = new SankeyLayout(options),
         result = [];
-      return result.push(layout.layout(originalData, view)), result;
+      return result.push(layout.layout(layoutData, view)), result;
+    };
+    const normalizeSankeyData = (data, options) => {
+      if ("source" === options.sourceField && "target" === options.targetField && "value" === options.valueField) return data;
+      const links = data.links;
+      return links ? Object.assign(Object.assign({}, data), {
+        links: links.map(link => {
+          const updatedLink = {};
+          return Object.keys(link).forEach(key => {
+            key === options.sourceField ? updatedLink.source = link[options.sourceField] : key === options.targetField ? updatedLink.target = link[options.targetField] : key === options.valueField ? updatedLink.value = link[options.valueField] : updatedLink[key] = link[key];
+          }), updatedLink;
+        })
+      }) : data;
     };
 
     const sankeyNodes = data => {
@@ -82108,7 +82204,6 @@
         super.setAttrFromSpec(), this.setCategoryField(this._spec.categoryField), this.setValueField(this._spec.valueField), this.setSeriesField(null !== (_a = this._spec.seriesField) && void 0 !== _a ? _a : this._spec.categoryField);
       }
       initData() {
-        var _a, _b, _c, _d;
         super.initData();
         const viewData = this.getViewData(),
           rawData = this.getRawData();
@@ -82117,38 +82212,41 @@
             type: "sankeyFormat"
           }, !1), viewData.transform({
             type: "sankeyLayout",
-            options: {
-              view: () => ({
-                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: null !== (_a = this._spec.nodeAlign) && void 0 !== _a ? _a : "justify",
-              nodeGap: null !== (_b = this._spec.nodeGap) && void 0 !== _b ? _b : 8,
-              nodeWidth: null !== (_c = this._spec.nodeWidth) && void 0 !== _c ? _c : 10,
-              linkWidth: this._spec.linkWidth,
-              minStepWidth: this._spec.minStepWidth,
-              minNodeHeight: null !== (_d = this._spec.minNodeHeight) && void 0 !== _d ? _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: () => ({
+                  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: null !== (_a = this._spec.nodeAlign) && void 0 !== _a ? _a : "justify",
+                nodeGap: null !== (_b = this._spec.nodeGap) && void 0 !== _b ? _b : 8,
+                nodeWidth: null !== (_c = this._spec.nodeWidth) && void 0 !== _c ? _c : 10,
+                linkWidth: this._spec.linkWidth,
+                minStepWidth: this._spec.minStepWidth,
+                minNodeHeight: null !== (_d = this._spec.minNodeHeight) && void 0 !== _d ? _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
           });
@@ -82520,14 +82618,16 @@
     };
 
     const treemapLayout = (data, op) => {
-      if (op.getViewBox()) {
-        const res = new TreemapLayout(op).layout(data, op.getViewBox()),
+      const options = isFunction$1(op) ? op() : op,
+        viewBox = options.getViewBox();
+      if (viewBox) {
+        const res = new TreemapLayout(options).layout(data, viewBox),
           nodes = [];
         return flattenNodes(res, nodes, {
-          maxDepth: null == op ? void 0 : op.maxDepth
-        }), nodes.forEach((datum, i) => {
+          maxDepth: null == options ? void 0 : options.maxDepth
+        }), nodes.forEach(datum => {
           datum && [DEFAULT_HIERARCHY_ROOT, "name"].forEach(key => {
-            datum[key] = datum.datum[datum.depth][op.nameField];
+            datum[key] = datum.datum[datum.depth][options.nameField];
           });
         }), nodes;
       }
@@ -82610,28 +82710,31 @@
         }), isValidNumber$1(this._spec.maxDepth) && (this._maxDepth = this._spec.maxDepth - 1);
       }
       initData() {
-        var _a, _b, _c, _d, _e;
+        var _a;
         super.initData(), registerDataSetInstanceTransform(this._dataSet, "treemap", treemapLayout), null === (_a = this._data.getDataView()) || void 0 === _a || _a.transform({
           type: "treemap",
-          options: {
-            nameField: this._categoryField,
-            valueField: this._valueField,
-            getViewBox: () => 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: (null === (_b = this._spec.nonLeafLabel) || void 0 === _b ? void 0 : _b.visible) ? null === (_c = this._spec.nonLeafLabel) || void 0 === _c ? void 0 : _c.padding : 0,
-            labelPosition: null === (_d = this._spec.nonLeafLabel) || void 0 === _d ? void 0 : _d.position,
-            minVisibleArea: null !== (_e = this._spec.minVisibleArea) && void 0 !== _e ? _e : 10,
-            minChildrenVisibleArea: this._spec.minChildrenVisibleArea,
-            minChildrenVisibleSize: this._spec.minChildrenVisibleSize
+          options: () => {
+            var _a, _b, _c, _d;
+            return {
+              nameField: this._categoryField,
+              valueField: this._valueField,
+              getViewBox: () => 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: (null === (_a = this._spec.nonLeafLabel) || void 0 === _a ? void 0 : _a.visible) ? null === (_b = this._spec.nonLeafLabel) || void 0 === _b ? void 0 : _b.padding : 0,
+              labelPosition: null === (_c = this._spec.nonLeafLabel) || void 0 === _c ? void 0 : _c.position,
+              minVisibleArea: null !== (_d = this._spec.minVisibleArea) && void 0 !== _d ? _d : 10,
+              minChildrenVisibleArea: this._spec.minChildrenVisibleArea,
+              minChildrenVisibleSize: this._spec.minChildrenVisibleSize
+            };
           }
         }), this.getViewData() && this._spec.drill && this.initDrillableData(this._dataSet);
       }
@@ -83446,36 +83549,41 @@
     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 || !(null == options ? void 0 : options.view) || !isArray$1(data)) return data;
-      const viewBox = options.view();
+      const dataList = data,
+        viewBox = options.view();
       if (viewBox.x1 - viewBox.x0 == 0 || viewBox.y1 - viewBox.y0 == 0 || viewBox.x1 - viewBox.x0 == -1 / 0 || viewBox.x1 - viewBox.x0 == 1 / 0 || viewBox.y1 - viewBox.y0 == -1 / 0 || viewBox.y1 - viewBox.y0 == 1 / 0) return data;
-      const startAngle = degreeToRadian(null !== (_a = options.startAngle) && void 0 !== _a ? _a : -90),
-        endAngle = degreeToRadian(null !== (_b = options.endAngle) && void 0 !== _b ? _b : 270),
+      const startAngle = degreeToRadian(null !== (_a = resolveOptionValue$1(options.startAngle)) && void 0 !== _a ? _a : -90),
+        endAngle = degreeToRadian(null !== (_b = resolveOptionValue$1(options.endAngle)) && void 0 !== _b ? _b : 270),
         maxRadius = Math.max((viewBox.x1 - viewBox.x0) / 2, (viewBox.y1 - viewBox.y0) / 2),
-        innerRadius = toPercent(null !== (_c = options.innerRadius) && void 0 !== _c ? _c : 0, maxRadius),
-        outerRadius = toPercent(options.outerRadius, maxRadius),
-        center = [isNumber$2(null === (_d = options.center) || void 0 === _d ? void 0 : _d[0]) ? options.center[0] : viewBox.x0 + toPercent(null !== (_f = null === (_e = options.center) || void 0 === _e ? void 0 : _e[0]) && void 0 !== _f ? _f : "50%", viewBox.x1 - viewBox.x0), isNumber$2(null === (_g = options.center) || void 0 === _g ? void 0 : _g[1]) ? options.center[1] : viewBox.y0 + toPercent(null !== (_j = null === (_h = options.center) || void 0 === _h ? void 0 : _h[1]) && void 0 !== _j ? _j : "50%", viewBox.y1 - viewBox.y0)],
-        fieldAccessor = field$2(options.field),
-        values = data.map(fieldAccessor),
+        innerRadius = toPercent(null !== (_c = resolveOptionValue$1(options.innerRadius)) && void 0 !== _c ? _c : 0, maxRadius),
+        outerRadius = toPercent(resolveOptionValue$1(options.outerRadius), maxRadius),
+        centerOption = resolveOptionValue$1(options.center),
+        center = [isNumber$2(null == centerOption ? void 0 : centerOption[0]) ? centerOption[0] : viewBox.x0 + toPercent(null !== (_d = null == centerOption ? void 0 : centerOption[0]) && void 0 !== _d ? _d : "50%", viewBox.x1 - viewBox.x0), isNumber$2(null == centerOption ? void 0 : centerOption[1]) ? centerOption[1] : viewBox.y0 + toPercent(null !== (_e = null == centerOption ? void 0 : centerOption[1]) && void 0 !== _e ? _e : "50%", viewBox.y1 - viewBox.y0)],
+        fieldAccessor = field$2(resolveOptionValue$1(options.field)),
+        values = dataList.map(fieldAccessor),
         [min, max] = extent$2(values),
         radiusScale = min === max ? val => (innerRadius + outerRadius) / 2 : val => innerRadius + (outerRadius - innerRadius) * (val - min) / (max - min),
-        sizeAccessor = isNil$1(options.radiusField) ? fieldAccessor : field$2(options.radiusField),
-        defaultSize = null !== (_l = null === (_k = null == options ? void 0 : options.radiusRange) || void 0 === _k ? void 0 : _k[1]) && void 0 !== _l ? _l : 5;
+        radiusField = resolveOptionValue$1(options.radiusField),
+        radiusRange = resolveOptionValue$1(options.radiusRange),
+        sizeAccessor = isNil$1(radiusField) ? fieldAccessor : field$2(radiusField),
+        defaultSize = null !== (_f = null == radiusRange ? void 0 : radiusRange[1]) && void 0 !== _f ? _f : 5;
       let sizeScale = datum => defaultSize;
       if (sizeAccessor) {
-        const [minSize, maxSize] = sizeAccessor !== fieldAccessor ? extent$2(data.map(sizeAccessor)) : [min, max],
-          minR = null !== (_o = null === (_m = options.radiusRange) || void 0 === _m ? void 0 : _m[0]) && void 0 !== _o ? _o : 5,
-          maxR = null !== (_q = null === (_p = options.radiusRange) || void 0 === _p ? void 0 : _p[1]) && void 0 !== _q ? _q : 5;
+        const [minSize, maxSize] = sizeAccessor !== fieldAccessor ? extent$2(dataList.map(sizeAccessor)) : [min, max],
+          minR = null !== (_g = null == radiusRange ? void 0 : radiusRange[0]) && void 0 !== _g ? _g : 5,
+          maxR = null !== (_h = null == radiusRange ? void 0 : radiusRange[1]) && void 0 !== _h ? _h : 5;
         minSize !== maxSize && (sizeScale = datum => minR + (maxR - minR) * (sizeAccessor(datum) - minSize) / (maxSize - minSize));
       }
       const minAngle = Math.min(startAngle, endAngle),
         maxAngle = Math.max(startAngle, endAngle),
-        angles = getPartialAngles(minAngle, maxAngle, data.length),
+        angles = getPartialAngles(minAngle, maxAngle, dataList.length),
         res = [],
         searchAngle = (maxAngle - minAngle) / 60;
-      return data.forEach((datum, index) => {
+      return dataList.forEach((datum, index) => {
         const radius = radiusScale(values[index]),
           size = sizeScale(datum);
         let x,
@@ -83506,14 +83614,18 @@
         for (; i < count;) j < stepCount && (res.push(startAngle + (j % 2 ? Math.floor(j / 2) + Math.floor(stepCount / 2) : j / 2) * stepAngle * stepSign), j++), i++, j === stepCount && (j = 0, stepIndex += 1, stepSign *= -1, 0 === offsetAngle ? offsetAngle = stepAngle / 2 : offsetAngle /= 2, startAngle = -1 === stepSign ? maxAngle - offsetAngle : minAngle + offsetAngle, stepIndex >= 2 && (stepAngle /= 2, stepCount *= 2));
         return res;
       },
-      hasOverlap = (item, arr) => !(!arr || !arr.length) && arr.some(entry => Math.pow(item.x - entry.x, 2) + Math.pow(item.y - entry.y, 2) < Math.pow(item.size + entry.size, 2));
+      hasOverlap = (item, arr) => !(!arr || !arr.length) && arr.some(entry => {
+        const x = entry.x,
+          y = entry.y,
+          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: keyword,
-          categoryField: categoryField
-        } = options,
+      const keyword = resolveOptionValue(options.keyword),
+        categoryField = resolveOptionValue(options.categoryField),
         nodeInfo = data[0].latestData[0];
       return {
         [categoryField]: keyword,
@@ -83652,7 +83764,6 @@
         super.setAttrFromSpec(), this.setCategoryField(this._spec.categoryField), this.setValueField(this._spec.valueField), this.setSeriesField(this._spec.seriesField), this.setSizeField(this._spec.sizeField), this.setSizeRange(this._spec.sizeRange);
       }
       initData() {
-        var _a, _b, _c;
         if (super.initData(), !this._data) return;
         registerDataSetInstanceTransform(this._dataSet, "correlation", correlation$1);
         const centerDataSet = new DataSet();
@@ -83665,8 +83776,11 @@
         }), centerDataView.transform({
           type: "correlationCenter",
           options: {
-            keyword: null !== (_c = null === (_b = null === (_a = this._spec.centerLabel) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.text) && void 0 !== _c ? _c : "",
-            categoryField: this._spec.categoryField
+            keyword: () => {
+              var _a, _b, _c;
+              return null !== (_c = null === (_b = null === (_a = this._spec.centerLabel) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.text) && void 0 !== _c ? _c : "";
+            },
+            categoryField: () => this._spec.categoryField
           }
         }), this._centerSeriesData = new CompilableData(this._option, centerDataView);
       }
@@ -83684,14 +83798,14 @@
               y0: this._viewBox.y1,
               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
           }
         });
       }
@@ -84397,10 +84511,11 @@
     }
 
     const vennLayout = (data, op) => {
-      const viewBox = op.getViewBox();
+      const options = isFunction$1(op) ? op() : op,
+        viewBox = options.getViewBox();
       return viewBox && (null == data ? void 0 : data.length) ? vennTransform(Object.assign({
-        setField: op.setField,
-        valueField: op.valueField
+        setField: options.setField,
+        valueField: options.valueField
       }, viewBox), data) : [];
     };
 
@@ -84484,7 +84599,7 @@
         var _a;
         super.initData(), registerDataSetInstanceTransform(this._dataSet, "venn", vennLayout), null === (_a = this._data.getDataView()) || void 0 === _a || _a.transform({
           type: "venn",
-          options: {
+          options: () => ({
             getViewBox: () => this._viewBox.empty() ? null : {
               x0: this._viewBox.x1,
               x1: this._viewBox.x2,
@@ -84493,7 +84608,7 @@
             },
             setField: this._categoryField,
             valueField: this._valueField
-          }
+          })
         });
       }
       compile() {
@@ -84796,7 +84911,7 @@
         }), indicatorSpec;
       }
       _getDefaultSeriesSpec(spec, pickKeys) {
-        return super._getDefaultSeriesSpec(spec, ["radius", "outerRadius", "innerRadius", "startAngle", "endAngle", "sortDataByAxis"], pickKeys);
+        return super._getDefaultSeriesSpec(spec, ["radius", "outerRadius", "innerRadius", "startAngle", "endAngle", "centerX", "centerY", "sortDataByAxis"], pickKeys);
       }
       transformSpec(spec) {
         super.transformSpec(spec), isArray$1(spec.dataZoom) && spec.dataZoom.length > 0 && spec.dataZoom.forEach(zoom => {
@@ -84810,7 +84925,7 @@
         return !1;
       }
       _getDefaultSeriesSpec(spec) {
-        const series = super._getDefaultSeriesSpec(spec, ["startAngle", "endAngle", "centerX", "centerY"]);
+        const series = super._getDefaultSeriesSpec(spec, ["startAngle", "endAngle", "centerX", "centerY", "clamp"]);
         return series.categoryField = spec.categoryField || spec.radiusField, series.valueField = spec.valueField || spec.angleField, series;
       }
       _transformProgressAxisSpec(spec, angleAxisDefaultSpec, radiusAxisDefaultSpec, angleAxisAppendSpec, radiusAxisAppendSpec) {
@@ -84889,7 +85004,7 @@
       _getDefaultSeriesSpec(spec) {
         var _a, _b, _c;
         const series = super._getDefaultSeriesSpec(spec);
-        return series.radius = null !== (_a = spec.radius) && void 0 !== _a ? _a : POLAR_DEFAULT_RADIUS, series.outerRadius = null !== (_b = spec.outerRadius) && void 0 !== _b ? _b : POLAR_DEFAULT_RADIUS, series.innerRadius = null !== (_c = spec.innerRadius) && void 0 !== _c ? _c : 0, series.stack = spec.stack, series.percent = spec.percent, series;
+        return this._addSeriesRelatedSpecKeys(["radius", "outerRadius", "innerRadius"]), series.radius = null !== (_a = spec.radius) && void 0 !== _a ? _a : POLAR_DEFAULT_RADIUS, series.outerRadius = null !== (_b = spec.outerRadius) && void 0 !== _b ? _b : POLAR_DEFAULT_RADIUS, series.innerRadius = null !== (_c = spec.innerRadius) && void 0 !== _c ? _c : 0, series.stack = spec.stack, series.percent = spec.percent, series;
       }
       transformSpec(spec) {
         var _a;
@@ -85014,7 +85129,7 @@
         var _a, _b, _c, _d;
         const series = super._getDefaultSeriesSpec(spec),
           areaTheme = null === (_b = (_a = this._option).getTheme) || void 0 === _b ? void 0 : _b.call(_a, "series", "radar", "area");
-        return series.line = spec.line, series.point = spec.point, series.stack = spec.stack, series.percent = spec.percent, series.area = mergeSpec({
+        return this._addSeriesRelatedSpecKeys(["line", "point", "area"]), series.line = spec.line, series.point = spec.point, series.stack = spec.stack, series.percent = spec.percent, series.area = mergeSpec({
           visible: null !== (_c = null == areaTheme ? void 0 : areaTheme.visible) && void 0 !== _c && _c
         }, spec.area), series.seriesMark = null !== (_d = spec.seriesMark) && void 0 !== _d ? _d : "area", series.activePoint = spec.activePoint, series.pointDis = spec.pointDis, series.pointDisMul = spec.pointDisMul, series.markOverlap = spec.markOverlap, series;
       }
@@ -85363,7 +85478,7 @@
       _getDefaultSeriesSpec(spec) {
         var _a, _b;
         const series = super._getDefaultSeriesSpec(spec);
-        return this._addSeriesRelatedSpecKeys(["cornerRadius"]), series.progress = spec.progress, series.track = spec.track, series.tickMask = spec.tickMask, series.cornerRadius = null !== (_a = spec.cornerRadius) && void 0 !== _a ? _a : 0, series.roundCap = null !== (_b = spec.roundCap) && void 0 !== _b && _b, series;
+        return this._addSeriesRelatedSpecKeys(["cornerRadius", "progress", "track", "roundCap"]), series.progress = spec.progress, series.track = spec.track, series.tickMask = spec.tickMask, series.cornerRadius = null !== (_a = spec.cornerRadius) && void 0 !== _a ? _a : 0, series.roundCap = null !== (_b = spec.roundCap) && void 0 !== _b && _b, series;
       }
       transformSpec(spec) {
         super.transformSpec(spec), this._transformProgressAxisSpec(spec, {
@@ -85394,7 +85509,7 @@
     class GaugeChartSpecTransformer extends ProgressLikeChartSpecTransformer {
       _getDefaultSeriesSpec(spec) {
         const series = super._getDefaultSeriesSpec(spec);
-        return series.radiusField = spec.radiusField, series.pin = spec.pin, series.pinBackground = spec.pinBackground, series.pointer = spec.pointer, series;
+        return this._addSeriesRelatedSpecKeys(["pin", "pinBackground", "pointer"]), series.radiusField = spec.radiusField, series.pin = spec.pin, series.pinBackground = spec.pinBackground, series.pointer = spec.pointer, series;
       }
       _getDefaultCircularProgressSeriesSpec(spec) {
         const series = super._getDefaultSeriesSpec(spec);
@@ -85514,7 +85629,7 @@
       _getDefaultSeriesSpec(spec) {
         var _a, _b;
         const series = super._getDefaultSeriesSpec(spec, ["bandWidth", "progress", "track", "clamp"]);
-        return series.direction = null !== (_a = spec.direction) && void 0 !== _a ? _a : "horizontal", series.cornerRadius = null !== (_b = spec.cornerRadius) && void 0 !== _b ? _b : 0, series;
+        return series.direction = null !== (_a = spec.direction) && void 0 !== _a ? _a : "horizontal", this._addSeriesRelatedSpecKeys(["cornerRadius"]), series.cornerRadius = null !== (_b = spec.cornerRadius) && void 0 !== _b ? _b : 0, series;
       }
       transformSpec(spec) {
         var _a, _b;
@@ -85762,7 +85877,7 @@
       _getDefaultSeriesSpec(spec) {
         var _a, _b;
         const series = super._getDefaultSeriesSpec(spec);
-        return series.area = spec.area, series.point = spec.point, series.line = spec.line, "horizontal" === spec.direction ? series.xField = null !== (_a = spec.xField) && void 0 !== _a ? _a : [spec.minField, spec.maxField] : series.yField = null !== (_b = spec.yField) && void 0 !== _b ? _b : [spec.minField, spec.maxField], series.stack = !1, series;
+        return this._addSeriesRelatedSpecKeys(["area", "point", "line"]), series.area = spec.area, series.point = spec.point, series.line = spec.line, "horizontal" === spec.direction ? series.xField = null !== (_a = spec.xField) && void 0 !== _a ? _a : [spec.minField, spec.maxField] : series.yField = null !== (_b = spec.yField) && void 0 !== _b ? _b : [spec.minField, spec.maxField], series.stack = !1, series;
       }
       transformSpec(spec) {
         super.transformSpec(spec), setDefaultCrosshairForCartesianChart(spec);
@@ -89836,7 +89951,7 @@
           datum: datum,
           title: title,
           content: content
-        } = op,
+        } = isFunction$1(op) ? op() : op,
         mappedData = [],
         datumResult = datum.call(null);
       return title.visible && mappedData.push({
@@ -89937,11 +90052,11 @@
         });
         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);
       }
       updateLayoutAttribute() {