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

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({
@@ -60614,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));
@@ -61512,9 +61521,9 @@
           type: "dataview"
         }), this._viewStackData.transform({
           type: "stackSplit",
-          options: {
+          options: () => ({
             fields: this.getStackGroupFields()
-          }
+          })
         }, !1);
       }
       _noAnimationDataKey(datum, index) {
@@ -66325,17 +66334,10 @@
         [ComponentTypeEnum.markArea]: !0
       },
       MARKER_ADDITION_REMAKE_SPEC_KEYS = {
-        autoRange: !0,
         regionId: !0,
         regionIndex: !0,
         seriesId: !0,
         seriesIndex: !0,
-        relativeSeriesId: !0,
-        relativeSeriesIndex: !0,
-        startRelativeSeriesId: !0,
-        startRelativeSeriesIndex: !0,
-        endRelativeSeriesId: !0,
-        endRelativeSeriesIndex: !0,
         specifiedDataSeriesId: !0,
         specifiedDataSeriesIndex: !0
       };
@@ -66414,7 +66416,11 @@
         }, this.getComponentsByKey = key => this._components.filter(c => (c.specKey || c.type) === key), this.getComponentByUserId = userId => {
           const component = this._components.find(s => s.userId === userId);
           if (component) return component;
-        }, this.getComponentsByType = type => this._components.filter(c => c.type === type), this._isMarkerAdditionSpecSafeWithoutRemake = spec => !(!spec || "object" != typeof spec || !1 === spec.visible) && !Object.keys(MARKER_ADDITION_REMAKE_SPEC_KEYS).some(key => !isNil$1(spec[key])), this._paddingSpec = normalizeLayoutPaddingSpec(null !== (_a = spec.padding) && void 0 !== _a ? _a : option.getTheme("padding")), this._event = new Event$1(option.eventDispatcher, option.mode), this._dataSet = option.dataSet, this._chartData = new ChartData(this._dataSet), this._modelOption = Object.assign(Object.assign({}, option), {
+        }, this.getComponentsByType = type => this._components.filter(c => c.type === type), this._isMarkerAdditionSpecSafeWithoutRemake = spec => {
+          if (!spec || "object" != typeof spec) return !1;
+          const markerSpec = spec;
+          return !1 !== markerSpec.visible && !Object.keys(MARKER_ADDITION_REMAKE_SPEC_KEYS).some(key => !isNil$1(markerSpec[key]));
+        }, this._paddingSpec = normalizeLayoutPaddingSpec(null !== (_a = spec.padding) && void 0 !== _a ? _a : option.getTheme("padding")), this._event = new Event$1(option.eventDispatcher, option.mode), this._dataSet = option.dataSet, this._chartData = new ChartData(this._dataSet), this._modelOption = Object.assign(Object.assign({}, option), {
           mode: this._option.mode,
           map: this._idMap,
           getChartLayoutRect: () => this._layoutRect,
@@ -66749,7 +66755,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;
@@ -66757,7 +66764,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;
@@ -66831,6 +66838,9 @@
       _canAddMarkerComponentsWithoutRemake(key, currentSpec, nextSpec) {
         return !!(MARKER_COMPONENT_SPEC_KEYS[key] && isArray$1(currentSpec) && isArray$1(nextSpec)) && !(nextSpec.length <= currentSpec.length) && nextSpec.slice(currentSpec.length).every(this._isMarkerAdditionSpecSafeWithoutRemake);
       }
+      _isAutoRangeMarkerSpec(spec) {
+        return !!spec && "object" == typeof spec && !0 === spec.autoRange;
+      }
       _canRemoveMarkerComponentsWithoutRemake(key, currentSpec, nextSpec) {
         return MARKER_COMPONENT_SPEC_KEYS[key] && isArray$1(currentSpec) && currentSpec.length > 0 && isArray$1(nextSpec) && 0 === nextSpec.length;
       }
@@ -66858,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);
@@ -66887,13 +66906,17 @@
       }
       _createMissingMarkerComponentsForSpecs(result, componentCache) {
         var _a;
-        let createdCount = 0;
+        let createdCount = 0,
+          hasAutoRangeMarker = !1;
         null === (_a = this._specTransformer) || void 0 === _a || _a.forEachComponentInSpec(this._spec, (constructor, specInfo) => {
           if (result.reMake) return;
           const compSpecKey = constructor.specKey || constructor.type;
-          MARKER_COMPONENT_SPEC_KEYS[compSpecKey] && !this._hasComponentForSpecInfo(compSpecKey, specInfo) && (this._isMarkerAdditionSpecSafeWithoutRemake(specInfo.spec) ? (this._createComponent(constructor, specInfo), componentCache[compSpecKey] && componentCache[compSpecKey].componentCount++, createdCount++) : result.reMake = !0);
-        }, this._option.getSpecInfo()), createdCount && (result.change = !0, result.effects = Object.assign(Object.assign({}, result.effects), {
-          component: !0,
+          MARKER_COMPONENT_SPEC_KEYS[compSpecKey] && !this._hasComponentForSpecInfo(compSpecKey, specInfo) && (this._isMarkerAdditionSpecSafeWithoutRemake(specInfo.spec) ? (this._createComponent(constructor, specInfo), componentCache[compSpecKey] && componentCache[compSpecKey].componentCount++, createdCount++, hasAutoRangeMarker = hasAutoRangeMarker || this._isAutoRangeMarkerSpec(specInfo.spec)) : result.reMake = !0);
+        }, this._option.getSpecInfo()), createdCount && (result.change = !0, result.effects = Object.assign(Object.assign(Object.assign(Object.assign({}, result.effects), {
+          component: !0
+        }), hasAutoRangeMarker ? {
+          scaleDomain: !0
+        } : null), {
           layout: !0,
           render: !0
         }));
@@ -67493,7 +67516,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,
@@ -69601,12 +69624,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() {
@@ -70358,10 +70386,10 @@
           level: TransformLevel.copyDataView
         }).transform({
           type: "map",
-          options: {
+          options: () => ({
             nameMap: this._nameMap,
             nameProperty: this._nameProperty
-          }
+          })
         }).transform({
           type: "lookup",
           options: {
@@ -70370,7 +70398,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]);
@@ -70516,12 +70544,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,
@@ -70547,7 +70576,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) {
@@ -70559,9 +70588,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) {
@@ -70686,12 +70715,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 = {
@@ -71188,17 +71217,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, {
@@ -71206,17 +71238,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);
       }
@@ -71341,14 +71376,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
           };
@@ -72154,11 +72191,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: {
@@ -73394,7 +73431,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;
       }
@@ -73784,7 +73836,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();
@@ -73831,6 +73886,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;
@@ -74428,6 +74486,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;
@@ -74465,6 +74533,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({
@@ -74972,6 +75047,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 => {
@@ -75011,6 +75096,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();
@@ -75242,7 +75333,8 @@
     };
 
     const CIRCULAR_PROGRESS_SERIES_COMPILE_ONLY_KEYS = {
-      cornerRadius: !0
+      cornerRadius: !0,
+      roundCap: !0
     };
     class CircularProgressSeries extends ProgressLikeSeries {
       constructor() {
@@ -75438,7 +75530,9 @@
     };
 
     const LINEAR_PROGRESS_SERIES_COMPILE_ONLY_KEYS = {
-        bandWidth: !0
+        bandWidth: !0,
+        cornerRadius: !0,
+        clamp: !0
       },
       LINEAR_PROGRESS_SERIES_COMPILE_ONLY_SUB_KEYS = {
         progress: {
@@ -80168,12 +80262,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,
@@ -80182,14 +80276,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]),
@@ -80354,12 +80449,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,
@@ -80369,12 +80464,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
@@ -81602,21 +81694,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 => {
@@ -82110,7 +82208,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();
@@ -82119,38 +82216,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
           });
@@ -82522,14 +82622,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;
       }
@@ -82612,28 +82714,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);
       }
@@ -83448,36 +83553,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,
@@ -83508,14 +83618,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,
@@ -83654,7 +83768,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();
@@ -83667,8 +83780,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);
       }
@@ -83686,14 +83802,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
           }
         });
       }
@@ -84399,10 +84515,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) : [];
     };
 
@@ -84486,7 +84603,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,
@@ -84495,7 +84612,7 @@
             },
             setField: this._categoryField,
             valueField: this._valueField
-          }
+          })
         });
       }
       compile() {
@@ -84798,7 +84915,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 => {
@@ -84812,7 +84929,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) {
@@ -84891,7 +85008,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;
@@ -85016,7 +85133,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;
       }
@@ -85365,7 +85482,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, {
@@ -85396,7 +85513,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);
@@ -85516,7 +85633,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;
@@ -85764,7 +85881,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);
@@ -89838,7 +89955,7 @@
           datum: datum,
           title: title,
           content: content
-        } = op,
+        } = isFunction$1(op) ? op() : op,
         mappedData = [],
         datumResult = datum.call(null);
       return title.visible && mappedData.push({
@@ -89939,11 +90056,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() {
@@ -90731,20 +90848,31 @@
       MARKER_COORDINATE_PLACEHOLDER = "__vchart_marker_coordinate__",
       MARKER_TEXT_PLACEHOLDER = "__vchart_marker_text__",
       MARKER_AUTO_RANGE_PLACEHOLDER = "__vchart_marker_auto_range__",
+      MARKER_STYLE_PLACEHOLDER = "__vchart_marker_style__",
       MARKER_DOMAIN_POSITION_SPEC_KEYS = ["coordinate", "coordinates", "x", "y", "x1", "y1", "angle", "angle1", "radius", "radius1"],
       MARKER_LAYOUT_POSITION_SPEC_KEYS = ["position", "positions", "coordinatesOffset", "regionRelative"],
       normalizeMarkerLabelFormatMethod = label => Array.isArray(label) ? label.map(normalizeMarkerLabelFormatMethod) : label && "object" == typeof label ? "function" != typeof label.formatMethod ? label : Object.assign(Object.assign({}, label), {
         formatMethod: MARKER_FORMAT_METHOD_PLACEHOLDER
       }) : label,
+      normalizeMarkerStyles = value => {
+        if (Array.isArray(value)) return value.map(normalizeMarkerStyles);
+        if (!value || "object" != typeof value) return value;
+        const normalized = Object.assign({}, value);
+        return Object.keys(normalized).forEach(key => {
+          "style" === key || key.endsWith("Style") ? normalized[key] = MARKER_STYLE_PLACEHOLDER : normalized[key] = normalizeMarkerStyles(normalized[key]);
+        }), normalized;
+      },
       normalizeMarkerSpecForComponentOnlyUpdate = (spec, options) => {
         var _a;
         if (!spec || "object" != typeof spec) return spec;
         const normalized = Object.assign({}, spec);
         options.normalizeDomainPosition && MARKER_DOMAIN_POSITION_SPEC_KEYS.forEach(key => {
-          key in normalized && (normalized[key] = MARKER_COORDINATE_PLACEHOLDER);
+          normalized[key] = MARKER_COORDINATE_PLACEHOLDER;
         }), options.normalizeAutoRange && "autoRange" in normalized && (normalized.autoRange = MARKER_AUTO_RANGE_PLACEHOLDER), MARKER_LAYOUT_POSITION_SPEC_KEYS.forEach(key => {
           key in normalized && (normalized[key] = MARKER_COORDINATE_PLACEHOLDER);
-        }), "label" in normalized && (normalized.label = normalizeMarkerLabelFormatMethod(normalized.label));
+        }), "label" in normalized && (normalized.label = normalizeMarkerLabelFormatMethod(normalized.label)), Object.keys(normalized).forEach(key => {
+          normalized[key] = normalizeMarkerStyles(normalized[key]);
+        });
         const text = null === (_a = normalized.itemContent) || void 0 === _a ? void 0 : _a.text;
         return text && "object" == typeof text && (normalized.itemContent = Object.assign(Object.assign({}, normalized.itemContent), {
           text: Object.assign(Object.assign({}, normalizeMarkerLabelFormatMethod(text)), {
@@ -90931,7 +91059,7 @@
         }));
       }
       reInit(spec) {
-        super.reInit(spec), this._bindSeries(), this._initDataView(), this._buildMarkerAttributeContext(), this._markerComponent && this._updateMarkerLayout();
+        super.reInit(spec), this._releaseMarkerData(), this._bindSeries(), this._initDataView(), this._buildMarkerAttributeContext(), this._markerComponent && this._updateMarkerLayout();
       }
       _initCommonDataView() {
         const {
@@ -92980,7 +93108,7 @@
         return new MarkPoint$1(markPointAttrs);
       }
       _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,
           data = this._markerData,
           relativeSeries = this._relativeSeries,
@@ -92988,9 +93116,30 @@
             point: point
           } = this._computePointsAttr(),
           seriesData = this._getRelativeDataView().latestData,
-          dataPoints = data ? data.latestData[0] && data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData : seriesData;
+          dataPoints = data ? data.latestData[0] && data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData : seriesData,
+          {
+            itemLine = {},
+            itemContent = {}
+          } = this._spec,
+          {
+            visible: itemLineVisible,
+            line = {}
+          } = itemLine,
+          restItemLine = __rest$1(itemLine, ["visible", "line"]),
+          itemLineAttrs = !1 !== itemLineVisible ? Object.assign(Object.assign({}, restItemLine), {
+            visible: !0,
+            lineStyle: transformToGraphic(line.style)
+          }) : {
+            visible: !1
+          },
+          labelAttrs = transformLabelAttributes(Object.assign(Object.assign({}, itemContent.text), {
+            style: merge$1({
+              dx: 0,
+              dy: 0
+            }, null !== (_b = null === (_a = itemContent.text) || void 0 === _a ? void 0 : _a.style) && void 0 !== _b ? _b : itemContent.style)
+          }), data, this._markAttributeContext);
         let limitRect;
-        if (spec.clip || (null === (_a = spec.itemContent) || void 0 === _a ? void 0 : _a.confine)) {
+        if (spec.clip || (null === (_c = spec.itemContent) || void 0 === _c ? void 0 : _c.confine)) {
           const {
             minX: minX,
             maxX: maxX,
@@ -93005,21 +93154,24 @@
           };
         }
         if (this._markerComponent) {
-          const attribute = null !== (_b = this._markerComponent.attribute) && void 0 !== _b ? _b : {},
-            textStyle = null !== (_d = null === (_c = attribute.itemContent) || void 0 === _c ? void 0 : _c.textStyle) && void 0 !== _d ? _d : {},
-            specText = null === (_e = this._spec.itemContent.text) || void 0 === _e ? void 0 : _e.text;
+          const attribute = null !== (_d = this._markerComponent.attribute) && void 0 !== _d ? _d : {},
+            textStyle = null !== (_f = null === (_e = attribute.itemContent) || void 0 === _e ? void 0 : _e.textStyle) && void 0 !== _f ? _f : {},
+            specText = null === (_g = this._spec.itemContent.text) || void 0 === _g ? void 0 : _g.text;
           this._markerComponent.setAttributes({
             position: void 0 === point ? {
               x: null,
               y: null
             } : point,
             itemContent: Object.assign(Object.assign({}, attribute.itemContent), {
-              textStyle: Object.assign(Object.assign({}, textStyle), {
-                text: (null === (_f = this._spec.itemContent.text) || void 0 === _f ? void 0 : _f.formatMethod) ? this._spec.itemContent.text.formatMethod(dataPoints, seriesData) : isValid$1(specText) ? specText : textStyle.text
+              panel: null !== (_h = labelAttrs.panel) && void 0 !== _h ? _h : null === (_j = attribute.itemContent) || void 0 === _j ? void 0 : _j.panel,
+              padding: null !== (_k = labelAttrs.padding) && void 0 !== _k ? _k : null === (_l = attribute.itemContent) || void 0 === _l ? void 0 : _l.padding,
+              textStyle: Object.assign(Object.assign(Object.assign({}, textStyle), null !== (_m = labelAttrs.textStyle) && void 0 !== _m ? _m : {}), {
+                text: (null === (_o = this._spec.itemContent.text) || void 0 === _o ? 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: limitRect,
             dx: this._layoutOffsetX,
             dy: this._layoutOffsetY