@visactor/vchart 1.12.13 → 1.12.14-alpha.0

package/build/index.js

@@ -44070,11 +44070,12 @@
             scale.specified(spec.specified);
         }
     }
-    function valueInScaleRange(v, s) {
+    function valueInScaleRange(v, s, useWholeRange) {
         if (!s) {
             return v;
         }
-        const range = s.range();
+        const scaleRange = s.range();
+        const range = useWholeRange && s._calculateWholeRange ? s._calculateWholeRange(scaleRange) : s.range();
         const min = Math.min(range[0], range[range.length - 1]);
         const max = Math.max(range[0], range[range.length - 1]);
         return Math.min(Math.max(min, v), max);
@@ -56535,7 +56536,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     (_b = (_a = this._option) === null || _a === void 0 ? void 0 : _a.onError) === null || _b === void 0 ? void 0 : _b.call(_a, ...args);
                 });
             }
-            this._view = new View(Object.assign(Object.assign({ width: this._width, height: this._height, container: (_c = this._container.dom) !== null && _c !== void 0 ? _c : null, renderCanvas: (_d = this._container.canvas) !== null && _d !== void 0 ? _d : null, hooks: this._option.performanceHook }, this._option), { mode: toRenderMode(this._option.mode), autoFit: false, eventConfig: {
+            this._view = new View(Object.assign(Object.assign({ width: this._width, height: this._height, container: (_c = this._container.dom) !== null && _c !== void 0 ? _c : null, renderCanvas: (_d = this._container.canvas) !== null && _d !== void 0 ? _d : null, hooks: this._option.performanceHook }, this._option), { autoRefresh: isValid$1(this._option.autoRefreshDpr) ? this._option.autoRefreshDpr : !isValid$1(this._option.dpr), mode: toRenderMode(this._option.mode), autoFit: false, eventConfig: {
                     gesture: isValid$1(this._option.gestureConfig)
                         ? this._option.gestureConfig
                         : isMobileLikeMode(this._option.mode),
@@ -61880,7 +61881,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     };
     registerVChartCore();
 
-    const version = "1.12.13";
+    const version = "1.12.14-alpha.0";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -70412,22 +70413,22 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._barMarkType = "rect";
             this.transformerConstructor = BarSeriesSpecTransformer;
             this._bandPosition = 0;
-            this._getBarXStart = (datum, scale) => {
+            this._getBarXStart = (datum, scale, useWholeRange) => {
                 if (this._shouldDoPreCalculate()) {
                     this._calculateStackRectPosition(false);
                     return datum[RECT_X];
                 }
                 if (this._spec.barMinHeight) {
-                    return this._calculateRectPosition(datum, false);
+                    return this._calculateRectPosition(datum, false, useWholeRange);
                 }
-                return valueInScaleRange(this._dataToPosX(datum), scale);
+                return valueInScaleRange(this._dataToPosX(datum), scale, useWholeRange);
             };
-            this._getBarXEnd = (datum, scale) => {
+            this._getBarXEnd = (datum, scale, useWholeRange) => {
                 if (this._shouldDoPreCalculate()) {
                     this._calculateStackRectPosition(false);
                     return datum[RECT_X1];
                 }
-                return valueInScaleRange(this._dataToPosX1(datum), scale);
+                return valueInScaleRange(this._dataToPosX1(datum), scale, useWholeRange);
             };
             this._getBarYStart = (datum, scale) => {
                 if (this._shouldDoPreCalculate()) {
@@ -70677,7 +70678,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 }
             }
         }
-        _calculateRectPosition(datum, isVertical) {
+        _calculateRectPosition(datum, isVertical, useWholeRange) {
             var _a, _b;
             let startMethod;
             let endMethod;
@@ -70695,8 +70696,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const seriesScale = (_b = (_a = this[axisHelper]).getScale) === null || _b === void 0 ? void 0 : _b.call(_a, 0);
             const inverse = this[axisHelper].isInverse();
             const barMinHeight = this._spec.barMinHeight;
-            const y1 = valueInScaleRange(this[startMethod](datum), seriesScale);
-            const y = valueInScaleRange(this[endMethod](datum), seriesScale);
+            const y1 = valueInScaleRange(this[startMethod](datum), seriesScale, useWholeRange);
+            const y = valueInScaleRange(this[endMethod](datum), seriesScale, useWholeRange);
             let height = Math.abs(y1 - y);
             if (height < barMinHeight) {
                 height = barMinHeight;
@@ -70813,24 +70814,24 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (this.direction === "horizontal") {
                 const yChannels = isValid$1(this._fieldY2)
                     ? {
-                        y: (datum) => valueInScaleRange(this._dataToPosY(datum), yScale),
-                        y1: (datum) => valueInScaleRange(this._dataToPosY1(datum), yScale)
+                        y: (datum) => valueInScaleRange(this._dataToPosY(datum), yScale, true),
+                        y1: (datum) => valueInScaleRange(this._dataToPosY1(datum), yScale, true)
                     }
                     : {
-                        y: (datum) => valueInScaleRange(this._dataToPosY(datum) - this._getBarWidth(this._yAxisHelper) / 2, yScale),
+                        y: (datum) => valueInScaleRange(this._dataToPosY(datum) - this._getBarWidth(this._yAxisHelper) / 2, yScale, true),
                         height: (datum) => this._getBarWidth(this._yAxisHelper)
                     };
-                this.setMarkStyle(this._barMark, Object.assign({ x: (datum) => this._getBarXStart(datum, xScale), x1: (datum) => this._getBarXEnd(datum, xScale) }, yChannels), 'normal', AttributeLevel.Series);
+                this.setMarkStyle(this._barMark, Object.assign({ x: (datum) => this._getBarXStart(datum, xScale, true), x1: (datum) => this._getBarXEnd(datum, xScale, true) }, yChannels), 'normal', AttributeLevel.Series);
                 this.setMarkStyle(this._barBackgroundMark, Object.assign({ x: () => this._getBarBackgroundXStart(xScale), x1: () => this._getBarBackgroundXEnd(xScale) }, yChannels), 'normal', AttributeLevel.Series);
             }
             else {
                 const xChannels = isValid$1(this._fieldX2)
                     ? {
-                        x: (datum) => valueInScaleRange(this._dataToPosX(datum), xScale),
-                        x1: (datum) => valueInScaleRange(this._dataToPosX1(datum), xScale)
+                        x: (datum) => valueInScaleRange(this._dataToPosX(datum), xScale, true),
+                        x1: (datum) => valueInScaleRange(this._dataToPosX1(datum), xScale, true)
                     }
                     : {
-                        x: (datum) => valueInScaleRange(this._dataToPosX(datum) - this._getBarWidth(this._xAxisHelper) / 2, xScale),
+                        x: (datum) => valueInScaleRange(this._dataToPosX(datum) - this._getBarWidth(this._xAxisHelper) / 2, xScale, true),
                         width: (datum) => this._getBarWidth(this._xAxisHelper)
                     };
                 this.setMarkStyle(this._barMark, Object.assign(Object.assign({}, xChannels), { y: datum => this._getBarYStart(datum, yScale), y1: datum => this._getBarYEnd(datum, yScale) }), 'normal', AttributeLevel.Series);
@@ -78258,7 +78259,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     this.setMarkStyle(progressMark, {
                         x: (datum) => {
                             var _a, _b;
-                            return (valueInScaleRange(this.dataToPositionX(datum), (_b = (_a = this._xAxisHelper) === null || _a === void 0 ? void 0 : _a.getScale) === null || _b === void 0 ? void 0 : _b.call(_a, 0)) -
+                            return (valueInScaleRange(this.dataToPositionX(datum), (_b = (_a = this._xAxisHelper) === null || _a === void 0 ? void 0 : _a.getScale) === null || _b === void 0 ? void 0 : _b.call(_a, 0), true) -
                                 this._spec.bandWidth / 2 +
                                 leftPadding);
                         },
@@ -78277,7 +78278,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         x1: (datum) => { var _a, _b; return valueInScaleRange(this.dataToPositionX(datum), (_b = (_a = this._xAxisHelper) === null || _a === void 0 ? void 0 : _a.getScale) === null || _b === void 0 ? void 0 : _b.call(_a, 0)); },
                         y: (datum) => {
                             var _a, _b;
-                            return (valueInScaleRange(this.dataToPositionY(datum), (_b = (_a = this._yAxisHelper) === null || _a === void 0 ? void 0 : _a.getScale) === null || _b === void 0 ? void 0 : _b.call(_a, 0)) -
+                            return (valueInScaleRange(this.dataToPositionY(datum), (_b = (_a = this._yAxisHelper) === null || _a === void 0 ? void 0 : _a.getScale) === null || _b === void 0 ? void 0 : _b.call(_a, 0), true) -
                                 this._spec.bandWidth / 2 +
                                 topPadding);
                         },
@@ -78305,7 +78306,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     this.setMarkStyle(trackMark, {
                         x: (datum) => {
                             var _a, _b;
-                            return (valueInScaleRange(this.dataToPositionX(datum), (_b = (_a = this._xAxisHelper) === null || _a === void 0 ? void 0 : _a.getScale) === null || _b === void 0 ? void 0 : _b.call(_a, 0)) -
+                            return (valueInScaleRange(this.dataToPositionX(datum), (_b = (_a = this._xAxisHelper) === null || _a === void 0 ? void 0 : _a.getScale) === null || _b === void 0 ? void 0 : _b.call(_a, 0), true) -
                                 this._spec.bandWidth / 2);
                         },
                         y: 0,
@@ -78319,7 +78320,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         x: 0,
                         y: (datum) => {
                             var _a, _b;
-                            return (valueInScaleRange(this.dataToPositionY(datum), (_b = (_a = this._yAxisHelper) === null || _a === void 0 ? void 0 : _a.getScale) === null || _b === void 0 ? void 0 : _b.call(_a, 0)) -
+                            return (valueInScaleRange(this.dataToPositionY(datum), (_b = (_a = this._yAxisHelper) === null || _a === void 0 ? void 0 : _a.getScale) === null || _b === void 0 ? void 0 : _b.call(_a, 0), true) -
                                 this._spec.bandWidth / 2);
                         },
                         height: this._spec.bandWidth,
@@ -93373,7 +93374,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const domain = this._computeDomainOfStateScale(isContinuous(this._stateScale.type));
             this._stateScale.domain(domain, false);
             this._handleChange(this._start, this._end, true);
-            if (this._spec.auto) {
+            if (this._spec.auto && !isEqual(this._domainCache, domain)) {
+                this._domainCache = domain;
                 this._dataUpdating = true;
                 (_a = this.getChart()) === null || _a === void 0 ? void 0 : _a.setLayoutTag(true, null, false);
             }
@@ -94854,7 +94856,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         });
         return { minX, maxX, minY, maxY };
     }
-    function transformLabelAttributes(label, markerData) {
+    function transformLabelAttributes(label, markerData, markAttributeContext) {
         const { labelBackground = {}, style, shape } = label, restLabel = __rest$e(label, ["labelBackground", "style", "shape"]);
         if (label.visible !== false) {
             const labelAttrs = restLabel;
@@ -94867,7 +94869,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 };
             }
             if (labelBackground.visible !== false) {
-                labelAttrs.panel = Object.assign({ visible: true, customShape: labelBackground.customShape }, transformStyle(transformToGraphic(labelBackground.style), markerData));
+                labelAttrs.panel = Object.assign({ visible: true, customShape: labelBackground.customShape }, transformStyle(transformToGraphic(labelBackground.style), markerData, markAttributeContext));
                 if (isValid$1(labelBackground.padding)) {
                     labelAttrs.padding = normalizePadding$1(labelBackground.padding);
                 }
@@ -94879,7 +94881,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 labelAttrs.padding = 0;
             }
             if (style) {
-                labelAttrs.textStyle = transformStyle(transformToGraphic(style), markerData);
+                labelAttrs.textStyle = transformStyle(transformToGraphic(style), markerData, markAttributeContext);
             }
             return labelAttrs;
         }
@@ -94887,17 +94889,17 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             visible: false
         };
     }
-    function transformState(state, markerData) {
+    function transformState(state, markerData, markerAttributeContext) {
         for (const stateKey in state) {
             if (isFunction$1(state[stateKey])) {
-                state[stateKey] = state[stateKey](markerData);
+                state[stateKey] = state[stateKey](markerData, markerAttributeContext);
             }
         }
         return state;
     }
-    function transformStyle(style, markerData) {
+    function transformStyle(style, markerData, markerAttributeContext) {
         if (isFunction$1(style)) {
-            return style(markerData);
+            return style(markerData, markerAttributeContext);
         }
         return style;
     }
@@ -95265,11 +95267,23 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 return s.visible !== false && this._getMarkerCoordinateType(s) === this.coordinateType;
             });
         }
+        getMarkAttributeContext() {
+            return this._markAttributeContext;
+        }
+        _buildMarkerAttributeContext() {
+            this._markAttributeContext = {
+                relativeSeries: this._relativeSeries,
+                startRelativeSeries: this._startRelativeSeries,
+                endRelativeSeries: this._endRelativeSeries,
+                vchart: this._option.globalInstance
+            };
+        }
         created() {
             super.created();
             this._bindSeries();
             this._initDataView();
             this.initEvent();
+            this._buildMarkerAttributeContext();
         }
         _getAllRelativeSeries() {
             return {
@@ -95461,15 +95475,15 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 radius: 0,
                 startAngle: 0,
                 endAngle: 0,
-                lineStyle: transformStyle(transformToGraphic((_d = this._spec.line) === null || _d === void 0 ? void 0 : _d.style), this._markerData),
+                lineStyle: transformStyle(transformToGraphic((_d = this._spec.line) === null || _d === void 0 ? void 0 : _d.style), this._markerData, this._markAttributeContext),
                 clipInRange: (_e = this._spec.clip) !== null && _e !== void 0 ? _e : false,
-                label: transformLabelAttributes(label, this._markerData),
+                label: transformLabelAttributes(label, this._markerData, this._markAttributeContext),
                 state: {
-                    line: transformState((_g = (_f = this._spec.line) === null || _f === void 0 ? void 0 : _f.state) !== null && _g !== void 0 ? _g : {}, this._markerData),
-                    lineStartSymbol: transformState((_j = (_h = this._spec.startSymbol) === null || _h === void 0 ? void 0 : _h.state) !== null && _j !== void 0 ? _j : {}, this._markerData),
-                    lineEndSymbol: transformState((_l = (_k = this._spec.endSymbol) === null || _k === void 0 ? void 0 : _k.state) !== null && _l !== void 0 ? _l : {}, this._markerData),
-                    label: transformState((_p = (_o = (_m = this._spec) === null || _m === void 0 ? void 0 : _m.label) === null || _o === void 0 ? void 0 : _o.state) !== null && _p !== void 0 ? _p : {}, this._markerData),
-                    labelBackground: transformState((_t = (_s = (_r = (_q = this._spec) === null || _q === void 0 ? void 0 : _q.label) === null || _r === void 0 ? void 0 : _r.labelBackground) === null || _s === void 0 ? void 0 : _s.state) !== null && _t !== void 0 ? _t : {}, this._markerData)
+                    line: transformState((_g = (_f = this._spec.line) === null || _f === void 0 ? void 0 : _f.state) !== null && _g !== void 0 ? _g : {}, this._markerData, this._markAttributeContext),
+                    lineStartSymbol: transformState((_j = (_h = this._spec.startSymbol) === null || _h === void 0 ? void 0 : _h.state) !== null && _j !== void 0 ? _j : {}, this._markerData, this._markAttributeContext),
+                    lineEndSymbol: transformState((_l = (_k = this._spec.endSymbol) === null || _k === void 0 ? void 0 : _k.state) !== null && _l !== void 0 ? _l : {}, this._markerData, this._markAttributeContext),
+                    label: transformState((_p = (_o = (_m = this._spec) === null || _m === void 0 ? void 0 : _m.label) === null || _o === void 0 ? void 0 : _o.state) !== null && _p !== void 0 ? _p : {}, this._markerData, this._markAttributeContext),
+                    labelBackground: transformState((_t = (_s = (_r = (_q = this._spec) === null || _q === void 0 ? void 0 : _q.label) === null || _r === void 0 ? void 0 : _r.labelBackground) === null || _s === void 0 ? void 0 : _s.state) !== null && _t !== void 0 ? _t : {}, this._markerData, this._markAttributeContext)
                 },
                 animation: (_u = this._spec.animation) !== null && _u !== void 0 ? _u : false,
                 animationEnter: this._spec.animationEnter,
@@ -95477,7 +95491,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 animationUpdate: this._spec.animationUpdate
             };
             if (startSymbol.visible) {
-                markLineAttrs.startSymbol = Object.assign(Object.assign({}, startSymbol), { visible: true, style: transformToGraphic(startSymbol.style) });
+                markLineAttrs.startSymbol = Object.assign(Object.assign({}, startSymbol), { visible: true, style: transformStyle(transformToGraphic(startSymbol.style), this._markerData, this._markAttributeContext) });
             }
             else {
                 markLineAttrs.startSymbol = {
@@ -95485,7 +95499,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 };
             }
             if (endSymbol.visible) {
-                markLineAttrs.endSymbol = Object.assign(Object.assign({}, endSymbol), { visible: true, style: transformToGraphic(endSymbol.style) });
+                markLineAttrs.endSymbol = Object.assign(Object.assign({}, endSymbol), { visible: true, style: transformStyle(transformToGraphic(endSymbol.style), this._markerData, this._markAttributeContext) });
             }
             else {
                 markLineAttrs.endSymbol = {
@@ -96070,13 +96084,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 outerRadius: 0,
                 startAngle: 0,
                 endAngle: 0,
-                areaStyle: transformStyle(transformToGraphic((_e = this._spec.area) === null || _e === void 0 ? void 0 : _e.style), this._markerData),
+                areaStyle: transformStyle(transformToGraphic((_e = this._spec.area) === null || _e === void 0 ? void 0 : _e.style), this._markerData, this._markAttributeContext),
                 clipInRange: (_f = this._spec.clip) !== null && _f !== void 0 ? _f : false,
-                label: transformLabelAttributes(label, this._markerData),
+                label: transformLabelAttributes(label, this._markerData, this._markAttributeContext),
                 state: {
-                    area: transformState((_g = this._spec.area) === null || _g === void 0 ? void 0 : _g.state, this._markerData),
-                    label: transformState((_h = this._spec.label) === null || _h === void 0 ? void 0 : _h.state, this._markerData),
-                    labelBackground: transformState((_l = (_k = (_j = this._spec) === null || _j === void 0 ? void 0 : _j.label) === null || _k === void 0 ? void 0 : _k.labelBackground) === null || _l === void 0 ? void 0 : _l.state, this._markerData)
+                    area: transformState((_g = this._spec.area) === null || _g === void 0 ? void 0 : _g.state, this._markerData, this._markAttributeContext),
+                    label: transformState((_h = this._spec.label) === null || _h === void 0 ? void 0 : _h.state, this._markerData, this._markAttributeContext),
+                    labelBackground: transformState((_l = (_k = (_j = this._spec) === null || _j === void 0 ? void 0 : _j.label) === null || _k === void 0 ? void 0 : _k.labelBackground) === null || _l === void 0 ? void 0 : _l.state, this._markerData, this._markAttributeContext)
                 },
                 animation: (_m = this._spec.animation) !== null && _m !== void 0 ? _m : false,
                 animationEnter: this._spec.animationEnter,
@@ -97231,19 +97245,19 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     offset: (_e = targetSymbol.offset) !== null && _e !== void 0 ? _e : 0,
                     visible: (_f = targetSymbol.visible) !== null && _f !== void 0 ? _f : false,
                     size: (_g = targetSymbol.size) !== null && _g !== void 0 ? _g : 20,
-                    style: transformStyle(targetSymbol.style, this._markerData)
+                    style: transformStyle(targetSymbol.style, this._markerData, this._markAttributeContext)
                 },
                 state: {
-                    line: transformState((_j = (_h = this._spec.itemLine.line) === null || _h === void 0 ? void 0 : _h.state) !== null && _j !== void 0 ? _j : {}, this._markerData),
-                    lineStartSymbol: transformState((_l = (_k = this._spec.itemLine.startSymbol) === null || _k === void 0 ? void 0 : _k.state) !== null && _l !== void 0 ? _l : {}, this._markerData),
-                    lineEndSymbol: transformState((_o = (_m = this._spec.itemLine.endSymbol) === null || _m === void 0 ? void 0 : _m.state) !== null && _o !== void 0 ? _o : {}, this._markerData),
-                    symbol: transformState((_q = (_p = this._spec.itemContent.symbol) === null || _p === void 0 ? void 0 : _p.state) !== null && _q !== void 0 ? _q : {}, this._markerData),
-                    image: transformState((_s = (_r = this._spec.itemContent.image) === null || _r === void 0 ? void 0 : _r.state) !== null && _s !== void 0 ? _s : {}, this._markerData),
-                    text: transformState((_u = (_t = this._spec.itemContent.text) === null || _t === void 0 ? void 0 : _t.state) !== null && _u !== void 0 ? _u : {}, this._markerData),
-                    textBackground: transformState((_w = (_v = this._spec.itemContent.text) === null || _v === void 0 ? void 0 : _v.labelBackground) === null || _w === void 0 ? void 0 : _w.state, this._markerData),
-                    richText: transformState((_y = (_x = this._spec.itemContent.richText) === null || _x === void 0 ? void 0 : _x.state) !== null && _y !== void 0 ? _y : {}, this._markerData),
-                    customMark: transformState((_0 = (_z = this._spec.itemContent.customMark) === null || _z === void 0 ? void 0 : _z.state) !== null && _0 !== void 0 ? _0 : {}, this._markerData),
-                    targetItem: transformState((_2 = (_1 = this._spec.targetSymbol) === null || _1 === void 0 ? void 0 : _1.state) !== null && _2 !== void 0 ? _2 : {}, this._markerData)
+                    line: transformState((_j = (_h = this._spec.itemLine.line) === null || _h === void 0 ? void 0 : _h.state) !== null && _j !== void 0 ? _j : {}, this._markerData, this._markAttributeContext),
+                    lineStartSymbol: transformState((_l = (_k = this._spec.itemLine.startSymbol) === null || _k === void 0 ? void 0 : _k.state) !== null && _l !== void 0 ? _l : {}, this._markerData, this._markAttributeContext),
+                    lineEndSymbol: transformState((_o = (_m = this._spec.itemLine.endSymbol) === null || _m === void 0 ? void 0 : _m.state) !== null && _o !== void 0 ? _o : {}, this._markerData, this._markAttributeContext),
+                    symbol: transformState((_q = (_p = this._spec.itemContent.symbol) === null || _p === void 0 ? void 0 : _p.state) !== null && _q !== void 0 ? _q : {}, this._markerData, this._markAttributeContext),
+                    image: transformState((_s = (_r = this._spec.itemContent.image) === null || _r === void 0 ? void 0 : _r.state) !== null && _s !== void 0 ? _s : {}, this._markerData, this._markAttributeContext),
+                    text: transformState((_u = (_t = this._spec.itemContent.text) === null || _t === void 0 ? void 0 : _t.state) !== null && _u !== void 0 ? _u : {}, this._markerData, this._markAttributeContext),
+                    textBackground: transformState((_w = (_v = this._spec.itemContent.text) === null || _v === void 0 ? void 0 : _v.labelBackground) === null || _w === void 0 ? void 0 : _w.state, this._markerData, this._markAttributeContext),
+                    richText: transformState((_y = (_x = this._spec.itemContent.richText) === null || _x === void 0 ? void 0 : _x.state) !== null && _y !== void 0 ? _y : {}, this._markerData, this._markAttributeContext),
+                    customMark: transformState((_0 = (_z = this._spec.itemContent.customMark) === null || _z === void 0 ? void 0 : _z.state) !== null && _0 !== void 0 ? _0 : {}, this._markerData, this._markAttributeContext),
+                    targetItem: transformState((_2 = (_1 = this._spec.targetSymbol) === null || _1 === void 0 ? void 0 : _1.state) !== null && _2 !== void 0 ? _2 : {}, this._markerData, this._markAttributeContext)
                 },
                 animation: (_3 = this._spec.animation) !== null && _3 !== void 0 ? _3 : false,
                 animationEnter: this._spec.animationEnter,
@@ -97251,16 +97265,16 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 animationUpdate: this._spec.animationUpdate
             };
             if (symbol === null || symbol === void 0 ? void 0 : symbol.style) {
-                markPointAttrs.itemContent.symbolStyle = transformToGraphic(transformStyle(symbol.style, this._markerData));
+                markPointAttrs.itemContent.symbolStyle = transformToGraphic(transformStyle(symbol.style, this._markerData, this._markAttributeContext));
             }
             if (image === null || image === void 0 ? void 0 : image.style) {
-                markPointAttrs.itemContent.imageStyle = transformStyle(image.style, this._markerData);
+                markPointAttrs.itemContent.imageStyle = transformStyle(image.style, this._markerData, this._markAttributeContext);
             }
             if (label) {
-                markPointAttrs.itemContent.textStyle = transformLabelAttributes(label, this._markerData);
+                markPointAttrs.itemContent.textStyle = transformLabelAttributes(label, this._markerData, this._markAttributeContext);
             }
             if (richText === null || richText === void 0 ? void 0 : richText.style) {
-                markPointAttrs.itemContent.richTextStyle = transformStyle(richText.style, this._markerData);
+                markPointAttrs.itemContent.richTextStyle = transformStyle(richText.style, this._markerData, this._markAttributeContext);
             }
             const { visible, line = {} } = itemLine, restItemLine = __rest$e(itemLine, ["visible", "line"]);
             if (visible !== false) {