@visactor/vchart 0.0.1-alpha.0

package/esm/component/tooltip/handler/dom/model/shape-model.js

@@ -0,0 +1,44 @@
+import { builtinSymbolsMap } from "@visactor/vrender";
+
+import { isObject, isString } from "../../../../../util";
+
+import { BaseTooltipModel } from "./base-tooltip-model";
+
+export class ShapeModel extends BaseTooltipModel {
+    init(classList, id, tag) {
+        if (!this.product) {
+            const container = this.createElement(null != tag ? tag : "div", [ ...null != classList ? classList : [], "shape" ], void 0, id);
+            this.product = container;
+        }
+    }
+    setStyle(style, option) {
+        super.setStyle(style), this.setSvg(option);
+    }
+    setContent(option) {
+        this.setSvg(option);
+    }
+    setSvg(option) {
+        const html = getSvgHtml(option);
+        html !== this._svgHtmlCache && (this._svgHtmlCache = html, this.product.innerHTML = html);
+    }
+    release() {
+        super.release(), this._svgHtmlCache = "";
+    }
+}
+
+function getSvgHtml(option) {
+    var _a, _b, _c, _d, _e, _f, _g;
+    if (!(null == option ? void 0 : option.hasShape) || !builtinSymbolsMap[option.shapeType]) return "";
+    const {shapeType: shapeType, size: size, color: color, hollow: hollow = !1} = option, path = builtinSymbolsMap[shapeType].pathStr;
+    let fill = "currentColor";
+    if (!color || isString(color) || hollow) return fill = hollow ? "none" : null !== (_a = color) && void 0 !== _a ? _a : "currentColor", 
+    `\n    <svg width="${size}"\n      height="${size}" viewBox="-0.8 -0.8 1.5 1.5" style="display: inline-block; vertical-align: middle;">\n      <path fill="${fill}" d="${path}" style="fill: ${fill};">\n      </path>\n    </svg>`;
+    if (isObject(color)) {
+        fill = "gradientColor";
+        let gradient = "";
+        return "radial" === color.gradient ? gradient = `\n      <radialGradient id="${fill}" cx="50%" cy="50%" r="50%" fx="0%" fy="0%">\n        ${(null !== (_b = color.stops) && void 0 !== _b ? _b : []).map((s => `<stop offset="${s.offset}" stop-color="${s.color}"/>`))}\n     \t</radialGradient>\n      ` : "linear" === color.gradient && (gradient = `\n      <linearGradient id="${fill}" x1="${100 * (null !== (_c = color.x0) && void 0 !== _c ? _c : 0)}%" y1="${100 * (null !== (_d = color.y0) && void 0 !== _d ? _d : 0)}%" x2="${100 * (null !== (_e = color.x1) && void 0 !== _e ? _e : 0)}%" y2="${100 * (null !== (_f = color.y1) && void 0 !== _f ? _f : 0)}%">\n        ${(null !== (_g = color.stops) && void 0 !== _g ? _g : []).map((s => `<stop offset="${s.offset}" stop-color="${s.color}"/>`))}\n      </linearGradient>\n      `), 
+        `\n    <svg width="${size}" height="${size}"\n      viewBox="-0.8 -0.8 1.5 1.5" style="display: inline-block; vertical-align: middle;">\n      ${gradient}\n      <path fill="url(#${fill})" d="${path}" style="fill: url(#${fill});">\n      </path>\n    </svg>`;
+    }
+    return "";
+}
+//# sourceMappingURL=shape-model.js.map

package/esm/component/tooltip/handler/dom/model/shape-model.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/tooltip/handler/dom/model/shape-model.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAUxD,MAAM,OAAO,UAAW,SAAQ,gBAAgB;IAK9C,IAAI,CAAC,SAAoB,EAAE,EAAW,EAAE,GAAiC;QACvE,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,KAAK,EAAE,CAAC,GAAG,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAC,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC;YACnG,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;SAC1B;IACH,CAAC;IAED,QAAQ,CAAC,KAAoC,EAAE,MAAwB;QACrE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QACtB,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACtB,CAAC;IAED,UAAU,CAAC,MAAuB;QAChC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACtB,CAAC;IAED,MAAM,CAAC,MAAuB;QAC5B,MAAM,IAAI,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;QAChC,IAAI,IAAI,KAAK,IAAI,CAAC,aAAa,EAAE;YAC/B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAC1B,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC;SAC/B;IACH,CAAC;IAED,OAAO;QACL,KAAK,CAAC,OAAO,EAAE,CAAC;QAChB,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;IAC1B,CAAC;CACF;AAED,SAAS,UAAU,CAAC,MAAuB;;IACzC,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAA,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE;QAC7D,OAAO,EAAE,CAAC;KACX;IAED,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,KAAK,EAAE,GAAG,MAAM,CAAC;IAG1D,MAAM,IAAI,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC;IAClD,IAAI,IAAI,GAAW,cAAc,CAAC;IAClC,IAAI,CAAC,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAC,IAAI,MAAM,EAAE;QACvC,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAC,KAAgB,mCAAI,cAAc,CAAC;QAC7D,OAAO;kBACO,IAAI;gBACN,IAAI;oBACA,IAAI,QAAQ,IAAI,kBAAkB,IAAI;;WAE/C,CAAC;KACT;IACD,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE;QACnB,IAAI,GAAG,eAAe,CAAC;QACvB,IAAI,QAAQ,GAAG,EAAE,CAAC;QAClB,IAAK,KAAwB,CAAC,QAAQ,KAAK,QAAQ,EAAE;YACnD,QAAQ,GAAG;4BACW,IAAI;UACtB,CAAC,MAAE,KAAwB,CAAC,KAAe,mCAAI,EAAE,CAAC,CAAC,GAAG,CACtD,CAAC,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,MAAM,iBAAiB,CAAC,CAAC,KAAK,KAAK,CAC5D;;OAEF,CAAC;SACH;aAAM,IAAK,KAAwB,CAAC,QAAQ,KAAK,QAAQ,EAAE;YAC1D,QAAQ,GAAG;4BACW,IAAI,SAAS,CAAC,MAAE,KAAyB,CAAC,EAAa,mCAAI,CAAC,CAAC,GAAG,GAAG,UACvF,CAAC,MAAE,KAAyB,CAAC,EAAa,mCAAI,CAAC,CAAC,GAAG,GACrD,UAAU,CAAC,MAAE,KAAyB,CAAC,EAAa,mCAAI,CAAC,CAAC,GAAG,GAAG,UAC9D,CAAC,MAAE,KAAyB,CAAC,EAAa,mCAAI,CAAC,CAAC,GAAG,GACrD;UACI,CAAC,MAAC,KAAyB,CAAC,KAAK,mCAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,MAAM,iBAAiB,CAAC,CAAC,KAAK,KAAK,CAAC;;OAE5G,CAAC;SACH;QACD,OAAO;kBACO,IAAI,aAAa,IAAI;;QAE/B,QAAQ;yBACS,IAAI,SAAS,IAAI,uBAAuB,IAAI;;WAE1D,CAAC;KACT;IAED,OAAO,EAAE,CAAC;AACZ,CAAC","file":"shape-model.js","sourcesContent":["import type { IGradientColor, ILinearGradient } from '@visactor/vrender';\n// eslint-disable-next-line no-duplicate-imports\nimport { builtinSymbolsMap } from '@visactor/vrender';\n\nimport { isObject, isString } from '../../../../../util';\nimport type { ShapeType } from '../../../../../typings';\nimport { BaseTooltipModel } from './base-tooltip-model';\n\nexport interface IShapeSvgOption {\n  hasShape: boolean;\n  shapeType: ShapeType;\n  size: string;\n  color: string | IGradientColor;\n  hollow?: boolean;\n}\n\nexport class ShapeModel extends BaseTooltipModel {\n  svg: SVGElement;\n\n  private _svgHtmlCache: string;\n\n  init(classList?: string[], id?: string, tag?: keyof HTMLElementTagNameMap): void {\n    if (!this.product) {\n      const container = this.createElement(tag ?? 'div', [...(classList ?? []), 'shape'], undefined, id);\n      this.product = container;\n    }\n  }\n\n  setStyle(style?: Partial<CSSStyleDeclaration>, option?: IShapeSvgOption): void {\n    super.setStyle(style);\n    this.setSvg(option);\n  }\n\n  setContent(option: IShapeSvgOption) {\n    this.setSvg(option);\n  }\n\n  setSvg(option: IShapeSvgOption) {\n    const html = getSvgHtml(option);\n    if (html !== this._svgHtmlCache) {\n      this._svgHtmlCache = html;\n      this.product.innerHTML = html;\n    }\n  }\n\n  release(): void {\n    super.release();\n    this._svgHtmlCache = '';\n  }\n}\n\nfunction getSvgHtml(option: IShapeSvgOption) {\n  if (!option?.hasShape || !builtinSymbolsMap[option.shapeType]) {\n    return '';\n  }\n\n  const { shapeType, size, color, hollow = false } = option;\n\n  // FIXME 通过 VRender 获取symbol path\n  const path = builtinSymbolsMap[shapeType].pathStr;\n  let fill: string = 'currentColor';\n  if (!color || isString(color) || hollow) {\n    fill = hollow ? 'none' : (color as string) ?? 'currentColor';\n    return `\n    <svg width=\"${size}\"\n      height=\"${size}\" viewBox=\"-0.8 -0.8 1.5 1.5\" style=\"display: inline-block; vertical-align: middle;\">\n      <path fill=\"${fill}\" d=\"${path}\" style=\"fill: ${fill};\">\n      </path>\n    </svg>`;\n  }\n  if (isObject(color)) {\n    fill = 'gradientColor';\n    let gradient = '';\n    if ((color as IGradientColor).gradient === 'radial') {\n      gradient = `\n      <radialGradient id=\"${fill}\" cx=\"50%\" cy=\"50%\" r=\"50%\" fx=\"0%\" fy=\"0%\">\n        ${(((color as IGradientColor).stops as any[]) ?? []).map(\n          s => `<stop offset=\"${s.offset}\" stop-color=\"${s.color}\"/>`\n        )}\n     \t</radialGradient>\n      `;\n    } else if ((color as IGradientColor).gradient === 'linear') {\n      gradient = `\n      <linearGradient id=\"${fill}\" x1=\"${(((color as ILinearGradient).x0 as number) ?? 0) * 100}%\" y1=\"${\n        (((color as ILinearGradient).y0 as number) ?? 0) * 100\n      }%\" x2=\"${(((color as ILinearGradient).x1 as number) ?? 0) * 100}%\" y2=\"${\n        (((color as ILinearGradient).y1 as number) ?? 0) * 100\n      }%\">\n        ${((color as ILinearGradient).stops ?? []).map(s => `<stop offset=\"${s.offset}\" stop-color=\"${s.color}\"/>`)}\n      </linearGradient>\n      `;\n    }\n    return `\n    <svg width=\"${size}\" height=\"${size}\"\n      viewBox=\"-0.8 -0.8 1.5 1.5\" style=\"display: inline-block; vertical-align: middle;\">\n      ${gradient}\n      <path fill=\"url(#${fill})\" d=\"${path}\" style=\"fill: url(#${fill});\">\n      </path>\n    </svg>`;\n  }\n\n  return '';\n}\n"]}

package/esm/component/tooltip/handler/dom/model/style-constants.d.ts

@@ -0,0 +1,7 @@
+export declare const defaultH2Style: Partial<CSSStyleDeclaration>;
+export declare const defaultContainerBoxStyle: Partial<CSSStyleDeclaration>;
+export declare const defaultShapeBoxStyle: Partial<CSSStyleDeclaration>;
+export declare const defaultKeyBoxStyle: Partial<CSSStyleDeclaration>;
+export declare const defaultValueBoxStyle: Partial<CSSStyleDeclaration>;
+export declare const defaultKeyStyle: Partial<CSSStyleDeclaration>;
+export declare const defaultValueStyle: Partial<CSSStyleDeclaration>;

package/esm/component/tooltip/handler/dom/model/style-constants.js

@@ -0,0 +1,45 @@
+export const defaultH2Style = {
+    fontSize: "13px",
+    marginBottom: "0px"
+};
+
+export const defaultContainerBoxStyle = {
+    display: "flex",
+    maxWidth: "440px",
+    whiteSpace: "nowrap"
+};
+
+export const defaultShapeBoxStyle = {
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "space-around",
+    fontSize: "0"
+};
+
+export const defaultKeyBoxStyle = {
+    flex: "1",
+    display: "flex",
+    flexDirection: "column",
+    overflow: "hidden"
+};
+
+export const defaultValueBoxStyle = {
+    display: "flex",
+    flexDirection: "column"
+};
+
+export const defaultKeyStyle = {
+    paddingTop: "0px",
+    paddingBottom: "0px",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    textAlign: "left"
+};
+
+export const defaultValueStyle = {
+    paddingTop: "0px",
+    paddingBottom: "0px",
+    overflow: "hidden",
+    textAlign: "right"
+};
+//# sourceMappingURL=style-constants.js.map

package/esm/component/tooltip/handler/dom/model/style-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/tooltip/handler/dom/model/style-constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAiC;IAC1D,QAAQ,EAAE,MAAM;IAChB,YAAY,EAAE,KAAK;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAiC;IACpE,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,OAAO;IACjB,UAAU,EAAE,QAAQ;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAiC;IAChE,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,cAAc;IAC9B,QAAQ,EAAE,GAAG;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAiC;IAC9D,IAAI,EAAE,GAAG;IACT,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,QAAQ,EAAE,QAAQ;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAiC;IAChE,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAiC;IAC3D,UAAU,EAAE,KAAK;IACjB,aAAa,EAAE,KAAK;IACpB,QAAQ,EAAE,QAAQ;IAClB,YAAY,EAAE,UAAU;IACxB,SAAS,EAAE,MAAM;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAiC;IAC7D,UAAU,EAAE,KAAK;IACjB,aAAa,EAAE,KAAK;IACpB,QAAQ,EAAE,QAAQ;IAClB,SAAS,EAAE,OAAO;CACnB,CAAC","file":"style-constants.js","sourcesContent":["export const defaultH2Style: Partial<CSSStyleDeclaration> = {\n  fontSize: '13px',\n  marginBottom: '0px'\n};\n\nexport const defaultContainerBoxStyle: Partial<CSSStyleDeclaration> = {\n  display: 'flex',\n  maxWidth: '440px',\n  whiteSpace: 'nowrap'\n};\n\nexport const defaultShapeBoxStyle: Partial<CSSStyleDeclaration> = {\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'space-around',\n  fontSize: '0'\n};\n\nexport const defaultKeyBoxStyle: Partial<CSSStyleDeclaration> = {\n  flex: '1',\n  display: 'flex',\n  flexDirection: 'column',\n  overflow: 'hidden'\n};\n\nexport const defaultValueBoxStyle: Partial<CSSStyleDeclaration> = {\n  display: 'flex',\n  flexDirection: 'column'\n};\n\nexport const defaultKeyStyle: Partial<CSSStyleDeclaration> = {\n  paddingTop: '0px',\n  paddingBottom: '0px',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  textAlign: 'left'\n};\n\nexport const defaultValueStyle: Partial<CSSStyleDeclaration> = {\n  paddingTop: '0px',\n  paddingBottom: '0px',\n  overflow: 'hidden',\n  textAlign: 'right'\n};\n"]}

package/esm/component/tooltip/handler/dom/model/text-model.d.ts

@@ -0,0 +1,5 @@
+import { BaseTooltipModel } from './base-tooltip-model';
+export declare class TextModel extends BaseTooltipModel {
+    init(classList?: string[], id?: string, tag?: keyof HTMLElementTagNameMap): void;
+    setContent(content?: any): void;
+}

package/esm/component/tooltip/handler/dom/model/text-model.js

@@ -0,0 +1,11 @@
+import { BaseTooltipModel } from "./base-tooltip-model";
+
+export class TextModel extends BaseTooltipModel {
+    init(classList, id, tag) {
+        this.product || (this.product = this.createElement(null != tag ? tag : "span", classList, void 0, id));
+    }
+    setContent(content) {
+        this._option.valueToHtml(content) !== this.product.innerHTML && (this.product.innerHTML = this._option.valueToHtml(content));
+    }
+}
+//# sourceMappingURL=text-model.js.map

package/esm/component/tooltip/handler/dom/model/text-model.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/tooltip/handler/dom/model/text-model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,OAAO,SAAU,SAAQ,gBAAgB;IAC7C,IAAI,CAAC,SAAoB,EAAE,EAAW,EAAE,GAAiC;QACvE,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC;SAC5E;IACH,CAAC;IAED,UAAU,CAAC,OAAa;QACtB,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAC/C,IAAI,IAAI,KAAK,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE;YACnC,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;SAC5D;IACH,CAAC;CACF","file":"text-model.js","sourcesContent":["import { BaseTooltipModel } from './base-tooltip-model';\n\nexport class TextModel extends BaseTooltipModel {\n  init(classList?: string[], id?: string, tag?: keyof HTMLElementTagNameMap): void {\n    if (!this.product) {\n      this.product = this.createElement(tag ?? 'span', classList, undefined, id);\n    }\n  }\n\n  setContent(content?: any): void {\n    const html = this._option.valueToHtml(content);\n    if (html !== this.product.innerHTML) {\n      this.product.innerHTML = this._option.valueToHtml(content);\n    }\n  }\n}\n"]}

package/esm/component/tooltip/handler/dom/model/title-model.d.ts

@@ -0,0 +1,14 @@
+import { BaseTooltipModel } from './base-tooltip-model';
+import { ShapeModel } from './shape-model';
+import { TextModel } from './text-model';
+export declare class TitleModel extends BaseTooltipModel {
+    shape: ShapeModel | null;
+    textSpan: TextModel;
+    init(): void;
+    private _initShape;
+    private _releaseShape;
+    private _initTextSpan;
+    setStyle(style?: Partial<CSSStyleDeclaration>): void;
+    setContent(): void;
+    release(): void;
+}

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

@@ -0,0 +1,63 @@
+import { merge } from "@visactor/vutils";
+
+import { defaultH2Style } from "./style-constants";
+
+import { BaseTooltipModel } from "./base-tooltip-model";
+
+import { ShapeModel } from "./shape-model";
+
+import { TextModel } from "./text-model";
+
+export class TitleModel extends 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 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 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(merge({}, 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;
+    }
+}
+//# sourceMappingURL=title-model.js.map

package/esm/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":"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","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/esm/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/esm/component/tooltip/handler/dom/model/tooltip-model.js

@@ -0,0 +1,78 @@
+import { isValid } from "@visactor/vutils";
+
+import { BaseTooltipModel } from "./base-tooltip-model";
+
+import { ContentModel } from "./content-model";
+
+import { TitleModel } from "./title-model";
+
+export class TooltipModel extends 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 && 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 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 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;
+    }
+}
+//# sourceMappingURL=tooltip-model.js.map

package/esm/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/esm/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/esm/component/tooltip/handler/dom/utils/style.js

@@ -0,0 +1,59 @@
+import { isValid, merge, isArray } from "../../../../../util";
+
+const STYLE_SYMBOL_SIZE = 8, getPixelPropertyStr = (num, defaultStr) => isValid(num) ? isArray(num) ? num.map((n => `${n}px`)).join(" ") : `${num}px` : null != defaultStr ? defaultStr : "initial";
+
+export 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 (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} = 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} = merge({}, defaultStyle, shapeStyle), styleObj = {};
+    return styleObj.marginRight = getPixelPropertyStr(spacing, `${STYLE_SYMBOL_SIZE}px`), 
+    styleObj.width = getPixelPropertyStr(size), styleObj.height = styleObj.width, styleObj;
+}
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["component/tooltip/handler/dom/utils/style.ts"],"names":[],"mappings":"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","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/esm/component/tooltip/handler/index.d.ts

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

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

@@ -0,0 +1,4 @@
+export * from "./dom";
+
+export * from "./canvas";
+//# sourceMappingURL=index.js.map

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

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

package/esm/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/esm/component/tooltip/handler/interface/cache.js

@@ -0,0 +1,2 @@
+export { };
+//# sourceMappingURL=cache.js.map

package/esm/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/esm/component/tooltip/handler/interface/index.d.ts

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

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

@@ -0,0 +1,4 @@
+export * from "./style";
+
+export * from "./cache";
+//# sourceMappingURL=index.js.map

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

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

package/esm/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/esm/component/tooltip/handler/interface/style.js

@@ -0,0 +1,2 @@
+export { };
+//# sourceMappingURL=style.js.map

package/esm/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/esm/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;