@visactor/vrender-components 1.0.26-alpha.0 → 1.0.26-alpha.2

package/dist/index.es.js

@@ -17391,7 +17391,6 @@ var AXIS_ELEMENT_NAME;
     AXIS_ELEMENT_NAME["subTick"] = "axis-sub-tick";
     AXIS_ELEMENT_NAME["label"] = "axis-label";
     AXIS_ELEMENT_NAME["title"] = "axis-title";
-    AXIS_ELEMENT_NAME["labelHoverOnAxis"] = "axis-label-hover-on-axis";
     AXIS_ELEMENT_NAME["gridContainer"] = "axis-grid-container";
     AXIS_ELEMENT_NAME["grid"] = "axis-grid";
     AXIS_ELEMENT_NAME["gridRegion"] = "axis-grid-region";
@@ -17439,25 +17438,6 @@ const DEFAULT_AXIS_THEME = {
             fillOpacity: 1
         }
     },
-    labelHoverOnAxis: {
-        visible: false,
-        space: 4,
-        position: 0,
-        autoRotate: false,
-        textStyle: {
-            fontSize: 12,
-            fill: 'white',
-            fontWeight: 'normal',
-            fillOpacity: 1
-        },
-        background: {
-            visible: true,
-            style: {
-                cornerRadius: 2,
-                fill: 'black'
-            }
-        }
-    },
     tick: {
         visible: true,
         inside: false,
@@ -20293,13 +20273,7 @@ function loadCircleAxisGridComponent() {
 loadLineAxisComponent();
 class LineAxis extends AxisBase {
     constructor(attributes, options) {
-        var _a;
-        if (attributes.labelHoverOnAxis) {
-            attributes.labelHoverOnAxis.textStyle = Object.assign({}, attributes.label.style, attributes.labelHoverOnAxis.textStyle);
-            attributes.labelHoverOnAxis.space = (_a = attributes.labelHoverOnAxis.space) !== null && _a !== void 0 ? _a : attributes.label.space;
-        }
         super((options === null || options === void 0 ? void 0 : options.skipDefault) ? attributes : merge({}, LineAxis.defaultAttributes, attributes), options);
-        this.labelHoverOnAxisGroup = null;
     }
     _renderInner(container) {
         var _a;
@@ -20351,18 +20325,6 @@ class LineAxis extends AxisBase {
             bgRect.states = merge({}, DEFAULT_STATES$1, (_a = panel.state) !== null && _a !== void 0 ? _a : {});
             axisContainer.insertBefore(bgRect, axisContainer.firstChild);
         }
-        const { labelHoverOnAxis } = this.attribute;
-        if (labelHoverOnAxis && labelHoverOnAxis.visible) {
-            this.renderLabelHoverOnAxis();
-        }
-    }
-    renderLabelHoverOnAxis() {
-        const hoverOnLabelAttributes = this.getLabelHoverOnAxisAttribute();
-        const hoverOnLabel = new Tag(Object.assign({}, hoverOnLabelAttributes));
-        hoverOnLabel.name = AXIS_ELEMENT_NAME.title;
-        hoverOnLabel.id = this._getNodeId('hover-on-label');
-        this.labelHoverOnAxisGroup = hoverOnLabel;
-        this.axisContainer.add(hoverOnLabel);
     }
     renderLine(container) {
         const { start, end, line } = this.attribute;
@@ -20557,84 +20519,6 @@ class LineAxis extends AxisBase {
         }
         return attrs;
     }
-    getLabelHoverOnAxisAttribute() {
-        var _a, _b;
-        const { orient } = this.attribute;
-        const _c = this.attribute.labelHoverOnAxis, { position = 0, space = 4, autoRotate = true, textStyle = {}, background = {}, formatMethod, text: textContent = '', maxWidth } = _c, restAttrs = __rest(_c, ["position", "space", "autoRotate", "textStyle", "background", "formatMethod", "text", "maxWidth"]);
-        const point = this.getTickCoord(0);
-        if (orient === 'bottom' || orient === 'top') {
-            point.x = position;
-        }
-        else {
-            point.y = position;
-        }
-        let tickLength = 0;
-        if (((_a = this.attribute.tick) === null || _a === void 0 ? void 0 : _a.visible) && this.attribute.tick.inside === false) {
-            tickLength = this.attribute.tick.length || 4;
-        }
-        if (((_b = this.attribute.subTick) === null || _b === void 0 ? void 0 : _b.visible) && this.attribute.subTick.inside === false) {
-            tickLength = Math.max(tickLength, this.attribute.subTick.length || 2);
-        }
-        const labelLength = 0;
-        const offset = tickLength + labelLength + space;
-        const labelPoint = this.getVerticalCoord(point, offset, false);
-        const vector = this.getVerticalVector(offset, false, { x: 0, y: 0 });
-        let { angle } = restAttrs;
-        let textAlign = 'center';
-        let textBaseline;
-        if (isNil(angle) && autoRotate) {
-            const axisVector = this.getRelativeVector();
-            const v1 = [1, 0];
-            const radian = angleTo(axisVector, v1, true);
-            angle = radian;
-            const { verticalFactor = 1 } = this.attribute;
-            const factor = -1 * verticalFactor;
-            if (factor === 1) {
-                textBaseline = 'bottom';
-            }
-            else {
-                textBaseline = 'top';
-            }
-        }
-        else {
-            textAlign = this.getTextAlign(vector);
-            textBaseline = this.getTextBaseline(vector, false);
-        }
-        let maxTagWidth = maxWidth;
-        if (isNil(maxTagWidth)) {
-            const { verticalLimitSize, verticalMinSize, orient } = this.attribute;
-            const limitSize = Math.min(verticalLimitSize || Infinity, verticalMinSize || Infinity);
-            if (isValidNumber(limitSize)) {
-                const isX = orient === 'bottom' || orient === 'top';
-                if (isX) {
-                    if (angle !== Math.PI / 2) {
-                        const cosValue = Math.abs(Math.cos(angle !== null && angle !== void 0 ? angle : 0));
-                        maxTagWidth = cosValue < 1e-6 ? Infinity : this.attribute.end.x / cosValue;
-                    }
-                    else {
-                        maxTagWidth = limitSize - offset;
-                    }
-                }
-                else {
-                    if (angle && angle !== 0) {
-                        const sinValue = Math.abs(Math.sin(angle));
-                        maxTagWidth = sinValue < 1e-6 ? Infinity : this.attribute.end.y / sinValue;
-                    }
-                    else {
-                        maxTagWidth = limitSize - offset;
-                    }
-                }
-            }
-        }
-        const text = formatMethod ? formatMethod(textContent) : textContent;
-        const attrs = Object.assign(Object.assign(Object.assign({}, labelPoint), restAttrs), { maxWidth: maxTagWidth, textStyle: Object.assign({ textAlign,
-                textBaseline }, textStyle), text });
-        attrs.angle = angle;
-        if (background && background.visible) {
-            attrs.panel = Object.assign(Object.assign({ visible: true }, restAttrs.panel), background.style);
-        }
-        return attrs;
-    }
     getTextBaseline(vector, inside) {
         let base = 'middle';
         const { verticalFactor = 1 } = this.attribute;
@@ -20867,8 +20751,8 @@ class LineAxis extends AxisBase {
         let limitLength = limitSize;
         let titleHeight = 0;
         let titleSpacing = 0;
-        const axisLineWidth = line && line.visible ? (_b = line.style.lineWidth) !== null && _b !== void 0 ? _b : 1 : 0;
-        const tickLength = tick && tick.visible ? (_c = tick.length) !== null && _c !== void 0 ? _c : 4 : 0;
+        const axisLineWidth = line && line.visible ? ((_b = line.style.lineWidth) !== null && _b !== void 0 ? _b : 1) : 0;
+        const tickLength = tick && tick.visible ? ((_c = tick.length) !== null && _c !== void 0 ? _c : 4) : 0;
         if (title && title.visible && typeof title.text === 'string') {
             titleHeight = measureTextSize(title.text, title.textStyle, (_e = (_d = this.stage) === null || _d === void 0 ? void 0 : _d.getTheme()) === null || _e === void 0 ? void 0 : _e.text).height;
             const padding = normalizePadding(title.padding);
@@ -20879,41 +20763,6 @@ class LineAxis extends AxisBase {
         }
         return limitLength;
     }
-    showLabelHoverOnAxis(position, text) {
-        if (this.attribute.labelHoverOnAxis) {
-            if (this.labelHoverOnAxisGroup) {
-                const { formatMethod } = this.attribute.labelHoverOnAxis;
-                const textStr = formatMethod ? formatMethod(text) : text;
-                this.labelHoverOnAxisGroup.setAttribute('text', textStr);
-                this.labelHoverOnAxisGroup.setAttribute('visible', true);
-                this.labelHoverOnAxisGroup.setAttribute('visibleAll', true);
-                if (this.attribute.orient === 'left' || this.attribute.orient === 'right') {
-                    this.labelHoverOnAxisGroup.setAttributes({
-                        y: position
-                    });
-                }
-                else {
-                    this.labelHoverOnAxisGroup.setAttributes({
-                        x: position
-                    });
-                }
-            }
-            else {
-                this.attribute.labelHoverOnAxis.visible = true;
-                this.attribute.labelHoverOnAxis.position = position;
-                this.attribute.labelHoverOnAxis.text = text;
-                this.renderLabelHoverOnAxis();
-            }
-        }
-    }
-    hideLabelHoverOnAxis() {
-        if (this.attribute.labelHoverOnAxis && this.labelHoverOnAxisGroup) {
-            this.labelHoverOnAxisGroup.setAttributes({
-                visible: false,
-                visibleAll: false
-            });
-        }
-    }
     release() {
         super.release();
         this._breaks = null;
@@ -22869,12 +22718,25 @@ class LabelBase extends AnimateComponent {
         else {
             labels = this._layout(labels);
         }
+        const filteredLabels = [];
+        const overlapLabels = labels;
+        if (!isBoolean(overlap) && isFunction(overlap.filterBeforeOverlap)) {
+            const getRelatedGraphic = this.getRelatedGraphic.bind(this);
+            labels.forEach(label => {
+                if (overlap.filterBeforeOverlap(label, getRelatedGraphic, this)) {
+                    overlapLabels.push(label);
+                }
+                else {
+                    filteredLabels.push(label);
+                }
+            });
+        }
         if (isFunction(customOverlapFunc)) {
-            labels = customOverlapFunc(labels, this.getRelatedGraphic.bind(this), this._isCollectionBase ? (d) => this._idToPoint.get(d.id) : null, this);
+            labels = customOverlapFunc(overlapLabels, this.getRelatedGraphic.bind(this), this._isCollectionBase ? (d) => this._idToPoint.get(d.id) : null, this).concat(filteredLabels);
         }
         else {
             if (overlap !== false) {
-                labels = this._overlapping(labels);
+                labels = this._overlapping(overlapLabels).concat(filteredLabels);
             }
         }
         if (isFunction(this.attribute.onAfterOverlapping)) {
@@ -25211,7 +25073,7 @@ class DataZoomRenderer {
         const { position, width, height } = this._getLayoutAttrFromConfig();
         const group = this._getContainer();
         this._background = group.createOrUpdateChild('background', Object.assign(Object.assign({ x: position.x, y: position.y, width,
-            height, cursor: brushSelect ? 'crosshair' : 'auto' }, backgroundStyle), { pickable: zoomLock ? false : ((_a = backgroundStyle.pickable) !== null && _a !== void 0 ? _a : true) }), 'rect');
+            height, cursor: brushSelect ? 'crosshair' : 'auto' }, backgroundStyle), { pickable: zoomLock ? false : (_a = backgroundStyle.pickable) !== null && _a !== void 0 ? _a : true }), 'rect');
     }
     _renderHandler() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2;
@@ -25224,11 +25086,11 @@ class DataZoomRenderer {
         if (this._isHorizontal) {
             if (middleHandlerStyle.visible) {
                 const middleHandlerBackgroundSize = ((_c = middleHandlerStyle.background) === null || _c === void 0 ? void 0 : _c.size) || 10;
-                this._middleHandlerRect = group.createOrUpdateChild('middleHandlerRect', Object.assign(Object.assign({ x: position.x + start * width, y: position.y - middleHandlerBackgroundSize, width: (end - start) * width, height: middleHandlerBackgroundSize }, (_d = middleHandlerStyle.background) === null || _d === void 0 ? void 0 : _d.style), { pickable: zoomLock ? false : ((_g = (_f = (_e = middleHandlerStyle.background) === null || _e === void 0 ? void 0 : _e.style) === null || _f === void 0 ? void 0 : _f.pickable) !== null && _g !== void 0 ? _g : true) }), 'rect');
-                this._middleHandlerSymbol = group.createOrUpdateChild('middleHandlerSymbol', Object.assign(Object.assign({ x: position.x + ((start + end) / 2) * width, y: position.y - middleHandlerBackgroundSize / 2, strokeBoundsBuffer: 0, angle: 0, symbolType: (_j = (_h = middleHandlerStyle.icon) === null || _h === void 0 ? void 0 : _h.symbolType) !== null && _j !== void 0 ? _j : 'square' }, middleHandlerStyle.icon), { pickable: zoomLock ? false : ((_k = middleHandlerStyle.icon.pickable) !== null && _k !== void 0 ? _k : true) }), 'symbol');
+                this._middleHandlerRect = group.createOrUpdateChild('middleHandlerRect', Object.assign(Object.assign({ x: position.x + start * width, y: position.y - middleHandlerBackgroundSize, width: (end - start) * width, height: middleHandlerBackgroundSize }, (_d = middleHandlerStyle.background) === null || _d === void 0 ? void 0 : _d.style), { pickable: zoomLock ? false : (_g = (_f = (_e = middleHandlerStyle.background) === null || _e === void 0 ? void 0 : _e.style) === null || _f === void 0 ? void 0 : _f.pickable) !== null && _g !== void 0 ? _g : true }), 'rect');
+                this._middleHandlerSymbol = group.createOrUpdateChild('middleHandlerSymbol', Object.assign(Object.assign({ x: position.x + ((start + end) / 2) * width, y: position.y - middleHandlerBackgroundSize / 2, strokeBoundsBuffer: 0, angle: 0, symbolType: (_j = (_h = middleHandlerStyle.icon) === null || _h === void 0 ? void 0 : _h.symbolType) !== null && _j !== void 0 ? _j : 'square' }, middleHandlerStyle.icon), { pickable: zoomLock ? false : (_k = middleHandlerStyle.icon.pickable) !== null && _k !== void 0 ? _k : true }), 'symbol');
             }
-            this._startHandler = group.createOrUpdateChild('startHandler', Object.assign(Object.assign(Object.assign({ x: position.x + start * width, y: position.y + height / 2, size: height, symbolType: (_l = startHandlerStyle.symbolType) !== null && _l !== void 0 ? _l : 'square' }, DEFAULT_HANDLER_ATTR_MAP.horizontal), startHandlerStyle), { pickable: zoomLock ? false : ((_m = startHandlerStyle.pickable) !== null && _m !== void 0 ? _m : true) }), 'symbol');
-            this._endHandler = group.createOrUpdateChild('endHandler', Object.assign(Object.assign(Object.assign({ x: position.x + end * width, y: position.y + height / 2, size: height, symbolType: (_o = endHandlerStyle.symbolType) !== null && _o !== void 0 ? _o : 'square' }, DEFAULT_HANDLER_ATTR_MAP.horizontal), endHandlerStyle), { pickable: zoomLock ? false : ((_p = endHandlerStyle.pickable) !== null && _p !== void 0 ? _p : true) }), 'symbol');
+            this._startHandler = group.createOrUpdateChild('startHandler', Object.assign(Object.assign(Object.assign({ x: position.x + start * width, y: position.y + height / 2, size: height, symbolType: (_l = startHandlerStyle.symbolType) !== null && _l !== void 0 ? _l : 'square' }, DEFAULT_HANDLER_ATTR_MAP.horizontal), startHandlerStyle), { pickable: zoomLock ? false : (_m = startHandlerStyle.pickable) !== null && _m !== void 0 ? _m : true }), 'symbol');
+            this._endHandler = group.createOrUpdateChild('endHandler', Object.assign(Object.assign(Object.assign({ x: position.x + end * width, y: position.y + height / 2, size: height, symbolType: (_o = endHandlerStyle.symbolType) !== null && _o !== void 0 ? _o : 'square' }, DEFAULT_HANDLER_ATTR_MAP.horizontal), endHandlerStyle), { pickable: zoomLock ? false : (_p = endHandlerStyle.pickable) !== null && _p !== void 0 ? _p : true }), 'symbol');
             const startHandlerWidth = Math.max(this._startHandler.AABBBounds.width(), startHandlerMinSize);
             const startHandlerHeight = Math.max(this._startHandler.AABBBounds.height(), startHandlerMinSize);
             const endHandlerWidth = Math.max(this._endHandler.AABBBounds.width(), endHandlerMinSize);
@@ -25239,13 +25101,13 @@ class DataZoomRenderer {
         else {
             if (middleHandlerStyle.visible) {
                 const middleHandlerBackgroundSize = ((_q = middleHandlerStyle.background) === null || _q === void 0 ? void 0 : _q.size) || 10;
-                this._middleHandlerRect = group.createOrUpdateChild('middleHandlerRect', Object.assign(Object.assign({ x: orient === 'left' ? position.x - middleHandlerBackgroundSize : position.x + width, y: position.y + start * height, width: middleHandlerBackgroundSize, height: (end - start) * height }, (_r = middleHandlerStyle.background) === null || _r === void 0 ? void 0 : _r.style), { pickable: zoomLock ? false : ((_u = (_t = (_s = middleHandlerStyle.background) === null || _s === void 0 ? void 0 : _s.style) === null || _t === void 0 ? void 0 : _t.pickable) !== null && _u !== void 0 ? _u : true) }), 'rect');
+                this._middleHandlerRect = group.createOrUpdateChild('middleHandlerRect', Object.assign(Object.assign({ x: orient === 'left' ? position.x - middleHandlerBackgroundSize : position.x + width, y: position.y + start * height, width: middleHandlerBackgroundSize, height: (end - start) * height }, (_r = middleHandlerStyle.background) === null || _r === void 0 ? void 0 : _r.style), { pickable: zoomLock ? false : (_u = (_t = (_s = middleHandlerStyle.background) === null || _s === void 0 ? void 0 : _s.style) === null || _t === void 0 ? void 0 : _t.pickable) !== null && _u !== void 0 ? _u : true }), 'rect');
                 this._middleHandlerSymbol = group.createOrUpdateChild('middleHandlerSymbol', Object.assign(Object.assign({ x: orient === 'left'
                         ? position.x - middleHandlerBackgroundSize / 2
-                        : position.x + width + middleHandlerBackgroundSize / 2, y: position.y + ((start + end) / 2) * height, angle: 90 * (Math.PI / 180), symbolType: (_w = (_v = middleHandlerStyle.icon) === null || _v === void 0 ? void 0 : _v.symbolType) !== null && _w !== void 0 ? _w : 'square', strokeBoundsBuffer: 0 }, middleHandlerStyle.icon), { pickable: zoomLock ? false : ((_y = (_x = middleHandlerStyle.icon) === null || _x === void 0 ? void 0 : _x.pickable) !== null && _y !== void 0 ? _y : true) }), 'symbol');
+                        : position.x + width + middleHandlerBackgroundSize / 2, y: position.y + ((start + end) / 2) * height, angle: 90 * (Math.PI / 180), symbolType: (_w = (_v = middleHandlerStyle.icon) === null || _v === void 0 ? void 0 : _v.symbolType) !== null && _w !== void 0 ? _w : 'square', strokeBoundsBuffer: 0 }, middleHandlerStyle.icon), { pickable: zoomLock ? false : (_y = (_x = middleHandlerStyle.icon) === null || _x === void 0 ? void 0 : _x.pickable) !== null && _y !== void 0 ? _y : true }), 'symbol');
             }
-            this._startHandler = group.createOrUpdateChild('startHandler', Object.assign(Object.assign(Object.assign({ x: position.x + width / 2, y: position.y + start * height, size: width, symbolType: (_z = startHandlerStyle.symbolType) !== null && _z !== void 0 ? _z : 'square' }, DEFAULT_HANDLER_ATTR_MAP.vertical), startHandlerStyle), { pickable: zoomLock ? false : ((_0 = startHandlerStyle.pickable) !== null && _0 !== void 0 ? _0 : true) }), 'symbol');
-            this._endHandler = group.createOrUpdateChild('endHandler', Object.assign(Object.assign(Object.assign({ x: position.x + width / 2, y: position.y + end * height, size: width, symbolType: (_1 = endHandlerStyle.symbolType) !== null && _1 !== void 0 ? _1 : 'square' }, DEFAULT_HANDLER_ATTR_MAP.vertical), endHandlerStyle), { pickable: zoomLock ? false : ((_2 = endHandlerStyle.pickable) !== null && _2 !== void 0 ? _2 : true) }), 'symbol');
+            this._startHandler = group.createOrUpdateChild('startHandler', Object.assign(Object.assign(Object.assign({ x: position.x + width / 2, y: position.y + start * height, size: width, symbolType: (_z = startHandlerStyle.symbolType) !== null && _z !== void 0 ? _z : 'square' }, DEFAULT_HANDLER_ATTR_MAP.vertical), startHandlerStyle), { pickable: zoomLock ? false : (_0 = startHandlerStyle.pickable) !== null && _0 !== void 0 ? _0 : true }), 'symbol');
+            this._endHandler = group.createOrUpdateChild('endHandler', Object.assign(Object.assign(Object.assign({ x: position.x + width / 2, y: position.y + end * height, size: width, symbolType: (_1 = endHandlerStyle.symbolType) !== null && _1 !== void 0 ? _1 : 'square' }, DEFAULT_HANDLER_ATTR_MAP.vertical), endHandlerStyle), { pickable: zoomLock ? false : (_2 = endHandlerStyle.pickable) !== null && _2 !== void 0 ? _2 : true }), 'symbol');
             const startHandlerWidth = Math.max(this._startHandler.AABBBounds.width(), startHandlerMinSize);
             const startHandlerHeight = Math.max(this._startHandler.AABBBounds.height(), startHandlerMinSize);
             const endHandlerWidth = Math.max(this._endHandler.AABBBounds.width(), endHandlerMinSize);
@@ -25261,10 +25123,10 @@ class DataZoomRenderer {
         const { position, width, height } = this._getLayoutAttrFromConfig();
         const group = this._getContainer();
         if (this._isHorizontal) {
-            this._selectedBackground = group.createOrUpdateChild('selectedBackground', Object.assign(Object.assign({ x: position.x + start * width, y: position.y, width: (end - start) * width, height: height, cursor: brushSelect ? 'crosshair' : 'move' }, selectedBackgroundStyle), { pickable: zoomLock ? false : ((_a = selectedBackgroundChartStyle.pickable) !== null && _a !== void 0 ? _a : true) }), 'rect');
+            this._selectedBackground = group.createOrUpdateChild('selectedBackground', Object.assign(Object.assign({ x: position.x + start * width, y: position.y, width: (end - start) * width, height: height, cursor: brushSelect ? 'crosshair' : 'move' }, selectedBackgroundStyle), { pickable: zoomLock ? false : (_a = selectedBackgroundChartStyle.pickable) !== null && _a !== void 0 ? _a : true }), 'rect');
         }
         else {
-            this._selectedBackground = group.createOrUpdateChild('selectedBackground', Object.assign(Object.assign({ x: position.x, y: position.y + start * height, width, height: (end - start) * height, cursor: brushSelect ? 'crosshair' : 'move' }, selectedBackgroundStyle), { pickable: zoomLock ? false : ((_b = selectedBackgroundStyle.pickable) !== null && _b !== void 0 ? _b : true) }), 'rect');
+            this._selectedBackground = group.createOrUpdateChild('selectedBackground', Object.assign(Object.assign({ x: position.x, y: position.y + start * height, width, height: (end - start) * height, cursor: brushSelect ? 'crosshair' : 'move' }, selectedBackgroundStyle), { pickable: zoomLock ? false : (_b = selectedBackgroundStyle.pickable) !== null && _b !== void 0 ? _b : true }), 'rect');
         }
     }
     _setPreviewAttributes(type, group) {
@@ -25320,7 +25182,7 @@ class DataZoomRenderer {
             this._selectedPreviewArea.setAttributes(Object.assign({ points: this._getPreviewAreaPoints(), curveType: 'basis', pickable: false }, selectedBackgroundChartStyle.area));
     }
     _computeBasePoints() {
-        const { orient } = this.attribute;
+        const { orient, isReverse = false } = this.attribute;
         const { position, width, height } = this._getLayoutAttrFromConfig();
         let basePointStart;
         let basePointEnd;
@@ -25366,6 +25228,12 @@ class DataZoomRenderer {
                 }
             ];
         }
+        if (isReverse) {
+            return {
+                basePointStart: basePointEnd,
+                basePointEnd: basePointStart
+            };
+        }
         return {
             basePointStart,
             basePointEnd
@@ -25939,9 +25807,10 @@ class DataZoom extends AbstractComponent {
         }
     }
     setAttributes(params, forceUpdateTag) {
+        var _a, _b;
         const { start, end } = this.attribute;
-        start && (this._state.start = start);
-        end && (this._state.end = end);
+        start && (this._state.start = (_a = params.start) !== null && _a !== void 0 ? _a : start);
+        end && (this._state.end = (_b = params.end) !== null && _b !== void 0 ? _b : end);
         this._renderer.setAttributes(this._getRendererAttrs());
         this._interaction.setAttributes(this._getInteractionAttrs());
         super.setAttributes(params, forceUpdateTag);
@@ -34721,6 +34590,6 @@ TableSeriesNumber.defaultAttributes = {
     select: true
 };
 
-const version = "1.0.26-alpha.0";
+const version = "1.0.26-alpha.2";
 
 export { AXIS_ELEMENT_NAME, AbstractComponent, ArcInfo, ArcLabel, ArcSegment, AxisStateValue, BasePlayer, Brush, CheckBox, CircleAxis, CircleAxisGrid, CircleCrosshair, ColorContinuousLegend, ContinuousPlayer, DEFAULT_ITEM_SPACE_COL, DEFAULT_ITEM_SPACE_ROW, DEFAULT_LABEL_SPACE, DEFAULT_PAGER_SPACE, DEFAULT_SHAPE_SIZE, DEFAULT_SHAPE_SPACE, DEFAULT_STATES$1 as DEFAULT_STATES, DEFAULT_TITLE_SPACE, DEFAULT_VALUE_SPACE, DataLabel, DataZoom, DataZoomActiveTag, DirectionEnum, DiscreteLegend, DiscretePlayer, EmptyTip, GroupTransition, IDataZoomEvent, IDataZoomInteractiveEvent, IMarkAreaLabelPosition, IMarkCommonArcLabelPosition, IMarkLineLabelPosition, IMarkPointItemPosition, IOperateType, Indicator, LEGEND_ELEMENT_NAME, LabelBase, LegendEvent, LegendStateValue, LineAxis, LineAxisGrid, LineCrosshair, LineLabel, LinkPath, MarkArcArea, MarkArcLine, MarkArea, MarkLine, MarkPoint, Pager, PlayerEventEnum, PolygonCrosshair, PolygonSectorCrosshair, PopTip, Radio, RectCrosshair, RectLabel, SLIDER_ELEMENT_NAME, ScrollBar, SectorCrosshair, Segment, SeriesNumberCellStateValue, SeriesNumberEvent, SizeContinuousLegend, Slider, StoryLabelItem, Switch, SymbolLabel, TableSeriesNumber, Tag, Timeline, Title, Tooltip, TopZIndex, VTag, WeatherBox, alignTextInLine, angle, angleLabelOrientAttribute, angleTo, cartesianTicks, clampRadian, computeOffsetForlimit, continuousTicks, contrastAccessibilityChecker, convertDomainToTickData, createTextGraphicByType, deltaXYToAngle, fuzzyEqualNumber, getAxisBreakSymbolAttrs, getCircleLabelPosition, getCirclePoints, getCircleVerticalVector, getElMap, getHorizontalPath, getMarksByName, getNoneGroupMarksByName, getPolarAngleLabelPosition, getPolygonPath, getSizeHandlerPath, getTextAlignAttrOfVerticalDir, getTextType, getVerticalCoord, getVerticalPath, hasOverlap, htmlAttributeTransform, initTextMeasure, isInRange, isPostiveXAxis, isRichText, isVisible, labelSmartInvert, length, limitShapeInBounds, linearDiscreteTicks, loadPoptip, loadScrollbar, measureTextSize, normalize, polarAngleAxisDiscreteTicks, polarTicks, reactAttributeTransform, registerArcDataLabel, registerLineDataLabel, registerMarkArcAreaAnimate, registerMarkArcLineAnimate, registerMarkAreaAnimate, registerMarkLineAnimate, registerMarkPointAnimate, registerRectDataLabel, registerSymbolDataLabel, removeRepeatPoint, richTextAttributeTransform, scale, scrollbarModule, setPoptipTheme, smartInvertStrategy, tan2AngleToAngle, textIntersect, ticks, traverseGroup, version };

package/es/axis/circle.d.ts

@@ -30,25 +30,6 @@ export declare class CircleAxis extends AxisBase<CircleAxisAttributes> {
                 fillOpacity: number;
             };
         };
-        labelHoverOnAxis: {
-            visible: boolean;
-            space: number;
-            position: number;
-            autoRotate: boolean;
-            textStyle: {
-                fontSize: number;
-                fill: string;
-                fontWeight: string;
-                fillOpacity: number;
-            };
-            background: {
-                visible: boolean;
-                style: {
-                    cornerRadius: number;
-                    fill: string;
-                };
-            };
-        };
         tick: {
             visible: boolean;
             inside: boolean;

package/es/axis/config.d.ts

@@ -21,25 +21,6 @@ export declare const DEFAULT_AXIS_THEME: {
             fillOpacity: number;
         };
     };
-    labelHoverOnAxis: {
-        visible: boolean;
-        space: number;
-        position: number;
-        autoRotate: boolean;
-        textStyle: {
-            fontSize: number;
-            fill: string;
-            fontWeight: string;
-            fillOpacity: number;
-        };
-        background: {
-            visible: boolean;
-            style: {
-                cornerRadius: number;
-                fill: string;
-            };
-        };
-    };
     tick: {
         visible: boolean;
         inside: boolean;

package/es/axis/config.js

@@ -21,25 +21,6 @@ export const DEFAULT_AXIS_THEME = {
             fillOpacity: 1
         }
     },
-    labelHoverOnAxis: {
-        visible: !1,
-        space: 4,
-        position: 0,
-        autoRotate: !1,
-        textStyle: {
-            fontSize: 12,
-            fill: "white",
-            fontWeight: "normal",
-            fillOpacity: 1
-        },
-        background: {
-            visible: !0,
-            style: {
-                cornerRadius: 2,
-                fill: "black"
-            }
-        }
-    },
     tick: {
         visible: !0,
         inside: !1,

package/es/axis/config.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/axis/config.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,KAAK,EAAE;QACL,KAAK,EAAE,CAAC;QACR,OAAO,EAAE,CAAC;QACV,SAAS,EAAE;YACT,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,SAAS;YACf,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,CAAC;SACf;KACF;IACD,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,CAAC;QACR,OAAO,EAAE,CAAC;QACV,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,MAAM;YACZ,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,CAAC;SACf;KACF;IACD,gBAAgB,EAAE;QAChB,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,CAAC;QACX,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE;YACT,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,OAAO;YACb,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,CAAC;SACf;QACD,UAAU,EAAE;YACV,OAAO,EAAE,IAAI;YACb,KAAK,EAAE;gBACL,YAAY,EAAE,CAAC;gBACf,IAAI,EAAE,OAAO;aACd;SACF;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,KAAK;QACb,cAAc,EAAE,IAAI;QACpB,MAAM,EAAE,CAAC;QACT,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,CAAC;SACjB;KACF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,CAAC;SACjB;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,CAAC;SACjB;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,+BAA+B,GAAG;IAC7C,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,MAAM;IACd,SAAS,EAAE,CAAC;IACZ,MAAM,EAAE,CAAC;CACV,CAAC","file":"config.js","sourcesContent":["export const DEFAULT_AXIS_THEME = {\n  title: {\n    space: 4,\n    padding: 0,\n    textStyle: {\n      fontSize: 12,\n      fill: '#333333',\n      fontWeight: 'normal',\n      fillOpacity: 1\n    }\n  },\n  label: {\n    visible: true,\n    inside: false,\n    space: 4,\n    padding: 0,\n    style: {\n      fontSize: 12,\n      fill: '#333',\n      fontWeight: 'normal',\n      fillOpacity: 1\n    }\n  },\n  labelHoverOnAxis: {\n    visible: false,\n    space: 4,\n    position: 0,\n    autoRotate: false,\n    textStyle: {\n      fontSize: 12,\n      fill: 'white',\n      fontWeight: 'normal',\n      fillOpacity: 1\n    },\n    background: {\n      visible: true,\n      style: {\n        cornerRadius: 2,\n        fill: 'black'\n      }\n    }\n  },\n  tick: {\n    visible: true,\n    inside: false,\n    alignWithLabel: true,\n    length: 4,\n    style: {\n      lineWidth: 1,\n      stroke: '#000',\n      strokeOpacity: 1\n    }\n  },\n  subTick: {\n    visible: false,\n    inside: false,\n    count: 4,\n    length: 2,\n    style: {\n      lineWidth: 1,\n      stroke: '#999',\n      strokeOpacity: 1\n    }\n  },\n  line: {\n    visible: true,\n    style: {\n      lineWidth: 1,\n      stroke: '#000',\n      strokeOpacity: 1\n    }\n  }\n};\n\nexport const DEFAULT_AXIS_BREAK_SYMBOL_STYLE = {\n  size: 8,\n  stroke: '#000',\n  lineWidth: 1,\n  zIndex: 1\n};\n"]}
+{"version":3,"sources":["../src/axis/config.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,KAAK,EAAE;QACL,KAAK,EAAE,CAAC;QACR,OAAO,EAAE,CAAC;QACV,SAAS,EAAE;YACT,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,SAAS;YACf,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,CAAC;SACf;KACF;IACD,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,CAAC;QACR,OAAO,EAAE,CAAC;QACV,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,MAAM;YACZ,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,CAAC;SACf;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,KAAK;QACb,cAAc,EAAE,IAAI;QACpB,MAAM,EAAE,CAAC;QACT,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,CAAC;SACjB;KACF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,CAAC;SACjB;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,CAAC;SACjB;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,+BAA+B,GAAG;IAC7C,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,MAAM;IACd,SAAS,EAAE,CAAC;IACZ,MAAM,EAAE,CAAC;CACV,CAAC","file":"config.js","sourcesContent":["export const DEFAULT_AXIS_THEME = {\n  title: {\n    space: 4,\n    padding: 0,\n    textStyle: {\n      fontSize: 12,\n      fill: '#333333',\n      fontWeight: 'normal',\n      fillOpacity: 1\n    }\n  },\n  label: {\n    visible: true,\n    inside: false,\n    space: 4,\n    padding: 0,\n    style: {\n      fontSize: 12,\n      fill: '#333',\n      fontWeight: 'normal',\n      fillOpacity: 1\n    }\n  },\n  tick: {\n    visible: true,\n    inside: false,\n    alignWithLabel: true,\n    length: 4,\n    style: {\n      lineWidth: 1,\n      stroke: '#000',\n      strokeOpacity: 1\n    }\n  },\n  subTick: {\n    visible: false,\n    inside: false,\n    count: 4,\n    length: 2,\n    style: {\n      lineWidth: 1,\n      stroke: '#999',\n      strokeOpacity: 1\n    }\n  },\n  line: {\n    visible: true,\n    style: {\n      lineWidth: 1,\n      stroke: '#000',\n      strokeOpacity: 1\n    }\n  }\n};\n\nexport const DEFAULT_AXIS_BREAK_SYMBOL_STYLE = {\n  size: 8,\n  stroke: '#000',\n  lineWidth: 1,\n  zIndex: 1\n};\n"]}

package/es/axis/constant.d.ts

@@ -7,7 +7,6 @@ export declare enum AXIS_ELEMENT_NAME {
     subTick = "axis-sub-tick",
     label = "axis-label",
     title = "axis-title",
-    labelHoverOnAxis = "axis-label-hover-on-axis",
     gridContainer = "axis-grid-container",
     grid = "axis-grid",
     gridRegion = "axis-grid-region",

package/es/axis/constant.js

@@ -5,11 +5,10 @@ export var AXIS_ELEMENT_NAME;
     AXIS_ELEMENT_NAME.labelContainer = "axis-label-container", AXIS_ELEMENT_NAME.tickContainer = "axis-tick-container", 
     AXIS_ELEMENT_NAME.tick = "axis-tick", AXIS_ELEMENT_NAME.subTick = "axis-sub-tick", 
     AXIS_ELEMENT_NAME.label = "axis-label", AXIS_ELEMENT_NAME.title = "axis-title", 
-    AXIS_ELEMENT_NAME.labelHoverOnAxis = "axis-label-hover-on-axis", AXIS_ELEMENT_NAME.gridContainer = "axis-grid-container", 
-    AXIS_ELEMENT_NAME.grid = "axis-grid", AXIS_ELEMENT_NAME.gridRegion = "axis-grid-region", 
-    AXIS_ELEMENT_NAME.line = "axis-line", AXIS_ELEMENT_NAME.background = "axis-background", 
-    AXIS_ELEMENT_NAME.axisLabelBackground = "axis-label-background", AXIS_ELEMENT_NAME.axisBreak = "axis-break", 
-    AXIS_ELEMENT_NAME.axisBreakSymbol = "axis-break-symbol";
+    AXIS_ELEMENT_NAME.gridContainer = "axis-grid-container", AXIS_ELEMENT_NAME.grid = "axis-grid", 
+    AXIS_ELEMENT_NAME.gridRegion = "axis-grid-region", AXIS_ELEMENT_NAME.line = "axis-line", 
+    AXIS_ELEMENT_NAME.background = "axis-background", AXIS_ELEMENT_NAME.axisLabelBackground = "axis-label-background", 
+    AXIS_ELEMENT_NAME.axisBreak = "axis-break", AXIS_ELEMENT_NAME.axisBreakSymbol = "axis-break-symbol";
 }(AXIS_ELEMENT_NAME || (AXIS_ELEMENT_NAME = {}));
 
 export var AxisStateValue;

package/es/axis/constant.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/axis/constant.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,iBAkBX;AAlBD,WAAY,iBAAiB;IAC3B,6CAAwB,CAAA;IACxB,qDAAgC,CAAA;IAChC,4DAAuC,CAAA;IACvC,0DAAqC,CAAA;IACrC,uCAAkB,CAAA;IAClB,8CAAyB,CAAA;IACzB,yCAAoB,CAAA;IACpB,yCAAoB,CAAA;IACpB,kEAA6C,CAAA;IAC7C,0DAAqC,CAAA;IACrC,uCAAkB,CAAA;IAClB,oDAA+B,CAAA;IAC/B,uCAAkB,CAAA;IAClB,mDAA8B,CAAA;IAC9B,kEAA6C,CAAA;IAC7C,6CAAwB,CAAA;IACxB,0DAAqC,CAAA;AACvC,CAAC,EAlBW,iBAAiB,KAAjB,iBAAiB,QAkB5B;AAED,MAAM,CAAN,IAAY,cAKX;AALD,WAAY,cAAc;IACxB,uCAAqB,CAAA;IACrB,sDAAoC,CAAA;IACpC,iCAAe,CAAA;IACf,gDAA8B,CAAA;AAChC,CAAC,EALW,cAAc,KAAd,cAAc,QAKzB;AAED,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,EAAE;IACpC,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,EAAE;IAC7B,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,EAAE;IAC1B,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,EAAE;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAC","file":"constant.js","sourcesContent":["export enum AXIS_ELEMENT_NAME {\n  innerView = 'inner-view',\n  axisContainer = 'axis-container',\n  labelContainer = 'axis-label-container',\n  tickContainer = 'axis-tick-container',\n  tick = 'axis-tick',\n  subTick = 'axis-sub-tick',\n  label = 'axis-label',\n  title = 'axis-title',\n  labelHoverOnAxis = 'axis-label-hover-on-axis',\n  gridContainer = 'axis-grid-container',\n  grid = 'axis-grid',\n  gridRegion = 'axis-grid-region',\n  line = 'axis-line',\n  background = 'axis-background',\n  axisLabelBackground = 'axis-label-background',\n  axisBreak = 'axis-break',\n  axisBreakSymbol = 'axis-break-symbol'\n}\n\nexport enum AxisStateValue {\n  selected = 'selected',\n  selectedReverse = 'selected_reverse',\n  hover = 'hover',\n  hoverReverse = 'hover_reverse'\n}\n\nexport const DEFAULT_STATES = {\n  [AxisStateValue.selectedReverse]: {},\n  [AxisStateValue.selected]: {},\n  [AxisStateValue.hover]: {},\n  [AxisStateValue.hoverReverse]: {}\n};\n\nexport const TopZIndex = 999;\n"]}
+{"version":3,"sources":["../src/axis/constant.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,iBAiBX;AAjBD,WAAY,iBAAiB;IAC3B,6CAAwB,CAAA;IACxB,qDAAgC,CAAA;IAChC,4DAAuC,CAAA;IACvC,0DAAqC,CAAA;IACrC,uCAAkB,CAAA;IAClB,8CAAyB,CAAA;IACzB,yCAAoB,CAAA;IACpB,yCAAoB,CAAA;IACpB,0DAAqC,CAAA;IACrC,uCAAkB,CAAA;IAClB,oDAA+B,CAAA;IAC/B,uCAAkB,CAAA;IAClB,mDAA8B,CAAA;IAC9B,kEAA6C,CAAA;IAC7C,6CAAwB,CAAA;IACxB,0DAAqC,CAAA;AACvC,CAAC,EAjBW,iBAAiB,KAAjB,iBAAiB,QAiB5B;AAED,MAAM,CAAN,IAAY,cAKX;AALD,WAAY,cAAc;IACxB,uCAAqB,CAAA;IACrB,sDAAoC,CAAA;IACpC,iCAAe,CAAA;IACf,gDAA8B,CAAA;AAChC,CAAC,EALW,cAAc,KAAd,cAAc,QAKzB;AAED,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,EAAE;IACpC,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,EAAE;IAC7B,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,EAAE;IAC1B,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,EAAE;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAC","file":"constant.js","sourcesContent":["export enum AXIS_ELEMENT_NAME {\n  innerView = 'inner-view',\n  axisContainer = 'axis-container',\n  labelContainer = 'axis-label-container',\n  tickContainer = 'axis-tick-container',\n  tick = 'axis-tick',\n  subTick = 'axis-sub-tick',\n  label = 'axis-label',\n  title = 'axis-title',\n  gridContainer = 'axis-grid-container',\n  grid = 'axis-grid',\n  gridRegion = 'axis-grid-region',\n  line = 'axis-line',\n  background = 'axis-background',\n  axisLabelBackground = 'axis-label-background',\n  axisBreak = 'axis-break',\n  axisBreakSymbol = 'axis-break-symbol'\n}\n\nexport enum AxisStateValue {\n  selected = 'selected',\n  selectedReverse = 'selected_reverse',\n  hover = 'hover',\n  hoverReverse = 'hover_reverse'\n}\n\nexport const DEFAULT_STATES = {\n  [AxisStateValue.selectedReverse]: {},\n  [AxisStateValue.selected]: {},\n  [AxisStateValue.hover]: {},\n  [AxisStateValue.hoverReverse]: {}\n};\n\nexport const TopZIndex = 999;\n"]}

package/es/axis/line.d.ts

@@ -1,5 +1,5 @@
 import type { TextAlignType, IGroup, IText, TextBaselineType } from '@visactor/vrender-core';
-import { type TagAttributes } from '../tag';
+import type { TagAttributes } from '../tag';
 import type { LineAxisAttributes, AxisItem } from './type';
 import { AxisBase } from './base';
 import { LineAxisMixin } from './mixin/line';
@@ -30,25 +30,6 @@ export declare class LineAxis extends AxisBase<LineAxisAttributes> {
                 fillOpacity: number;
             };
         };
-        labelHoverOnAxis: {
-            visible: boolean;
-            space: number;
-            position: number;
-            autoRotate: boolean;
-            textStyle: {
-                fontSize: number;
-                fill: string;
-                fontWeight: string;
-                fillOpacity: number;
-            };
-            background: {
-                visible: boolean;
-                style: {
-                    cornerRadius: number;
-                    fill: string;
-                };
-            };
-        };
         tick: {
             visible: boolean;
             inside: boolean;
@@ -80,15 +61,12 @@ export declare class LineAxis extends AxisBase<LineAxisAttributes> {
             };
         };
     };
-    private _breaks;
-    private labelHoverOnAxisGroup;
     constructor(attributes: LineAxisAttributes, options?: ComponentOptions);
+    private _breaks;
     protected _renderInner(container: IGroup): void;
-    protected renderLabelHoverOnAxis(): void;
     protected renderLine(container: IGroup): void;
     protected getTextAlign(vector: number[]): TextAlignType;
     protected getTitleAttribute(): TagAttributes;
-    protected getLabelHoverOnAxisAttribute(): TagAttributes;
     protected getTextBaseline(vector: number[], inside?: boolean): TextBaselineType;
     protected getLabelAlign(vector: [number, number], inside?: boolean, angle?: number): {
         textAlign: TextAlignType;
@@ -98,7 +76,5 @@ export declare class LineAxis extends AxisBase<LineAxisAttributes> {
     protected handleLabelsOverlap(labelShapes: IText[], labelData: AxisItem[], labelContainer: IGroup, layer: number, layerCount: number): void;
     protected afterLabelsOverlap(labelShapes: IText[], labelData: AxisItem[], labelContainer: IGroup, layer: number, layerCount: number): void;
     private _getAxisLabelLimitLength;
-    showLabelHoverOnAxis(position: number, text: string): void;
-    hideLabelHoverOnAxis(): void;
     release(): void;
 }

package/es/axis/line.js

@@ -16,8 +16,6 @@ import { Segment } from "../segment";
 
 import { angleTo } from "../util/matrix";
 
-import { Tag } from "../tag";
-
 import { AxisBase } from "./base";
 
 import { DEFAULT_AXIS_THEME } from "./config";
@@ -46,11 +44,7 @@ loadLineAxisComponent();
 
 export class LineAxis extends AxisBase {
     constructor(attributes, options) {
-        var _a;
-        attributes.labelHoverOnAxis && (attributes.labelHoverOnAxis.textStyle = Object.assign({}, attributes.label.style, attributes.labelHoverOnAxis.textStyle), 
-        attributes.labelHoverOnAxis.space = null !== (_a = attributes.labelHoverOnAxis.space) && void 0 !== _a ? _a : attributes.label.space), 
-        super((null == options ? void 0 : options.skipDefault) ? attributes : merge({}, LineAxis.defaultAttributes, attributes), options), 
-        this.labelHoverOnAxisGroup = null;
+        super((null == options ? void 0 : options.skipDefault) ? attributes : merge({}, LineAxis.defaultAttributes, attributes), options);
     }
     _renderInner(container) {
         var _a;
@@ -101,13 +95,6 @@ export class LineAxis extends AxisBase {
             bgRect.states = merge({}, DEFAULT_STATES, null !== (_a = panel.state) && void 0 !== _a ? _a : {}), 
             axisContainer.insertBefore(bgRect, axisContainer.firstChild);
         }
-        const {labelHoverOnAxis: labelHoverOnAxis} = this.attribute;
-        labelHoverOnAxis && labelHoverOnAxis.visible && this.renderLabelHoverOnAxis();
-    }
-    renderLabelHoverOnAxis() {
-        const hoverOnLabelAttributes = this.getLabelHoverOnAxisAttribute(), hoverOnLabel = new Tag(Object.assign({}, hoverOnLabelAttributes));
-        hoverOnLabel.name = AXIS_ELEMENT_NAME.title, hoverOnLabel.id = this._getNodeId("hover-on-label"), 
-        this.labelHoverOnAxisGroup = hoverOnLabel, this.axisContainer.add(hoverOnLabel);
     }
     renderLine(container) {
         const {start: start, end: end, line: line} = this.attribute, _a = line, {startSymbol: startSymbol, endSymbol: endSymbol, style: style, state: state} = _a, restLineAttrs = __rest(_a, [ "startSymbol", "endSymbol", "style", "state" ]), lineAttrs = Object.assign({
@@ -202,49 +189,6 @@ export class LineAxis extends AxisBase {
             visible: !0
         }, background.style)), attrs;
     }
-    getLabelHoverOnAxisAttribute() {
-        var _a, _b;
-        const {orient: orient} = this.attribute, _c = this.attribute.labelHoverOnAxis, {position: position = 0, space: space = 4, autoRotate: autoRotate = !0, textStyle: textStyle = {}, background: background = {}, formatMethod: formatMethod, text: textContent = "", maxWidth: maxWidth} = _c, restAttrs = __rest(_c, [ "position", "space", "autoRotate", "textStyle", "background", "formatMethod", "text", "maxWidth" ]), point = this.getTickCoord(0);
-        "bottom" === orient || "top" === orient ? point.x = position : point.y = position;
-        let tickLength = 0;
-        (null === (_a = this.attribute.tick) || void 0 === _a ? void 0 : _a.visible) && !1 === this.attribute.tick.inside && (tickLength = this.attribute.tick.length || 4), 
-        (null === (_b = this.attribute.subTick) || void 0 === _b ? void 0 : _b.visible) && !1 === this.attribute.subTick.inside && (tickLength = Math.max(tickLength, this.attribute.subTick.length || 2));
-        const offset = tickLength + 0 + space, labelPoint = this.getVerticalCoord(point, offset, !1), vector = this.getVerticalVector(offset, !1, {
-            x: 0,
-            y: 0
-        });
-        let textBaseline, {angle: angle} = restAttrs, textAlign = "center";
-        if (isNil(angle) && autoRotate) {
-            const axisVector = this.getRelativeVector();
-            angle = angleTo(axisVector, [ 1, 0 ], !0);
-            const {verticalFactor: verticalFactor = 1} = this.attribute;
-            textBaseline = 1 === -1 * verticalFactor ? "bottom" : "top";
-        } else textAlign = this.getTextAlign(vector), textBaseline = this.getTextBaseline(vector, !1);
-        let maxTagWidth = maxWidth;
-        if (isNil(maxTagWidth)) {
-            const {verticalLimitSize: verticalLimitSize, verticalMinSize: verticalMinSize, orient: orient} = this.attribute, limitSize = Math.min(verticalLimitSize || 1 / 0, verticalMinSize || 1 / 0);
-            if (isValidNumber(limitSize)) {
-                if ("bottom" === orient || "top" === orient) if (angle !== Math.PI / 2) {
-                    const cosValue = Math.abs(Math.cos(null != angle ? angle : 0));
-                    maxTagWidth = cosValue < 1e-6 ? 1 / 0 : this.attribute.end.x / cosValue;
-                } else maxTagWidth = limitSize - offset; else if (angle && 0 !== angle) {
-                    const sinValue = Math.abs(Math.sin(angle));
-                    maxTagWidth = sinValue < 1e-6 ? 1 / 0 : this.attribute.end.y / sinValue;
-                } else maxTagWidth = limitSize - offset;
-            }
-        }
-        const text = formatMethod ? formatMethod(textContent) : textContent, attrs = Object.assign(Object.assign(Object.assign({}, labelPoint), restAttrs), {
-            maxWidth: maxTagWidth,
-            textStyle: Object.assign({
-                textAlign: textAlign,
-                textBaseline: textBaseline
-            }, textStyle),
-            text: text
-        });
-        return attrs.angle = angle, background && background.visible && (attrs.panel = Object.assign(Object.assign({
-            visible: !0
-        }, restAttrs.panel), background.style)), attrs;
-    }
     getTextBaseline(vector, inside) {
         let base = "middle";
         const {verticalFactor: verticalFactor = 1} = this.attribute, factor = (inside ? 1 : -1) * verticalFactor;
@@ -383,24 +327,6 @@ export class LineAxis extends AxisBase {
         return limitLength && (limitLength = (limitLength - labelSpace - titleSpacing - titleHeight - axisLineWidth - tickLength) / layerCount), 
         limitLength;
     }
-    showLabelHoverOnAxis(position, text) {
-        if (this.attribute.labelHoverOnAxis) if (this.labelHoverOnAxisGroup) {
-            const {formatMethod: formatMethod} = this.attribute.labelHoverOnAxis, textStr = formatMethod ? formatMethod(text) : text;
-            this.labelHoverOnAxisGroup.setAttribute("text", textStr), this.labelHoverOnAxisGroup.setAttribute("visible", !0), 
-            this.labelHoverOnAxisGroup.setAttribute("visibleAll", !0), "left" === this.attribute.orient || "right" === this.attribute.orient ? this.labelHoverOnAxisGroup.setAttributes({
-                y: position
-            }) : this.labelHoverOnAxisGroup.setAttributes({
-                x: position
-            });
-        } else this.attribute.labelHoverOnAxis.visible = !0, this.attribute.labelHoverOnAxis.position = position, 
-        this.attribute.labelHoverOnAxis.text = text, this.renderLabelHoverOnAxis();
-    }
-    hideLabelHoverOnAxis() {
-        this.attribute.labelHoverOnAxis && this.labelHoverOnAxisGroup && this.labelHoverOnAxisGroup.setAttributes({
-            visible: !1,
-            visibleAll: !1
-        });
-    }
     release() {
         super.release(), this._breaks = null;
     }