@visactor/vchart 1.12.15 → 1.13.0

package/cjs/plugin/components/tooltip-handler/utils/attribute.js

@@ -2,12 +2,32 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.getTooltipAttributes = exports.getPanelAttributes = exports.getTextAttributes = void 0;
+}), exports.getTooltipAttributes = exports.getPanelAttributes = exports.getTextAttributes = exports.measureTooltipText = void 0;
 
-const vutils_1 = require("@visactor/vutils"), vutils_extension_1 = require("@visactor/vutils-extension"), space_1 = require("../../../../util/space"), common_1 = require("./common"), token_1 = require("../../../../theme/token"), DEFAULT_TEXT_ATTRIBUTES = {
+const vutils_1 = require("@visactor/vutils"), vutils_extension_1 = require("@visactor/vutils-extension"), space_1 = require("../../../../util/space"), token_1 = require("../../../../theme/token"), vrender_core_1 = require("@visactor/vrender-core"), DEFAULT_TEXT_ATTRIBUTES = {
     fontFamily: token_1.token.fontFamily,
     spacing: 10,
     wordBreak: "break-word"
+}, measureTooltipText = (text, style) => {
+    var _a;
+    let textLines, textConfig;
+    "rich" !== (null == text ? void 0 : text.type) && "html" !== (null == text ? void 0 : text.type) ? (text = (null != text ? text : "").toString(), 
+    style.multiLine ? (textLines = text.split("\n"), textLines = textLines.map(((line, i) => i < textLines.length - 1 ? line + "\n" : line))) : textLines = [ text ], 
+    textConfig = textLines.map((line => Object.assign(Object.assign({}, style), {
+        text: line
+    })))) : (textConfig = text.text, textLines = text);
+    const bound = (0, vrender_core_1.getRichTextBounds)({
+        wordBreak: null !== (_a = style.wordBreak) && void 0 !== _a ? _a : "break-word",
+        maxWidth: style.maxWidth ? style.maxWidth : void 0,
+        width: 0,
+        height: 0,
+        textConfig: textConfig
+    });
+    return {
+        width: bound.width(),
+        height: bound.height(),
+        text: textLines
+    };
 };
 
 function getTextAttributes(style = {}, globalTheme, defaultAttributes) {
@@ -28,7 +48,7 @@ function getTextAttributes(style = {}, globalTheme, defaultAttributes) {
     });
 }
 
-exports.getTextAttributes = getTextAttributes;
+exports.measureTooltipText = measureTooltipText, exports.getTextAttributes = getTextAttributes;
 
 const getPanelAttributes = style => {
     var _a;
@@ -49,7 +69,7 @@ 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, maxContentHeight: maxContentHeight, align: align} = style, padding = (0, 
+    const {style: style = {}, enterable: enterable, transitionDuration: transitionDuration} = spec, {panel: panel = {}, titleLabel: titleLabel, shape: shape, keyLabel: keyLabel, valueLabel: valueLabel, spaceRow: commonSpaceRow, align: align} = style, padding = (0, 
     vutils_1.normalizePadding)(panel.padding), paddingSpec = (0, space_1.normalizeLayoutPaddingSpec)(panel.padding), titleStyle = getTextAttributes(Object.assign({
         textAlign: "right" === align ? "right" : "left"
     }, titleLabel), globalTheme), keyStyle = getTextAttributes(Object.assign({
@@ -76,12 +96,11 @@ const getTooltipAttributes = (actualTooltip, spec, globalTheme) => {
         hasContentShape: !1,
         keyWidth: 0,
         valueWidth: 0,
-        maxContentHeight: maxContentHeight,
         enterable: enterable,
         transitionDuration: transitionDuration,
         align: align
     }, {title: title = {}, content: content = []} = actualTooltip;
-    let panelWidth = paddingSpec.left + paddingSpec.right, panelHeight = paddingSpec.top + paddingSpec.bottom, panelDomHeight = paddingSpec.top + paddingSpec.bottom, contentMaxWidth = 0;
+    let panelWidth = paddingSpec.left + paddingSpec.right, panelHeight = paddingSpec.top + paddingSpec.bottom, contentMaxWidth = 0;
     const hasContent = !!content.length;
     let maxKeyWidth = 0, maxAdaptiveKeyWidth = 0, maxValueWidth = 0, maxShapeWidth = 0;
     if (hasContent) {
@@ -95,7 +114,7 @@ const getTooltipAttributes = (actualTooltip, spec, globalTheme) => {
             };
             if ((0, vutils_1.isValid)(actualKey)) {
                 const itemKeyStyle = (0, vutils_extension_1.mergeSpec)({}, keyStyle, getTextAttributes(actualKeyStyle, void 0, {})), {width: width, height: height, text: text} = (0, 
-                common_1.measureTooltipText)(actualKey, itemKeyStyle);
+                exports.measureTooltipText)(actualKey, itemKeyStyle);
                 itemAttrs.key = Object.assign(Object.assign({
                     width: width,
                     height: height
@@ -106,7 +125,7 @@ const getTooltipAttributes = (actualTooltip, spec, globalTheme) => {
             }
             if ((0, vutils_1.isValid)(actualValue)) {
                 const itemValueStyle = (0, vutils_extension_1.mergeSpec)({}, valueStyle, getTextAttributes(actualValueStyle, void 0, {})), {width: width, height: height, text: text} = (0, 
-                common_1.measureTooltipText)(actualValue, itemValueStyle);
+                exports.measureTooltipText)(actualValue, itemValueStyle);
                 itemAttrs.value = Object.assign(Object.assign({
                     width: width,
                     height: height
@@ -129,11 +148,11 @@ const getTooltipAttributes = (actualTooltip, spec, globalTheme) => {
             };
             return itemAttrs.height = itemHeight, contentHeight += itemHeight, i < content.length - 1 && (contentHeight += itemAttrs.spaceRow), 
             itemAttrs;
-        })), panelHeight += contentHeight, panelDomHeight += Math.min(contentHeight, null != maxContentHeight ? maxContentHeight : 1 / 0), 
-        maxKeyWidth = keyWidths.length ? (0, vutils_1.maxInArray)(keyWidths) : 0, maxAdaptiveKeyWidth = adaptiveKeyWidths.length ? (0, 
-        vutils_1.maxInArray)(adaptiveKeyWidths) : 0, maxValueWidth = valueWidths.length ? (0, 
-        vutils_1.maxInArray)(valueWidths) : 0, maxShapeWidth = shapeWidths.length ? (0, 
-        vutils_1.maxInArray)(shapeWidths) + shapeStyle.spacing : 0, contentMaxWidth = Math.max(maxShapeWidth + maxKeyWidth + keyStyle.spacing + maxValueWidth + valueStyle.spacing, maxShapeWidth + maxAdaptiveKeyWidth, contentMaxWidth), 
+        })), panelHeight += contentHeight, maxKeyWidth = keyWidths.length ? (0, vutils_1.maxInArray)(keyWidths) : 0, 
+        maxAdaptiveKeyWidth = adaptiveKeyWidths.length ? (0, vutils_1.maxInArray)(adaptiveKeyWidths) : 0, 
+        maxValueWidth = valueWidths.length ? (0, vutils_1.maxInArray)(valueWidths) : 0, 
+        maxShapeWidth = shapeWidths.length ? (0, vutils_1.maxInArray)(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;
     }
@@ -146,7 +165,7 @@ const getTooltipAttributes = (actualTooltip, spec, globalTheme) => {
         titleValueStyle = (0, vutils_extension_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);
+        const {text: text, width: width, height: height} = (0, exports.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
@@ -155,16 +174,15 @@ const getTooltipAttributes = (actualTooltip, spec, globalTheme) => {
         }), titleMaxWidth = attributes.title.value.width, titleMaxHeight = attributes.title.value.height, 
         titleHeightWithSpace = titleMaxHeight + (hasContent ? attributes.title.spaceRow : 0);
     }
-    return panelHeight += titleHeightWithSpace, panelDomHeight += titleHeightWithSpace, 
-    attributes.title.width = titleMaxWidth, attributes.title.height = titleMaxHeight, 
-    isAutoWidthMode() ? panelWidth += contentMaxWidth || titleMaxWidth : panelWidth += Math.max(titleMaxWidth, contentMaxWidth), 
+    return panelHeight += titleHeightWithSpace, attributes.title.width = titleMaxWidth, 
+    attributes.title.height = titleMaxHeight, isAutoWidthMode() ? panelWidth += contentMaxWidth || titleMaxWidth : panelWidth += 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 = panelWidth - paddingSpec.left - paddingSpec.right - maxShapeWidth - maxKeyWidth - keyStyle.spacing - valueStyle.spacing, 
         value.maxWidth || (value.maxWidth = Math.ceil(value.width)), attributes.valueWidth = Math.max(attributes.valueWidth, value.width));
     })), attributes.panel.width = panelWidth, attributes.panel.height = panelHeight, 
-    attributes.panelDomHeight = panelDomHeight, attributes;
+    attributes;
 };
 
 exports.getTooltipAttributes = getTooltipAttributes;

package/cjs/plugin/components/tooltip-handler/utils/attribute.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/plugin/components/tooltip-handler/utils/attribute.ts"],"names":[],"mappings":"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","file":"attribute.js","sourcesContent":["import type {\n  TooltipPanelAttrs,\n  TooltipRowAttrs,\n  TooltipRowStyleAttrs,\n  TooltipSymbolAttrs,\n  TooltipTextAttrs\n} from '@visactor/vrender-components';\nimport type { IPadding, ITooltipActual } from '../../../../typings';\nimport type { ITooltipAttributes, ITooltipTextStyle } from '../interface';\nimport { isValid, maxInArray, normalizePadding } from '@visactor/vutils';\nimport { mergeSpec } from '@visactor/vutils-extension';\nimport { normalizeLayoutPaddingSpec } from '../../../../util/space';\nimport { measureTooltipText } from './common';\nimport type { ITheme } from '../../../../theme';\nimport type { ITooltipSpec, ITooltipTextTheme, ITooltipTheme } from '../../../../component/tooltip';\nimport { token } from '../../../../theme/token';\n\nconst DEFAULT_TEXT_ATTRIBUTES: Partial<ITooltipTextStyle> = {\n  fontFamily: token.fontFamily,\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 as string),\n    fontSize: style.fontSize as number,\n    fontWeight: style.fontWeight,\n    lineHeight: style.lineHeight as number,\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): ITooltipAttributes => {\n  const { style = {}, enterable, transitionDuration } = spec;\n  const {\n    panel = {},\n    titleLabel,\n    shape,\n    keyLabel,\n    valueLabel,\n    spaceRow: commonSpaceRow,\n    maxContentHeight,\n    align\n  } = style;\n  const padding = normalizePadding(panel.padding);\n  const paddingSpec = normalizeLayoutPaddingSpec(panel.padding) as IPadding;\n\n  const titleStyle = getTextAttributes(\n    {\n      textAlign: align === 'right' ? 'right' : 'left',\n      ...titleLabel\n    },\n    globalTheme\n  );\n  const keyStyle = getTextAttributes(\n    {\n      textAlign: align === 'right' ? 'right' : 'left',\n      ...keyLabel\n    },\n    globalTheme\n  );\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: ITooltipAttributes = {\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    maxContentHeight,\n\n    enterable,\n    transitionDuration,\n    align\n  };\n\n  const { title = {}, content = [] } = actualTooltip;\n\n  let panelWidth = paddingSpec.left + paddingSpec.right;\n  let panelHeight = paddingSpec.top + paddingSpec.bottom;\n  /** dom tooltip 的高度。由于 canvas tooltip 不支持滚动条，dom tooltip 单独计算高度 */\n  let panelDomHeight = paddingSpec.top + paddingSpec.bottom;\n\n  // calculate content\n  let contentMaxWidth = 0;\n\n  const hasContent = !!content.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    let contentHeight = 0;\n    attributes.content = content.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        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        if (actualShapeHollow) {\n          shape.stroke = actualShapeFill;\n        } else {\n          shape.fill = actualShapeFill;\n        }\n        shape.stroke = actualShapeStroke ?? actualShapeFill;\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      contentHeight += itemHeight;\n      if (i < content.length - 1) {\n        contentHeight += itemAttrs.spaceRow;\n      }\n\n      return itemAttrs;\n    });\n    panelHeight += contentHeight;\n    panelDomHeight += Math.min(contentHeight, maxContentHeight ?? Infinity);\n\n    maxKeyWidth = keyWidths.length ? maxInArray(keyWidths) : 0; // name 需要对齐\n    maxAdaptiveKeyWidth = adaptiveKeyWidths.length ? maxInArray(adaptiveKeyWidths) : 0;\n    maxValueWidth = valueWidths.length ? maxInArray(valueWidths) : 0; // value 需要对齐\n    maxShapeWidth = shapeWidths.length ? maxInArray(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  let titleHeightWithSpace = 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    titleHeightWithSpace = titleMaxHeight + (hasContent ? attributes.title.spaceRow : 0);\n  }\n  panelHeight += titleHeightWithSpace;\n  panelDomHeight += titleHeightWithSpace;\n  attributes.title.width = titleMaxWidth;\n  attributes.title.height = titleMaxHeight;\n\n  if (isAutoWidthMode()) {\n    panelWidth += contentMaxWidth ? contentMaxWidth : titleMaxWidth;\n  } else {\n    panelWidth += 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          panelWidth -\n          paddingSpec.left -\n          paddingSpec.right -\n          maxShapeWidth -\n          maxKeyWidth -\n          keyStyle.spacing -\n          valueStyle.spacing;\n        //value.multiLine = true;  multiLine 需要用户手动开启，不会自动开启\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 = panelWidth;\n  attributes.panel.height = panelHeight;\n  attributes.panelDomHeight = panelDomHeight;\n  return attributes;\n};\n"]}
+{"version":3,"sources":["../src/plugin/components/tooltip-handler/utils/attribute.ts"],"names":[],"mappings":"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","file":"attribute.js","sourcesContent":["import type {\n  TooltipPanelAttrs,\n  TooltipRowAttrs,\n  TooltipRowStyleAttrs,\n  TooltipSymbolAttrs,\n  TooltipTextAttrs,\n  TooltipRichTextAttrs\n} from '@visactor/vrender-components';\nimport type { IPadding, ITooltipActual, MaybeArray } from '../../../../typings';\nimport type { ITooltipAttributes, ITooltipTextStyle } from '../interface';\nimport { isValid, maxInArray, normalizePadding } from '@visactor/vutils';\nimport { mergeSpec } from '@visactor/vutils-extension';\nimport { normalizeLayoutPaddingSpec } from '../../../../util/space';\nimport type { ITheme } from '../../../../theme';\nimport type { ITooltipSpec, ITooltipTextTheme, ITooltipTheme } from '../../../../component/tooltip';\nimport { token } from '../../../../theme/token';\n// eslint-disable-next-line no-duplicate-imports\nimport { getRichTextBounds } from '@visactor/vrender-core';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IRichTextCharacter, IRichTextParagraphCharacter } from '@visactor/vrender-core';\n\nconst DEFAULT_TEXT_ATTRIBUTES: Partial<ITooltipTextStyle> = {\n  fontFamily: token.fontFamily,\n  spacing: 10,\n  wordBreak: 'break-word'\n};\n\ninterface ITooltipTextInfo {\n  width: number;\n  height: number;\n  text: MaybeArray<number> | MaybeArray<string> | TooltipRichTextAttrs;\n}\n\n/** 测量 tooltip 标签文本 */\nexport const measureTooltipText = (text: string | TooltipRichTextAttrs, style: ITooltipTextStyle): ITooltipTextInfo => {\n  let textLines: string[] | TooltipRichTextAttrs;\n  let textConfig: IRichTextCharacter[];\n  if (!((text as TooltipRichTextAttrs)?.type === 'rich' || (text as TooltipRichTextAttrs)?.type === 'html')) {\n    text = (text ?? '').toString();\n    if (style.multiLine) {\n      textLines = text.split('\\n');\n      textLines = textLines.map((line, i) => (i < (textLines as string[]).length - 1 ? line + '\\n' : line));\n    } else {\n      textLines = [text];\n    }\n    textConfig = textLines.map(\n      line =>\n        ({\n          ...style,\n          text: line\n        } as unknown as IRichTextParagraphCharacter)\n    );\n  } else {\n    textConfig = (text as TooltipRichTextAttrs).text as IRichTextCharacter[];\n    textLines = text as TooltipRichTextAttrs;\n  }\n\n  const bound = getRichTextBounds({\n    wordBreak: (style as any).wordBreak ?? 'break-word',\n    maxWidth: style.maxWidth ? style.maxWidth : undefined,\n    width: 0,\n    height: 0,\n    textConfig: textConfig\n  });\n  return {\n    width: bound.width(),\n    height: bound.height(),\n    text: textLines\n  };\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 as string),\n    fontSize: style.fontSize as number,\n    fontWeight: style.fontWeight,\n    lineHeight: style.lineHeight as number,\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): ITooltipAttributes => {\n  const { style = {}, enterable, transitionDuration } = spec;\n  const { panel = {}, titleLabel, shape, keyLabel, valueLabel, spaceRow: commonSpaceRow, align } = style;\n  const padding = normalizePadding(panel.padding);\n  const paddingSpec = normalizeLayoutPaddingSpec(panel.padding) as IPadding;\n\n  const titleStyle = getTextAttributes(\n    {\n      textAlign: align === 'right' ? 'right' : 'left',\n      ...titleLabel\n    },\n    globalTheme\n  );\n  const keyStyle = getTextAttributes(\n    {\n      textAlign: align === 'right' ? 'right' : 'left',\n      ...keyLabel\n    },\n    globalTheme\n  );\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: ITooltipAttributes = {\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    align\n  };\n\n  const { title = {}, content = [] } = actualTooltip;\n\n  let panelWidth = paddingSpec.left + paddingSpec.right;\n  let panelHeight = paddingSpec.top + paddingSpec.bottom;\n\n  // calculate content\n  let contentMaxWidth = 0;\n\n  const hasContent = !!content.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    let contentHeight = 0;\n    attributes.content = content.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        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        if (actualShapeHollow) {\n          shape.stroke = actualShapeFill;\n        } else {\n          shape.fill = actualShapeFill;\n        }\n        shape.stroke = actualShapeStroke ?? actualShapeFill;\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      contentHeight += itemHeight;\n      if (i < content.length - 1) {\n        contentHeight += itemAttrs.spaceRow;\n      }\n\n      return itemAttrs;\n    });\n    panelHeight += contentHeight;\n\n    maxKeyWidth = keyWidths.length ? maxInArray(keyWidths) : 0; // name 需要对齐\n    maxAdaptiveKeyWidth = adaptiveKeyWidths.length ? maxInArray(adaptiveKeyWidths) : 0;\n    maxValueWidth = valueWidths.length ? maxInArray(valueWidths) : 0; // value 需要对齐\n    maxShapeWidth = shapeWidths.length ? maxInArray(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  let titleHeightWithSpace = 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    titleHeightWithSpace = titleMaxHeight + (hasContent ? attributes.title.spaceRow : 0);\n  }\n  panelHeight += titleHeightWithSpace;\n  attributes.title.width = titleMaxWidth;\n  attributes.title.height = titleMaxHeight;\n\n  if (isAutoWidthMode()) {\n    panelWidth += contentMaxWidth ? contentMaxWidth : titleMaxWidth;\n  } else {\n    panelWidth += 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          panelWidth -\n          paddingSpec.left -\n          paddingSpec.right -\n          maxShapeWidth -\n          maxKeyWidth -\n          keyStyle.spacing -\n          valueStyle.spacing;\n        //value.multiLine = true;  multiLine 需要用户手动开启，不会自动开启\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 = panelWidth;\n  attributes.panel.height = panelHeight;\n  return attributes;\n};\n"]}

package/cjs/plugin/components/tooltip-handler/utils/common.d.ts

@@ -1,14 +1,3 @@
-import type { MaybeArray } from '../../../../typings';
-import type { ITooltipTextStyle } from '../interface/style';
-import type { TooltipRichTextAttrs } from '@visactor/vrender-components';
 export declare function escapeHTML(value: any): string;
-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> | TooltipRichTextAttrs;
-}
-export declare const measureTooltipText: (text: string | TooltipRichTextAttrs, style: ITooltipTextStyle) => ITooltipTextInfo;
-export {};
+export declare const formatContent: (content: any) => string;

package/cjs/plugin/components/tooltip-handler/utils/common.js

@@ -2,51 +2,23 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.measureTooltipText = exports.getScale = exports.convertToColorString = exports.pickFirstValidValue = exports.escapeHTML = void 0;
+}), exports.formatContent = exports.getScale = exports.escapeHTML = void 0;
 
-const vutils_1 = require("@visactor/vutils"), vrender_core_1 = require("@visactor/vrender-core");
+const vutils_1 = require("@visactor/vutils"), constants_1 = require("../constants");
 
 function escapeHTML(value) {
     return String(value).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\(/g, "&#40;").replace(/  /g, " &nbsp;");
 }
 
-function pickFirstValidValue(isValid, ...elements) {
-    for (const ele of elements) if (isValid(ele)) return ele;
-}
-
-function convertToColorString(color, defaultColor = "#000") {
-    return color ? (0, vutils_1.isString)(color) ? color : (0, vutils_1.isObject)(color) && color.stops && color.stops[0] && color.stops[0].color || defaultColor : defaultColor;
-}
-
-exports.escapeHTML = escapeHTML, exports.pickFirstValidValue = pickFirstValidValue, 
-exports.convertToColorString = convertToColorString;
+exports.escapeHTML = escapeHTML;
 
 const getScale = (element, boundingClientRect) => element ? (boundingClientRect || (boundingClientRect = element.getBoundingClientRect()), 
 element.offsetWidth > 0 ? boundingClientRect.width / element.offsetWidth : boundingClientRect.height / element.offsetHeight) : 1;
 
 exports.getScale = getScale;
 
-const measureTooltipText = (text, style) => {
-    var _a;
-    let textLines, textConfig;
-    "rich" !== (null == text ? void 0 : text.type) && "html" !== (null == text ? void 0 : text.type) ? (text = (null != text ? text : "").toString(), 
-    style.multiLine ? (textLines = text.split("\n"), textLines = textLines.map(((line, i) => i < textLines.length - 1 ? line + "\n" : line))) : textLines = [ text ], 
-    textConfig = textLines.map((line => Object.assign(Object.assign({}, style), {
-        text: line
-    })))) : (textConfig = text.text, textLines = text);
-    const bound = (0, vrender_core_1.getRichTextBounds)({
-        wordBreak: null !== (_a = style.wordBreak) && void 0 !== _a ? _a : "break-word",
-        maxWidth: style.maxWidth ? style.maxWidth : void 0,
-        width: 0,
-        height: 0,
-        textConfig: textConfig
-    });
-    return {
-        width: bound.width(),
-        height: bound.height(),
-        text: textLines
-    };
-};
-
-exports.measureTooltipText = measureTooltipText;
+const formatContent = content => (0, vutils_1.isString)(content) && "" !== (null == content ? void 0 : content.trim()) || (0, 
+vutils_1.isNumber)(content) ? escapeHTML(content) : constants_1.TOOLTIP_EMPTY_STRING;
+
+exports.formatContent = formatContent;
 //# sourceMappingURL=common.js.map

package/cjs/plugin/components/tooltip-handler/utils/common.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/plugin/components/tooltip-handler/utils/common.ts"],"names":[],"mappings":"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","file":"common.js","sourcesContent":["import type { MaybeArray } from '../../../../typings';\nimport { isObject, isString } from '@visactor/vutils';\nimport type { IRichTextParagraphCharacter } from '@visactor/vrender-core';\n// eslint-disable-next-line no-duplicate-imports\nimport { getRichTextBounds } from '@visactor/vrender-core';\nimport type { ITooltipTextStyle } from '../interface/style';\nimport type { TooltipRichTextAttrs } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IRichTextCharacter } from '@visactor/vrender-core';\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 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> | TooltipRichTextAttrs;\n}\n\n/** 测量 tooltip 标签文本 */\nexport const measureTooltipText = (text: string | TooltipRichTextAttrs, style: ITooltipTextStyle): ITooltipTextInfo => {\n  let textLines: string[] | TooltipRichTextAttrs;\n  let textConfig: IRichTextCharacter[];\n  if (!((text as TooltipRichTextAttrs)?.type === 'rich' || (text as TooltipRichTextAttrs)?.type === 'html')) {\n    text = (text ?? '').toString();\n    if (style.multiLine) {\n      textLines = text.split('\\n');\n      textLines = textLines.map((line, i) => (i < (textLines as string[]).length - 1 ? line + '\\n' : line));\n    } else {\n      textLines = [text];\n    }\n    textConfig = textLines.map(\n      line =>\n        ({\n          ...style,\n          text: line\n        } as unknown as IRichTextParagraphCharacter)\n    );\n  } else {\n    textConfig = (text as TooltipRichTextAttrs).text as IRichTextCharacter[];\n    textLines = text as TooltipRichTextAttrs;\n  }\n\n  const bound = getRichTextBounds({\n    wordBreak: (style as any).wordBreak ?? 'break-word',\n    maxWidth: style.maxWidth ? style.maxWidth : undefined,\n    width: 0,\n    height: 0,\n    textConfig: textConfig\n  });\n  return {\n    width: bound.width(),\n    height: bound.height(),\n    text: textLines\n  };\n};\n"]}
+{"version":3,"sources":["../src/plugin/components/tooltip-handler/utils/common.ts"],"names":[],"mappings":";;;AAAA,6CAAsD;AACtD,4CAAoD;AAOpD,SAAgB,UAAU,CAAC,KAAU;IACnC,OAAO,MAAM,CAAC,KAAK,CAAC;SACjB,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;SACtB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;SACrB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;SACrB,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC;SACvB,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;AAC/B,CAAC;AAPD,gCAOC;AAGM,MAAM,QAAQ,GAAG,CAAC,OAAoB,EAAE,kBAA4B,EAAE,EAAE;IAC7E,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,CAAC,CAAC;KACV;IACD,IAAI,CAAC,kBAAkB,EAAE;QACvB,kBAAkB,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;KACtD;IACD,IAAI,OAAO,CAAC,WAAW,GAAG,CAAC,EAAE;QAC3B,OAAO,kBAAkB,CAAC,KAAK,GAAG,OAAO,CAAC,WAAW,CAAC;KACvD;IACD,OAAO,kBAAkB,CAAC,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC;AAC1D,CAAC,CAAC;AAXW,QAAA,QAAQ,YAWnB;AAEK,MAAM,aAAa,GAAG,CAAC,OAAY,EAAE,EAAE;IAC5C,IAAI,CAAC,IAAA,iBAAQ,EAAC,OAAO,CAAC,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,EAAE,MAAK,EAAE,CAAC,IAAI,IAAA,iBAAQ,EAAC,OAAO,CAAC,EAAE;QACtE,OAAO,UAAU,CAAC,OAAO,CAAC,CAAC;KAC5B;IAED,OAAO,gCAAoB,CAAC;AAC9B,CAAC,CAAC;AANW,QAAA,aAAa,iBAMxB","file":"common.js","sourcesContent":["import { isString, isNumber } from '@visactor/vutils';\nimport { TOOLTIP_EMPTY_STRING } from '../constants';\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\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\nexport const formatContent = (content: any) => {\n  if ((isString(content) && content?.trim() !== '') || isNumber(content)) {\n    return escapeHTML(content);\n  }\n\n  return TOOLTIP_EMPTY_STRING;\n};\n"]}

package/cjs/plugin/components/tooltip-handler/utils/style.d.ts

@@ -0,0 +1,18 @@
+import type { ITooltipSpec, ITooltipTextTheme, ITooltipTheme } from '../../../../component/tooltip';
+export declare const getPixelPropertyStr: (num?: number | number[], defaultStr?: string) => string;
+export declare const getTextStyle: (style?: ITooltipTextTheme) => Partial<CSSStyleDeclaration>;
+export declare const getDomStyle: (spec?: ITooltipSpec) => {
+    panelPadding: number[];
+    row: Partial<CSSStyleDeclaration>;
+    panel: Partial<CSSStyleDeclaration>;
+    title: Partial<CSSStyleDeclaration>;
+    shape: Partial<CSSStyleDeclaration>;
+    key: Partial<CSSStyleDeclaration>;
+    value: Partial<CSSStyleDeclaration>;
+};
+export declare const getPanelStyle: (style: ITooltipTheme['panel']) => {
+    panelStyle: Partial<CSSStyleDeclaration>;
+    panelPadding?: number[];
+};
+export declare function setStyleToDom(dom: HTMLElement, style: Partial<CSSStyleDeclaration>): void;
+export declare function cssToStyleString(style: Partial<CSSStyleDeclaration>): string;

package/cjs/plugin/components/tooltip-handler/utils/style.js

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.cssToStyleString = exports.setStyleToDom = exports.getPanelStyle = exports.getDomStyle = exports.getTextStyle = exports.getPixelPropertyStr = void 0;
+
+const vutils_1 = require("@visactor/vutils"), DEFAULT_SHAPE_SPACING = 8, DEFAULT_KEY_SPACING = 26, DEFAULT_VALUE_SPACING = 0, getPixelPropertyStr = (num, defaultStr) => (0, 
+vutils_1.isValid)(num) ? (0, vutils_1.isArray)(num) ? num.map((n => `${n}px`)).join(" ") : `${num}px` : null != defaultStr ? defaultStr : "initial";
+
+exports.getPixelPropertyStr = getPixelPropertyStr;
+
+const getTextStyle = (style = {}) => {
+    var _a, _b;
+    return {
+        color: null !== (_a = style.fill) && void 0 !== _a ? _a : style.fontColor,
+        fontFamily: style.fontFamily,
+        fontSize: (0, exports.getPixelPropertyStr)(style.fontSize),
+        fontWeight: style.fontWeight,
+        textAlign: style.textAlign,
+        maxWidth: (0, exports.getPixelPropertyStr)(style.maxWidth),
+        whiteSpace: style.multiLine ? "initial" : "nowrap",
+        wordBreak: style.multiLine ? null !== (_b = style.wordBreak) && void 0 !== _b ? _b : "break-word" : "normal"
+    };
+};
+
+exports.getTextStyle = getTextStyle;
+
+const getDomStyle = (spec = {}) => {
+    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, align: align} = style, {panelStyle: panelStyle, panelPadding: panelPadding} = (0, 
+    exports.getPanelStyle)(panel), rowStyle = {
+        marginTop: "0px",
+        marginBottom: "0px"
+    };
+    panelStyle.pointerEvents = enterable ? "auto" : "none", transitionDuration && (panelStyle.transitionDuration = transitionDuration ? `${transitionDuration}ms` : "initial", 
+    panelStyle.transitionProperty = transitionDuration ? "transform" : "initial", panelStyle.transitionTimingFunction = transitionDuration ? "ease-out" : "initial"), 
+    (0, vutils_1.isValidNumber)(commonSpaceRow) && (rowStyle.marginBottom = `${commonSpaceRow}px`);
+    const shapeStyle = {
+        width: (0, exports.getPixelPropertyStr)(null !== (_a = null == shape ? void 0 : shape.size) && void 0 !== _a ? _a : 8)
+    }, titleStyle = (0, exports.getTextStyle)(titleLabel), keyStyle = (0, exports.getTextStyle)(keyLabel), valueStyle = (0, 
+    exports.getTextStyle)(valueLabel), marginKey = "right" === align ? "marginLeft" : "marginRight";
+    "right" === align ? (panelStyle.direction = "rtl", titleStyle.textAlign = "right", 
+    keyStyle.textAlign = "right", valueStyle.textAlign = "left") : (titleStyle.textAlign = "left", 
+    keyStyle.textAlign = "left", valueStyle.textAlign = "right"), shapeStyle[marginKey] = (0, 
+    exports.getPixelPropertyStr)(null !== (_b = shape.spacing) && void 0 !== _b ? _b : 8), 
+    keyStyle[marginKey] = (0, exports.getPixelPropertyStr)(null !== (_c = keyLabel.spacing) && void 0 !== _c ? _c : 26), 
+    valueStyle[marginKey] = (0, exports.getPixelPropertyStr)(null !== (_d = valueLabel.spacing) && void 0 !== _d ? _d : 0);
+    const lineHeight = null !== (_e = keyStyle.lineHeight) && void 0 !== _e ? _e : valueStyle.lineHeight;
+    return (0, vutils_1.isValid)(lineHeight) && (rowStyle.lineHeight = /^[0-9]*$/.test(`${lineHeight}`) ? `${lineHeight}px` : `${lineHeight}`), 
+    {
+        panelPadding: panelPadding,
+        row: rowStyle,
+        panel: panelStyle,
+        title: titleStyle,
+        shape: shapeStyle,
+        key: keyStyle,
+        value: valueStyle
+    };
+};
+
+exports.getDomStyle = getDomStyle;
+
+const getPanelStyle = style => {
+    var _a;
+    const {backgroundColor: backgroundColor, border: border, shadow: shadow, padding: padding} = style, panelStyle = {
+        borderWidth: `${null !== (_a = null == border ? void 0 : border.width) && void 0 !== _a ? _a : 0}px`
+    };
+    let panelPadding = null;
+    (null == border ? void 0 : border.color) && (panelStyle.borderColor = border.color), 
+    backgroundColor && (panelStyle.backgroundColor = backgroundColor), panelStyle.boxShadow = shadow ? `${shadow.x}px ${shadow.y}px ${shadow.blur}px ${shadow.spread}px ${shadow.color}` : "initial";
+    const {radius: radius} = null != border ? border : {};
+    return (0, vutils_1.isValid)(radius) && (panelStyle.borderRadius = (0, vutils_1.isValidNumber)(radius) ? `${radius}px` : `${radius}`), 
+    padding && (panelPadding = (0, vutils_1.normalizePadding)(padding), panelStyle.padding = (0, 
+    exports.getPixelPropertyStr)(panelPadding)), {
+        panelStyle: panelStyle,
+        panelPadding: panelPadding
+    };
+};
+
+function setStyleToDom(dom, style) {
+    dom && dom.style && style && Object.keys(style).forEach((key => {
+        dom.style[key] = style[key];
+    }));
+}
+
+function cssToStyleString(style) {
+    let str = "";
+    return style && Object.keys(style).forEach((k => {
+        (0, vutils_1.isValid)(style[k]) && (str += `${(0, vutils_1.lowerCamelCaseToMiddle)(k)}:${style[k]};`);
+    })), str;
+}
+
+exports.getPanelStyle = getPanelStyle, exports.setStyleToDom = setStyleToDom, exports.cssToStyleString = cssToStyleString;
+//# sourceMappingURL=style.js.map

package/cjs/plugin/components/tooltip-handler/utils/style.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin/components/tooltip-handler/utils/style.ts"],"names":[],"mappings":"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","file":"style.js","sourcesContent":["import { isArray, isValid, isValidNumber, lowerCamelCaseToMiddle, normalizePadding } from '@visactor/vutils';\nimport type { ITooltipSpec, ITooltipTextTheme, ITooltipTheme } from '../../../../component/tooltip';\nconst DEFAULT_SHAPE_SPACING = 8;\nconst DEFAULT_KEY_SPACING = 26;\nconst DEFAULT_VALUE_SPACING = 0;\n\nexport const getPixelPropertyStr = (num?: number | number[], defaultStr?: string) => {\n  if (isValid(num)) {\n    if (isArray(num)) {\n      return num.map(n => `${n}px`).join(' ');\n    }\n    return `${num}px`;\n  }\n  return defaultStr ?? 'initial';\n};\n\nexport const getTextStyle = (style: ITooltipTextTheme = {}) => {\n  const textStyle: Partial<CSSStyleDeclaration> = {\n    color: style.fill ?? style.fontColor,\n    fontFamily: style.fontFamily,\n    fontSize: getPixelPropertyStr(style.fontSize as number),\n    fontWeight: style.fontWeight as string,\n    textAlign: style.textAlign,\n    maxWidth: getPixelPropertyStr(style.maxWidth),\n    whiteSpace: style.multiLine ? 'initial' : 'nowrap',\n    wordBreak: style.multiLine ? style.wordBreak ?? 'break-word' : 'normal'\n  };\n\n  return textStyle;\n};\n\nexport const getDomStyle = (spec: ITooltipSpec = {}) => {\n  const { style = {}, enterable, transitionDuration } = spec;\n  const { panel = {}, titleLabel, shape, keyLabel, valueLabel, spaceRow: commonSpaceRow, align } = style;\n  const { panelStyle, panelPadding } = getPanelStyle(panel);\n  const rowStyle: Partial<CSSStyleDeclaration> = {\n    marginTop: '0px',\n    marginBottom: '0px'\n  };\n\n  panelStyle.pointerEvents = enterable ? 'auto' : 'none';\n  if (transitionDuration) {\n    panelStyle.transitionDuration = transitionDuration ? `${transitionDuration}ms` : 'initial';\n    panelStyle.transitionProperty = transitionDuration ? 'transform' : 'initial';\n    panelStyle.transitionTimingFunction = transitionDuration ? 'ease-out' : 'initial';\n  }\n\n  if (isValidNumber(commonSpaceRow)) {\n    rowStyle.marginBottom = `${commonSpaceRow}px`;\n  }\n\n  const shapeStyle: Partial<CSSStyleDeclaration> = {\n    // TODO 默认值优化\n    width: getPixelPropertyStr(shape?.size ?? 8)\n  };\n  const titleStyle = getTextStyle(titleLabel);\n  const keyStyle = getTextStyle(keyLabel);\n  const valueStyle = getTextStyle(valueLabel);\n  const marginKey = align === 'right' ? 'marginLeft' : 'marginRight';\n\n  if (align === 'right') {\n    // rtl\n    panelStyle.direction = 'rtl';\n    titleStyle.textAlign = 'right';\n    keyStyle.textAlign = 'right';\n    valueStyle.textAlign = 'left';\n  } else {\n    titleStyle.textAlign = 'left';\n    keyStyle.textAlign = 'left';\n    valueStyle.textAlign = 'right';\n  }\n  shapeStyle[marginKey] = getPixelPropertyStr(shape.spacing ?? DEFAULT_SHAPE_SPACING);\n  keyStyle[marginKey] = getPixelPropertyStr(keyLabel.spacing ?? DEFAULT_KEY_SPACING);\n  valueStyle[marginKey] = getPixelPropertyStr(valueLabel.spacing ?? DEFAULT_VALUE_SPACING);\n\n  const lineHeight = keyStyle.lineHeight ?? valueStyle.lineHeight;\n\n  if (isValid(lineHeight)) {\n    rowStyle.lineHeight = /^[0-9]*$/.test(`${lineHeight}`) ? `${lineHeight}px` : `${lineHeight}`;\n  }\n\n  return {\n    panelPadding,\n    row: rowStyle,\n    panel: panelStyle,\n    title: titleStyle,\n    shape: shapeStyle,\n    key: keyStyle,\n    value: valueStyle\n  };\n};\n\nexport const getPanelStyle = (\n  style: ITooltipTheme['panel']\n): { panelStyle: Partial<CSSStyleDeclaration>; panelPadding?: number[] } => {\n  const { backgroundColor, border, shadow, padding } = style;\n  const panelStyle: Partial<CSSStyleDeclaration> = {\n    borderWidth: `${border?.width ?? 0}px`\n  };\n  let panelPadding: number[] = null;\n\n  if (border?.color) {\n    panelStyle.borderColor = border.color as string;\n  }\n  if (backgroundColor) {\n    panelStyle.backgroundColor = backgroundColor as string;\n  }\n  panelStyle.boxShadow = shadow\n    ? `${shadow.x}px ${shadow.y}px ${shadow.blur}px ${shadow.spread}px ${shadow.color}`\n    : 'initial';\n  const { radius } = border ?? {};\n\n  if (isValid(radius)) {\n    panelStyle.borderRadius = isValidNumber(radius) ? `${radius}px` : `${radius}`;\n  }\n\n  if (padding) {\n    panelPadding = normalizePadding(padding);\n    panelStyle.padding = getPixelPropertyStr(panelPadding);\n  }\n\n  return { panelStyle, panelPadding };\n};\n\nexport function setStyleToDom(dom: HTMLElement, style: Partial<CSSStyleDeclaration>) {\n  if (!dom || !dom.style || !style) {\n    return;\n  }\n\n  Object.keys(style).forEach(key => {\n    (dom.style as any)[key] = (style as any)[key];\n  });\n}\n\nexport function cssToStyleString(style: Partial<CSSStyleDeclaration>) {\n  let str = '';\n\n  style &&\n    Object.keys(style).forEach(k => {\n      if (isValid((style as any)[k])) {\n        str += `${lowerCamelCaseToMiddle(k)}:${(style as any)[k]};`;\n      }\n    });\n\n  return str;\n}\n"]}

package/cjs/plugin/components/tooltip-handler/utils/svg.d.ts

@@ -0,0 +1,2 @@
+import type { ITooltipShapeActual } from '../../../../typings';
+export declare function getSvgHtml(option: ITooltipShapeActual | undefined, index?: number): string;

package/cjs/plugin/components/tooltip-handler/utils/svg.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.getSvgHtml = void 0;
+
+const common_1 = require("./common"), vrender_core_1 = require("@visactor/vrender-core"), vutils_1 = require("@visactor/vutils");
+
+function getSvgHtml(option, index) {
+    var _a, _b, _c, _d, _e, _f;
+    if (!option || !option.hasShape || !option.shapeType) return "";
+    const styleString = 'style="display:inline-block;vertical-align:middle;"', {shapeType: shapeType, shapeFill: shapeFill, shapeStroke: shapeStroke, shapeHollow: shapeHollow = !1} = option, size = null !== (_a = option.shapeSize) && void 0 !== _a ? _a : 8, lineWidth = option.shapeLineWidth ? (0, 
+    common_1.escapeHTML)(option.shapeLineWidth) + "px" : "0px";
+    let fillString = "currentColor";
+    const getStroke = () => shapeStroke ? (0, common_1.escapeHTML)(shapeStroke) : fillString, sizeNumber = size, createSymbol = symbolType => new vrender_core_1.Symbol({
+        symbolType: symbolType,
+        size: sizeNumber,
+        fill: !0
+    });
+    let symbol = createSymbol(shapeType);
+    const parsedPath = symbol.getParsedPath();
+    let bounds, path;
+    if (!parsedPath.path && parsedPath.pathStr && (symbol = createSymbol(parsedPath.pathStr)), 
+    symbol.getParsedPath().path) {
+        const pathModel = symbol.getParsedPath().path;
+        path = pathModel.toString(), bounds = pathModel.bounds;
+    } else parsedPath.isSvg && parsedPath.svgCache && (path = parsedPath.svgCache.map((s => s.path.toString())).join(), 
+    bounds = parsedPath.svgCache.reduce(((acc, cur) => acc.union(cur.path.bounds)), new vutils_1.Bounds));
+    let viewBox = `${bounds.x1} ${bounds.y1} ${bounds.width()} ${bounds.height()}`;
+    if ("0px" !== lineWidth) {
+        const [x, y, w, h] = viewBox.split(" ").map((n => Number(n))), lw = Number(lineWidth.slice(0, -2));
+        viewBox = `${x - lw / 2} ${y - lw / 2} ${w + lw} ${h + lw}`;
+    }
+    if (!shapeFill || (0, vutils_1.isString)(shapeFill) || shapeHollow) return fillString = shapeHollow ? "none" : shapeFill ? (0, 
+    common_1.escapeHTML)(shapeFill) : "currentColor", `\n    <svg ${styleString} width="${size}" height="${size}" viewBox="${viewBox}">\n      <path\n        d="${path}"\n        style="fill: ${fillString}; stroke: ${getStroke()}; stroke-width: ${lineWidth}"\n      >\n      </path>\n    </svg>`;
+    if ((0, vutils_1.isObject)(shapeFill)) {
+        fillString = "gradientColor" + (null != index ? index : "");
+        let gradient = "";
+        const stops = (null !== (_b = shapeFill.stops) && void 0 !== _b ? _b : []).map((s => `<stop offset="${(0, 
+        common_1.escapeHTML)(s.offset.toString())}" stop-color="${(0, common_1.escapeHTML)(s.color)}"/>`)).join("");
+        return "radial" === shapeFill.gradient ? gradient = `<radialGradient id="${fillString}" cx="50%" cy="50%" r="50%" fx="0%" fy="0%">\n      ${stops}\n      </radialGradient>` : "linear" === shapeFill.gradient && (gradient = `<linearGradient id="${fillString}" x1="${100 * (null !== (_c = shapeFill.x0) && void 0 !== _c ? _c : 0)}%" y1="${100 * (null !== (_d = shapeFill.y0) && void 0 !== _d ? _d : 0)}%" x2="${100 * (null !== (_e = shapeFill.x1) && void 0 !== _e ? _e : 0)}%" y2="${100 * (null !== (_f = shapeFill.y1) && void 0 !== _f ? _f : 0)}%">\n      ${stops}\n      </linearGradient>`), 
+        `\n    <svg ${styleString} width="${size}" height="${size}" viewBox="-0.5 -0.5 1 1">\n      ${gradient}\n      <path\n        d="${path}"\n        style="fill: url(#${fillString}); stroke: ${getStroke()}; stroke-width: ${lineWidth}"\n      >\n      </path>\n    </svg>`;
+    }
+    return "";
+}
+
+exports.getSvgHtml = getSvgHtml;
+//# sourceMappingURL=svg.js.map

package/cjs/plugin/components/tooltip-handler/utils/svg.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin/components/tooltip-handler/utils/svg.ts"],"names":[],"mappings":"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","file":"svg.js","sourcesContent":["import { escapeHTML } from './common';\n// eslint-disable-next-line no-duplicate-imports\nimport type { CustomSymbolClass, IGradientColor, ILinearGradient } from '@visactor/vrender-core';\nimport { Symbol } from '@visactor/vrender-core';\nimport { Bounds, isObject, isString } from '@visactor/vutils';\nimport type { ITooltipShapeActual } from '../../../../typings';\n\nexport function getSvgHtml(option: ITooltipShapeActual | undefined, index?: number) {\n  if (!option || !option.hasShape || !option.shapeType) {\n    return '';\n  }\n\n  const styleString = `style=\"display:inline-block;vertical-align:middle;\"`;\n  const { shapeType, shapeFill, shapeStroke, shapeHollow = false } = option;\n  const size = option.shapeSize ?? 8;\n  const lineWidth = option.shapeLineWidth ? escapeHTML(option.shapeLineWidth) + 'px' : '0px';\n  let fillString: string = 'currentColor';\n  const getStroke = () => (shapeStroke ? escapeHTML(shapeStroke) : fillString);\n\n  const sizeNumber = size;\n  const createSymbol = (symbolType: string) => new Symbol({ symbolType, size: sizeNumber, fill: true });\n\n  let symbol = createSymbol(shapeType);\n  const parsedPath = symbol.getParsedPath();\n  if (!parsedPath.path && parsedPath.pathStr) {\n    symbol = createSymbol(parsedPath.pathStr);\n  }\n\n  let bounds;\n  let path;\n  if (symbol.getParsedPath().path) {\n    const pathModel = symbol.getParsedPath().path;\n\n    path = pathModel.toString();\n    bounds = pathModel.bounds;\n  } else if (parsedPath.isSvg && (parsedPath as unknown as CustomSymbolClass).svgCache) {\n    path = (parsedPath as unknown as CustomSymbolClass).svgCache.map(s => s.path.toString()).join();\n    bounds = (parsedPath as unknown as CustomSymbolClass).svgCache.reduce(\n      (acc, cur) => acc.union(cur.path.bounds),\n      new Bounds()\n    );\n  }\n  let viewBox = `${bounds.x1} ${bounds.y1} ${bounds.width()} ${bounds.height()}`;\n\n  // svg 不支持内描边，需要手动将描边空间预留在 viewBox 上\n  if (lineWidth !== '0px') {\n    const [x, y, w, h] = viewBox.split(' ').map(n => Number(n));\n    const lw = Number(lineWidth.slice(0, -2));\n    viewBox = `${x - lw / 2} ${y - lw / 2} ${w + lw} ${h + lw}`;\n  }\n\n  if (!shapeFill || isString(shapeFill) || shapeHollow) {\n    fillString = shapeHollow ? 'none' : shapeFill ? escapeHTML(shapeFill) : 'currentColor';\n    return `\n    <svg ${styleString} width=\"${size}\" height=\"${size}\" viewBox=\"${viewBox}\">\n      <path\n        d=\"${path}\"\n        style=\"fill: ${fillString}; stroke: ${getStroke()}; stroke-width: ${lineWidth}\"\n      >\n      </path>\n    </svg>`;\n  }\n  if (isObject(shapeFill)) {\n    fillString = 'gradientColor' + (index ?? '');\n    let gradient = '';\n    const stops = ((shapeFill as IGradientColor).stops ?? [])\n      .map(s => `<stop offset=\"${escapeHTML(s.offset.toString())}\" stop-color=\"${escapeHTML(s.color)}\"/>`)\n      .join('');\n    if ((shapeFill as IGradientColor).gradient === 'radial') {\n      gradient = `<radialGradient id=\"${fillString}\" cx=\"50%\" cy=\"50%\" r=\"50%\" fx=\"0%\" fy=\"0%\">\n      ${stops}\n      </radialGradient>`;\n    } else if ((shapeFill as IGradientColor).gradient === 'linear') {\n      gradient = `<linearGradient id=\"${fillString}\" x1=\"${\n        (((shapeFill as ILinearGradient).x0 as number) ?? 0) * 100\n      }%\" y1=\"${(((shapeFill as ILinearGradient).y0 as number) ?? 0) * 100}%\" x2=\"${\n        (((shapeFill as ILinearGradient).x1 as number) ?? 0) * 100\n      }%\" y2=\"${(((shapeFill as ILinearGradient).y1 as number) ?? 0) * 100}%\">\n      ${stops}\n      </linearGradient>`;\n    }\n    return `\n    <svg ${styleString} width=\"${size}\" height=\"${size}\" viewBox=\"-0.5 -0.5 1 1\">\n      ${gradient}\n      <path\n        d=\"${path}\"\n        style=\"fill: url(#${fillString}); stroke: ${getStroke()}; stroke-width: ${lineWidth}\"\n      >\n      </path>\n    </svg>`;\n  }\n\n  return '';\n}\n"]}

package/cjs/series/base/base-series.d.ts

@@ -7,7 +7,7 @@ import { BaseModel } from '../../model/base-model';
 import type { ISeriesOption, ISeries, ISeriesMarkInitOption, ISeriesStackData, ISeriesTooltipHelper, SeriesMarkMap, ISeriesMarkInfo, ISeriesSpecInfo, ISeriesStackDataLeaf, ISeriesStackDataMeta, ISeriesSeriesInfo } from '../interface';
 import type { IModelEvaluateOption, IModelRenderOption, IUpdateSpecResult } from '../../model/interface';
 import type { AddVChartPropertyContext } from '../../data/transforms/add-property';
-import type { IBaseInteractionSpec } from '../../interaction/interface';
+import type { IBaseInteractionSpec, IHoverSpec, ISelectSpec } from '../../interaction/interface';
 import type { StatisticOperations } from '../../data/transforms/dimension-statistics';
 import { SeriesData } from './series-data';
 import type { IGroupMark } from '../../mark/group';
@@ -141,9 +141,6 @@ export declare abstract class BaseSeries<T extends ISeriesSpec> extends BaseMode
         triggerOff: EventType;
         blurState: STATE_VALUE_ENUM;
         highlightState: STATE_VALUE_ENUM;
-        reverseState?: undefined;
-        state?: undefined;
-        isMultiple?: undefined;
     } | {
         type: string;
         seriesId: number;
@@ -154,9 +151,28 @@ export declare abstract class BaseSeries<T extends ISeriesSpec> extends BaseMode
         reverseState: STATE_VALUE_ENUM;
         state: STATE_VALUE_ENUM;
         isMultiple: boolean;
-        blurState?: undefined;
-        highlightState?: undefined;
     })[];
+    protected _defaultHoverConfig(selector: string[], finalHoverSpec: IHoverSpec): {
+        seriesId: number;
+        regionId: number;
+        selector: string[];
+        type: string;
+        trigger: EventType;
+        triggerOff: EventType;
+        blurState: STATE_VALUE_ENUM;
+        highlightState: STATE_VALUE_ENUM;
+    };
+    protected _defaultSelectConfig(selector: string[], finalSelectSpec: ISelectSpec): {
+        type: string;
+        seriesId: number;
+        regionId: number;
+        selector: string[];
+        trigger: EventType;
+        triggerOff: EventType;
+        reverseState: STATE_VALUE_ENUM;
+        state: STATE_VALUE_ENUM;
+        isMultiple: boolean;
+    };
     protected _parseInteractionConfig(mainMarks?: IMark[]): void;
     initInteraction(): void;
     initAnimation(): void;