@visactor/vchart 1.7.3 → 1.7.4

package/build/index.js

@@ -53255,6 +53255,7 @@
         LayoutZIndex[LayoutZIndex["Label"] = 500] = "Label";
         LayoutZIndex[LayoutZIndex["Brush"] = 500] = "Brush";
         LayoutZIndex[LayoutZIndex["CustomMark"] = 500] = "CustomMark";
+        LayoutZIndex[LayoutZIndex["Interaction"] = 700] = "Interaction";
     })(exports.LayoutZIndex || (exports.LayoutZIndex = {}));
     exports.LayoutLevel = void 0;
     (function (LayoutLevel) {
@@ -55936,15 +55937,15 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
     }
 
-    var DimensionEventEnum;
+    exports.DimensionEventEnum = void 0;
     (function (DimensionEventEnum) {
         DimensionEventEnum["dimensionHover"] = "dimensionHover";
         DimensionEventEnum["dimensionClick"] = "dimensionClick";
-    })(DimensionEventEnum || (DimensionEventEnum = {}));
+    })(exports.DimensionEventEnum || (exports.DimensionEventEnum = {}));
 
     const ComposedEventMapper = {
-        [DimensionEventEnum.dimensionHover]: DimensionHoverEvent,
-        [DimensionEventEnum.dimensionClick]: DimensionClickEvent
+        [exports.DimensionEventEnum.dimensionHover]: DimensionHoverEvent,
+        [exports.DimensionEventEnum.dimensionClick]: DimensionClickEvent
     };
 
     let Event$1 = class Event {
@@ -57263,7 +57264,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         initEvent() {
             const event = this.event;
-            event.on(DimensionEventEnum.dimensionHover, this.onHover);
+            event.on(exports.DimensionEventEnum.dimensionHover, this.onHover);
         }
         releaseEvent() {
             this.event.release();
@@ -58413,6 +58414,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         getGroupMark() {
             return this._groupMark;
         }
+        getInteractionMark() {
+            return this._interactionMark;
+        }
         getStackInverse() {
             return this._spec.stackInverse === true;
         }
@@ -58468,24 +58472,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._spec = cloneDeepSpec(this._originalSpec);
         }
         created() {
-            var _a, _b;
+            var _a;
             this.initLayout();
             super.created();
-            this._groupMark = this._createMark({ type: MarkTypeEnum.group, name: 'regionGroup' });
-            this._groupMark.setUserId(this.userId);
-            this._groupMark.setZIndex(this.layoutZIndex);
             const clip = (_a = this._spec.clip) !== null && _a !== void 0 ? _a : this._getClipDefaultValue();
-            this.setMarkStyle(this._groupMark, {
-                x: () => this.getLayoutStartPoint().x,
-                y: () => this.getLayoutStartPoint().y,
-                width: () => this.getLayoutRect().width,
-                height: () => this.getLayoutRect().height,
-                clip
-            }, 'normal', exports.AttributeLevel.Built_In);
-            this.setMarkStyle(this._groupMark, {
-                cornerRadius: (_b = this._spec.style) === null || _b === void 0 ? void 0 : _b.cornerRadius
-            }, 'normal', exports.AttributeLevel.User_Mark);
-            this._marks.addMark(this._groupMark);
+            this._groupMark = this._createGroupMark('regionGroup', this.userId, this.layoutZIndex);
+            this._interactionMark = this._createGroupMark('regionInteractionGroup', this.userId + '_interaction', exports.LayoutZIndex.Interaction);
             if (this._spec.style) {
                 this._backgroundMark = this._createMark({ type: MarkTypeEnum.rect, name: 'regionBackground' });
                 if (clip) {
@@ -58506,6 +58498,25 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             this.createTrigger();
         }
+        _createGroupMark(name, userId, zIndex) {
+            var _a, _b;
+            const groupMark = this._createMark({ type: MarkTypeEnum.group, name });
+            groupMark.setUserId(userId);
+            groupMark.setZIndex(zIndex);
+            const clip = (_a = this._spec.clip) !== null && _a !== void 0 ? _a : this._getClipDefaultValue();
+            this.setMarkStyle(groupMark, {
+                x: () => this.getLayoutStartPoint().x,
+                y: () => this.getLayoutStartPoint().y,
+                width: () => this.getLayoutRect().width,
+                height: () => this.getLayoutRect().height,
+                clip
+            }, 'normal', exports.AttributeLevel.Built_In);
+            this.setMarkStyle(groupMark, {
+                cornerRadius: (_b = this._spec.style) === null || _b === void 0 ? void 0 : _b.cornerRadius
+            }, 'normal', exports.AttributeLevel.User_Mark);
+            this._marks.addMark(groupMark);
+            return groupMark;
+        }
         init(option) {
             super.init(option);
             this.initMark();
@@ -61665,7 +61676,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     };
     registerVChartCore();
 
-    const version = "1.7.3";
+    const version = "1.7.4";
 
     class ChartData {
         get dataList() {
@@ -62808,8 +62819,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this.transformSpec(this._spec);
             this.updateGlobalScaleTheme();
             this._regions.forEach(r => r.setCurrentTheme());
-            this._components.forEach(c => c.setCurrentTheme());
             this._series.forEach(s => s.setCurrentTheme());
+            this._components.forEach(c => c.setCurrentTheme());
         }
         clear() {
             this.getAllModels().forEach(i => { var _a; return (_a = i.clear) === null || _a === void 0 ? void 0 : _a.call(i); });
@@ -63025,7 +63036,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             let dimensionInfo = null;
             Array.from(this._event.getComposedEventMap().values()).forEach(e => {
                 const { eventType, event } = e;
-                if (eventType === DimensionEventEnum.dimensionHover || eventType === DimensionEventEnum.dimensionClick) {
+                if (eventType === exports.DimensionEventEnum.dimensionHover || eventType === exports.DimensionEventEnum.dimensionClick) {
                     const info = event.dispatch(value, opt);
                     if (info === null || info === void 0 ? void 0 : info.length) {
                         dimensionInfo = info;
@@ -64605,6 +64616,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 : this.getMarksWithoutRoot().filter(mark => !isEqual$2(lastSpec[mark.name], this._spec[mark.name]));
             marks.forEach(mark => {
                 this._spec[mark.name] && this.initMarkStyleWithSpec(mark, this._spec[mark.name]);
+                if (mark.getLabelSpec()) {
+                    mark.setLabelSpec(this._preprocessLabelSpec(this._spec.label));
+                }
             });
             this.initMarkStyle();
             marks.forEach(mark => {
@@ -65454,6 +65468,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     groupKey: this._seriesField,
                     isSeriesMark: false,
                     dataView: activeData,
+                    parent: this._region.getInteractionMark(),
                     customShape: (_c = this._spec.point) === null || _c === void 0 ? void 0 : _c.customShape
                 });
                 this._symbolActiveMark.setVisible(false);
@@ -65484,7 +65499,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._trigger.registerMark(symbolMark);
             if (this._symbolActiveMark && this._symbolMark.stateStyle.dimension_hover) {
                 this._symbolActiveMark.setVisible(true);
-                this.event.on(DimensionEventEnum.dimensionHover, this._dimensionTrigger.bind(this));
+                this.event.on(exports.DimensionEventEnum.dimensionHover, this._dimensionTrigger.bind(this));
                 for (const state in this._symbolMark.stateStyle) {
                     this._symbolActiveMark.stateStyle[state] = {};
                     for (const key in this._symbolMark.stateStyle[state]) {
@@ -79480,274 +79495,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
     }
 
-    const labelRuleMap = {
-        rect: barLabel,
-        symbol: symbolLabel,
-        arc: pieLabel,
-        point: pointLabel,
-        'line-data': lineDataLabel,
-        stackLabel: stackLabel,
-        line: LineLabel,
-        area: LineLabel
-    };
-    var LabelRule;
-    (function (LabelRule) {
-        LabelRule["rect"] = "rect";
-        LabelRule["symbol"] = "symbol";
-        LabelRule["arc"] = "arc";
-        LabelRule["point"] = "point";
-        LabelRule["stackLabel"] = "stackLabel";
-        LabelRule["line"] = "line";
-    })(LabelRule || (LabelRule = {}));
-    function textAttribute(labelInfo, datum, formatMethod, formatter) {
-        var _a;
-        const { labelMark, series } = labelInfo;
-        const field = series.getMeasureField()[0];
-        const textAttribute = { text: datum[field], data: datum, textType: (_a = labelInfo.labelSpec.textType) !== null && _a !== void 0 ? _a : 'text' };
-        const attributes = Object.keys(labelMark.stateStyle.normal);
-        for (const key of attributes) {
-            const attr = labelMark.getAttribute(key, datum);
-            textAttribute[key] = attr;
-        }
-        if (formatMethod) {
-            textAttribute.text = formatMethod(textAttribute.text, datum, { series });
-        }
-        if (formatter) {
-            if (series.type === 'pie') {
-                datum._percent_ = (datum[ARC_RATIO] * 100).toFixed(2) + '%';
-            }
-            else if (datum[STACK_FIELD_END_PERCENT]) {
-                datum._percent_ = (datum[STACK_FIELD_END_PERCENT] * 100).toFixed(2) + '%';
-            }
-            textAttribute.text = substitute(formatter, datum);
-        }
-        return textAttribute;
-    }
-    function uniformLabelPosition(position) {
-        if (isFunction$3(position)) {
-            return (datum) => {
-                return position(datum.data);
-            };
-        }
-        return position;
-    }
-    function symbolLabel(labelInfo) {
-        var _a, _b, _c;
-        const { series, labelSpec } = labelInfo;
-        const defaultPosition = series.direction === 'horizontal' ? 'right' : 'top';
-        const position = (_a = uniformLabelPosition(labelSpec.position)) !== null && _a !== void 0 ? _a : defaultPosition;
-        let overlap;
-        if (labelSpec.overlap === false) {
-            overlap = false;
-        }
-        else {
-            overlap = {
-                strategy: (_c = (_b = labelSpec.overlap) === null || _b === void 0 ? void 0 : _b.strategy) !== null && _c !== void 0 ? _c : symbolLabelOverlapStrategy(),
-                avoidBaseMark: position !== 'center'
-            };
-        }
-        return { position, overlap };
-    }
-    function lineDataLabel(labelInfo) {
-        const result = symbolLabel(labelInfo);
-        if (!isBoolean$3(result.overlap)) {
-            result.overlap.avoidBaseMark = false;
-        }
-        return result;
-    }
-    function symbolLabelOverlapStrategy() {
-        const strategy = [
-            {
-                type: 'position',
-                position: ['top', 'bottom', 'right', 'left', 'top-right', 'top-left', 'bottom-left', 'bottom-right']
-            }
-        ];
-        return strategy;
-    }
-    function barLabel(labelInfo) {
-        var _a, _b, _c, _d, _e, _f;
-        const { series, labelSpec = {} } = labelInfo;
-        const originPosition = (_a = uniformLabelPosition(labelSpec.position)) !== null && _a !== void 0 ? _a : 'outside';
-        const direction = (_b = series.direction) !== null && _b !== void 0 ? _b : 'vertical';
-        const isInverse = series.direction === 'horizontal'
-            ? (_c = series.getXAxisHelper()) === null || _c === void 0 ? void 0 : _c.isInverse()
-            : (_d = series.getYAxisHelper()) === null || _d === void 0 ? void 0 : _d.isInverse();
-        let position = originPosition;
-        if (isString$3(originPosition) && position !== 'inside') {
-            position = (data) => {
-                const { data: datum } = data;
-                const dataField = series.getMeasureField()[0];
-                if (originPosition === 'outside') {
-                    const positionMap = { vertical: ['top', 'bottom'], horizontal: ['right', 'left'] };
-                    const index = ((datum === null || datum === void 0 ? void 0 : datum[dataField]) >= 0 && isInverse) || ((datum === null || datum === void 0 ? void 0 : datum[dataField]) < 0 && !isInverse) ? 1 : 0;
-                    return positionMap[direction][index];
-                }
-                if (originPosition === 'inside-bottom') {
-                    return series.direction === 'horizontal' ? 'inside-left' : 'inside-bottom';
-                }
-                if (originPosition === 'inside-top') {
-                    return series.direction === 'horizontal' ? 'inside-right' : 'inside-top';
-                }
-                return originPosition;
-            };
-        }
-        let overlap;
-        if (labelSpec.overlap === false) {
-            overlap = false;
-        }
-        else {
-            overlap = {
-                strategy: (_f = (_e = labelSpec.overlap) === null || _e === void 0 ? void 0 : _e.strategy) !== null && _f !== void 0 ? _f : barLabelOverlapStrategy(series)
-            };
-        }
-        let smartInvert = false;
-        if (isString$3(originPosition) && originPosition.includes('inside')) {
-            smartInvert = true;
-        }
-        return { position, overlap, smartInvert };
-    }
-    function barLabelOverlapStrategy(series) {
-        const strategy = [
-            {
-                type: 'position',
-                position: (data) => {
-                    var _a, _b;
-                    const { data: datum } = data;
-                    const dataField = series.getMeasureField()[0];
-                    const isInverse = series.direction === 'horizontal'
-                        ? (_a = series.getXAxisHelper()) === null || _a === void 0 ? void 0 : _a.isInverse()
-                        : (_b = series.getYAxisHelper()) === null || _b === void 0 ? void 0 : _b.isInverse();
-                    if (isInverse) {
-                        if ((datum === null || datum === void 0 ? void 0 : datum[dataField]) >= 0) {
-                            return series.direction === 'horizontal' ? ['left', 'inside-left'] : ['bottom', 'inside-bottom'];
-                        }
-                        return series.direction === 'horizontal' ? ['right', 'inside-right'] : ['top', 'inside-top'];
-                    }
-                    if ((datum === null || datum === void 0 ? void 0 : datum[dataField]) >= 0) {
-                        return series.direction === 'horizontal' ? ['right', 'inside-right'] : ['top', 'inside-top'];
-                    }
-                    return series.direction === 'horizontal' ? ['left', 'inside-left'] : ['bottom', 'inside-bottom'];
-                }
-            }
-        ];
-        return strategy;
-    }
-    function pointLabel(labelInfo) {
-        const { labelSpec } = labelInfo;
-        let overlap;
-        if (labelSpec.overlap === false) {
-            overlap = false;
-        }
-        else {
-            overlap = {
-                avoidBaseMark: false
-            };
-        }
-        return { position: 'center', overlap };
-    }
-    function pieLabel(labelInfo) {
-        var _a;
-        const { labelSpec } = labelInfo;
-        const labelPosition = (_a = uniformLabelPosition(labelSpec.position)) !== null && _a !== void 0 ? _a : 'outside';
-        const position = labelPosition;
-        let smartInvert;
-        if (labelSpec.smartInvert) {
-            smartInvert = labelSpec.smartInvert;
-        }
-        else {
-            smartInvert = isString$3(labelPosition) && labelPosition.includes('inside');
-        }
-        return { position, smartInvert };
-    }
-    function stackLabel(labelInfo) {
-        const series = labelInfo.series;
-        const labelSpec = labelInfo.labelSpec || {};
-        const totalData = series.getTotalData();
-        return {
-            customLayoutFunc: (labels) => {
-                return labels.map(label => {
-                    const pos = labelSpec.position || 'withChange';
-                    const offset = labelSpec.offset || 0;
-                    const datum = label.data;
-                    const attribute = textAttribute(labelInfo, datum, labelSpec.formatMethod);
-                    const x = (datum) => {
-                        if (series.direction === Direction.vertical) {
-                            return series.totalPositionX(datum, 'index', 0.5);
-                        }
-                        if (pos === 'middle') {
-                            return (series.totalPositionX(datum, 'end') + series.totalPositionY(datum, 'start')) * 0.5;
-                        }
-                        else if (pos === 'max') {
-                            return series.totalPositionX(datum, datum.end >= datum.start ? 'end' : 'start') + offset;
-                        }
-                        else if (pos === 'min') {
-                            return series.totalPositionX(datum, datum.end >= datum.start ? 'start' : 'end') - offset;
-                        }
-                        return series.totalPositionX(datum, 'end') + (datum.end >= datum.start ? offset : -offset);
-                    };
-                    const y = (datum) => {
-                        if (series.direction === Direction.vertical) {
-                            if (pos === 'middle') {
-                                return (series.totalPositionY(datum, 'end') + series.totalPositionY(datum, 'start')) * 0.5;
-                            }
-                            else if (pos === 'max') {
-                                return series.totalPositionY(datum, datum.end >= datum.start ? 'end' : 'start') - offset;
-                            }
-                            else if (pos === 'min') {
-                                return series.totalPositionY(datum, datum.end >= datum.start ? 'start' : 'end') + offset;
-                            }
-                            return series.totalPositionY(datum, 'end') + (datum.end >= datum.start ? -offset : offset);
-                        }
-                        return series.totalPositionY(datum, 'index', 0.5);
-                    };
-                    attribute.x = x(datum);
-                    attribute.y = y(datum);
-                    if (series.direction === Direction.vertical) {
-                        attribute.textBaseline =
-                            pos === 'middle'
-                                ? pos
-                                : (pos === 'withChange' && datum.end - datum.start >= 0) || pos === 'max'
-                                    ? 'bottom'
-                                    : 'top';
-                    }
-                    else {
-                        attribute.textAlign =
-                            pos === 'middle'
-                                ? 'center'
-                                : (pos === 'withChange' && datum.end - datum.start >= 0) || pos === 'max'
-                                    ? 'left'
-                                    : 'right';
-                    }
-                    return createText(Object.assign(Object.assign({}, attribute), { id: label.id }));
-                });
-            },
-            dataFilter: (labels) => {
-                const result = [];
-                totalData.forEach((total) => {
-                    const label = labels.find(labelItem => {
-                        var _a;
-                        return total.index === ((_a = labelItem.data) === null || _a === void 0 ? void 0 : _a[series.getDimensionField()[0]]);
-                    });
-                    if (label) {
-                        label.data = total;
-                        result.push(label);
-                    }
-                });
-                return result;
-            },
-            overlap: {
-                strategy: []
-            }
-        };
-    }
-    function LineLabel(labelInfo) {
-        var _a, _b, _c, _d;
-        const { labelSpec, series } = labelInfo;
-        const seriesData = (_c = (_b = (_a = series.getViewDataStatistics) === null || _a === void 0 ? void 0 : _a.call(series).latestData) === null || _b === void 0 ? void 0 : _b[series.getSeriesField()]) === null || _c === void 0 ? void 0 : _c.values;
-        const data = seriesData ? seriesData.map((d, index) => ({ [series.getSeriesField()]: d, index })) : [];
-        return { position: (_d = labelSpec.position) !== null && _d !== void 0 ? _d : 'end', data };
-    }
-
     class WaterfallSeries extends BarSeries {
         constructor() {
             super(...arguments);
@@ -79883,7 +79630,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             this._stackLabelMark = labelMark;
             labelMark.skipEncode = true;
-            labelMark.setRule(LabelRule.stackLabel);
+            labelMark.setRule('stackLabel');
             labelMark.setDataView(this._totalData.getDataView(), this._totalData.getProductId());
             this.setMarkStyle(labelMark, {
                 text: (datum) => {
@@ -93341,6 +93088,266 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         Factory.registerComponent(Player.type, Player);
     };
 
+    const labelRuleMap = {
+        rect: barLabel,
+        symbol: symbolLabel,
+        arc: pieLabel,
+        point: pointLabel,
+        'line-data': lineDataLabel,
+        stackLabel: stackLabel,
+        line: LineLabel,
+        area: LineLabel,
+        rect3d: barLabel
+    };
+    function textAttribute(labelInfo, datum, formatMethod, formatter) {
+        var _a;
+        const { labelMark, series } = labelInfo;
+        const field = series.getMeasureField()[0];
+        const textAttribute = { text: datum[field], data: datum, textType: (_a = labelInfo.labelSpec.textType) !== null && _a !== void 0 ? _a : 'text' };
+        const attributes = Object.keys(labelMark.stateStyle.normal);
+        for (const key of attributes) {
+            const attr = labelMark.getAttribute(key, datum);
+            textAttribute[key] = attr;
+        }
+        if (formatMethod) {
+            textAttribute.text = formatMethod(textAttribute.text, datum, { series });
+        }
+        if (formatter) {
+            if (series.type === 'pie') {
+                datum._percent_ = (datum[ARC_RATIO] * 100).toFixed(2) + '%';
+            }
+            else if (datum[STACK_FIELD_END_PERCENT]) {
+                datum._percent_ = (datum[STACK_FIELD_END_PERCENT] * 100).toFixed(2) + '%';
+            }
+            textAttribute.text = substitute(formatter, datum);
+        }
+        return textAttribute;
+    }
+    function uniformLabelPosition(position) {
+        if (isFunction$3(position)) {
+            return (datum) => {
+                return position(datum.data);
+            };
+        }
+        return position;
+    }
+    function symbolLabel(labelInfo) {
+        var _a, _b, _c;
+        const { series, labelSpec } = labelInfo;
+        const defaultPosition = series.direction === 'horizontal' ? 'right' : 'top';
+        const position = (_a = uniformLabelPosition(labelSpec.position)) !== null && _a !== void 0 ? _a : defaultPosition;
+        let overlap;
+        if (labelSpec.overlap === false) {
+            overlap = false;
+        }
+        else {
+            overlap = {
+                strategy: (_c = (_b = labelSpec.overlap) === null || _b === void 0 ? void 0 : _b.strategy) !== null && _c !== void 0 ? _c : symbolLabelOverlapStrategy(),
+                avoidBaseMark: position !== 'center'
+            };
+        }
+        return { position, overlap };
+    }
+    function lineDataLabel(labelInfo) {
+        const result = symbolLabel(labelInfo);
+        if (!isBoolean$3(result.overlap)) {
+            result.overlap.avoidBaseMark = false;
+        }
+        return result;
+    }
+    function symbolLabelOverlapStrategy() {
+        const strategy = [
+            {
+                type: 'position',
+                position: ['top', 'bottom', 'right', 'left', 'top-right', 'top-left', 'bottom-left', 'bottom-right']
+            }
+        ];
+        return strategy;
+    }
+    function barLabel(labelInfo) {
+        var _a, _b, _c, _d, _e, _f;
+        const { series, labelSpec = {} } = labelInfo;
+        const originPosition = (_a = uniformLabelPosition(labelSpec.position)) !== null && _a !== void 0 ? _a : 'outside';
+        const direction = (_b = series.direction) !== null && _b !== void 0 ? _b : 'vertical';
+        const isInverse = series.direction === 'horizontal'
+            ? (_c = series.getXAxisHelper()) === null || _c === void 0 ? void 0 : _c.isInverse()
+            : (_d = series.getYAxisHelper()) === null || _d === void 0 ? void 0 : _d.isInverse();
+        let position = originPosition;
+        if (isString$3(originPosition) && position !== 'inside') {
+            position = (data) => {
+                const { data: datum } = data;
+                const dataField = series.getMeasureField()[0];
+                if (originPosition === 'outside') {
+                    const positionMap = { vertical: ['top', 'bottom'], horizontal: ['right', 'left'] };
+                    const index = ((datum === null || datum === void 0 ? void 0 : datum[dataField]) >= 0 && isInverse) || ((datum === null || datum === void 0 ? void 0 : datum[dataField]) < 0 && !isInverse) ? 1 : 0;
+                    return positionMap[direction][index];
+                }
+                if (originPosition === 'inside-bottom') {
+                    return series.direction === 'horizontal' ? 'inside-left' : 'inside-bottom';
+                }
+                if (originPosition === 'inside-top') {
+                    return series.direction === 'horizontal' ? 'inside-right' : 'inside-top';
+                }
+                return originPosition;
+            };
+        }
+        let overlap;
+        if (labelSpec.overlap === false) {
+            overlap = false;
+        }
+        else {
+            overlap = {
+                strategy: (_f = (_e = labelSpec.overlap) === null || _e === void 0 ? void 0 : _e.strategy) !== null && _f !== void 0 ? _f : barLabelOverlapStrategy(series)
+            };
+        }
+        let smartInvert = false;
+        if (isString$3(originPosition) && originPosition.includes('inside')) {
+            smartInvert = true;
+        }
+        return { position, overlap, smartInvert };
+    }
+    function barLabelOverlapStrategy(series) {
+        const strategy = [
+            {
+                type: 'position',
+                position: (data) => {
+                    var _a, _b;
+                    const { data: datum } = data;
+                    const dataField = series.getMeasureField()[0];
+                    const isInverse = series.direction === 'horizontal'
+                        ? (_a = series.getXAxisHelper()) === null || _a === void 0 ? void 0 : _a.isInverse()
+                        : (_b = series.getYAxisHelper()) === null || _b === void 0 ? void 0 : _b.isInverse();
+                    if (isInverse) {
+                        if ((datum === null || datum === void 0 ? void 0 : datum[dataField]) >= 0) {
+                            return series.direction === 'horizontal' ? ['left', 'inside-left'] : ['bottom', 'inside-bottom'];
+                        }
+                        return series.direction === 'horizontal' ? ['right', 'inside-right'] : ['top', 'inside-top'];
+                    }
+                    if ((datum === null || datum === void 0 ? void 0 : datum[dataField]) >= 0) {
+                        return series.direction === 'horizontal' ? ['right', 'inside-right'] : ['top', 'inside-top'];
+                    }
+                    return series.direction === 'horizontal' ? ['left', 'inside-left'] : ['bottom', 'inside-bottom'];
+                }
+            }
+        ];
+        return strategy;
+    }
+    function pointLabel(labelInfo) {
+        const { labelSpec } = labelInfo;
+        let overlap;
+        if (labelSpec.overlap === false) {
+            overlap = false;
+        }
+        else {
+            overlap = {
+                avoidBaseMark: false
+            };
+        }
+        return { position: 'center', overlap };
+    }
+    function pieLabel(labelInfo) {
+        var _a;
+        const { labelSpec } = labelInfo;
+        const labelPosition = (_a = uniformLabelPosition(labelSpec.position)) !== null && _a !== void 0 ? _a : 'outside';
+        const position = labelPosition;
+        let smartInvert;
+        if (labelSpec.smartInvert) {
+            smartInvert = labelSpec.smartInvert;
+        }
+        else {
+            smartInvert = isString$3(labelPosition) && labelPosition.includes('inside');
+        }
+        return { position, smartInvert };
+    }
+    function stackLabel(labelInfo) {
+        const series = labelInfo.series;
+        const labelSpec = labelInfo.labelSpec || {};
+        const totalData = series.getTotalData();
+        return {
+            customLayoutFunc: (labels) => {
+                return labels.map(label => {
+                    const pos = labelSpec.position || 'withChange';
+                    const offset = labelSpec.offset || 0;
+                    const datum = label.data;
+                    const attribute = textAttribute(labelInfo, datum, labelSpec.formatMethod);
+                    const x = (datum) => {
+                        if (series.direction === Direction.vertical) {
+                            return series.totalPositionX(datum, 'index', 0.5);
+                        }
+                        if (pos === 'middle') {
+                            return (series.totalPositionX(datum, 'end') + series.totalPositionY(datum, 'start')) * 0.5;
+                        }
+                        else if (pos === 'max') {
+                            return series.totalPositionX(datum, datum.end >= datum.start ? 'end' : 'start') + offset;
+                        }
+                        else if (pos === 'min') {
+                            return series.totalPositionX(datum, datum.end >= datum.start ? 'start' : 'end') - offset;
+                        }
+                        return series.totalPositionX(datum, 'end') + (datum.end >= datum.start ? offset : -offset);
+                    };
+                    const y = (datum) => {
+                        if (series.direction === Direction.vertical) {
+                            if (pos === 'middle') {
+                                return (series.totalPositionY(datum, 'end') + series.totalPositionY(datum, 'start')) * 0.5;
+                            }
+                            else if (pos === 'max') {
+                                return series.totalPositionY(datum, datum.end >= datum.start ? 'end' : 'start') - offset;
+                            }
+                            else if (pos === 'min') {
+                                return series.totalPositionY(datum, datum.end >= datum.start ? 'start' : 'end') + offset;
+                            }
+                            return series.totalPositionY(datum, 'end') + (datum.end >= datum.start ? -offset : offset);
+                        }
+                        return series.totalPositionY(datum, 'index', 0.5);
+                    };
+                    attribute.x = x(datum);
+                    attribute.y = y(datum);
+                    if (series.direction === Direction.vertical) {
+                        attribute.textBaseline =
+                            pos === 'middle'
+                                ? pos
+                                : (pos === 'withChange' && datum.end - datum.start >= 0) || pos === 'max'
+                                    ? 'bottom'
+                                    : 'top';
+                    }
+                    else {
+                        attribute.textAlign =
+                            pos === 'middle'
+                                ? 'center'
+                                : (pos === 'withChange' && datum.end - datum.start >= 0) || pos === 'max'
+                                    ? 'left'
+                                    : 'right';
+                    }
+                    return createText(Object.assign(Object.assign({}, attribute), { id: label.id }));
+                });
+            },
+            dataFilter: (labels) => {
+                const result = [];
+                totalData.forEach((total) => {
+                    const label = labels.find(labelItem => {
+                        var _a;
+                        return total.index === ((_a = labelItem.data) === null || _a === void 0 ? void 0 : _a[series.getDimensionField()[0]]);
+                    });
+                    if (label) {
+                        label.data = total;
+                        result.push(label);
+                    }
+                });
+                return result;
+            },
+            overlap: {
+                strategy: []
+            }
+        };
+    }
+    function LineLabel(labelInfo) {
+        var _a, _b, _c, _d;
+        const { labelSpec, series } = labelInfo;
+        const seriesData = (_c = (_b = (_a = series.getViewDataStatistics) === null || _a === void 0 ? void 0 : _a.call(series).latestData) === null || _b === void 0 ? void 0 : _b[series.getSeriesField()]) === null || _c === void 0 ? void 0 : _c.values;
+        const data = seriesData ? seriesData.map((d, index) => ({ [series.getSeriesField()]: d, index })) : [];
+        return { position: (_d = labelSpec.position) !== null && _d !== void 0 ? _d : 'end', data };
+    }
+
     class BaseLabelComponent extends BaseComponent {
         constructor(spec, options) {
             super(spec, options);
@@ -93447,6 +93454,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._initLabelComponent();
             this._initTextMarkStyle();
         }
+        reInit(theme) {
+            this._labelInfoMap && this._labelInfoMap.clear();
+            this._initTextMark();
+            this._initTextMarkStyle();
+        }
         initEvent() {
             this.event.on(exports.ChartEvent.dataZoomChange, () => {
                 this._labelComponentMap.forEach((info, component) => {
@@ -93508,7 +93520,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                                     name: `${mark.name}-label-${index}`
                                 }, { noSeparateStyle: true });
                                 labelMark.setTarget(mark);
-                                info.push({ labelMark, baseMark: mark, series: s, labelSpec });
+                                info.push({
+                                    labelMark,
+                                    baseMark: mark,
+                                    series: s,
+                                    labelSpec
+                                });
                             }
                         });
                     }
@@ -93526,11 +93543,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     if (component) {
                         component.setSkipBeforeLayouted(true);
                         this._marks.addMark(component);
-                        this._labelComponentMap.set(component, regionLabelInfo);
+                        this._labelComponentMap.set(component, () => {
+                            return this._labelInfoMap.get(region);
+                        });
                     }
                 }
                 else {
-                    regionLabelInfo.forEach(labelInfo => {
+                    regionLabelInfo.forEach((labelInfo, i) => {
                         const component = this._createMark({ type: MarkTypeEnum.component, name: `${labelInfo.labelMark.name}-component` }, {
                             componentType: 'label',
                             noSeparateStyle: true,
@@ -93539,7 +93558,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         if (component) {
                             component.setSkipBeforeLayouted(true);
                             this._marks.addMark(component);
-                            this._labelComponentMap.set(component, labelInfo);
+                            this._labelComponentMap.set(component, () => {
+                                return this._labelInfoMap.get(region)[i];
+                            });
                             labelInfo.labelMark.setComponent(component);
                         }
                     });
@@ -93563,7 +93584,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         updateLayoutAttribute() {
             super.updateLayoutAttribute();
-            this._labelComponentMap.forEach((labelInfo, labelComponent) => {
+            this._labelComponentMap.forEach((labelInfoCb, labelComponent) => {
+                const labelInfo = labelInfoCb();
                 if (isArray$3(labelInfo)) {
                     this._updateMultiLabelAttribute(labelInfo, labelComponent);
                 }
@@ -93593,10 +93615,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     const rule = labelMark.getRule();
                     const configFunc = (_a = labelRuleMap[rule]) !== null && _a !== void 0 ? _a : labelRuleMap.point;
                     const interactive = this._interactiveConfig(labelSpec);
-                    const passiveLabelSpec = pickWithout(labelSpec, ['position', 'style', 'state']);
+                    const passiveLabelSpec = pickWithout(labelSpec, ['position', 'style', 'state', 'type']);
                     const centerOffset = (_c = (_b = this._spec) === null || _b === void 0 ? void 0 : _b.centerOffset) !== null && _c !== void 0 ? _c : 0;
-                    return mergeSpec({
-                        type: rule,
+                    const spec = mergeSpec({
                         textStyle: Object.assign({ pickable: labelSpec.interactive === true }, labelSpec.style),
                         overlap: {
                             avoidMarks: this._option
@@ -93605,6 +93626,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                                 .map(cmp => cmp.getMarks()[0].getProductId())
                         }
                     }, configFunc(labelInfo), Object.assign(Object.assign(Object.assign({}, passiveLabelSpec), interactive), { centerOffset }));
+                    if (rule === 'line' || rule === 'area') {
+                        spec.type = rule;
+                    }
+                    return spec;
                 }
             })
                 .encode((datum, element, params) => {
@@ -93621,7 +93646,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         compileMarks() {
             this.getMarks().forEach(m => {
                 var _a;
-                const labelInfo = this._labelComponentMap.get(m);
+                const labelInfo = this._labelComponentMap.get(m)();
                 let group;
                 if (isArray$3(labelInfo)) {
                     group = labelInfo[0].series.getRegion().getGroupMark().getProduct();
@@ -95551,6 +95576,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     exports.CircularProgressSeries = CircularProgressSeries;
     exports.CommonChart = CommonChart;
     exports.ComponentMark = ComponentMark;
+    exports.ComposedEventMapper = ComposedEventMapper;
     exports.ContinuousLegend = ContinuousLegend;
     exports.CorrelationChart = CorrelationChart;
     exports.CorrelationSeries = CorrelationSeries;
@@ -95575,8 +95601,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     exports.DEFAULT_RADIAL_GRADIENT_CONFIG = DEFAULT_RADIAL_GRADIENT_CONFIG;
     exports.DEFAULT_SERIES_STYLE_NAME = DEFAULT_SERIES_STYLE_NAME;
     exports.DataZoom = DataZoom;
+    exports.DimensionClickEvent = DimensionClickEvent;
+    exports.DimensionHoverEvent = DimensionHoverEvent;
     exports.DiscreteLegend = DiscreteLegend;
     exports.DotSeries = DotSeries;
+    exports.Event = Event$1;
     exports.Factory = Factory;
     exports.Funnel3dChart = Funnel3dChart;
     exports.Funnel3dSeries = Funnel3dSeries;