@visactor/vchart 1.4.2-beta.1 → 1.4.3

package/cjs/component/tooltip/handler/utils/attribute.js

@@ -2,10 +2,61 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.measureTooltipText = exports.getTooltipAttributes = void 0;
+}), exports.getTooltipAttributes = exports.getPanelAttributes = exports.getTextAttributes = void 0;
 
-const vutils_1 = require("@visactor/vutils"), util_1 = require("../../../../util"), vrender_1 = require("@visactor/vrender"), style_1 = require("./style"), getTooltipAttributes = (actualTooltip, style) => {
-    const {spaceRow: commonSpaceRow, padding: padding, title: titleStyle, shape: shapeStyle, key: keyStyle, value: valueStyle} = style, attribute = Object.assign(Object.assign({}, style), {
+const vutils_1 = require("@visactor/vutils"), util_1 = require("../../../../util"), constants_1 = require("../../../../theme/builtin/common/constants"), common_1 = require("./common"), DEFAULT_TEXT_ATTRIBUTES = {
+    fontFamily: constants_1.THEME_CONSTANTS.defaultFontFamily,
+    spacing: 10,
+    wordBreak: "break-word"
+};
+
+function getTextAttributes(style = {}, globalTheme, defaultAttributes) {
+    var _a, _b;
+    return Object.assign(Object.assign({}, null != defaultAttributes ? defaultAttributes : DEFAULT_TEXT_ATTRIBUTES), {
+        fill: null !== (_a = style.fill) && void 0 !== _a ? _a : style.fontColor,
+        textAlign: style.textAlign,
+        textBaseline: style.textBaseline,
+        fontFamily: null !== (_b = style.fontFamily) && void 0 !== _b ? _b : null == globalTheme ? void 0 : globalTheme.fontFamily,
+        fontSize: style.fontSize,
+        fontWeight: style.fontWeight,
+        lineHeight: style.lineHeight,
+        spacing: style.spacing,
+        multiLine: style.multiLine,
+        maxWidth: style.maxWidth,
+        wordBreak: style.wordBreak,
+        autoWidth: style.autoWidth
+    });
+}
+
+exports.getTextAttributes = getTextAttributes;
+
+const getPanelAttributes = style => {
+    var _a;
+    const {backgroundColor: backgroundColor, border: border, shadow: shadow} = style, panelAttrs = {
+        lineWidth: null !== (_a = null == border ? void 0 : border.width) && void 0 !== _a ? _a : 0,
+        shadow: !!shadow
+    };
+    (null == border ? void 0 : border.color) && (panelAttrs.stroke = border.color), 
+    backgroundColor && (panelAttrs.fill = backgroundColor), shadow && (panelAttrs.shadowColor = shadow.color, 
+    panelAttrs.shadowBlur = shadow.blur, panelAttrs.shadowOffsetX = shadow.x, panelAttrs.shadowOffsetY = shadow.y, 
+    panelAttrs.shadowSpread = shadow.spread);
+    const {radius: radius} = null != border ? border : {};
+    return (0, vutils_1.isValid)(radius) && (panelAttrs.cornerRadius = [ radius, radius, radius, radius ]), 
+    panelAttrs;
+};
+
+exports.getPanelAttributes = getPanelAttributes;
+
+const getTooltipAttributes = (actualTooltip, spec, globalTheme) => {
+    var _a, _b, _c, _d, _e;
+    const {style: style = {}, enterable: enterable, transitionDuration: transitionDuration} = spec, {panel: panel = {}, titleLabel: titleLabel, shape: shape, keyLabel: keyLabel, valueLabel: valueLabel, spaceRow: commonSpaceRow} = style, padding = (0, 
+    vutils_1.normalizePadding)(panel.padding), paddingSpec = (0, util_1.normalizeLayoutPaddingSpec)(panel.padding), titleStyle = getTextAttributes(titleLabel, globalTheme), keyStyle = getTextAttributes(keyLabel, globalTheme), valueStyle = getTextAttributes(valueLabel, globalTheme), shapeStyle = {
+        fill: !0,
+        size: null !== (_a = null == shape ? void 0 : shape.size) && void 0 !== _a ? _a : 8,
+        spacing: null !== (_b = null == shape ? void 0 : shape.spacing) && void 0 !== _b ? _b : 6
+    }, attributes = {
+        panel: (0, exports.getPanelAttributes)(panel),
+        padding: padding,
         title: {},
         content: [],
         titleStyle: {
@@ -20,133 +71,92 @@ const vutils_1 = require("@visactor/vutils"), util_1 = require("../../../../util
         },
         hasContentShape: !1,
         keyWidth: 0,
-        valueWidth: 0
-    });
-    [ "key", "value", "shape" ].forEach((key => {
-        delete attribute[key];
-    }));
-    const {title: title = {}, content: content = []} = actualTooltip;
-    let maxWidth = 0, containerHeight = padding.top + padding.bottom, titleMaxHeight = 0;
-    const {visible: titleVisible = !0, value: titleValue = "", valueStyle: titleValueStyle, hasShape: titleHasShape, shapeType: titleShapeType = "", shapeHollow: titleShapeHollow, shapeColor: titleShapeColor, spaceRow: titleSpaceRow} = title;
-    if (attribute.title.visible = titleVisible, attribute.title.spaceRow = null != titleSpaceRow ? titleSpaceRow : commonSpaceRow, 
-    titleVisible) {
-        const lineTitleStyle = (0, util_1.mergeSpec)({}, titleStyle, (0, style_1.getTextAttributes)(titleValueStyle, void 0, {})), {text: text, width: width, height: height} = (0, 
-        exports.measureTooltipText)(titleValue, lineTitleStyle);
-        if (attribute.title.value = Object.assign(Object.assign({
-            width: width,
-            height: height
-        }, lineTitleStyle), {
-            text: text
-        }), maxWidth = width, titleMaxHeight = height, titleHasShape && vrender_1.builtinSymbolsMap[titleShapeType]) {
-            const titleShapeAttrs = {
-                symbolType: titleShapeType
+        valueWidth: 0,
+        enterable: enterable,
+        transitionDuration: transitionDuration
+    }, {title: title = {}, content: content = []} = actualTooltip;
+    let containerWidth = paddingSpec.left + paddingSpec.right, containerHeight = paddingSpec.top + paddingSpec.bottom, contentMaxWidth = 0;
+    const filteredContent = content.filter((item => (item.key || item.value) && !1 !== item.visible)), hasContent = !!filteredContent.length;
+    let maxKeyWidth = 0, maxAdaptiveKeyWidth = 0, maxValueWidth = 0, maxShapeWidth = 0;
+    if (hasContent) {
+        const keyWidths = [], adaptiveKeyWidths = [], valueWidths = [], shapeWidths = [];
+        attributes.content = filteredContent.map(((item, i) => {
+            let itemHeight = 0;
+            const {hasShape: actualHasShape, key: actualKey, shapeType: actualShapeType = "", shapeFill: actualShapeFill, shapeStroke: actualShapeStroke, shapeLineWidth: actualShapeLineWidth, shapeSize: actualShapeSize, value: actualValue, isKeyAdaptive: actualIsKeyAdaptive, spaceRow: actualSpaceRow, keyStyle: actualKeyStyle, valueStyle: actualValueStyle, shapeColor: actualShapeColor, shapeHollow: actualShapeHollow} = item, itemAttrs = {
+                height: 0,
+                spaceRow: null != actualSpaceRow ? actualSpaceRow : commonSpaceRow
             };
-            titleShapeHollow ? titleShapeAttrs.stroke = titleShapeColor : titleShapeAttrs.fill = titleShapeColor, 
-            attribute.title.shape = titleShapeAttrs, maxWidth += shapeStyle.size + shapeStyle.spacing, 
-            titleMaxHeight = Math.max(shapeStyle.size, titleMaxHeight);
-        }
-        attribute.title.width = maxWidth, attribute.title.height = titleMaxHeight, containerHeight += titleMaxHeight;
-    }
-    if (content.length) {
-        const filteredContent = content.filter((item => (item.key || item.value) && !1 !== item.visible));
-        if (filteredContent.length) {
-            titleVisible && (containerHeight += attribute.title.spaceRow);
-            const keyWidths = [], adaptiveKeyWidths = [], valueWidths = [], shapeWidths = [];
-            attribute.content = filteredContent.map(((item, i) => {
-                let itemHeight = 0;
-                const {hasShape: hasShape, key: key, shapeColor: shapeColor, shapeHollow: shapeHollow, shapeType: shapeType = "", shapeFill: shapeFill, shapeStroke: shapeStroke, shapeLineWidth: shapeLineWidth, shapeSize: shapeSize, value: value, isKeyAdaptive: isKeyAdaptive, spaceRow: lineSpaceRow} = item, itemAttrs = {
-                    height: 0,
-                    spaceRow: null != lineSpaceRow ? lineSpaceRow : commonSpaceRow
-                };
-                if ((0, vutils_1.isValid)(key)) {
-                    const lineKeyStyle = (0, util_1.mergeSpec)({}, keyStyle, (0, style_1.getTextAttributes)(item.keyStyle, void 0, {})), {width: width, height: height, text: text} = (0, 
-                    exports.measureTooltipText)(key, lineKeyStyle);
-                    itemAttrs.key = Object.assign(Object.assign({
-                        width: width,
-                        height: height
-                    }, lineKeyStyle), {
-                        text: text
-                    }), isKeyAdaptive ? adaptiveKeyWidths.push(width) : keyWidths.push(width), itemHeight = Math.max(itemHeight, height);
-                }
-                if ((0, vutils_1.isValid)(value)) {
-                    const lineValueStyle = (0, util_1.mergeSpec)({}, valueStyle, (0, style_1.getTextAttributes)(item.valueStyle, void 0, {})), {width: width, height: height, text: text} = (0, 
-                    exports.measureTooltipText)(value, lineValueStyle);
-                    itemAttrs.value = Object.assign(Object.assign({
-                        width: width,
-                        height: height
-                    }, lineValueStyle), {
-                        text: text
-                    }), valueWidths.push(width), itemHeight = Math.max(itemHeight, height);
-                }
-                if (hasShape) {
-                    const shape = {
-                        visible: !0,
-                        symbolType: shapeType
-                    }, adaptiveShapeFill = null != shapeFill ? shapeFill : shapeColor;
-                    shapeHollow ? shape.stroke = adaptiveShapeFill : shape.fill = adaptiveShapeFill, 
-                    shape.stroke = null != shapeStroke ? shapeStroke : adaptiveShapeFill, shape.lineWidth = shapeLineWidth, 
-                    itemAttrs.shape = shape;
-                    const shapeWidth = null != shapeSize ? shapeSize : shapeStyle.size;
-                    itemHeight = Math.max(shapeWidth, itemHeight), shapeWidths.push(shapeWidth);
-                } else itemAttrs.shape = {
-                    visible: !1
-                };
-                return itemAttrs.height = itemHeight, containerHeight += itemHeight, i < filteredContent.length - 1 && (containerHeight += itemAttrs.spaceRow), 
-                itemAttrs;
-            }));
-            const maxKeyWidth = keyWidths.length ? Math.max(...keyWidths) : 0, maxAdaptiveKeyWidth = adaptiveKeyWidths.length ? Math.max(...adaptiveKeyWidths) : 0, maxValueWidth = valueWidths.length ? Math.max(...valueWidths) : 0, shapeWidth = shapeWidths.length ? Math.max(...shapeWidths) + shapeStyle.spacing : 0;
-            maxWidth = Math.max(maxKeyWidth + maxValueWidth + keyStyle.spacing + valueStyle.spacing + shapeWidth, maxAdaptiveKeyWidth + shapeWidth, maxWidth), 
-            attribute.hasContentShape = !!shapeWidths.length, attribute.keyWidth = maxKeyWidth, 
-            attribute.valueWidth = maxValueWidth;
-        }
+            if ((0, vutils_1.isValid)(actualKey)) {
+                const itemKeyStyle = (0, util_1.mergeSpec)({}, keyStyle, getTextAttributes(actualKeyStyle, void 0, {})), {width: width, height: height, text: text} = (0, 
+                common_1.measureTooltipText)(actualKey, itemKeyStyle);
+                itemAttrs.key = Object.assign(Object.assign({
+                    width: width,
+                    height: height
+                }, itemKeyStyle), {
+                    text: text
+                }), actualIsKeyAdaptive ? adaptiveKeyWidths.push(width) : keyWidths.push(width), 
+                itemHeight = Math.max(itemHeight, height);
+            }
+            if ((0, vutils_1.isValid)(actualValue)) {
+                const itemValueStyle = (0, util_1.mergeSpec)({}, valueStyle, getTextAttributes(actualValueStyle, void 0, {})), {width: width, height: height, text: text} = (0, 
+                common_1.measureTooltipText)(actualValue, itemValueStyle);
+                itemAttrs.value = Object.assign(Object.assign({
+                    width: width,
+                    height: height
+                }, itemValueStyle), {
+                    text: text
+                }), valueWidths.push(width), itemHeight = Math.max(itemHeight, height);
+            }
+            if (actualHasShape) {
+                const shape = {
+                    visible: !0,
+                    symbolType: actualShapeType
+                }, adaptiveShapeFill = null != actualShapeFill ? actualShapeFill : actualShapeColor;
+                actualShapeHollow ? shape.stroke = adaptiveShapeFill : shape.fill = adaptiveShapeFill, 
+                shape.stroke = null != actualShapeStroke ? actualShapeStroke : adaptiveShapeFill, 
+                shape.lineWidth = actualShapeLineWidth, itemAttrs.shape = shape;
+                const shapeWidth = null != actualShapeSize ? actualShapeSize : shapeStyle.size;
+                itemHeight = Math.max(shapeWidth, itemHeight), shapeWidths.push(shapeWidth);
+            } else itemAttrs.shape = {
+                visible: !1
+            };
+            return itemAttrs.height = itemHeight, containerHeight += itemHeight, i < filteredContent.length - 1 && (containerHeight += itemAttrs.spaceRow), 
+            itemAttrs;
+        })), maxKeyWidth = keyWidths.length ? Math.max(...keyWidths) : 0, maxAdaptiveKeyWidth = adaptiveKeyWidths.length ? Math.max(...adaptiveKeyWidths) : 0, 
+        maxValueWidth = valueWidths.length ? Math.max(...valueWidths) : 0, maxShapeWidth = shapeWidths.length ? Math.max(...shapeWidths) + shapeStyle.spacing : 0, 
+        contentMaxWidth = Math.max(maxShapeWidth + maxKeyWidth + keyStyle.spacing + maxValueWidth + valueStyle.spacing, maxShapeWidth + maxAdaptiveKeyWidth, contentMaxWidth), 
+        attributes.hasContentShape = !!shapeWidths.length, attributes.keyWidth = maxKeyWidth, 
+        attributes.valueWidth = maxValueWidth;
     }
-    const containerSize = {
-        width: maxWidth + padding.left + padding.right,
-        height: containerHeight
-    };
-    return attribute.panel.width = containerSize.width, attribute.panel.height = containerSize.height, 
-    attribute;
-};
-
-exports.getTooltipAttributes = getTooltipAttributes;
-
-const measureTooltipText = (text, style) => {
-    var _a;
-    text = (null != text ? text : "").toString();
-    const measure = (0, util_1.initTextMeasure)(style);
-    if (!style.multiLine) {
-        const {width: width, height: height} = measure.fullMeasure(text);
-        return {
-            width: width,
-            height: height,
+    let titleMaxWidth = 0, titleMaxHeight = 0;
+    const {visible: actualTitleVisible = !0, value: actualTitleValue = "", valueStyle: actualTitleValueStyle, spaceRow: actualTitleSpaceRow} = title;
+    attributes.title.visible = actualTitleVisible, attributes.title.spaceRow = null != actualTitleSpaceRow ? actualTitleSpaceRow : commonSpaceRow;
+    let titleValueStyle = {};
+    const isAutoWidthMode = () => titleValueStyle.autoWidth && !1 !== titleValueStyle.multiLine;
+    if (actualTitleVisible) {
+        titleValueStyle = (0, util_1.mergeSpec)({}, titleStyle, getTextAttributes(actualTitleValueStyle, void 0, {})), 
+        isAutoWidthMode() && (titleValueStyle.multiLine = null === (_c = titleValueStyle.multiLine) || void 0 === _c || _c, 
+        titleValueStyle.maxWidth = null !== (_d = titleValueStyle.maxWidth) && void 0 !== _d ? _d : hasContent ? Math.ceil(contentMaxWidth) : void 0);
+        const {text: text, width: width, height: height} = (0, common_1.measureTooltipText)(actualTitleValue, titleValueStyle);
+        attributes.title.value = Object.assign(Object.assign({
+            width: isAutoWidthMode() ? Math.min(width, null !== (_e = titleValueStyle.maxWidth) && void 0 !== _e ? _e : Number.MAX_VALUE) : width,
+            height: height
+        }, titleValueStyle), {
             text: text
-        };
+        }), titleMaxWidth = attributes.title.value.width, titleMaxHeight = attributes.title.value.height, 
+        containerHeight += titleMaxHeight + (hasContent ? attributes.title.spaceRow : 0);
     }
-    let textLines = text.split("\n");
-    textLines = textLines.map(((line, i) => i < textLines.length - 1 ? line + "\n" : line));
-    const {width: width, height: height} = measure.fullMeasure(textLines);
-    if (style.maxWidth && style.maxWidth <= width) {
-        const bound = (0, vrender_1.getRichTextBounds)({
-            wordBreak: null !== (_a = style.wordBreak) && void 0 !== _a ? _a : "break-word",
-            maxWidth: style.maxWidth,
-            width: 0,
-            height: 0,
-            textConfig: textLines.map(((line, i) => Object.assign(Object.assign({}, style), {
-                text: line
-            })))
-        });
-        return {
-            width: bound.width(),
-            height: bound.height(),
-            text: textLines
-        };
-    }
-    return {
-        width: width,
-        height: height,
-        text: textLines
-    };
+    return attributes.title.width = titleMaxWidth, attributes.title.height = titleMaxHeight, 
+    isAutoWidthMode() ? containerWidth += contentMaxWidth || titleMaxWidth : containerWidth += Math.max(titleMaxWidth, contentMaxWidth), 
+    hasContent && attributes.content.forEach((item => {
+        var _a;
+        const value = item.value;
+        value && (null === (_a = value.autoWidth) || void 0 === _a || _a) && (value.width = containerWidth - paddingSpec.left - paddingSpec.right - maxShapeWidth - maxKeyWidth - keyStyle.spacing - valueStyle.spacing, 
+        value.multiLine = !0, value.maxWidth || (value.maxWidth = Math.ceil(value.width)), 
+        attributes.valueWidth = Math.max(attributes.valueWidth, value.width));
+    })), attributes.panel.width = containerWidth, attributes.panel.height = containerHeight, 
+    attributes;
 };
 
-exports.measureTooltipText = measureTooltipText;
+exports.getTooltipAttributes = getTooltipAttributes;
 //# sourceMappingURL=attribute.js.map

package/cjs/component/tooltip/handler/utils/attribute.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/tooltip/handler/utils/attribute.ts"],"names":[],"mappings":";;;AAQA,6CAA2C;AAC3C,2CAA8D;AAG9D,+CAAyE;AACzE,mCAA4C;AAErC,MAAM,oBAAoB,GAAG,CAClC,aAA6B,EAC7B,KAA6B,EACV,EAAE;IACrB,MAAM,EACJ,QAAQ,EAAE,cAAc,EACxB,OAAO,EACP,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,UAAU,EACjB,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,UAAU,EAClB,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,mCACV,KAAK,KAER,KAAK,EAAE,EAAE,EACT,OAAO,EAAE,EAAE,EAEX,UAAU,EAAE;YACV,KAAK,EAAE,UAAU;YACjB,QAAQ,EAAE,cAAc;SACzB,EACD,YAAY,EAAE;YACZ,KAAK,EAAE,UAAU;YACjB,GAAG,EAAE,QAAQ;YACb,KAAK,EAAE,UAAU;YACjB,QAAQ,EAAE,cAAc;SACzB,EAED,eAAe,EAAE,KAAK,EACtB,QAAQ,EAAE,CAAC,EACX,UAAU,EAAE,CAAC,GACd,CAAC;IACD,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAA6B,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QACnE,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC;IACxB,CAAC,CAAC,CAAC;IAEH,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,aAAa,CAAC;IAEnD,IAAI,QAAQ,GAAG,CAAC,CAAC;IACjB,IAAI,eAAe,GAAG,OAAO,CAAC,GAAG,GAAG,OAAO,CAAC,MAAM,CAAC;IAGnD,IAAI,cAAc,GAAG,CAAC,CAAC;IACvB,MAAM,EACJ,OAAO,EAAE,YAAY,GAAG,IAAI,EAC5B,KAAK,EAAE,UAAU,GAAG,EAAE,EACtB,UAAU,EAAE,eAAe,EAC3B,QAAQ,EAAE,aAAa,EACvB,SAAS,EAAE,cAAc,GAAG,EAAE,EAC9B,WAAW,EAAE,gBAAgB,EAC7B,UAAU,EAAE,eAAe,EAC3B,QAAQ,EAAE,aAAa,EACxB,GAAG,KAAK,CAAC;IACV,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,YAAY,CAAC;IACvC,SAAS,CAAC,KAAK,CAAC,QAAQ,GAAG,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,cAAc,CAAC;IAC3D,IAAI,YAAY,EAAE;QAChB,MAAM,cAAc,GAAG,IAAA,gBAAS,EAAC,EAAE,EAAE,UAAU,EAAE,IAAA,yBAAiB,EAAC,eAAe,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC;QACpG,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAA,0BAAkB,EAAC,UAAU,EAAE,cAAc,CAAC,CAAC;QAC/E,SAAS,CAAC,KAAK,CAAC,KAAK,iCACnB,KAAK;YACL,MAAM,IACH,cAAc,KACjB,IAAI,GACL,CAAC;QACF,QAAQ,GAAG,KAAK,CAAC;QACjB,cAAc,GAAG,MAAM,CAAC;QAExB,IAAI,aAAa,IAAI,2BAAiB,CAAC,cAAc,CAAC,EAAE;YACtD,MAAM,eAAe,GAAuB;gBAC1C,UAAU,EAAE,cAAc;aAC3B,CAAC;YACF,IAAI,gBAAgB,EAAE;gBACpB,eAAe,CAAC,MAAM,GAAG,eAAe,CAAC;aAC1C;iBAAM;gBACL,eAAe,CAAC,IAAI,GAAG,eAAe,CAAC;aACxC;YACD,SAAS,CAAC,KAAK,CAAC,KAAK,GAAG,eAAe,CAAC;YACxC,QAAQ,IAAI,UAAU,CAAC,IAAI,GAAG,UAAU,CAAC,OAAO,CAAC;YACjD,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC;SAC5D;QAED,SAAS,CAAC,KAAK,CAAC,KAAK,GAAG,QAAQ,CAAC;QACjC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC;QAExC,eAAe,IAAI,cAAc,CAAC;KACnC;IAGD,IAAI,OAAO,CAAC,MAAM,EAAE;QAElB,MAAM,eAAe,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;YAC5C,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,CAAC;QAC5D,CAAC,CAAC,CAAC;QACH,IAAI,eAAe,CAAC,MAAM,EAAE;YAC1B,IAAI,YAAY,EAAE;gBAChB,eAAe,IAAI,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC;aAC7C;YAED,MAAM,SAAS,GAAa,EAAE,CAAC;YAC/B,MAAM,iBAAiB,GAAa,EAAE,CAAC;YACvC,MAAM,WAAW,GAAa,EAAE,CAAC;YACjC,MAAM,WAAW,GAAa,EAAE,CAAC;YAEjC,SAAS,CAAC,OAAO,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;gBAClD,IAAI,UAAU,GAAG,CAAC,CAAC;gBACnB,MAAM,EACJ,QAAQ,EACR,GAAG,EACH,UAAU,EACV,WAAW,EACX,SAAS,GAAG,EAAE,EACd,SAAS,EACT,WAAW,EACX,cAAc,EACd,SAAS,EACT,KAAK,EACL,aAAa,EACb,QAAQ,EAAE,YAAY,EACvB,GAAG,IAAI,CAAC;gBACT,MAAM,SAAS,GAAoB,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,cAAc,EAAE,CAAC;gBAC3F,IAAI,IAAA,gBAAO,EAAC,GAAG,CAAC,EAAE;oBAChB,MAAM,YAAY,GAAG,IAAA,gBAAS,EAAC,EAAE,EAAE,QAAQ,EAAE,IAAA,yBAAiB,EAAC,IAAI,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC;oBAC9F,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,0BAAkB,EAAC,GAAG,EAAE,YAAY,CAAC,CAAC;oBACtE,SAAS,CAAC,GAAG,iCACX,KAAK;wBACL,MAAM,IACH,YAAY,KACf,IAAI,GACL,CAAC;oBACF,IAAI,CAAC,aAAa,EAAE;wBAClB,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;qBACvB;yBAAM;wBACL,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;qBAC/B;oBACD,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;iBAC3C;gBACD,IAAI,IAAA,gBAAO,EAAC,KAAK,CAAC,EAAE;oBAClB,MAAM,cAAc,GAAG,IAAA,gBAAS,EAAC,EAAE,EAAE,UAAU,EAAE,IAAA,yBAAiB,EAAC,IAAI,CAAC,UAAU,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC;oBACpG,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,0BAAkB,EAAC,KAAK,EAAE,cAAc,CAAC,CAAC;oBAC1E,SAAS,CAAC,KAAK,iCACb,KAAK;wBACL,MAAM,IACH,cAAc,KACjB,IAAI,GACL,CAAC;oBACF,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;oBACxB,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;iBAC3C;gBACD,IAAI,QAAQ,EAAE;oBACZ,MAAM,KAAK,GAAuB;wBAChC,OAAO,EAAE,IAAI;wBACb,UAAU,EAAE,SAAS;qBACtB,CAAC;oBACF,MAAM,iBAAiB,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,UAAU,CAAC;oBAClD,IAAI,WAAW,EAAE;wBACf,KAAK,CAAC,MAAM,GAAG,iBAAiB,CAAC;qBAClC;yBAAM;wBACL,KAAK,CAAC,IAAI,GAAG,iBAAiB,CAAC;qBAChC;oBACD,KAAK,CAAC,MAAM,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,iBAAiB,CAAC;oBAChD,KAAK,CAAC,SAAS,GAAG,cAAc,CAAC;oBACjC,SAAS,CAAC,KAAK,GAAG,KAAK,CAAC;oBAExB,MAAM,UAAU,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,UAAU,CAAC,IAAI,CAAC;oBAChD,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;oBAC9C,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;iBAC9B;qBAAM;oBACL,SAAS,CAAC,KAAK,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;iBACtC;gBAED,SAAS,CAAC,MAAM,GAAG,UAAU,CAAC;gBAC9B,eAAe,IAAI,UAAU,CAAC;gBAC9B,IAAI,CAAC,GAAG,eAAe,CAAC,MAAM,GAAG,CAAC,EAAE;oBAClC,eAAe,IAAI,SAAS,CAAC,QAAQ,CAAC;iBACvC;gBAED,OAAO,SAAS,CAAC;YACnB,CAAC,CAAC,CAAC;YAEH,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAClE,MAAM,mBAAmB,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1F,MAAM,aAAa,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACxE,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,WAAW,CAAC,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1F,QAAQ,GAAG,IAAI,CAAC,GAAG,CACjB,WAAW,GAAG,aAAa,GAAG,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC,OAAO,GAAG,UAAU,EAChF,mBAAmB,GAAG,UAAU,EAChC,QAAQ,CACT,CAAC;YACF,SAAS,CAAC,eAAe,GAAG,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC;YACjD,SAAS,CAAC,QAAQ,GAAG,WAAW,CAAC;YACjC,SAAS,CAAC,UAAU,GAAG,aAAa,CAAC;SACtC;KACF;IAED,MAAM,aAAa,GAAmB;QACpC,KAAK,EAAE,QAAQ,GAAG,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,KAAK;QAC9C,MAAM,EAAE,eAAe;KACxB,CAAC;IAEF,SAAS,CAAC,KAAK,CAAC,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC;IAC5C,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC;IAC9C,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AA5MW,QAAA,oBAAoB,wBA4M/B;AAQK,MAAM,kBAAkB,GAAG,CAAC,IAAY,EAAE,KAAwB,EAAoB,EAAE;;IAC7F,IAAI,GAAG,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,IAAA,sBAAe,EAAC,KAAY,CAAC,CAAC;IAC9C,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;QAEpB,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACpD,OAAO;YACL,KAAK;YACL,MAAM;YACN,IAAI;SACL,CAAC;KACH;IAED,IAAI,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACjC,SAAS,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IACxF,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAEzD,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,EAAE;QAE7C,MAAM,KAAK,GAAG,IAAA,2BAAiB,EAAC;YAC9B,SAAS,EAAE,MAAA,KAAK,CAAC,SAAS,mCAAI,YAAY;YAC1C,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxB,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,UAAU,EAAE,SAAS,CAAC,GAAG,CACvB,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CACV,CAAC,gCACI,KAAK,KACR,IAAI,EAAE,IAAI,GACgC,CAAA,CAC/C;SACF,CAAC,CAAC;QACH,OAAO;YACL,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE;YACpB,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE;YACtB,IAAI,EAAE,SAAS;SAChB,CAAC;KACH;IAED,OAAO;QACL,KAAK;QACL,MAAM;QACN,IAAI,EAAE,SAAS;KAChB,CAAC;AACJ,CAAC,CAAC;AA5CW,QAAA,kBAAkB,sBA4C7B","file":"attribute.js","sourcesContent":["import type {\n  IContainerSize,\n  TooltipAttributes,\n  TooltipRowAttrs,\n  TooltipSymbolAttrs\n} from '@visactor/vrender-components';\nimport type { IToolTipActual, MaybeArray } from '../../../../typings';\nimport type { ITooltipStyle, ITooltipTextStyle } from '../interface';\nimport { isValid } from '@visactor/vutils';\nimport { initTextMeasure, mergeSpec } from '../../../../util';\nimport type { IRichTextParagraphCharacter } from '@visactor/vrender';\n// eslint-disable-next-line no-duplicate-imports\nimport { builtinSymbolsMap, getRichTextBounds } from '@visactor/vrender';\nimport { getTextAttributes } from './style';\n\nexport const getTooltipAttributes = (\n  actualTooltip: IToolTipActual,\n  style: Partial<ITooltipStyle>\n): TooltipAttributes => {\n  const {\n    spaceRow: commonSpaceRow,\n    padding,\n    title: titleStyle,\n    shape: shapeStyle,\n    key: keyStyle,\n    value: valueStyle\n  } = style;\n\n  const attribute: TooltipAttributes = {\n    ...style,\n\n    title: {},\n    content: [],\n\n    titleStyle: {\n      value: titleStyle,\n      spaceRow: commonSpaceRow\n    },\n    contentStyle: {\n      shape: shapeStyle,\n      key: keyStyle,\n      value: valueStyle,\n      spaceRow: commonSpaceRow\n    },\n\n    hasContentShape: false,\n    keyWidth: 0,\n    valueWidth: 0\n  };\n  (['key', 'value', 'shape'] as (keyof ITooltipStyle)[]).forEach(key => {\n    delete attribute[key];\n  });\n\n  const { title = {}, content = [] } = actualTooltip;\n\n  let maxWidth = 0;\n  let containerHeight = padding.top + padding.bottom;\n\n  // calculate title\n  let titleMaxHeight = 0;\n  const {\n    visible: titleVisible = true,\n    value: titleValue = '',\n    valueStyle: titleValueStyle,\n    hasShape: titleHasShape,\n    shapeType: titleShapeType = '',\n    shapeHollow: titleShapeHollow,\n    shapeColor: titleShapeColor,\n    spaceRow: titleSpaceRow\n  } = title;\n  attribute.title.visible = titleVisible;\n  attribute.title.spaceRow = titleSpaceRow ?? commonSpaceRow;\n  if (titleVisible) {\n    const lineTitleStyle = mergeSpec({}, titleStyle, getTextAttributes(titleValueStyle, undefined, {}));\n    const { text, width, height } = measureTooltipText(titleValue, lineTitleStyle);\n    attribute.title.value = {\n      width,\n      height,\n      ...lineTitleStyle,\n      text\n    };\n    maxWidth = width;\n    titleMaxHeight = height;\n\n    if (titleHasShape && builtinSymbolsMap[titleShapeType]) {\n      const titleShapeAttrs: TooltipSymbolAttrs = {\n        symbolType: titleShapeType\n      };\n      if (titleShapeHollow) {\n        titleShapeAttrs.stroke = titleShapeColor;\n      } else {\n        titleShapeAttrs.fill = titleShapeColor;\n      }\n      attribute.title.shape = titleShapeAttrs;\n      maxWidth += shapeStyle.size + shapeStyle.spacing;\n      titleMaxHeight = Math.max(shapeStyle.size, titleMaxHeight);\n    }\n\n    attribute.title.width = maxWidth;\n    attribute.title.height = titleMaxHeight;\n\n    containerHeight += titleMaxHeight;\n  }\n\n  // calculate content\n  if (content.length) {\n    // filter content\n    const filteredContent = content.filter(item => {\n      return (item.key || item.value) && item.visible !== false;\n    });\n    if (filteredContent.length) {\n      if (titleVisible) {\n        containerHeight += attribute.title.spaceRow; // title 与 content 之前的间隔\n      }\n\n      const keyWidths: number[] = [];\n      const adaptiveKeyWidths: number[] = [];\n      const valueWidths: number[] = [];\n      const shapeWidths: number[] = [];\n\n      attribute.content = filteredContent.map((item, i) => {\n        let itemHeight = 0;\n        const {\n          hasShape,\n          key,\n          shapeColor,\n          shapeHollow,\n          shapeType = '',\n          shapeFill,\n          shapeStroke,\n          shapeLineWidth,\n          shapeSize,\n          value,\n          isKeyAdaptive,\n          spaceRow: lineSpaceRow\n        } = item;\n        const itemAttrs: TooltipRowAttrs = { height: 0, spaceRow: lineSpaceRow ?? commonSpaceRow };\n        if (isValid(key)) {\n          const lineKeyStyle = mergeSpec({}, keyStyle, getTextAttributes(item.keyStyle, undefined, {}));\n          const { width, height, text } = measureTooltipText(key, lineKeyStyle);\n          itemAttrs.key = {\n            width,\n            height,\n            ...lineKeyStyle,\n            text\n          };\n          if (!isKeyAdaptive) {\n            keyWidths.push(width);\n          } else {\n            adaptiveKeyWidths.push(width);\n          }\n          itemHeight = Math.max(itemHeight, height);\n        }\n        if (isValid(value)) {\n          const lineValueStyle = mergeSpec({}, valueStyle, getTextAttributes(item.valueStyle, undefined, {}));\n          const { width, height, text } = measureTooltipText(value, lineValueStyle);\n          itemAttrs.value = {\n            width,\n            height,\n            ...lineValueStyle,\n            text\n          };\n          valueWidths.push(width);\n          itemHeight = Math.max(itemHeight, height);\n        }\n        if (hasShape) {\n          const shape: TooltipSymbolAttrs = {\n            visible: true,\n            symbolType: shapeType\n          };\n          const adaptiveShapeFill = shapeFill ?? shapeColor;\n          if (shapeHollow) {\n            shape.stroke = adaptiveShapeFill;\n          } else {\n            shape.fill = adaptiveShapeFill;\n          }\n          shape.stroke = shapeStroke ?? adaptiveShapeFill;\n          shape.lineWidth = shapeLineWidth;\n          itemAttrs.shape = shape;\n\n          const shapeWidth = shapeSize ?? shapeStyle.size;\n          itemHeight = Math.max(shapeWidth, itemHeight);\n          shapeWidths.push(shapeWidth);\n        } else {\n          itemAttrs.shape = { visible: false };\n        }\n\n        itemAttrs.height = itemHeight;\n        containerHeight += itemHeight;\n        if (i < filteredContent.length - 1) {\n          containerHeight += itemAttrs.spaceRow;\n        }\n\n        return itemAttrs;\n      });\n\n      const maxKeyWidth = keyWidths.length ? Math.max(...keyWidths) : 0; // name 需要对齐\n      const maxAdaptiveKeyWidth = adaptiveKeyWidths.length ? Math.max(...adaptiveKeyWidths) : 0;\n      const maxValueWidth = valueWidths.length ? Math.max(...valueWidths) : 0; // value 需要对齐\n      const shapeWidth = shapeWidths.length ? Math.max(...shapeWidths) + shapeStyle.spacing : 0; // shape 列宽度\n      maxWidth = Math.max(\n        maxKeyWidth + maxValueWidth + keyStyle.spacing + valueStyle.spacing + shapeWidth,\n        maxAdaptiveKeyWidth + shapeWidth,\n        maxWidth\n      );\n      attribute.hasContentShape = !!shapeWidths.length;\n      attribute.keyWidth = maxKeyWidth;\n      attribute.valueWidth = maxValueWidth;\n    }\n  }\n\n  const containerSize: IContainerSize = {\n    width: maxWidth + padding.left + padding.right,\n    height: containerHeight\n  };\n\n  attribute.panel.width = containerSize.width;\n  attribute.panel.height = containerSize.height;\n  return attribute;\n};\n\ninterface ITooltipTextInfo {\n  width: number;\n  height: number;\n  text: MaybeArray<number> | MaybeArray<string>;\n}\n\nexport const measureTooltipText = (text: string, style: ITooltipTextStyle): ITooltipTextInfo => {\n  text = (text ?? '').toString();\n  const measure = initTextMeasure(style as any);\n  if (!style.multiLine) {\n    // 单行文本\n    const { width, height } = measure.fullMeasure(text);\n    return {\n      width,\n      height,\n      text\n    };\n  }\n  // 多行文本\n  let textLines = text.split('\\n');\n  textLines = textLines.map((line, i) => (i < textLines.length - 1 ? line + '\\n' : line));\n  const { width, height } = measure.fullMeasure(textLines);\n\n  if (style.maxWidth && style.maxWidth <= width) {\n    // 允许自动换行的情况，改用 richText 测量\n    const bound = getRichTextBounds({\n      wordBreak: style.wordBreak ?? 'break-word',\n      maxWidth: style.maxWidth,\n      width: 0,\n      height: 0,\n      textConfig: textLines.map(\n        (line, i) =>\n          ({\n            ...style,\n            text: line\n          } as unknown as IRichTextParagraphCharacter)\n      )\n    });\n    return {\n      width: bound.width(),\n      height: bound.height(),\n      text: textLines\n    };\n  }\n\n  return {\n    width,\n    height,\n    text: textLines\n  };\n};\n"]}
+{"version":3,"sources":["../src/component/tooltip/handler/utils/attribute.ts"],"names":[],"mappings":"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","file":"attribute.js","sourcesContent":["import type {\n  IContainerSize,\n  TooltipAttributes,\n  TooltipPanelAttrs,\n  TooltipRowAttrs,\n  TooltipRowStyleAttrs,\n  TooltipSymbolAttrs,\n  TooltipTextAttrs\n} from '@visactor/vrender-components';\nimport type { IPadding, IToolTipActual } from '../../../../typings';\nimport type { ITooltipTextStyle } from '../interface';\nimport { isValid, normalizePadding } from '@visactor/vutils';\nimport { mergeSpec, normalizeLayoutPaddingSpec } from '../../../../util';\nimport type { ITooltipSpec } from '../../interface/spec';\nimport type { ITheme } from '../../../../theme';\nimport type { ITooltipTextTheme, ITooltipTheme } from '../../interface/theme';\nimport { THEME_CONSTANTS } from '../../../../theme/builtin/common/constants';\nimport { measureTooltipText } from './common';\n\nconst DEFAULT_TEXT_ATTRIBUTES: Partial<ITooltipTextStyle> = {\n  fontFamily: THEME_CONSTANTS.defaultFontFamily,\n  spacing: 10,\n  wordBreak: 'break-word'\n};\n\nexport function getTextAttributes(\n  style: ITooltipTextTheme = {},\n  globalTheme?: ITheme,\n  defaultAttributes?: Partial<ITooltipTextStyle>\n): ITooltipTextStyle {\n  const attrs: ITooltipTextStyle = {\n    ...(defaultAttributes ?? DEFAULT_TEXT_ATTRIBUTES),\n    fill: (style.fill ?? style.fontColor) as string,\n    textAlign: style.textAlign,\n    textBaseline: style.textBaseline,\n    fontFamily: style.fontFamily ?? globalTheme?.fontFamily,\n    fontSize: style.fontSize,\n    fontWeight: style.fontWeight,\n    lineHeight: style.lineHeight as any, // FIXME: vrender 支持行高字符串后删除 any\n    spacing: style.spacing,\n    multiLine: style.multiLine,\n    maxWidth: style.maxWidth,\n    wordBreak: style.wordBreak,\n    autoWidth: style.autoWidth\n  };\n  return attrs;\n}\n\nexport const getPanelAttributes = (style: ITooltipTheme['panel']): TooltipPanelAttrs => {\n  const { backgroundColor, border, shadow } = style;\n  const panelAttrs: TooltipPanelAttrs = {\n    lineWidth: border?.width ?? 0,\n    shadow: !!shadow\n  };\n  if (border?.color) {\n    panelAttrs.stroke = border.color as string;\n  }\n  if (backgroundColor) {\n    panelAttrs.fill = backgroundColor as string;\n  }\n  if (shadow) {\n    panelAttrs.shadowColor = shadow.color as string;\n    panelAttrs.shadowBlur = shadow.blur;\n    panelAttrs.shadowOffsetX = shadow.x;\n    panelAttrs.shadowOffsetY = shadow.y;\n    panelAttrs.shadowSpread = shadow.spread;\n  }\n  const { radius } = border ?? {};\n  if (isValid(radius)) {\n    panelAttrs.cornerRadius = [radius, radius, radius, radius];\n  }\n  return panelAttrs;\n};\n\nexport const getTooltipAttributes = (\n  actualTooltip: IToolTipActual,\n  spec: ITooltipSpec,\n  globalTheme: ITheme\n): TooltipAttributes => {\n  const { style = {}, enterable, transitionDuration } = spec;\n  const { panel = {}, titleLabel, shape, keyLabel, valueLabel, spaceRow: commonSpaceRow } = style;\n  const padding = normalizePadding(panel.padding);\n  const paddingSpec = normalizeLayoutPaddingSpec(panel.padding) as IPadding;\n\n  const titleStyle = getTextAttributes(titleLabel, globalTheme);\n  const keyStyle = getTextAttributes(keyLabel, globalTheme);\n  const valueStyle = getTextAttributes(valueLabel, globalTheme);\n  const shapeStyle: TooltipRowStyleAttrs['shape'] = {\n    fill: true,\n    size: shape?.size ?? 8,\n    spacing: shape?.spacing ?? 6\n  };\n\n  const attributes: TooltipAttributes = {\n    panel: getPanelAttributes(panel),\n    padding,\n\n    title: {},\n    content: [],\n\n    titleStyle: {\n      value: titleStyle,\n      spaceRow: commonSpaceRow\n    },\n    contentStyle: {\n      shape: shapeStyle,\n      key: keyStyle,\n      value: valueStyle,\n      spaceRow: commonSpaceRow\n    },\n    hasContentShape: false,\n    keyWidth: 0,\n    valueWidth: 0,\n\n    enterable,\n    transitionDuration\n  };\n\n  const { title = {}, content = [] } = actualTooltip;\n\n  let containerWidth = paddingSpec.left + paddingSpec.right;\n  let containerHeight = paddingSpec.top + paddingSpec.bottom;\n\n  // calculate content\n  let contentMaxWidth = 0;\n  // filter content\n  const filteredContent = content.filter(item => {\n    return (item.key || item.value) && item.visible !== false;\n  });\n  const hasContent = !!filteredContent.length;\n  let maxKeyWidth = 0;\n  let maxAdaptiveKeyWidth = 0;\n  let maxValueWidth = 0;\n  let maxShapeWidth = 0;\n\n  if (hasContent) {\n    const keyWidths: number[] = [];\n    const adaptiveKeyWidths: number[] = [];\n    const valueWidths: number[] = [];\n    const shapeWidths: number[] = [];\n\n    attributes.content = filteredContent.map((item, i) => {\n      let itemHeight = 0;\n      const {\n        hasShape: actualHasShape,\n        key: actualKey,\n        shapeType: actualShapeType = '',\n        shapeFill: actualShapeFill,\n        shapeStroke: actualShapeStroke,\n        shapeLineWidth: actualShapeLineWidth,\n        shapeSize: actualShapeSize,\n        value: actualValue,\n        isKeyAdaptive: actualIsKeyAdaptive,\n        spaceRow: actualSpaceRow,\n        keyStyle: actualKeyStyle,\n        valueStyle: actualValueStyle,\n        // 弃用的属性，做下兼容\n        shapeColor: actualShapeColor,\n        shapeHollow: actualShapeHollow\n      } = item;\n      const itemAttrs: TooltipRowAttrs = { height: 0, spaceRow: actualSpaceRow ?? commonSpaceRow };\n      if (isValid(actualKey)) {\n        const itemKeyStyle: ITooltipTextStyle = mergeSpec(\n          {},\n          keyStyle,\n          getTextAttributes(actualKeyStyle, undefined, {})\n        );\n        const { width, height, text } = measureTooltipText(actualKey, itemKeyStyle);\n        itemAttrs.key = {\n          width,\n          height,\n          ...itemKeyStyle,\n          text\n        };\n        if (!actualIsKeyAdaptive) {\n          keyWidths.push(width);\n        } else {\n          adaptiveKeyWidths.push(width);\n        }\n        itemHeight = Math.max(itemHeight, height);\n      }\n      if (isValid(actualValue)) {\n        const itemValueStyle: ITooltipTextStyle = mergeSpec(\n          {},\n          valueStyle,\n          getTextAttributes(actualValueStyle, undefined, {})\n        );\n        const { width, height, text } = measureTooltipText(actualValue, itemValueStyle);\n        itemAttrs.value = {\n          width,\n          height,\n          ...itemValueStyle,\n          text\n        };\n        valueWidths.push(width);\n        itemHeight = Math.max(itemHeight, height);\n      }\n      if (actualHasShape) {\n        const shape: TooltipSymbolAttrs = {\n          visible: true,\n          symbolType: actualShapeType\n        };\n        const adaptiveShapeFill = actualShapeFill ?? actualShapeColor;\n        if (actualShapeHollow) {\n          shape.stroke = adaptiveShapeFill;\n        } else {\n          shape.fill = adaptiveShapeFill;\n        }\n        shape.stroke = actualShapeStroke ?? adaptiveShapeFill;\n        shape.lineWidth = actualShapeLineWidth;\n        itemAttrs.shape = shape;\n\n        const shapeWidth = actualShapeSize ?? shapeStyle.size;\n        itemHeight = Math.max(shapeWidth, itemHeight);\n        shapeWidths.push(shapeWidth);\n      } else {\n        itemAttrs.shape = { visible: false };\n      }\n\n      itemAttrs.height = itemHeight;\n      containerHeight += itemHeight;\n      if (i < filteredContent.length - 1) {\n        containerHeight += itemAttrs.spaceRow;\n      }\n\n      return itemAttrs;\n    });\n\n    maxKeyWidth = keyWidths.length ? Math.max(...keyWidths) : 0; // name 需要对齐\n    maxAdaptiveKeyWidth = adaptiveKeyWidths.length ? Math.max(...adaptiveKeyWidths) : 0;\n    maxValueWidth = valueWidths.length ? Math.max(...valueWidths) : 0; // value 需要对齐\n    maxShapeWidth = shapeWidths.length ? Math.max(...shapeWidths) + shapeStyle.spacing : 0; // shape 列宽度\n    contentMaxWidth = Math.max(\n      maxShapeWidth + maxKeyWidth + keyStyle.spacing + maxValueWidth + valueStyle.spacing,\n      maxShapeWidth + maxAdaptiveKeyWidth,\n      contentMaxWidth\n    );\n    attributes.hasContentShape = !!shapeWidths.length;\n    attributes.keyWidth = maxKeyWidth;\n    attributes.valueWidth = maxValueWidth;\n  }\n\n  // calculate title\n  let titleMaxWidth = 0;\n  let titleMaxHeight = 0;\n  const {\n    visible: actualTitleVisible = true,\n    value: actualTitleValue = '',\n    valueStyle: actualTitleValueStyle,\n    spaceRow: actualTitleSpaceRow\n  } = title;\n  attributes.title.visible = actualTitleVisible;\n  attributes.title.spaceRow = actualTitleSpaceRow ?? commonSpaceRow;\n\n  let titleValueStyle: ITooltipTextStyle = {};\n  // 当前是否处于自适应宽度模式\n  const isAutoWidthMode = () => titleValueStyle.autoWidth && titleValueStyle.multiLine !== false;\n  if (actualTitleVisible) {\n    titleValueStyle = mergeSpec({}, titleStyle, getTextAttributes(actualTitleValueStyle, undefined, {}));\n    // 标题默认优化策略：如果 autoWidth 为 true，则宽度默认跟随 content 宽度并开启自动换行\n    if (isAutoWidthMode()) {\n      titleValueStyle.multiLine = titleValueStyle.multiLine ?? true;\n      titleValueStyle.maxWidth = titleValueStyle.maxWidth ?? (hasContent ? Math.ceil(contentMaxWidth) : undefined);\n    }\n\n    const { text, width, height } = measureTooltipText(actualTitleValue, titleValueStyle);\n    attributes.title.value = {\n      width: isAutoWidthMode() ? Math.min(width, titleValueStyle.maxWidth ?? Number.MAX_VALUE) : width,\n      height,\n      ...titleValueStyle,\n      text\n    };\n    titleMaxWidth = attributes.title.value.width;\n    titleMaxHeight = attributes.title.value.height;\n\n    containerHeight += titleMaxHeight + (hasContent ? attributes.title.spaceRow : 0);\n  }\n  attributes.title.width = titleMaxWidth;\n  attributes.title.height = titleMaxHeight;\n\n  if (isAutoWidthMode()) {\n    containerWidth += contentMaxWidth ? contentMaxWidth : titleMaxWidth;\n  } else {\n    containerWidth += Math.max(titleMaxWidth, contentMaxWidth);\n  }\n\n  // 处理 content 的自动宽度模式\n  if (hasContent) {\n    attributes.content.forEach(item => {\n      const value = item.value as ITooltipTextStyle & TooltipTextAttrs;\n      // 最后一列默认自适应宽度\n      if (value && (value.autoWidth ?? true)) {\n        value.width =\n          containerWidth -\n          paddingSpec.left -\n          paddingSpec.right -\n          maxShapeWidth -\n          maxKeyWidth -\n          keyStyle.spacing -\n          valueStyle.spacing;\n        value.multiLine = true;\n        if (!value.maxWidth) {\n          value.maxWidth = Math.ceil(value.width);\n        }\n        attributes.valueWidth = Math.max(attributes.valueWidth, value.width);\n      }\n    });\n  }\n\n  attributes.panel.width = containerWidth;\n  attributes.panel.height = containerHeight;\n\n  return attributes;\n};\n"]}

package/cjs/component/tooltip/handler/utils/common.d.ts

@@ -1,6 +1,7 @@
 import type { Datum } from '@visactor/vgrammar-core';
 import type { MaybeArray, TooltipContentProperty, TooltipData, TooltipPatternProperty } from '../../../../typings';
 import type { TooltipHandlerParams } from '../../interface';
+import type { ITooltipTextStyle } from '../interface/style';
 export declare function escapeHTML(value: any): string;
 export declare const getTooltipContentValue: <T>(field?: TooltipContentProperty<T>, datum?: any, params?: TooltipHandlerParams) => T;
 export declare const getTooltipPatternValue: <T>(field?: MaybeArray<TooltipPatternProperty<T>>, data?: TooltipData, params?: TooltipHandlerParams) => MaybeArray<TooltipPatternProperty<T>> extends TooltipPatternProperty<T>[] ? MaybeArray<T> : T;
@@ -8,3 +9,10 @@ export declare function getFirstDatumFromTooltipData(data: TooltipData): Datum;
 export declare function pickFirstValidValue<T>(isValid: (element?: T) => any, ...elements: T[]): T | undefined;
 export declare function convertToColorString(color: any, defaultColor?: string): string;
 export declare const getScale: (element: HTMLElement, boundingClientRect?: DOMRect) => number;
+interface ITooltipTextInfo {
+    width: number;
+    height: number;
+    text: MaybeArray<number> | MaybeArray<string>;
+}
+export declare const measureTooltipText: (text: string, style: ITooltipTextStyle) => ITooltipTextInfo;
+export {};

package/cjs/component/tooltip/handler/utils/common.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.getScale = exports.convertToColorString = exports.pickFirstValidValue = exports.getFirstDatumFromTooltipData = exports.getTooltipPatternValue = exports.getTooltipContentValue = exports.escapeHTML = void 0;
+}), exports.measureTooltipText = exports.getScale = exports.convertToColorString = exports.pickFirstValidValue = exports.getFirstDatumFromTooltipData = exports.getTooltipPatternValue = exports.getTooltipContentValue = exports.escapeHTML = void 0;
 
-const util_1 = require("../../../../util");
+const util_1 = require("../../../../util"), vrender_1 = require("@visactor/vrender");
 
 function escapeHTML(value) {
     return String(value).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\(/g, "&#40;").replace(/  /g, " &nbsp;");
@@ -55,4 +55,44 @@ const getScale = (element, boundingClientRect) => element ? (boundingClientRect
 element.offsetWidth > 0 ? boundingClientRect.width / element.offsetWidth : boundingClientRect.height / element.offsetHeight) : 1;
 
 exports.getScale = getScale;
+
+const measureTooltipText = (text, style) => {
+    var _a;
+    text = (null != text ? text : "").toString();
+    const measure = (0, util_1.initTextMeasure)(style);
+    if (!style.multiLine) {
+        const {width: width, height: height} = measure.fullMeasure(text);
+        return {
+            width: width,
+            height: height,
+            text: text
+        };
+    }
+    let textLines = text.split("\n");
+    textLines = textLines.map(((line, i) => i < textLines.length - 1 ? line + "\n" : line));
+    const {width: width, height: height} = measure.fullMeasure(textLines);
+    if (style.maxWidth && style.maxWidth <= width) {
+        const bound = (0, vrender_1.getRichTextBounds)({
+            wordBreak: null !== (_a = style.wordBreak) && void 0 !== _a ? _a : "break-word",
+            maxWidth: style.maxWidth,
+            width: 0,
+            height: 0,
+            textConfig: textLines.map(((line, i) => Object.assign(Object.assign({}, style), {
+                text: line
+            })))
+        });
+        return {
+            width: bound.width(),
+            height: bound.height(),
+            text: textLines
+        };
+    }
+    return {
+        width: width,
+        height: height,
+        text: textLines
+    };
+};
+
+exports.measureTooltipText = measureTooltipText;
 //# sourceMappingURL=common.js.map

package/cjs/component/tooltip/handler/utils/common.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/tooltip/handler/utils/common.ts"],"names":[],"mappings":"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","file":"common.js","sourcesContent":["import type { Datum } from '@visactor/vgrammar-core';\nimport type { MaybeArray, TooltipContentProperty, TooltipData, TooltipPatternProperty } from '../../../../typings';\nimport { isFunction, isObject, isString, isNil, isArray, isValid } from '../../../../util';\nimport type { TooltipHandlerParams } from '../../interface';\nimport type { IDimensionData, IDimensionInfo } from '../../../../event/events/dimension';\n\ninterface IGradientColor {\n  [key: string]: any;\n  stops: {\n    offset: number;\n    color: string;\n  }[];\n}\n\n/**\n * Escape special HTML characters.\n *\n * @param value A value to convert to string and HTML-escape.\n */\nexport function escapeHTML(value: any): string {\n  return String(value)\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\\(/g, '&#40;')\n    .replace(/  /g, ' &nbsp;'); // 转义符和真空格夹杂，在转义和正常换行之间取得平衡\n}\n\nexport const getTooltipContentValue = <T>(\n  field?: TooltipContentProperty<T>,\n  datum?: any,\n  params?: TooltipHandlerParams\n): T | undefined => {\n  if (isNil(field)) {\n    return field;\n  }\n  if (isFunction(field)) {\n    return field(datum, params);\n  }\n  return field;\n};\n\nexport const getTooltipPatternValue = <T>(\n  field?: MaybeArray<TooltipPatternProperty<T>>,\n  data?: TooltipData,\n  params?: TooltipHandlerParams\n): (typeof field extends Array<TooltipPatternProperty<T>> ? MaybeArray<T> : T) | undefined => {\n  if (isNil(field)) {\n    return field;\n  }\n  if (isArray(field)) {\n    const result: T[] = [];\n    field.forEach(item => {\n      if (isFunction(item)) {\n        const value = item(data, params);\n        if (isValid(value)) {\n          result.push(value);\n        }\n      } else {\n        result.push(item);\n      }\n    });\n    return result as any;\n  }\n  if (isFunction(field)) {\n    return field(data, params);\n  }\n  return field;\n};\n\nexport function getFirstDatumFromTooltipData(data: TooltipData): Datum {\n  // 找到第一个可用的datum\n  const dimInfoList: IDimensionInfo[] = (data as IDimensionData[])[0]?.series\n    ? [{ data: data as IDimensionData[], value: '' }]\n    : (data as IDimensionInfo[]);\n  for (const { data: dataList } of dimInfoList) {\n    for (const { datum: datumList } of dataList) {\n      for (const datumItem of datumList ?? []) {\n        if (datumItem) {\n          return datumItem;\n        }\n      }\n    }\n  }\n}\n\nexport function pickFirstValidValue<T>(isValid: (element?: T) => any, ...elements: T[]): T | undefined {\n  for (const ele of elements) {\n    if (isValid(ele)) {\n      return ele;\n    }\n  }\n  return undefined;\n}\n\n// 针对渐变色，受底层渲染引擎影响，不一定都能绘制正确，所以这里取 colorStop 的第一个颜色作为 color\nexport function convertToColorString(color: any, defaultColor: string = '#000') {\n  if (!color) {\n    return defaultColor;\n  }\n  if (isString(color)) {\n    return color;\n  }\n\n  if (isObject(color) && (color as IGradientColor).stops && (color as IGradientColor).stops[0]) {\n    return (color as IGradientColor).stops[0].color || defaultColor;\n  }\n\n  return defaultColor;\n}\n\n/** 获取元素的绝对缩放因数（支持外部传入 boundingClientRect 提升性能） */\nexport const getScale = (element: HTMLElement, boundingClientRect?: DOMRect) => {\n  if (!element) {\n    return 1;\n  }\n  if (!boundingClientRect) {\n    boundingClientRect = element.getBoundingClientRect();\n  }\n  if (element.offsetWidth > 0) {\n    return boundingClientRect.width / element.offsetWidth;\n  }\n  return boundingClientRect.height / element.offsetHeight;\n};\n"]}
+{"version":3,"sources":["../src/component/tooltip/handler/utils/common.ts"],"names":[],"mappings":"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","file":"common.js","sourcesContent":["import type { Datum } from '@visactor/vgrammar-core';\nimport type { MaybeArray, TooltipContentProperty, TooltipData, TooltipPatternProperty } from '../../../../typings';\nimport { isFunction, isObject, isString, isNil, isArray, isValid, initTextMeasure } from '../../../../util';\nimport type { TooltipHandlerParams } from '../../interface';\nimport type { IDimensionData, IDimensionInfo } from '../../../../event/events/dimension';\nimport type { IRichTextParagraphCharacter } from '@visactor/vrender';\nimport { getRichTextBounds } from '@visactor/vrender';\nimport type { ITooltipTextStyle } from '../interface/style';\n\ninterface IGradientColor {\n  [key: string]: any;\n  stops: {\n    offset: number;\n    color: string;\n  }[];\n}\n\n/**\n * Escape special HTML characters.\n *\n * @param value A value to convert to string and HTML-escape.\n */\nexport function escapeHTML(value: any): string {\n  return String(value)\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\\(/g, '&#40;')\n    .replace(/  /g, ' &nbsp;'); // 转义符和真空格夹杂，在转义和正常换行之间取得平衡\n}\n\nexport const getTooltipContentValue = <T>(\n  field?: TooltipContentProperty<T>,\n  datum?: any,\n  params?: TooltipHandlerParams\n): T | undefined => {\n  if (isNil(field)) {\n    return field;\n  }\n  if (isFunction(field)) {\n    return field(datum, params);\n  }\n  return field;\n};\n\nexport const getTooltipPatternValue = <T>(\n  field?: MaybeArray<TooltipPatternProperty<T>>,\n  data?: TooltipData,\n  params?: TooltipHandlerParams\n): (typeof field extends Array<TooltipPatternProperty<T>> ? MaybeArray<T> : T) | undefined => {\n  if (isNil(field)) {\n    return field;\n  }\n  if (isArray(field)) {\n    const result: T[] = [];\n    field.forEach(item => {\n      if (isFunction(item)) {\n        const value = item(data, params);\n        if (isValid(value)) {\n          result.push(value);\n        }\n      } else {\n        result.push(item);\n      }\n    });\n    return result as any;\n  }\n  if (isFunction(field)) {\n    return field(data, params);\n  }\n  return field;\n};\n\nexport function getFirstDatumFromTooltipData(data: TooltipData): Datum {\n  // 找到第一个可用的datum\n  const dimInfoList: IDimensionInfo[] = (data as IDimensionData[])[0]?.series\n    ? [{ data: data as IDimensionData[], value: '' }]\n    : (data as IDimensionInfo[]);\n  for (const { data: dataList } of dimInfoList) {\n    for (const { datum: datumList } of dataList) {\n      for (const datumItem of datumList ?? []) {\n        if (datumItem) {\n          return datumItem;\n        }\n      }\n    }\n  }\n}\n\nexport function pickFirstValidValue<T>(isValid: (element?: T) => any, ...elements: T[]): T | undefined {\n  for (const ele of elements) {\n    if (isValid(ele)) {\n      return ele;\n    }\n  }\n  return undefined;\n}\n\n// 针对渐变色，受底层渲染引擎影响，不一定都能绘制正确，所以这里取 colorStop 的第一个颜色作为 color\nexport function convertToColorString(color: any, defaultColor: string = '#000') {\n  if (!color) {\n    return defaultColor;\n  }\n  if (isString(color)) {\n    return color;\n  }\n\n  if (isObject(color) && (color as IGradientColor).stops && (color as IGradientColor).stops[0]) {\n    return (color as IGradientColor).stops[0].color || defaultColor;\n  }\n\n  return defaultColor;\n}\n\n/** 获取元素的绝对缩放因数（支持外部传入 boundingClientRect 提升性能） */\nexport const getScale = (element: HTMLElement, boundingClientRect?: DOMRect) => {\n  if (!element) {\n    return 1;\n  }\n  if (!boundingClientRect) {\n    boundingClientRect = element.getBoundingClientRect();\n  }\n  if (element.offsetWidth > 0) {\n    return boundingClientRect.width / element.offsetWidth;\n  }\n  return boundingClientRect.height / element.offsetHeight;\n};\n\ninterface ITooltipTextInfo {\n  width: number;\n  height: number;\n  text: MaybeArray<number> | MaybeArray<string>;\n}\n\n/** 测量 tooltip 标签文本 */\nexport const measureTooltipText = (text: string, style: ITooltipTextStyle): ITooltipTextInfo => {\n  text = (text ?? '').toString();\n  const measure = initTextMeasure(style as any);\n  if (!style.multiLine) {\n    // 单行文本\n    const { width, height } = measure.fullMeasure(text);\n    return {\n      width,\n      height,\n      text\n    };\n  }\n  // 多行文本\n  let textLines = text.split('\\n');\n  textLines = textLines.map((line, i) => (i < textLines.length - 1 ? line + '\\n' : line));\n  const { width, height } = measure.fullMeasure(textLines);\n\n  if (style.maxWidth && style.maxWidth <= width) {\n    // 允许自动换行的情况，改用 richText 测量\n    const bound = getRichTextBounds({\n      wordBreak: style.wordBreak ?? 'break-word',\n      maxWidth: style.maxWidth,\n      width: 0,\n      height: 0,\n      textConfig: textLines.map(\n        (line, i) =>\n          ({\n            ...style,\n            text: line\n          } as unknown as IRichTextParagraphCharacter)\n      )\n    });\n    return {\n      width: bound.width(),\n      height: bound.height(),\n      text: textLines\n    };\n  }\n\n  return {\n    width,\n    height,\n    text: textLines\n  };\n};\n"]}

package/cjs/component/tooltip/handler/utils/index.d.ts

@@ -4,4 +4,3 @@ export * from './pattern';
 export * from './get-spec';
 export * from './position';
 export * from './attribute';
-export * from './style';

package/cjs/component/tooltip/handler/utils/index.js

@@ -19,6 +19,5 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), __exportStar(require("./common"), exports), __exportStar(require("./compose"), exports), 
 __exportStar(require("./pattern"), exports), __exportStar(require("./get-spec"), exports), 
-__exportStar(require("./position"), exports), __exportStar(require("./attribute"), exports), 
-__exportStar(require("./style"), exports);
+__exportStar(require("./position"), exports), __exportStar(require("./attribute"), exports);
 //# sourceMappingURL=index.js.map

package/cjs/component/tooltip/handler/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/tooltip/handler/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,4CAA0B;AAC1B,4CAA0B;AAC1B,6CAA2B;AAC3B,6CAA2B;AAC3B,8CAA4B;AAC5B,0CAAwB","file":"index.js","sourcesContent":["export * from './common';\nexport * from './compose';\nexport * from './pattern';\nexport * from './get-spec';\nexport * from './position';\nexport * from './attribute';\nexport * from './style';\n"]}
+{"version":3,"sources":["../src/component/tooltip/handler/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,4CAA0B;AAC1B,4CAA0B;AAC1B,6CAA2B;AAC3B,6CAA2B;AAC3B,8CAA4B","file":"index.js","sourcesContent":["export * from './common';\nexport * from './compose';\nexport * from './pattern';\nexport * from './get-spec';\nexport * from './position';\nexport * from './attribute';\n"]}

package/cjs/component/tooltip/interface/common.d.ts

@@ -1,8 +1,8 @@
-import type { IModel } from '../../../model/interface';
 import type { DimensionEventParams } from '../../../event/events/dimension/interface';
 import type { BaseEventParams } from '../../../event/interface';
 import type { DimensionTooltipInfo, MarkTooltipInfo } from '../processor/interface';
 import type { Datum, IShowTooltipOption } from '../../../typings';
+import type { IComponent } from '../../interface';
 export type TooltipHandlerParams = (BaseEventParams | DimensionEventParams) & {
     changePositionOnly?: boolean;
 };
@@ -18,7 +18,7 @@ export declare enum TooltipResult {
     success = 0,
     failed = 1
 }
-export interface ITooltip extends IModel {
+export interface ITooltip extends IComponent {
     getVisible: () => boolean;
     showTooltip: (datum: Datum, options: IShowTooltipOption) => void;
 }

package/cjs/component/tooltip/interface/common.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/tooltip/interface/common.ts"],"names":[],"mappings":";;;AAoBA,IAAY,aAKX;AALD,WAAY,aAAa;IAEvB,uDAAW,CAAA;IAEX,qDAAU,CAAA;AACZ,CAAC,EALW,aAAa,GAAb,qBAAa,KAAb,qBAAa,QAKxB","file":"common.js","sourcesContent":["import type { IModel } from '../../../model/interface';\nimport type { DimensionEventParams } from '../../../event/events/dimension/interface';\nimport type { BaseEventParams } from '../../../event/interface';\nimport type { DimensionTooltipInfo, MarkTooltipInfo } from '../processor/interface';\nimport type { Datum, IShowTooltipOption } from '../../../typings';\n\nexport type TooltipHandlerParams = (BaseEventParams | DimensionEventParams) & {\n  changePositionOnly?: boolean;\n};\n\nexport interface ITooltipActiveTypeAsKeys<T, K> {\n  mark: T;\n  dimension: K;\n}\n\nexport type TotalMouseEventData = {\n  tooltipInfo: Partial<ITooltipActiveTypeAsKeys<MarkTooltipInfo, DimensionTooltipInfo>>;\n  ignore: Partial<ITooltipActiveTypeAsKeys<boolean, boolean>>;\n};\n\nexport enum TooltipResult {\n  /** tooltip 显示成功 */\n  success = 0,\n  /** tooltip 未成功显示 */\n  failed = 1\n}\n\nexport interface ITooltip extends IModel {\n  getVisible: () => boolean;\n  showTooltip: (datum: Datum, options: IShowTooltipOption) => void;\n}\n"]}
+{"version":3,"sources":["../src/component/tooltip/interface/common.ts"],"names":[],"mappings":";;;AAoBA,IAAY,aAKX;AALD,WAAY,aAAa;IAEvB,uDAAW,CAAA;IAEX,qDAAU,CAAA;AACZ,CAAC,EALW,aAAa,GAAb,qBAAa,KAAb,qBAAa,QAKxB","file":"common.js","sourcesContent":["import type { DimensionEventParams } from '../../../event/events/dimension/interface';\nimport type { BaseEventParams } from '../../../event/interface';\nimport type { DimensionTooltipInfo, MarkTooltipInfo } from '../processor/interface';\nimport type { Datum, IShowTooltipOption } from '../../../typings';\nimport type { IComponent } from '../../interface';\n\nexport type TooltipHandlerParams = (BaseEventParams | DimensionEventParams) & {\n  changePositionOnly?: boolean;\n};\n\nexport interface ITooltipActiveTypeAsKeys<T, K> {\n  mark: T;\n  dimension: K;\n}\n\nexport type TotalMouseEventData = {\n  tooltipInfo: Partial<ITooltipActiveTypeAsKeys<MarkTooltipInfo, DimensionTooltipInfo>>;\n  ignore: Partial<ITooltipActiveTypeAsKeys<boolean, boolean>>;\n};\n\nexport enum TooltipResult {\n  /** tooltip 显示成功 */\n  success = 0,\n  /** tooltip 未成功显示 */\n  failed = 1\n}\n\nexport interface ITooltip extends IComponent {\n  getVisible: () => boolean;\n  showTooltip: (datum: Datum, options: IShowTooltipOption) => void;\n}\n"]}

package/cjs/component/tooltip/interface/theme.d.ts

@@ -1,6 +1,7 @@
 import type { RichTextWordBreak } from '@visactor/vrender';
-import type { IPadding, StringOrNumber, TextAlign, TextBaseLine } from '../../../typings';
+import type { StringOrNumber, TextAlign, TextBaseLine } from '../../../typings';
 import type { IColorKey } from '../../../theme/color-scheme/interface';
+import type { Padding } from '@visactor/vrender-components/es/core/type';
 export interface ITooltipTextTheme {
     fontFamily?: string;
     fontSize?: number;
@@ -14,10 +15,11 @@ export interface ITooltipTextTheme {
     multiLine?: boolean;
     maxWidth?: number;
     wordBreak?: RichTextWordBreak;
+    autoWidth?: boolean;
 }
 export interface ITooltipTheme {
     panel?: {
-        padding?: IPadding;
+        padding?: Padding;
         backgroundColor?: string | IColorKey;
         border?: {
             color?: string | IColorKey;
@@ -37,7 +39,7 @@ export interface ITooltipTheme {
         spacing?: number;
     };
     titleLabel?: ITooltipTextTheme;
-    keyLabel?: ITooltipTextTheme;
+    keyLabel?: Omit<ITooltipTextTheme, 'autoWidth'>;
     valueLabel?: ITooltipTextTheme;
     spaceRow?: number;
     offset?: {

package/cjs/component/tooltip/interface/theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/tooltip/interface/theme.ts"],"names":[],"mappings":"","file":"theme.js","sourcesContent":["import type { RichTextWordBreak } from '@visactor/vrender';\nimport type { IPadding, StringOrNumber, TextAlign, TextBaseLine } from '../../../typings';\nimport type { IColorKey } from '../../../theme/color-scheme/interface';\n\nexport interface ITooltipTextTheme {\n  /** 字体 */\n  fontFamily?: string;\n  /** 字体大小 */\n  fontSize?: number;\n  /** 字体颜色 */\n  fill?: string | IColorKey;\n  /** @deprecated 字体颜色（兼容旧版本） */\n  fontColor?: string | IColorKey;\n  /** 字重 */\n  fontWeight?: StringOrNumber;\n  /** 对齐方式 */\n  textAlign?: TextAlign;\n  /** 字体基线 */\n  textBaseline?: TextBaseLine;\n  /** 行高 */\n  lineHeight?: number | string;\n  /** 与相邻元素的水平间距 */\n  spacing?: number;\n  /** 是否支持换行 */\n  multiLine?: boolean;\n  /** 最大宽度 */\n  maxWidth?: number;\n  /** 换行模式，默认为'break-word' */\n  wordBreak?: RichTextWordBreak;\n}\n\nexport interface ITooltipTheme {\n  /** 容器样式配置 */\n  panel?: {\n    /** tooltip 容器内边距 */\n    padding?: IPadding;\n    /** 背景色 */\n    backgroundColor?: string | IColorKey;\n    /** tooltip边框 */\n    border?: {\n      color?: string | IColorKey;\n      width?: number;\n      /** 圆角 */\n      radius?: number;\n    };\n    /** tooltip阴影 */\n    shadow?: {\n      x: number;\n      y: number;\n      blur: number;\n      spread: number;\n      color: string | IColorKey;\n    };\n  };\n  shape?: {\n    /** 标记大小 */\n    size?: number;\n    /** shape 与相邻元素的水平间距 */\n    spacing?: number;\n  };\n  /** tooltip标题 */\n  titleLabel?: ITooltipTextTheme;\n  /** tooltip内容，key字段 */\n  keyLabel?: ITooltipTextTheme;\n  /** tooltip内容，value字段 */\n  valueLabel?: ITooltipTextTheme;\n  /** 内容项行间距 */\n  spaceRow?: number;\n  /** 偏移量 */\n  offset?: {\n    x?: number;\n    y?: number;\n  };\n}\n"]}
+{"version":3,"sources":["../src/component/tooltip/interface/theme.ts"],"names":[],"mappings":"","file":"theme.js","sourcesContent":["import type { RichTextWordBreak } from '@visactor/vrender';\nimport type { StringOrNumber, TextAlign, TextBaseLine } from '../../../typings';\nimport type { IColorKey } from '../../../theme/color-scheme/interface';\nimport type { Padding } from '@visactor/vrender-components/es/core/type';\n\nexport interface ITooltipTextTheme {\n  /** 字体 */\n  fontFamily?: string;\n  /** 字体大小 */\n  fontSize?: number;\n  /** 字体颜色 */\n  fill?: string | IColorKey;\n  /** @deprecated 字体颜色（兼容旧版本） */\n  fontColor?: string | IColorKey;\n  /** 字重 */\n  fontWeight?: StringOrNumber;\n  /** 对齐方式 */\n  textAlign?: TextAlign;\n  /** 字体基线 */\n  textBaseline?: TextBaseLine;\n  /** 行高 */\n  lineHeight?: number | string;\n  /** 与相邻元素的水平间距 */\n  spacing?: number;\n  /** 是否支持换行 */\n  multiLine?: boolean;\n  /** 最大宽度 */\n  maxWidth?: number;\n  /** 换行模式，默认为'break-word' */\n  wordBreak?: RichTextWordBreak;\n  /**\n   * 是否开启自动宽度。效果分为以下几种情况：\n   * - tooltip 标题：`autoWidth` 默认为 `false`。如果配置为 `true`，则 tooltip 标题会保持和 tooltip 内容一致的宽度\n   * - tooltip key 标签：`autoWidth` 不适用\n   * - tooltip value 标签：`autoWidth` 默认为 `true`。如果配置为 `true`，则 tooltip value 标签会自动占满 tooltip 整体宽度的剩余部分\n   * @since 1.4.2\n   */\n  autoWidth?: boolean;\n}\n\nexport interface ITooltipTheme {\n  /** 容器样式配置 */\n  panel?: {\n    /** tooltip 容器内边距 */\n    padding?: Padding;\n    /** 背景色 */\n    backgroundColor?: string | IColorKey;\n    /** tooltip边框 */\n    border?: {\n      color?: string | IColorKey;\n      width?: number;\n      /** 圆角 */\n      radius?: number;\n    };\n    /** tooltip阴影 */\n    shadow?: {\n      x: number;\n      y: number;\n      blur: number;\n      spread: number;\n      color: string | IColorKey;\n    };\n  };\n  shape?: {\n    /** 标记大小 */\n    size?: number;\n    /** shape 与相邻元素的水平间距 */\n    spacing?: number;\n  };\n  /** tooltip标题 */\n  titleLabel?: ITooltipTextTheme;\n  /** tooltip内容，key字段 */\n  keyLabel?: Omit<ITooltipTextTheme, 'autoWidth'>;\n  /** tooltip内容，value字段 */\n  valueLabel?: ITooltipTextTheme;\n  /** 内容项行间距 */\n  spaceRow?: number;\n  /** 偏移量 */\n  offset?: {\n    x?: number;\n    y?: number;\n  };\n}\n"]}

package/cjs/component/tooltip/tooltip.d.ts

@@ -37,6 +37,7 @@ export declare class Tooltip extends BaseComponent<any> implements ITooltip {
     onRender(ctx: IModelRenderOption): void;
     created(): void;
     release(): void;
+    beforeRelease(): void;
     protected _initHandler(): void;
     protected _initProcessor(): void;
     protected _initEvent(): void;