@visactor/vchart 0.0.1-alpha.0

package/cjs/component/tooltip/handler/dom/model/title-model.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.TitleModel = void 0;
+
+const vutils_1 = require("@visactor/vutils"), style_constants_1 = require("./style-constants"), base_tooltip_model_1 = require("./base-tooltip-model"), shape_model_1 = require("./shape-model"), text_model_1 = require("./text-model");
+
+class TitleModel extends base_tooltip_model_1.BaseTooltipModel {
+    constructor() {
+        super(...arguments), this.shape = null;
+    }
+    init() {
+        if (!this._tooltipActual) return;
+        this.product || (this.product = this.createElement("h2"));
+        const {title: title} = this._tooltipActual;
+        (null == title ? void 0 : title.hasShape) && (null == title ? void 0 : title.shapeType) ? this.shape || this._initShape() : this.shape && this._releaseShape(), 
+        this.textSpan || this._initTextSpan();
+    }
+    _initShape() {
+        const shape = new shape_model_1.ShapeModel(this.product, this._option, 0, this._tooltipStyle, this._tooltipActual);
+        shape.init(), this.shape = shape, this.children[shape.childIndex] = shape;
+    }
+    _releaseShape() {
+        this.shape.release(), delete this.children[this.shape.childIndex], this.shape = null;
+    }
+    _initTextSpan() {
+        const textSpan = new text_model_1.TextModel(this.product, this._option, 1, this._tooltipStyle, this._tooltipActual);
+        textSpan.init(), this.textSpan = textSpan, this.children[textSpan.childIndex] = textSpan;
+    }
+    setStyle(style) {
+        var _a;
+        if (!this._tooltipActual || !this._tooltipStyle) return;
+        const {title: title} = this._tooltipActual;
+        super.setStyle((0, vutils_1.merge)({}, style_constants_1.defaultH2Style, this._tooltipStyle.title, style)), 
+        null === (_a = this.shape) || void 0 === _a || _a.setStyle({
+            paddingRight: this._tooltipStyle.content.shape.marginRight
+        }, {
+            hasShape: null == title ? void 0 : title.hasShape,
+            shapeType: null == title ? void 0 : title.shapeType,
+            size: this._tooltipStyle.content.shape.width,
+            color: null == title ? void 0 : title.shapeColor,
+            hollow: null == title ? void 0 : title.shapeHollow
+        });
+    }
+    setContent() {
+        var _a;
+        if (!this._tooltipActual || !this._tooltipStyle) return;
+        const {title: title} = this._tooltipActual;
+        this.init(), null === (_a = this.shape) || void 0 === _a || _a.setStyle(void 0, {
+            hasShape: null == title ? void 0 : title.hasShape,
+            shapeType: null == title ? void 0 : title.shapeType,
+            size: this._tooltipStyle.content.shape.width,
+            color: null == title ? void 0 : title.shapeColor,
+            hollow: null == title ? void 0 : title.shapeHollow
+        }), this.textSpan.setContent(title.value);
+    }
+    release() {
+        super.release(), this.shape = null, this.textSpan = null;
+    }
+}
+
+exports.TitleModel = TitleModel;
+//# sourceMappingURL=title-model.js.map

package/cjs/component/tooltip/handler/dom/model/title-model.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/tooltip/handler/dom/model/title-model.ts"],"names":[],"mappings":";;;AAAA,6CAAyC;AACzC,uDAAmD;AACnD,6DAAwD;AACxD,+CAA2C;AAC3C,6CAAyC;AAEzC,MAAa,UAAW,SAAQ,qCAAgB;IAAhD;;QACE,UAAK,GAAsB,IAAI,CAAC;IA0FlC,CAAC;IAvFC,IAAI;QACF,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;YACxB,OAAO;SACR;QAED,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;SACzC;QAED,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC;QACtC,IAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,MAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAAA,EAAE;YACvC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;gBACf,IAAI,CAAC,UAAU,EAAE,CAAC;aACnB;SACF;aAAM,IAAI,IAAI,CAAC,KAAK,EAAE;YACrB,IAAI,CAAC,aAAa,EAAE,CAAC;SACtB;QAED,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,aAAa,EAAE,CAAC;SACtB;IACH,CAAC;IAEO,UAAU;QAChB,MAAM,KAAK,GAAG,IAAI,wBAAU,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QACrG,KAAK,CAAC,IAAI,EAAE,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC;IAC1C,CAAC;IAEO,aAAa;QACnB,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;QACrB,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QAC5C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;IACpB,CAAC;IAEO,aAAa;QACnB,MAAM,QAAQ,GAAG,IAAI,sBAAS,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QACvG,QAAQ,CAAC,IAAI,EAAE,CAAC;QAChB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,GAAG,QAAQ,CAAC;IAChD,CAAC;IAED,QAAQ,CAAC,KAAoC;;QAC3C,IAAI,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YAC/C,OAAO;SACR;QAED,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC;QACtC,KAAK,CAAC,QAAQ,CAAC,IAAA,cAAK,EAAC,EAAE,EAAE,gCAAc,EAAE,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;QAE3E,MAAA,IAAI,CAAC,KAAK,0CAAE,QAAQ,CAClB;YACE,YAAY,EAAE,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW;SAC3D,EACD;YACE,QAAQ,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ;YACzB,SAAS,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS;YAC3B,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK;YAC5C,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU;YACxB,MAAM,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW;SAC3B,CACF,CAAC;IACJ,CAAC;IAED,UAAU;;QACR,IAAI,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YAC/C,OAAO;SACR;QAED,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC;QACtC,IAAI,CAAC,IAAI,EAAE,CAAC;QACZ,MAAA,IAAI,CAAC,KAAK,0CAAE,QAAQ,CAAC,SAAS,EAAE;YAC9B,QAAQ,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ;YACzB,SAAS,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS;YAC3B,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK;YAC5C,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU;YACxB,MAAM,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW;SAC3B,CAAC,CAAC;QACH,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC;IAED,OAAO;QACL,KAAK,CAAC,OAAO,EAAE,CAAC;QAChB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;CACF;AA3FD,gCA2FC","file":"title-model.js","sourcesContent":["import { merge } from '@visactor/vutils';\nimport { defaultH2Style } from './style-constants';\nimport { BaseTooltipModel } from './base-tooltip-model';\nimport { ShapeModel } from './shape-model';\nimport { TextModel } from './text-model';\n\nexport class TitleModel extends BaseTooltipModel {\n  shape: ShapeModel | null = null;\n  textSpan: TextModel;\n\n  init(): void {\n    if (!this._tooltipActual) {\n      return;\n    }\n\n    if (!this.product) {\n      this.product = this.createElement('h2');\n    }\n\n    const { title } = this._tooltipActual;\n    if (title?.hasShape && title?.shapeType) {\n      if (!this.shape) {\n        this._initShape();\n      }\n    } else if (this.shape) {\n      this._releaseShape();\n    }\n\n    if (!this.textSpan) {\n      this._initTextSpan();\n    }\n  }\n\n  private _initShape() {\n    const shape = new ShapeModel(this.product, this._option, 0, this._tooltipStyle, this._tooltipActual);\n    shape.init();\n    this.shape = shape;\n    this.children[shape.childIndex] = shape;\n  }\n\n  private _releaseShape() {\n    this.shape.release();\n    delete this.children[this.shape.childIndex];\n    this.shape = null;\n  }\n\n  private _initTextSpan() {\n    const textSpan = new TextModel(this.product, this._option, 1, this._tooltipStyle, this._tooltipActual);\n    textSpan.init();\n    this.textSpan = textSpan;\n    this.children[textSpan.childIndex] = textSpan;\n  }\n\n  setStyle(style?: Partial<CSSStyleDeclaration>): void {\n    if (!this._tooltipActual || !this._tooltipStyle) {\n      return;\n    }\n\n    const { title } = this._tooltipActual;\n    super.setStyle(merge({}, defaultH2Style, this._tooltipStyle.title, style));\n\n    this.shape?.setStyle(\n      {\n        paddingRight: this._tooltipStyle.content.shape.marginRight\n      },\n      {\n        hasShape: title?.hasShape,\n        shapeType: title?.shapeType,\n        size: this._tooltipStyle.content.shape.width,\n        color: title?.shapeColor,\n        hollow: title?.shapeHollow\n      }\n    );\n  }\n\n  setContent(): void {\n    if (!this._tooltipActual || !this._tooltipStyle) {\n      return;\n    }\n\n    const { title } = this._tooltipActual;\n    this.init();\n    this.shape?.setStyle(undefined, {\n      hasShape: title?.hasShape,\n      shapeType: title?.shapeType,\n      size: this._tooltipStyle.content.shape.width,\n      color: title?.shapeColor,\n      hollow: title?.shapeHollow\n    });\n    this.textSpan.setContent(title.value);\n  }\n\n  release(): void {\n    super.release();\n    this.shape = null;\n    this.textSpan = null;\n  }\n}\n"]}

package/cjs/component/tooltip/handler/dom/model/tooltip-model.d.ts

@@ -0,0 +1,22 @@
+import type { IDomTooltipStyle } from '../interface';
+import { BaseTooltipModel } from './base-tooltip-model';
+import { ContentModel } from './content-model';
+import type { ITooltipModelOption } from './interface';
+import { TitleModel } from './title-model';
+export declare class TooltipModel extends BaseTooltipModel {
+    title: TitleModel | null;
+    content: ContentModel | null;
+    private _classList;
+    private _id;
+    constructor(parent: BaseTooltipModel | HTMLElement, option: ITooltipModelOption, classList: string[], id: string, style: IDomTooltipStyle);
+    setVisibility(visibility: boolean): void;
+    init(): void;
+    private _initPanel;
+    private _initTitle;
+    private _releaseTitle;
+    private _initContent;
+    private _releaseContent;
+    setStyle(): void;
+    setContent(): void;
+    release(): void;
+}

package/cjs/component/tooltip/handler/dom/model/tooltip-model.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.TooltipModel = void 0;
+
+const vutils_1 = require("@visactor/vutils"), base_tooltip_model_1 = require("./base-tooltip-model"), content_model_1 = require("./content-model"), title_model_1 = require("./title-model");
+
+class TooltipModel extends base_tooltip_model_1.BaseTooltipModel {
+    constructor(parent, option, classList, id, style) {
+        super(parent, option, 0, style), this.title = null, this.content = null, this._classList = classList, 
+        this._id = id, this._tooltipStyle = style;
+    }
+    setVisibility(visibility) {
+        super.setVisibility(visibility);
+        const {classList: classList} = this.product;
+        visibility ? classList.add("visible") : classList.remove("visible");
+    }
+    init() {
+        if (!this._tooltipActual) return;
+        this.product || this._initPanel(this._classList, this._id);
+        const {title: title} = this._tooltipActual;
+        !1 !== title.visible && (0, vutils_1.isValid)(title.value) ? this.title || this._initTitle() : this.title && this._releaseTitle();
+        this.getRenderContent().length > 0 ? this.content || this._initContent() : this.content && this._releaseContent();
+    }
+    _initPanel(classList, id) {
+        const panel = this.createElement("div", classList, {
+            left: "0",
+            top: "0",
+            pointerEvents: "none",
+            padding: "12px",
+            position: "absolute",
+            zIndex: "99999999999999",
+            fontFamily: "sans-serif",
+            fontSize: "11px",
+            borderRadius: "3px",
+            borderStyle: "solid",
+            lineHeight: "initial",
+            background: "#fff",
+            boxShadow: "2px 2px 4px rgba(0, 0, 0, 0.1)",
+            maxWidth: "100wh",
+            maxHeight: "100vh"
+        }, id);
+        this.product = panel;
+    }
+    _initTitle() {
+        const title = new title_model_1.TitleModel(this.product, this._option, 0, this._tooltipStyle, this._tooltipActual);
+        title.init(), this.title = title, this.children[title.childIndex] = title;
+    }
+    _releaseTitle() {
+        this.title.release(), delete this.children[this.title.childIndex], this.title = null;
+    }
+    _initContent() {
+        const content = new content_model_1.ContentModel(this.product, this._option, 1, this._tooltipStyle, this._tooltipActual);
+        content.init(), this.content = content, this.children[content.childIndex] = content;
+    }
+    _releaseContent() {
+        this.content.release(), delete this.children[this.content.childIndex], this.content = null;
+    }
+    setStyle() {
+        this._tooltipStyle && (super.setStyle(this._tooltipStyle.panel), Object.values(this.children).forEach(((c, i) => {
+            c.setStyle(i > 0 ? {
+                marginTop: "10px"
+            } : {
+                marginTop: "0px"
+            });
+        })));
+    }
+    setContent() {
+        Object.values(this.children).forEach((c => {
+            c.setContent();
+        }));
+    }
+    release() {
+        super.release(), this.title = null, this.content = null;
+    }
+}
+
+exports.TooltipModel = TooltipModel;
+//# sourceMappingURL=tooltip-model.js.map

package/cjs/component/tooltip/handler/dom/model/tooltip-model.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/tooltip/handler/dom/model/tooltip-model.ts"],"names":[],"mappings":"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","file":"tooltip-model.js","sourcesContent":["import { isValid } from '@visactor/vutils';\nimport type { IDomTooltipStyle } from '../interface';\nimport { BaseTooltipModel } from './base-tooltip-model';\nimport { ContentModel } from './content-model';\nimport type { ITooltipModelOption } from './interface';\nimport { TitleModel } from './title-model';\n\nexport class TooltipModel extends BaseTooltipModel {\n  title: TitleModel | null = null;\n  content: ContentModel | null = null;\n\n  private _classList: string[];\n  private _id: string;\n\n  constructor(\n    parent: BaseTooltipModel | HTMLElement,\n    option: ITooltipModelOption,\n    classList: string[],\n    id: string,\n    style: IDomTooltipStyle\n  ) {\n    super(parent, option, 0, style);\n    this._classList = classList;\n    this._id = id;\n    this._tooltipStyle = style;\n  }\n\n  setVisibility(visibility: boolean) {\n    super.setVisibility(visibility);\n    const { classList } = this.product;\n    if (visibility) {\n      classList.add('visible');\n    } else {\n      classList.remove('visible');\n    }\n  }\n\n  init(): void {\n    if (!this._tooltipActual) {\n      return;\n    }\n\n    if (!this.product) {\n      this._initPanel(this._classList, this._id);\n    }\n\n    const { title } = this._tooltipActual;\n    if (title.visible !== false && isValid(title.value)) {\n      if (!this.title) {\n        this._initTitle();\n      }\n    } else if (this.title) {\n      this._releaseTitle();\n    }\n\n    const renderContent = this.getRenderContent();\n    if (renderContent.length > 0) {\n      if (!this.content) {\n        this._initContent();\n      }\n    } else if (this.content) {\n      this._releaseContent();\n    }\n  }\n\n  private _initPanel(classList?: string[], id?: string) {\n    const panel = this.createElement(\n      'div',\n      classList,\n      {\n        left: '0',\n        top: '0',\n        pointerEvents: 'none',\n        padding: '12px',\n        position: 'absolute',\n        zIndex: '99999999999999',\n        fontFamily: 'sans-serif',\n        fontSize: '11px',\n        borderRadius: '3px',\n        borderStyle: 'solid',\n        lineHeight: 'initial',\n        background: '#fff',\n        boxShadow: '2px 2px 4px rgba(0, 0, 0, 0.1)',\n        maxWidth: '100wh',\n        maxHeight: '100vh'\n      },\n      id\n    );\n    this.product = panel;\n  }\n\n  private _initTitle() {\n    const title = new TitleModel(this.product, this._option, 0, this._tooltipStyle, this._tooltipActual);\n    title.init();\n    this.title = title;\n    this.children[title.childIndex] = title;\n  }\n\n  private _releaseTitle() {\n    this.title.release();\n    delete this.children[this.title.childIndex];\n    this.title = null;\n  }\n\n  private _initContent() {\n    const content = new ContentModel(this.product, this._option, 1, this._tooltipStyle, this._tooltipActual);\n    content.init();\n    this.content = content;\n    this.children[content.childIndex] = content;\n  }\n\n  private _releaseContent() {\n    this.content.release();\n    delete this.children[this.content.childIndex];\n    this.content = null;\n  }\n\n  setStyle(): void {\n    if (!this._tooltipStyle) {\n      return;\n    }\n    super.setStyle(this._tooltipStyle.panel as any);\n    Object.values(this.children).forEach((c, i) => {\n      c.setStyle(\n        i > 0\n          ? {\n              marginTop: '10px'\n            }\n          : {\n              marginTop: '0px'\n            }\n      );\n    });\n  }\n\n  setContent() {\n    Object.values(this.children).forEach(c => {\n      c.setContent();\n    });\n  }\n\n  release(): void {\n    super.release();\n    this.title = null;\n    this.content = null;\n  }\n}\n"]}

package/cjs/component/tooltip/handler/dom/utils/style.d.ts

@@ -0,0 +1,3 @@
+import type { ITooltipStyle } from '../../interface';
+import type { IDomTooltipStyle } from '../interface';
+export declare function getDomStyles(style: ITooltipStyle): IDomTooltipStyle;

package/cjs/component/tooltip/handler/dom/utils/style.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.getDomStyles = void 0;
+
+const util_1 = require("../../../../../util"), STYLE_SYMBOL_SIZE = 8, getPixelPropertyStr = (num, defaultStr) => (0, 
+util_1.isValid)(num) ? (0, util_1.isArray)(num) ? num.map((n => `${n}px`)).join(" ") : `${num}px` : null != defaultStr ? defaultStr : "initial";
+
+function getDomStyles(style) {
+    const {panel: {fill: fill, fillColor: fillColor, shadow: shadow, shadowBlur: shadowBlur, shadowColor: shadowColor, shadowOffsetX: shadowOffsetX, shadowOffsetY: shadowOffsetY, shadowSpread: shadowSpread, borderRadius: borderRadius, strokeColor: strokeColor, lineWidth: lineWidth}, padding: padding, key: name, value: value, title: title, shape: shape, maxWidth: maxWidth, minWidth: minWidth, enterable: enterable, spaceRow: spaceRow, transitionDuration: transitionDuration} = style, backgroundColor = fillColor, styles = {
+        panel: {
+            paddingBottom: getPixelPropertyStr(padding.bottom),
+            paddingLeft: getPixelPropertyStr(padding.left),
+            paddingRight: getPixelPropertyStr(padding.right),
+            paddingTop: getPixelPropertyStr(padding.top),
+            borderColor: strokeColor,
+            borderWidth: getPixelPropertyStr(lineWidth),
+            borderRadius: getPixelPropertyStr(borderRadius),
+            backgroundColor: fill && backgroundColor ? `${backgroundColor}` : "transparent",
+            boxShadow: shadow ? `${shadowOffsetX}px ${shadowOffsetY}px ${shadowBlur}px ${shadowSpread}px ${shadowColor}` : "initial",
+            maxWidth: getPixelPropertyStr(maxWidth),
+            minWidth: getPixelPropertyStr(minWidth),
+            pointerEvents: enterable ? "auto" : "none",
+            transitionDuration: transitionDuration ? `${transitionDuration}ms` : "initial",
+            transitionProperty: transitionDuration ? "transform" : "initial",
+            transitionTimingFunction: transitionDuration ? "ease-out" : "initial"
+        },
+        title: getLabelStyle(title),
+        content: {
+            key: getLabelStyle(name, {
+                spacing: 26
+            }),
+            value: getLabelStyle(value),
+            shape: getShapeStyle(shape)
+        }
+    };
+    if ((0, util_1.isValid)(spaceRow)) {
+        const gapUnit = spaceRow / 2;
+        [ styles.content.shape, styles.content.key, styles.content.value ].forEach((obj => {
+            obj.marginTop = getPixelPropertyStr(gapUnit), obj.marginBottom = obj.marginTop;
+        })), styles.content.marginTop = getPixelPropertyStr(-gapUnit), styles.content.marginBottom = styles.content.marginTop;
+    } else [ styles.content, styles.content.shape, styles.content.key, styles.content.value ].forEach((obj => {
+        obj.marginTop = "initial", obj.marginBottom = "initial";
+    }));
+    return styles;
+}
+
+function getLabelStyle(labelStyle, defaultStyle) {
+    if (!labelStyle) return;
+    const {fontFamily: labelFont, fontSize: labelFontSize, fillColor: labelColor, textAlign: textAlign, lineHeight: lineHeight, fontWeight: fontWeight, spacing: spacing} = (0, 
+    util_1.merge)({}, defaultStyle, labelStyle), styleObj = {};
+    return styleObj.fontFamily = labelFont, styleObj.fontSize = getPixelPropertyStr(labelFontSize), 
+    styleObj.color = labelColor, styleObj.textAlign = textAlign, styleObj.lineHeight = getPixelPropertyStr(lineHeight), 
+    styleObj.fontWeight = fontWeight, styleObj.marginRight = getPixelPropertyStr(spacing), 
+    styleObj;
+}
+
+function getShapeStyle(shapeStyle, defaultStyle) {
+    if (!shapeStyle) return;
+    const {spacing: spacing, size: size} = (0, util_1.merge)({}, defaultStyle, shapeStyle), styleObj = {};
+    return styleObj.marginRight = getPixelPropertyStr(spacing, `${STYLE_SYMBOL_SIZE}px`), 
+    styleObj.width = getPixelPropertyStr(size), styleObj.height = styleObj.width, styleObj;
+}
+
+exports.getDomStyles = getDomStyles;
+//# sourceMappingURL=style.js.map

package/cjs/component/tooltip/handler/dom/utils/style.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/tooltip/handler/dom/utils/style.ts"],"names":[],"mappings":";;;AACA,8CAA8D;AAK9D,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAE5B,MAAM,mBAAmB,GAAG,CAAC,GAAuB,EAAE,UAAmB,EAAE,EAAE;IAC3E,IAAI,IAAA,cAAO,EAAC,GAAG,CAAC,EAAE;QAChB,IAAI,IAAA,cAAO,EAAC,GAAG,CAAC,EAAE;YAChB,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SACzC;QACD,OAAO,GAAG,GAAG,IAAI,CAAC;KACnB;IACD,OAAO,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,SAAS,CAAC;AACjC,CAAC,CAAC;AAEF,SAAgB,YAAY,CAAC,KAAoB;IAC/C,MAAM,EACJ,KAAK,EAAE,EACL,IAAI,EACJ,SAAS,EACT,MAAM,EACN,UAAU,EACV,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,SAAS,EACV,EACD,OAAO,EACP,GAAG,EAAE,IAAI,EACT,KAAK,EACL,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,kBAAkB,EACnB,GAAG,KAAK,CAAC;IAEV,MAAM,eAAe,GAAG,SAAmB,CAAC;IAE5C,MAAM,MAAM,GAAG;QACb,KAAK,EAAE;YACL,aAAa,EAAE,mBAAmB,CAAC,OAAO,CAAC,MAAM,CAAC;YAClD,WAAW,EAAE,mBAAmB,CAAC,OAAO,CAAC,IAAI,CAAC;YAC9C,YAAY,EAAE,mBAAmB,CAAC,OAAO,CAAC,KAAK,CAAC;YAChD,UAAU,EAAE,mBAAmB,CAAC,OAAO,CAAC,GAAG,CAAC;YAC5C,WAAW,EAAE,WAAW;YACxB,WAAW,EAAE,mBAAmB,CAAC,SAAS,CAAC;YAC3C,YAAY,EAAE,mBAAmB,CAAC,YAAY,CAAC;YAC/C,eAAe,EAAE,IAAI,IAAI,eAAe,CAAC,CAAC,CAAC,GAAG,eAAe,EAAE,CAAC,CAAC,CAAC,aAAa;YAC/E,SAAS,EAAE,MAAM;gBACf,CAAC,CAAC,GAAG,aAAa,MAAM,aAAa,MAAM,UAAU,MAAM,YAAY,MAAM,WAAW,EAAE;gBAC1F,CAAC,CAAC,SAAS;YACb,QAAQ,EAAE,mBAAmB,CAAC,QAAQ,CAAC;YACvC,QAAQ,EAAE,mBAAmB,CAAC,QAAQ,CAAC;YACvC,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;YAC1C,kBAAkB,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG,kBAAkB,IAAI,CAAC,CAAC,CAAC,SAAS;YAC9E,kBAAkB,EAAE,kBAAkB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS;YAChE,wBAAwB,EAAE,kBAAkB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;SACtE;QACD,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC;QAC3B,OAAO,EAAE;YACP,GAAG,EAAE,aAAa,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;YACzC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC;YAC3B,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC;SAC5B;KACkB,CAAC;IAEtB,IAAI,IAAA,cAAO,EAAC,QAAQ,CAAC,EAAE;QACrB,MAAM,OAAO,GAAG,QAAQ,GAAG,CAAC,CAAC;QAC5B,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAe,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC5F,GAAG,CAAC,SAAS,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAC;YAC7C,GAAG,CAAC,YAAY,GAAG,GAAG,CAAC,SAAS,CAAC;QACnC,CAAC,CAAC,CAAC;QACH,MAAM,CAAC,OAAO,CAAC,SAAS,GAAG,mBAAmB,CAAC,CAAC,OAAO,CAAC,CAAC;QACzD,MAAM,CAAC,OAAO,CAAC,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC;KACxD;SAAM;QACJ,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAe,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC5G,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC;YAC1B,GAAG,CAAC,YAAY,GAAG,SAAS,CAAC;QAC/B,CAAC,CAAC,CAAC;KACJ;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAxED,oCAwEC;AAED,SAAS,aAAa,CAAC,UAAuB,EAAE,YAAkC;IAChF,IAAI,CAAC,UAAU,EAAE;QACf,OAAO,SAAS,CAAC;KAClB;IACD,MAAM,EACJ,UAAU,EAAE,SAAS,EACrB,QAAQ,EAAE,aAAa,EACvB,SAAS,EAAE,UAAU,EACrB,SAAS,EACT,UAAU,EACV,UAAU,EACV,OAAO,EACR,GAAG,IAAA,YAAK,EAAC,EAAE,EAAE,YAAY,EAAE,UAAU,CAAe,CAAC;IACtD,MAAM,QAAQ,GAAgB,EAAE,CAAC;IAEjC,QAAQ,CAAC,UAAU,GAAG,SAAS,CAAC;IAChC,QAAQ,CAAC,QAAQ,GAAG,mBAAmB,CAAC,aAAa,CAAC,CAAC;IACvD,QAAQ,CAAC,KAAK,GAAG,UAAoB,CAAC;IACtC,QAAQ,CAAC,SAAS,GAAG,SAAsB,CAAC;IAC5C,QAAQ,CAAC,UAAU,GAAG,mBAAmB,CAAC,UAAU,CAAC,CAAC;IACtD,QAAQ,CAAC,UAAU,GAAG,UAAwB,CAAC;IAC/C,QAAQ,CAAC,WAAW,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAC;IACpD,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,SAAS,aAAa,CACpB,UAAmC,EACnC,YAA8C;IAE9C,IAAI,CAAC,UAAU,EAAE;QACf,OAAO,SAAS,CAAC;KAClB;IACD,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,IAAA,YAAK,EAAC,EAAE,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC;IAC9D,MAAM,QAAQ,GAAgB,EAAE,CAAC;IAEjC,QAAQ,CAAC,WAAW,GAAG,mBAAmB,CAAC,OAAO,EAAE,GAAG,iBAAiB,IAAI,CAAC,CAAC;IAC9E,QAAQ,CAAC,KAAK,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC3C,QAAQ,CAAC,MAAM,GAAG,QAAQ,CAAC,KAAK,CAAC;IACjC,OAAO,QAAQ,CAAC;AAClB,CAAC","file":"style.js","sourcesContent":["import type { FontWeight, TextAlign } from '../../../../../typings';\nimport { isValid, merge, isArray } from '../../../../../util';\nimport type { ITooltipTheme } from '../../../interface';\nimport type { ITextStyle, ITooltipStyle } from '../../interface';\nimport type { ILabelStyle, IMargin, IShapeStyle, IDomTooltipStyle } from '../interface';\n\nconst STYLE_SYMBOL_SIZE = 8;\n\nconst 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 function getDomStyles(style: ITooltipStyle): IDomTooltipStyle {\n  const {\n    panel: {\n      fill,\n      fillColor,\n      shadow,\n      shadowBlur,\n      shadowColor,\n      shadowOffsetX,\n      shadowOffsetY,\n      shadowSpread,\n      borderRadius,\n      strokeColor,\n      lineWidth\n    },\n    padding,\n    key: name,\n    value,\n    title,\n    shape,\n    maxWidth,\n    minWidth,\n    enterable,\n    spaceRow,\n    transitionDuration\n  } = style;\n\n  const backgroundColor = fillColor as string;\n\n  const styles = {\n    panel: {\n      paddingBottom: getPixelPropertyStr(padding.bottom),\n      paddingLeft: getPixelPropertyStr(padding.left),\n      paddingRight: getPixelPropertyStr(padding.right),\n      paddingTop: getPixelPropertyStr(padding.top),\n      borderColor: strokeColor,\n      borderWidth: getPixelPropertyStr(lineWidth),\n      borderRadius: getPixelPropertyStr(borderRadius),\n      backgroundColor: fill && backgroundColor ? `${backgroundColor}` : 'transparent',\n      boxShadow: shadow\n        ? `${shadowOffsetX}px ${shadowOffsetY}px ${shadowBlur}px ${shadowSpread}px ${shadowColor}`\n        : 'initial',\n      maxWidth: getPixelPropertyStr(maxWidth),\n      minWidth: getPixelPropertyStr(minWidth),\n      pointerEvents: enterable ? 'auto' : 'none',\n      transitionDuration: transitionDuration ? `${transitionDuration}ms` : 'initial',\n      transitionProperty: transitionDuration ? 'transform' : 'initial',\n      transitionTimingFunction: transitionDuration ? 'ease-out' : 'initial'\n    },\n    title: getLabelStyle(title),\n    content: {\n      key: getLabelStyle(name, { spacing: 26 }),\n      value: getLabelStyle(value),\n      shape: getShapeStyle(shape)\n    }\n  } as IDomTooltipStyle;\n\n  if (isValid(spaceRow)) {\n    const gapUnit = spaceRow / 2;\n    ([styles.content.shape, styles.content.key, styles.content.value] as IMargin[]).forEach(obj => {\n      obj.marginTop = getPixelPropertyStr(gapUnit);\n      obj.marginBottom = obj.marginTop;\n    });\n    styles.content.marginTop = getPixelPropertyStr(-gapUnit);\n    styles.content.marginBottom = styles.content.marginTop;\n  } else {\n    ([styles.content, styles.content.shape, styles.content.key, styles.content.value] as IMargin[]).forEach(obj => {\n      obj.marginTop = 'initial';\n      obj.marginBottom = 'initial';\n    });\n  }\n  return styles;\n}\n\nfunction getLabelStyle(labelStyle?: ITextStyle, defaultStyle?: Partial<ITextStyle>): ILabelStyle | undefined {\n  if (!labelStyle) {\n    return undefined;\n  }\n  const {\n    fontFamily: labelFont,\n    fontSize: labelFontSize,\n    fillColor: labelColor,\n    textAlign,\n    lineHeight,\n    fontWeight,\n    spacing\n  } = merge({}, defaultStyle, labelStyle) as ITextStyle;\n  const styleObj: ILabelStyle = {};\n\n  styleObj.fontFamily = labelFont;\n  styleObj.fontSize = getPixelPropertyStr(labelFontSize);\n  styleObj.color = labelColor as string;\n  styleObj.textAlign = textAlign as TextAlign;\n  styleObj.lineHeight = getPixelPropertyStr(lineHeight);\n  styleObj.fontWeight = fontWeight as FontWeight;\n  styleObj.marginRight = getPixelPropertyStr(spacing);\n  return styleObj;\n}\n\nfunction getShapeStyle(\n  shapeStyle?: ITooltipTheme['shape'],\n  defaultStyle?: Partial<ITooltipTheme['shape']>\n): IShapeStyle | undefined {\n  if (!shapeStyle) {\n    return undefined;\n  }\n  const { spacing, size } = merge({}, defaultStyle, shapeStyle);\n  const styleObj: IShapeStyle = {};\n\n  styleObj.marginRight = getPixelPropertyStr(spacing, `${STYLE_SYMBOL_SIZE}px`);\n  styleObj.width = getPixelPropertyStr(size);\n  styleObj.height = styleObj.width;\n  return styleObj;\n}\n"]}

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

@@ -0,0 +1,2 @@
+export * from './dom';
+export * from './canvas';

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

@@ -0,0 +1,21 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./dom"), exports), __exportStar(require("./canvas"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["component/tooltip/handler/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wCAAsB;AACtB,2CAAyB","file":"index.js","sourcesContent":["export * from './dom';\nexport * from './canvas';\n"]}

package/cjs/component/tooltip/handler/interface/cache.d.ts

@@ -0,0 +1,28 @@
+import type { IContainerSize } from '@visactor/vrender-components';
+import type { IGraphicAttribute as IAttribute } from '@visactor/vrender';
+export interface ITextAttrs extends Partial<IAttribute> {
+    text: string;
+    [key: string]: any;
+}
+export interface ISymbolAttrs extends Partial<IAttribute> {
+    path: string;
+    size: number;
+    symbolType: string;
+    [key: string]: any;
+}
+export interface IContentAttrs {
+    key?: ITextAttrs;
+    value?: ITextAttrs;
+    symbol?: ISymbolAttrs;
+    height: number;
+}
+export interface ITooltipAttrsCache {
+    containerSize: IContainerSize;
+    title?: ITextAttrs;
+    titleSymbol?: ISymbolAttrs;
+    titleContainerSize: IContainerSize;
+    content?: IContentAttrs[];
+    hasContentShape: boolean;
+    keyWidth: number;
+    valueWidth: number;
+}

package/cjs/component/tooltip/handler/interface/cache.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=cache.js.map

package/cjs/component/tooltip/handler/interface/cache.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/tooltip/handler/interface/cache.ts"],"names":[],"mappings":"","file":"cache.js","sourcesContent":["import type { IContainerSize } from '@visactor/vrender-components';\nimport type { IGraphicAttribute as IAttribute } from '@visactor/vrender';\n\nexport interface ITextAttrs extends Partial<IAttribute> {\n  // /** 标题宽高大小 */\n  // size: IContainerSize;\n  /** 文本内容 */\n  text: string;\n  /** 其他图形样式，暂时这么处理 */\n  [key: string]: any;\n}\n\nexport interface ISymbolAttrs extends Partial<IAttribute> {\n  /** 图形 path */\n  path: string;\n  size: number;\n  symbolType: string;\n  /** 其他图形样式，暂时这么处理 */\n  [key: string]: any;\n}\n\nexport interface IContentAttrs {\n  /** key 对应图形样式 */\n  key?: ITextAttrs;\n  /** value 对应图形样式 */\n  value?: ITextAttrs;\n  /** shape 对应图形样式 */\n  symbol?: ISymbolAttrs;\n  /** 内容区整体的高度 */\n  height: number;\n}\n\nexport interface ITooltipAttrsCache {\n  /** tooltip 容器宽度 */\n  containerSize: IContainerSize;\n  /** tooltip 标题样式 */\n  title?: ITextAttrs;\n  /** 标题 shape */\n  titleSymbol?: ISymbolAttrs;\n  /** 标题组容器的宽高（包含 shape 和 title 文本） */\n  titleContainerSize: IContainerSize;\n  /** tooltip 内容项样式 */\n  content?: IContentAttrs[];\n  /** 内容项是否配置 shape */\n  hasContentShape: boolean;\n  /** 内容项 key 的最大宽度，用于布局，因为 key 需要按照列对齐 */\n  keyWidth: number;\n  /** 内容项 value 的最大宽度，用于布局，因为 value 需要按照列对齐 */\n  valueWidth: number;\n}\n"]}

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

@@ -0,0 +1,2 @@
+export * from './style';
+export * from './cache';

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

@@ -0,0 +1,21 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./style"), exports), __exportStar(require("./cache"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["component/tooltip/handler/interface/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB;AACxB,0CAAwB","file":"index.js","sourcesContent":["export * from './style';\nexport * from './cache';\n"]}

package/cjs/component/tooltip/handler/interface/style.d.ts

@@ -0,0 +1,26 @@
+import type { ITextAttribute, IFillStyle, IRectGraphicAttribute } from '@visactor/vrender';
+import type { IPadding } from '../../../../typings';
+export interface ITextStyle extends Partial<ITextAttribute & IFillStyle> {
+    spacing: number;
+}
+export interface IPanelStyle extends Partial<IRectGraphicAttribute> {
+    shadow: boolean;
+    shadowSpread?: number;
+}
+export interface ITooltipStyle {
+    panel: IPanelStyle;
+    title: ITextStyle;
+    shape: {
+        fill: boolean;
+        size: number;
+        spacing: number;
+    };
+    key: ITextStyle;
+    value: ITextStyle;
+    padding: IPadding;
+    minWidth: number;
+    maxWidth: number;
+    spaceRow: number;
+    enterable: boolean;
+    transitionDuration: number;
+}

package/cjs/component/tooltip/handler/interface/style.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=style.js.map

package/cjs/component/tooltip/handler/interface/style.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/tooltip/handler/interface/style.ts"],"names":[],"mappings":"","file":"style.js","sourcesContent":["import type { ITextAttribute, IFillStyle, IRectGraphicAttribute } from '@visactor/vrender';\nimport type { IPadding } from '../../../../typings';\n\nexport interface ITextStyle extends Partial<ITextAttribute & IFillStyle> {\n  spacing: number;\n}\n\nexport interface IPanelStyle extends Partial<IRectGraphicAttribute> {\n  shadow: boolean;\n  shadowSpread?: number;\n}\n\nexport interface ITooltipStyle {\n  panel: IPanelStyle;\n  title: ITextStyle;\n  shape: {\n    fill: boolean;\n    size: number;\n    spacing: number;\n  };\n  key: ITextStyle;\n  value: ITextStyle;\n  padding: IPadding;\n  minWidth: number;\n  maxWidth: number;\n  spaceRow: number;\n  enterable: boolean;\n  transitionDuration: number;\n}\n"]}

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

@@ -0,0 +1,4 @@
+import type { TooltipAttributes } from '@visactor/vrender-components';
+import type { IToolTipActual } from '../../../../typings';
+import type { ITooltipStyle } from '../interface';
+export declare const getTooltipAttributes: (actualTooltip: IToolTipActual, style: ITooltipStyle) => TooltipAttributes;

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

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.getTooltipAttributes = void 0;
+
+const vutils_1 = require("@visactor/vutils"), util_1 = require("../../../../util"), vrender_1 = require("@visactor/vrender"), getTooltipAttributes = (actualTooltip, style) => {
+    const {spaceRow: spaceRow, padding: padding, title: titleStyle, shape: shapeStyle, key: keyStyle, value: valueStyle} = style, attribute = Object.assign(Object.assign({}, style), {
+        title: {},
+        content: [],
+        titleStyle: {
+            value: titleStyle,
+            spaceRow: spaceRow
+        },
+        contentStyle: {
+            shape: shapeStyle,
+            key: keyStyle,
+            value: valueStyle,
+            spaceRow: spaceRow
+        },
+        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 = "", hasShape: titleHasShape, shapeType: titleShapeType = "", shapeHollow: titleShapeHollow, shapeColor: titleShapeColor} = title;
+    if (attribute.title.visible = titleVisible, titleVisible) {
+        const {width: width, height: height} = (0, util_1.initTextMeasure)(titleStyle).quickMeasure(titleValue);
+        if (attribute.title.value = {
+            text: titleValue
+        }, maxWidth = width, titleMaxHeight = height, titleHasShape && vrender_1.builtinSymbolsMap[titleShapeType]) {
+            const titleShapeAttrs = {
+                symbolType: titleShapeType
+            };
+            titleShapeHollow ? (titleShapeAttrs.stroke = !0, titleShapeAttrs.strokeColor = titleShapeColor) : (titleShapeAttrs.fill = !0, 
+            titleShapeAttrs.fillColor = 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 + spaceRow;
+    }
+    if (content.length) {
+        const filteredContent = content.filter((item => (item.key || item.value) && !1 !== item.visible));
+        if (filteredContent.length) {
+            let hasContentShape = !1;
+            const keyWidths = [], valueWidths = [], keyTextMeasure = (0, util_1.initTextMeasure)(keyStyle), valueTextMeasure = (0, 
+            util_1.initTextMeasure)(valueStyle);
+            attribute.content = filteredContent.map(((item, i) => {
+                const itemAttrs = {
+                    height: 0,
+                    spaceRow: spaceRow
+                };
+                let itemHeight = 0;
+                const {hasShape: hasShape, key: key, shapeColor: shapeColor, shapeHollow: shapeHollow, shapeType: shapeType = "", value: value} = item;
+                if ((0, vutils_1.isValid)(key)) {
+                    const {width: width, height: height} = keyTextMeasure.quickMeasure(key);
+                    itemAttrs.key = {
+                        text: key
+                    }, keyWidths.push(width), itemHeight = Math.max(itemHeight, height);
+                }
+                if ((0, vutils_1.isValid)(value)) {
+                    const {width: width, height: height} = valueTextMeasure.quickMeasure(value);
+                    itemAttrs.value = {
+                        text: value
+                    }, valueWidths.push(width), itemHeight = Math.max(itemHeight, height);
+                }
+                if (hasShape && vrender_1.builtinSymbolsMap[shapeType]) {
+                    hasContentShape = !0;
+                    const shape = {
+                        symbolType: shapeType
+                    };
+                    shapeHollow ? (shape.stroke = !0, shape.strokeColor = shapeColor) : (shape.fill = !0, 
+                    shape.fillColor = shapeColor), itemHeight = Math.max(shapeStyle.size, itemHeight), 
+                    itemAttrs.shape = shape;
+                }
+                return itemAttrs.height = itemHeight, containerHeight += itemHeight, i < filteredContent.length - 1 && (containerHeight += spaceRow), 
+                itemAttrs;
+            }));
+            const maxKeyWidth = keyWidths.length ? Math.max(...keyWidths) : 0, maxValueWidth = valueWidths.length ? Math.max(...valueWidths) : 0;
+            maxWidth = Math.max(maxKeyWidth + maxValueWidth + keyStyle.spacing + valueStyle.spacing + (hasContentShape ? shapeStyle.size + shapeStyle.spacing : 0), maxWidth), 
+            attribute.hasContentShape = hasContentShape, attribute.keyWidth = maxKeyWidth, attribute.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;
+//# sourceMappingURL=attribute.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["component/tooltip/handler/utils/attribute.ts"],"names":[],"mappings":";;;AAGA,6CAA2C;AAC3C,2CAAmD;AACnD,+CAAsD;AAE/C,MAAM,oBAAoB,GAAG,CAAC,aAA6B,EAAE,KAAoB,EAAqB,EAAE;IAC7G,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAE5G,MAAM,SAAS,mCACV,KAAK,KAER,KAAK,EAAE,EAAE,EACT,OAAO,EAAE,EAAE,EAEX,UAAU,EAAE;YACV,KAAK,EAAE,UAAU;YACjB,QAAQ;SACT,EACD,YAAY,EAAE;YACZ,KAAK,EAAE,UAAU;YACjB,GAAG,EAAE,QAAQ;YACb,KAAK,EAAE,UAAU;YACjB,QAAQ;SACT,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,QAAQ,EAAE,aAAa,EACvB,SAAS,EAAE,cAAc,GAAG,EAAE,EAC9B,WAAW,EAAE,gBAAgB,EAC7B,UAAU,EAAE,eAAe,EAC5B,GAAG,KAAK,CAAC;IACV,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,YAAY,CAAC;IACvC,IAAI,YAAY,EAAE;QAChB,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAA,sBAAe,EAAC,UAAiB,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;QACtF,SAAS,CAAC,KAAK,CAAC,KAAK,GAAG;YAEtB,IAAI,EAAE,UAAU;SACjB,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,IAAI,CAAC;gBAC9B,eAAe,CAAC,WAAW,GAAG,eAAe,CAAC;aAC/C;iBAAM;gBACL,eAAe,CAAC,IAAI,GAAG,IAAI,CAAC;gBAC5B,eAAe,CAAC,SAAS,GAAG,eAAe,CAAC;aAC7C;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,GAAG,QAAQ,CAAC;KAC9C;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,eAAe,GAAG,KAAK,CAAC;YAC5B,MAAM,SAAS,GAAa,EAAE,CAAC;YAC/B,MAAM,WAAW,GAAa,EAAE,CAAC;YAEjC,MAAM,cAAc,GAAG,IAAA,sBAAe,EAAC,QAAe,CAAC,CAAC;YACxD,MAAM,gBAAgB,GAAG,IAAA,sBAAe,EAAC,UAAiB,CAAC,CAAC;YAE5D,SAAS,CAAC,OAAO,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;gBAClD,MAAM,SAAS,GAAoB,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC;gBAC3D,IAAI,UAAU,GAAG,CAAC,CAAC;gBACnB,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;gBAC/E,IAAI,IAAA,gBAAO,EAAC,GAAG,CAAC,EAAE;oBAChB,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,cAAc,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;oBAC3D,SAAS,CAAC,GAAG,GAAG;wBACd,IAAI,EAAE,GAAU;qBACjB,CAAC;oBACF,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;oBACtB,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;iBAC3C;gBACD,IAAI,IAAA,gBAAO,EAAC,KAAK,CAAC,EAAE;oBAClB,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;oBAC/D,SAAS,CAAC,KAAK,GAAG;wBAChB,IAAI,EAAE,KAAY;qBACnB,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,IAAI,2BAAiB,CAAC,SAAS,CAAC,EAAE;oBAC5C,eAAe,GAAG,IAAI,CAAC;oBACvB,MAAM,KAAK,GAAuB;wBAChC,UAAU,EAAE,SAAS;qBACtB,CAAC;oBACF,IAAI,WAAW,EAAE;wBACf,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;wBACpB,KAAK,CAAC,WAAW,GAAG,UAAU,CAAC;qBAChC;yBAAM;wBACL,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC;wBAClB,KAAK,CAAC,SAAS,GAAG,UAAU,CAAC;qBAC9B;oBACD,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;oBACnD,SAAS,CAAC,KAAK,GAAG,KAAK,CAAC;iBACzB;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,QAAQ,CAAC;iBAC7B;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,aAAa,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACxE,QAAQ,GAAG,IAAI,CAAC,GAAG,CACjB,WAAW;gBACT,aAAa;gBACb,QAAQ,CAAC,OAAO;gBAChB,UAAU,CAAC,OAAO;gBAClB,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,EAC9D,QAAQ,CACT,CAAC;YACF,SAAS,CAAC,eAAe,GAAG,eAAe,CAAC;YAC5C,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;AA9JW,QAAA,oBAAoB,wBA8J/B","file":"attribute.js","sourcesContent":["import type { IContainerSize, TooltipAttributes, TooltipRowAttrs, TooltipSymbolAttrs } from '@visactor/vrender-components';\nimport type { IToolTipActual } from '../../../../typings';\nimport type { ITooltipStyle } from '../interface';\nimport { isValid } from '@visactor/vutils';\nimport { initTextMeasure } from '../../../../util';\nimport { builtinSymbolsMap } from '@visactor/vrender';\n\nexport const getTooltipAttributes = (actualTooltip: IToolTipActual, style: ITooltipStyle): TooltipAttributes => {\n  const { spaceRow, padding, title: titleStyle, shape: shapeStyle, key: keyStyle, value: valueStyle } = style;\n\n  const attribute: TooltipAttributes = {\n    ...style,\n\n    title: {},\n    content: [],\n\n    titleStyle: {\n      value: titleStyle,\n      spaceRow\n    },\n    contentStyle: {\n      shape: shapeStyle,\n      key: keyStyle,\n      value: valueStyle,\n      spaceRow\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    hasShape: titleHasShape,\n    shapeType: titleShapeType = '',\n    shapeHollow: titleShapeHollow,\n    shapeColor: titleShapeColor\n  } = title;\n  attribute.title.visible = titleVisible;\n  if (titleVisible) {\n    const { width, height } = initTextMeasure(titleStyle as any).quickMeasure(titleValue);\n    attribute.title.value = {\n      // width, height,\n      text: titleValue\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 = true;\n        titleShapeAttrs.strokeColor = titleShapeColor;\n      } else {\n        titleShapeAttrs.fill = true;\n        titleShapeAttrs.fillColor = 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 + spaceRow;\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      let hasContentShape = false;\n      const keyWidths: number[] = [];\n      const valueWidths: number[] = [];\n\n      const keyTextMeasure = initTextMeasure(keyStyle as any);\n      const valueTextMeasure = initTextMeasure(valueStyle as any);\n\n      attribute.content = filteredContent.map((item, i) => {\n        const itemAttrs: TooltipRowAttrs = { height: 0, spaceRow };\n        let itemHeight = 0;\n        const { hasShape, key, shapeColor, shapeHollow, shapeType = '', value } = item;\n        if (isValid(key)) {\n          const { width, height } = keyTextMeasure.quickMeasure(key);\n          itemAttrs.key = {\n            text: key as any\n          };\n          keyWidths.push(width);\n          itemHeight = Math.max(itemHeight, height);\n        }\n        if (isValid(value)) {\n          const { width, height } = valueTextMeasure.quickMeasure(value);\n          itemAttrs.value = {\n            text: value as any\n          };\n          valueWidths.push(width);\n          itemHeight = Math.max(itemHeight, height);\n        }\n        if (hasShape && builtinSymbolsMap[shapeType]) {\n          hasContentShape = true;\n          const shape: TooltipSymbolAttrs = {\n            symbolType: shapeType\n          };\n          if (shapeHollow) {\n            shape.stroke = true;\n            shape.strokeColor = shapeColor;\n          } else {\n            shape.fill = true;\n            shape.fillColor = shapeColor;\n          }\n          itemHeight = Math.max(shapeStyle.size, itemHeight);\n          itemAttrs.shape = shape;\n        }\n\n        itemAttrs.height = itemHeight;\n        containerHeight += itemHeight;\n        if (i < filteredContent.length - 1) {\n          containerHeight += spaceRow;\n        }\n\n        return itemAttrs;\n      });\n\n      const maxKeyWidth = keyWidths.length ? Math.max(...keyWidths) : 0; // name 需要对齐\n      const maxValueWidth = valueWidths.length ? Math.max(...valueWidths) : 0; // value 需要对齐\n      maxWidth = Math.max(\n        maxKeyWidth +\n          maxValueWidth +\n          keyStyle.spacing +\n          valueStyle.spacing +\n          (hasContentShape ? shapeStyle.size + shapeStyle.spacing : 0),\n        maxWidth\n      );\n      attribute.hasContentShape = hasContentShape;\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"]}

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

@@ -0,0 +1,5 @@
+import type { TooltipContentCallback } from '../../../../typings';
+export declare function escapeHTML(value: any): string;
+export declare const getTooltipValue: (field: string | TooltipContentCallback | null | undefined, datum?: any) => string | undefined;
+export declare function pickFirstValidValue<T>(isValid: (element?: T) => any, ...elements: T[]): T | undefined;
+export declare function convertToColorString(color: any, defaultColor?: string): string;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.convertToColorString = exports.pickFirstValidValue = exports.getTooltipValue = exports.escapeHTML = void 0;
+
+const util_1 = require("../../../../util");
+
+function escapeHTML(value) {
+    return String(value).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\(/g, "&#40;");
+}
+
+exports.escapeHTML = escapeHTML;
+
+const getTooltipValue = (field, datum) => (0, util_1.isNil)(field) ? null : (0, 
+util_1.isFunction)(field) ? field(datum) : field.toString();
+
+function pickFirstValidValue(isValid, ...elements) {
+    for (const ele of elements) if (isValid(ele)) return ele;
+}
+
+function convertToColorString(color, defaultColor = "#000") {
+    return color ? (0, util_1.isString)(color) ? color : (0, util_1.isObject)(color) && color.stops && color.stops[0] && color.stops[0].color || defaultColor : defaultColor;
+}
+
+exports.getTooltipValue = getTooltipValue, exports.pickFirstValidValue = pickFirstValidValue, 
+exports.convertToColorString = convertToColorString;
+//# sourceMappingURL=common.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["component/tooltip/handler/utils/common.ts"],"names":[],"mappings":";;;AACA,2CAAyE;AAezE,SAAgB,UAAU,CAAC,KAAU;IACnC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AAClH,CAAC;AAFD,gCAEC;AAEM,MAAM,eAAe,GAAG,CAC7B,KAAyD,EACzD,KAAW,EACS,EAAE;IACtB,IAAI,IAAA,YAAK,EAAC,KAAK,CAAC,EAAE;QAChB,OAAO,IAAI,CAAC;KACb;IACD,IAAI,IAAA,iBAAU,EAAC,KAAK,CAAC,EAAE;QACrB,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC;KACrB;IACD,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;AAC1B,CAAC,CAAC;AAXW,QAAA,eAAe,mBAW1B;AAEF,SAAgB,mBAAmB,CAAI,OAA6B,EAAE,GAAG,QAAa;IACpF,KAAK,MAAM,GAAG,IAAI,QAAQ,EAAE;QAC1B,IAAI,OAAO,CAAC,GAAG,CAAC,EAAE;YAChB,OAAO,GAAG,CAAC;SACZ;KACF;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAPD,kDAOC;AAGD,SAAgB,oBAAoB,CAAC,KAAU,EAAE,eAAuB,MAAM;IAC5E,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,YAAY,CAAC;KACrB;IACD,IAAI,IAAA,eAAQ,EAAC,KAAK,CAAC,EAAE;QACnB,OAAO,KAAK,CAAC;KACd;IAED,IAAI,IAAA,eAAQ,EAAC,KAAK,CAAC,IAAK,KAAwB,CAAC,KAAK,IAAK,KAAwB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;QAC5F,OAAQ,KAAwB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,YAAY,CAAC;KACjE;IAED,OAAO,YAAY,CAAC;AACtB,CAAC;AAbD,oDAaC","file":"common.js","sourcesContent":["import type { TooltipContentCallback } from '../../../../typings';\nimport { isFunction, isObject, isString, isNil } from '../../../../util';\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).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\\(/g, '&#40;');\n}\n\nexport const getTooltipValue = (\n  field: string | TooltipContentCallback | null | undefined,\n  datum?: any\n): string | undefined => {\n  if (isNil(field)) {\n    return null;\n  }\n  if (isFunction(field)) {\n    return field(datum);\n  }\n  return field.toString();\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"]}

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

@@ -0,0 +1,4 @@
+import type { TooltipContent } from '../../tooltip';
+import type { IToolTipLinePattern, ITooltipPattern, TooltipData, IToolTipLineActual } from '../../../../typings/tooltip';
+export declare const getShowContent: (pattern: ITooltipPattern, data: TooltipData, event: MouseEvent) => TooltipContent | null;
+export declare const getOneLineData: (datum: any, config: IToolTipLinePattern) => IToolTipLineActual;