@visactor/vchart 1.0.1-alpha.1 → 1.1.0-beta.0

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

@@ -1,4 +1,4 @@
-import { defaultContainerBoxStyle } from "./style-constants";
+import { defaultContentContainerStyle } from "./style-constants";
 
 import { BaseTooltipModel } from "./base-tooltip-model";
 
@@ -12,19 +12,19 @@ export class ContentModel extends BaseTooltipModel {
         this.shapeBox || this._initShapeBox(), this.keyBox || this._initKeyBox(), this.valueBox || this._initValueBox();
     }
     _initShapeBox() {
-        const shapeBox = new ContentColumnModel(this.product, this._option, "shape-box", 0, this._tooltipStyle, this._tooltipActual);
+        const shapeBox = new ContentColumnModel(this.product, this._option, "shape-box", 0);
         shapeBox.init(), this.shapeBox = shapeBox, this.children[shapeBox.childIndex] = shapeBox;
     }
     _initKeyBox() {
-        const keyBox = new ContentColumnModel(this.product, this._option, "key-box", 1, this._tooltipStyle, this._tooltipActual);
+        const keyBox = new ContentColumnModel(this.product, this._option, "key-box", 1);
         keyBox.init(), this.keyBox = keyBox, this.children[keyBox.childIndex] = keyBox;
     }
     _initValueBox() {
-        const valueBox = new ContentColumnModel(this.product, this._option, "value-box", 2, this._tooltipStyle, this._tooltipActual);
+        const valueBox = new ContentColumnModel(this.product, this._option, "value-box", 2);
         valueBox.init(), this.valueBox = valueBox, this.children[valueBox.childIndex] = valueBox;
     }
     setStyle(style) {
-        super.setStyle(merge({}, defaultContainerBoxStyle, style)), Object.values(this.children).forEach((c => {
+        super.setStyle(merge({}, defaultContentContainerStyle, style)), Object.values(this.children).forEach((c => {
             c.setStyle();
         }));
     }

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/tooltip/handler/dom/model/content-model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,MAAM,OAAO,YAAa,SAAQ,gBAAgB;IAKhD,IAAI;QACF,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;SAC7D;QACD,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,aAAa,EAAE,CAAC;SACtB;QACD,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAChB,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB;QACD,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,aAAa,EAAE,CAAC;SACtB;IACH,CAAC;IAEO,aAAa;QACnB,MAAM,QAAQ,GAAG,IAAI,kBAAkB,CACrC,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,OAAO,EACZ,WAAW,EACX,CAAC,EACD,IAAI,CAAC,aAAa,EAClB,IAAI,CAAC,cAAc,CACpB,CAAC;QACF,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;IAEO,WAAW;QACjB,MAAM,MAAM,GAAG,IAAI,kBAAkB,CACnC,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,OAAO,EACZ,SAAS,EACT,CAAC,EACD,IAAI,CAAC,aAAa,EAClB,IAAI,CAAC,cAAc,CACpB,CAAC;QACF,MAAM,CAAC,IAAI,EAAE,CAAC;QACd,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,GAAG,MAAM,CAAC;IAC5C,CAAC;IAEO,aAAa;QACnB,MAAM,QAAQ,GAAG,IAAI,kBAAkB,CACrC,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,OAAO,EACZ,WAAW,EACX,CAAC,EACD,IAAI,CAAC,aAAa,EAClB,IAAI,CAAC,cAAc,CACpB,CAAC;QACF,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,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,EAAE,wBAAwB,EAAE,KAAK,CAAC,CAAC,CAAC;QAC3D,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YACvC,CAAC,CAAC,QAAQ,EAAE,CAAC;QACf,CAAC,CAAC,CAAC;IACL,CAAC;IAED,UAAU;QACR,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YACvC,CAAC,CAAC,UAAU,EAAE,CAAC;QACjB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,OAAO;QACL,KAAK,CAAC,OAAO,EAAE,CAAC;QAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;CACF","file":"content-model.js","sourcesContent":["import { defaultContainerBoxStyle } from './style-constants';\nimport { BaseTooltipModel } from './base-tooltip-model';\nimport { ContentColumnModel } from './content-column-model';\nimport { merge } from '@visactor/vutils';\n\nexport class ContentModel extends BaseTooltipModel {\n  shapeBox: ContentColumnModel;\n  keyBox: ContentColumnModel;\n  valueBox: ContentColumnModel;\n\n  init(): void {\n    if (!this.product) {\n      this.product = this.createElement('div', ['container-box']);\n    }\n    if (!this.shapeBox) {\n      this._initShapeBox();\n    }\n    if (!this.keyBox) {\n      this._initKeyBox();\n    }\n    if (!this.valueBox) {\n      this._initValueBox();\n    }\n  }\n\n  private _initShapeBox() {\n    const shapeBox = new ContentColumnModel(\n      this.product,\n      this._option,\n      'shape-box',\n      0,\n      this._tooltipStyle,\n      this._tooltipActual\n    );\n    shapeBox.init();\n    this.shapeBox = shapeBox;\n    this.children[shapeBox.childIndex] = shapeBox;\n  }\n\n  private _initKeyBox() {\n    const keyBox = new ContentColumnModel(\n      this.product,\n      this._option,\n      'key-box',\n      1,\n      this._tooltipStyle,\n      this._tooltipActual\n    );\n    keyBox.init();\n    this.keyBox = keyBox;\n    this.children[keyBox.childIndex] = keyBox;\n  }\n\n  private _initValueBox() {\n    const valueBox = new ContentColumnModel(\n      this.product,\n      this._option,\n      'value-box',\n      2,\n      this._tooltipStyle,\n      this._tooltipActual\n    );\n    valueBox.init();\n    this.valueBox = valueBox;\n    this.children[valueBox.childIndex] = valueBox;\n  }\n\n  setStyle(style?: Partial<CSSStyleDeclaration>): void {\n    super.setStyle(merge({}, defaultContainerBoxStyle, style));\n    Object.values(this.children).forEach(c => {\n      c.setStyle();\n    });\n  }\n\n  setContent(): void {\n    Object.values(this.children).forEach(c => {\n      c.setContent();\n    });\n  }\n\n  release(): void {\n    super.release();\n    this.shapeBox = null;\n    this.keyBox = null;\n    this.valueBox = null;\n  }\n}\n"]}
+{"version":3,"sources":["../src/component/tooltip/handler/dom/model/content-model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAG5D,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,MAAM,OAAO,YAAa,SAAQ,gBAAgB;IAKhD,IAAI;QACF,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;SAC7D;QACD,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,aAAa,EAAE,CAAC;SACtB;QACD,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAChB,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB;QACD,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,aAAa,EAAE,CAAC;SACtB;IACH,CAAC;IAEO,aAAa;QACnB,MAAM,QAAQ,GAAG,IAAI,kBAAkB,CAAC,IAAI,CAAC,OAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC;QACrF,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;IAEO,WAAW;QACjB,MAAM,MAAM,GAAG,IAAI,kBAAkB,CAAC,IAAI,CAAC,OAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;QACjF,MAAM,CAAC,IAAI,EAAE,CAAC;QACd,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,GAAG,MAAM,CAAC;IAC5C,CAAC;IAEO,aAAa;QACnB,MAAM,QAAQ,GAAG,IAAI,kBAAkB,CAAC,IAAI,CAAC,OAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC;QACrF,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,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,EAAE,4BAA4B,EAAE,KAAK,CAAC,CAAC,CAAC;QAC/D,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YACvC,CAAC,CAAC,QAAQ,EAAE,CAAC;QACf,CAAC,CAAC,CAAC;IACL,CAAC;IAED,UAAU;QACR,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YACvC,CAAC,CAAC,UAAU,EAAE,CAAC;QACjB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,OAAO;QACL,KAAK,CAAC,OAAO,EAAE,CAAC;QAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;CACF","file":"content-model.js","sourcesContent":["import { defaultContentContainerStyle } from './style-constants';\nimport { BaseTooltipModel } from './base-tooltip-model';\nimport { ContentColumnModel } from './content-column-model';\nimport type { Maybe } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport { merge } from '@visactor/vutils';\n\nexport class ContentModel extends BaseTooltipModel {\n  shapeBox: Maybe<ContentColumnModel>;\n  keyBox: Maybe<ContentColumnModel>;\n  valueBox: Maybe<ContentColumnModel>;\n\n  init(): void {\n    if (!this.product) {\n      this.product = this.createElement('div', ['container-box']);\n    }\n    if (!this.shapeBox) {\n      this._initShapeBox();\n    }\n    if (!this.keyBox) {\n      this._initKeyBox();\n    }\n    if (!this.valueBox) {\n      this._initValueBox();\n    }\n  }\n\n  private _initShapeBox() {\n    const shapeBox = new ContentColumnModel(this.product!, this._option, 'shape-box', 0);\n    shapeBox.init();\n    this.shapeBox = shapeBox;\n    this.children[shapeBox.childIndex] = shapeBox;\n  }\n\n  private _initKeyBox() {\n    const keyBox = new ContentColumnModel(this.product!, this._option, 'key-box', 1);\n    keyBox.init();\n    this.keyBox = keyBox;\n    this.children[keyBox.childIndex] = keyBox;\n  }\n\n  private _initValueBox() {\n    const valueBox = new ContentColumnModel(this.product!, this._option, 'value-box', 2);\n    valueBox.init();\n    this.valueBox = valueBox;\n    this.children[valueBox.childIndex] = valueBox;\n  }\n\n  setStyle(style?: Partial<CSSStyleDeclaration>): void {\n    super.setStyle(merge({}, defaultContentContainerStyle, style));\n    Object.values(this.children).forEach(c => {\n      c.setStyle();\n    });\n  }\n\n  setContent(): void {\n    Object.values(this.children).forEach(c => {\n      c.setContent();\n    });\n  }\n\n  release(): void {\n    super.release();\n    this.shapeBox = null;\n    this.keyBox = null;\n    this.valueBox = null;\n  }\n}\n"]}

package/esm/component/tooltip/handler/dom/model/interface.d.ts

@@ -1,3 +1,7 @@
+import type { IToolTipActual } from '../../../../../typings';
+import type { IDomTooltipStyle } from '../interface';
 export interface ITooltipModelOption {
     valueToHtml: (value: any) => string;
+    getTooltipStyle: () => IDomTooltipStyle;
+    getTooltipActual: () => IToolTipActual;
 }

package/esm/component/tooltip/handler/dom/model/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/tooltip/handler/dom/model/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["export interface ITooltipModelOption {\n  valueToHtml: (value: any) => string;\n}\n"]}
+{"version":3,"sources":["../src/component/tooltip/handler/dom/model/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IToolTipActual } from '../../../../../typings';\nimport type { IDomTooltipStyle } from '../interface';\n\nexport interface ITooltipModelOption {\n  valueToHtml: (value: any) => string;\n  getTooltipStyle: () => IDomTooltipStyle;\n  getTooltipActual: () => IToolTipActual;\n}\n"]}

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

@@ -2,10 +2,10 @@ import type { IGradientColor } from '@visactor/vrender';
 import type { ShapeType } from '../../../../../typings';
 import { BaseTooltipModel } from './base-tooltip-model';
 export interface IShapeSvgOption {
-    hasShape: boolean;
-    shapeType: ShapeType;
-    size: string;
-    color: string | IGradientColor;
+    hasShape?: boolean;
+    shapeType?: ShapeType;
+    size?: string;
+    color?: string | IGradientColor;
     hollow?: boolean;
 }
 export declare class ShapeModel extends BaseTooltipModel {
@@ -14,6 +14,6 @@ export declare class ShapeModel extends BaseTooltipModel {
     init(classList?: string[], id?: string, tag?: keyof HTMLElementTagNameMap): void;
     setStyle(style?: Partial<CSSStyleDeclaration>, option?: IShapeSvgOption): void;
     setContent(option: IShapeSvgOption): void;
-    setSvg(option: IShapeSvgOption): void;
+    setSvg(option?: IShapeSvgOption): void;
     release(): void;
 }

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

@@ -19,7 +19,7 @@ export class ShapeModel extends BaseTooltipModel {
     }
     setSvg(option) {
         const html = getSvgHtml(option);
-        html !== this._svgHtmlCache && (this._svgHtmlCache = html, this.product.innerHTML = html);
+        this.product && html !== this._svgHtmlCache && (this._svgHtmlCache = html, this.product.innerHTML = html);
     }
     release() {
         super.release(), this._svgHtmlCache = "";
@@ -28,16 +28,16 @@ export class ShapeModel extends BaseTooltipModel {
 
 function getSvgHtml(option) {
     var _a, _b, _c, _d, _e, _f, _g;
-    if (!(null == option ? void 0 : option.hasShape) || !builtinSymbolsMap[option.shapeType]) return "";
+    if (!(null == option ? void 0 : option.hasShape) || !option.shapeType || !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>`;
+    `\n    <svg width="${size}"\n      height="${size}" viewBox="-0.5 -0.5 1 1" 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>`;
+        `\n    <svg width="${size}" height="${size}"\n      viewBox="-0.5 -0.5 1 1" 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 "";
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/tooltip/handler/dom/model/shape-model.ts"],"names":[],"mappings":"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","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"]}
+{"version":3,"sources":["../src/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,MAAwB;QAC7B,MAAM,IAAI,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;QAChC,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,KAAK,IAAI,CAAC,aAAa,EAAE;YAC/C,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,MAAwB;;IAC1C,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAA,IAAI,CAAC,MAAM,CAAC,SAAS,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE;QAClF,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 (this.product && 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 || !option.shapeType || !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.5 -0.5 1 1\" 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.5 -0.5 1 1\" 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

@@ -1,7 +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 defaultContainerStyle: Partial<CSSStyleDeclaration>;
+export declare const defaultContentContainerStyle: Partial<CSSStyleDeclaration>;
+export declare const defaultContentColumnStyle: Partial<CSSStyleDeclaration>;
 export declare const defaultKeyStyle: Partial<CSSStyleDeclaration>;
+export declare const defaultAdaptiveKeyStyle: Partial<CSSStyleDeclaration>;
 export declare const defaultValueStyle: Partial<CSSStyleDeclaration>;

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

@@ -1,45 +1,43 @@
 export const defaultH2Style = {
     fontSize: "13px",
-    marginBottom: "0px"
+    marginBottom: "0px",
+    fontWeight: "normal"
 };
 
-export const defaultContainerBoxStyle = {
+export const defaultContainerStyle = {
+    boxSizing: "border-box"
+};
+
+export const defaultContentContainerStyle = {
     display: "flex",
-    maxWidth: "440px",
     whiteSpace: "nowrap"
 };
 
-export const defaultShapeBoxStyle = {
+export const defaultContentColumnStyle = {
     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",
+    textAlign: "left",
+    fontWeight: "normal"
 };
 
-export const defaultKeyStyle = {
+export const defaultAdaptiveKeyStyle = {
     paddingTop: "0px",
     paddingBottom: "0px",
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    textAlign: "left"
+    textAlign: "left",
+    fontWeight: "normal"
 };
 
 export const defaultValueStyle = {
     paddingTop: "0px",
     paddingBottom: "0px",
-    overflow: "hidden",
-    textAlign: "right"
+    textAlign: "right",
+    fontWeight: "normal"
 };
 //# sourceMappingURL=style-constants.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/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"]}
+{"version":3,"sources":["../src/component/tooltip/handler/dom/model/style-constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAiC;IAC1D,QAAQ,EAAE,MAAM;IAChB,YAAY,EAAE,KAAK;IACnB,UAAU,EAAE,QAAQ;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAiC;IACjE,SAAS,EAAE,YAAY;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAAiC;IACxE,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAiC;IACrE,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,cAAc;IAC9B,QAAQ,EAAE,GAAG;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAiC;IAC3D,UAAU,EAAE,KAAK;IACjB,aAAa,EAAE,KAAK;IAGpB,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,QAAQ;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAiC;IACnE,UAAU,EAAE,KAAK;IACjB,aAAa,EAAE,KAAK;IACpB,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,QAAQ;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAiC;IAC7D,UAAU,EAAE,KAAK;IACjB,aAAa,EAAE,KAAK;IAEpB,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE,QAAQ;CACrB,CAAC","file":"style-constants.js","sourcesContent":["export const defaultH2Style: Partial<CSSStyleDeclaration> = {\n  fontSize: '13px',\n  marginBottom: '0px',\n  fontWeight: 'normal'\n};\n\nexport const defaultContainerStyle: Partial<CSSStyleDeclaration> = {\n  boxSizing: 'border-box'\n};\n\nexport const defaultContentContainerStyle: Partial<CSSStyleDeclaration> = {\n  display: 'flex',\n  whiteSpace: 'nowrap'\n};\n\nexport const defaultContentColumnStyle: Partial<CSSStyleDeclaration> = {\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'space-around',\n  fontSize: '0'\n};\n\nexport const defaultKeyStyle: Partial<CSSStyleDeclaration> = {\n  paddingTop: '0px',\n  paddingBottom: '0px',\n  // overflow: 'hidden',\n  // textOverflow: 'ellipsis',\n  textAlign: 'left',\n  fontWeight: 'normal'\n};\n\nexport const defaultAdaptiveKeyStyle: Partial<CSSStyleDeclaration> = {\n  paddingTop: '0px',\n  paddingBottom: '0px',\n  textAlign: 'left',\n  fontWeight: 'normal'\n};\n\nexport const defaultValueStyle: Partial<CSSStyleDeclaration> = {\n  paddingTop: '0px',\n  paddingBottom: '0px',\n  // overflow: 'hidden',\n  textAlign: 'right',\n  fontWeight: 'normal'\n};\n"]}

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

@@ -5,6 +5,7 @@ export class TextModel extends BaseTooltipModel {
         this.product || (this.product = this.createElement(null != tag ? tag : "span", classList, void 0, id));
     }
     setContent(content) {
+        if (!this.product) return;
         this._option.valueToHtml(content) !== this.product.innerHTML && (this.product.innerHTML = this._option.valueToHtml(content));
     }
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/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"]}
+{"version":3,"sources":["../src/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,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB,OAAO;SACR;QACD,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    if (!this.product) {\n      return;\n    }\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

@@ -1,9 +1,10 @@
+import type { Maybe } from '@visactor/vutils';
 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;
+    shape: Maybe<ShapeModel>;
+    textSpan: Maybe<TextModel>;
     init(): void;
     private _initShape;
     private _releaseShape;

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

@@ -9,52 +9,48 @@ 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;
+        const tooltipActual = this._option.getTooltipActual();
         this.product || (this.product = this.createElement("h2"));
-        const {title: title} = this._tooltipActual;
+        const {title: title} = 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);
+        const shape = new ShapeModel(this.product, this._option, 0);
         shape.init(), this.shape = shape, this.children[shape.childIndex] = shape;
     }
     _releaseShape() {
-        this.shape.release(), delete this.children[this.shape.childIndex], this.shape = null;
+        this.shape && (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);
+        const textSpan = new TextModel(this.product, this._option, 1);
         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
+        var _a, _b, _c;
+        const tooltipStyle = this._option.getTooltipStyle(), tooltipActual = this._option.getTooltipActual(), {title: title} = tooltipActual;
+        super.setStyle(merge({}, defaultH2Style, tooltipStyle.title, style)), null === (_a = this.shape) || void 0 === _a || _a.setStyle({
+            paddingRight: null === (_b = tooltipStyle.shapeColumn.item) || void 0 === _b ? void 0 : _b.marginRight
         }, {
             hasShape: null == title ? void 0 : title.hasShape,
             shapeType: null == title ? void 0 : title.shapeType,
-            size: this._tooltipStyle.content.shape.width,
+            size: null === (_c = tooltipStyle.shapeColumn.item) || void 0 === _c ? void 0 : _c.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;
+        var _a, _b, _c;
+        const tooltipStyle = this._option.getTooltipStyle(), tooltipActual = this._option.getTooltipActual(), {title: title} = 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,
+            size: null === (_b = tooltipStyle.shapeColumn.item) || void 0 === _b ? void 0 : _b.width,
             color: null == title ? void 0 : title.shapeColor,
             hollow: null == title ? void 0 : title.shapeHollow
-        }), this.textSpan.setContent(title.value);
+        }), null === (_c = this.textSpan) || void 0 === _c || _c.setContent(null == title ? void 0 : title.value);
     }
     release() {
         super.release(), this.shape = null, this.textSpan = null;

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/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"]}
+{"version":3,"sources":["../src/component/tooltip/handler/dom/model/title-model.ts"],"names":[],"mappings":"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","file":"title-model.js","sourcesContent":["import type { Maybe } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport { 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: Maybe<ShapeModel>;\n  textSpan: Maybe<TextModel>;\n\n  init(): void {\n    const tooltipActual = this._option.getTooltipActual();\n\n    if (!this.product) {\n      this.product = this.createElement('h2');\n    }\n\n    const { title } = 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);\n    shape.init();\n    this.shape = shape;\n    this.children[shape.childIndex] = shape;\n  }\n\n  private _releaseShape() {\n    if (!this.shape) {\n      return;\n    }\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);\n    textSpan.init();\n    this.textSpan = textSpan;\n    this.children[textSpan.childIndex] = textSpan;\n  }\n\n  setStyle(style?: Partial<CSSStyleDeclaration>): void {\n    const tooltipStyle = this._option.getTooltipStyle();\n    const tooltipActual = this._option.getTooltipActual();\n\n    const { title } = tooltipActual;\n    super.setStyle(merge({}, defaultH2Style, tooltipStyle.title, style));\n\n    this.shape?.setStyle(\n      {\n        paddingRight: tooltipStyle.shapeColumn.item?.marginRight\n      },\n      {\n        hasShape: title?.hasShape,\n        shapeType: title?.shapeType,\n        size: tooltipStyle.shapeColumn.item?.width,\n        color: title?.shapeColor,\n        hollow: title?.shapeHollow\n      }\n    );\n  }\n\n  setContent(): void {\n    const tooltipStyle = this._option.getTooltipStyle();\n    const tooltipActual = this._option.getTooltipActual();\n\n    const { title } = tooltipActual;\n    this.init();\n    this.shape?.setStyle(undefined, {\n      hasShape: title?.hasShape,\n      shapeType: title?.shapeType,\n      size: tooltipStyle.shapeColumn.item?.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

@@ -1,4 +1,3 @@
-import type { IDomTooltipStyle } from '../interface';
 import { BaseTooltipModel } from './base-tooltip-model';
 import { ContentModel } from './content-model';
 import type { ITooltipModelOption } from './interface';
@@ -8,7 +7,7 @@ export declare class TooltipModel extends BaseTooltipModel {
     content: ContentModel | null;
     private _classList;
     private _id;
-    constructor(parent: BaseTooltipModel | HTMLElement, option: ITooltipModelOption, classList: string[], id: string, style: IDomTooltipStyle);
+    constructor(parent: BaseTooltipModel | HTMLElement, option: ITooltipModelOption, classList: string[], id: string);
     setVisibility(visibility: boolean): void;
     init(): void;
     private _initPanel;

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

@@ -1,4 +1,4 @@
-import { isValid } from "@visactor/vutils";
+import { isValid, merge } from "@visactor/vutils";
 
 import { BaseTooltipModel } from "./base-tooltip-model";
 
@@ -6,22 +6,25 @@ import { ContentModel } from "./content-model";
 
 import { TitleModel } from "./title-model";
 
+import { defaultContainerStyle } from "./style-constants";
+
 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;
+    constructor(parent, option, classList, id) {
+        super(parent, option, 0), this.title = null, this.content = null, this._classList = classList, 
+        this._id = id;
     }
     setVisibility(visibility) {
-        super.setVisibility(visibility);
+        if (super.setVisibility(visibility), !this.product) return;
         const {classList: classList} = this.product;
         visibility ? classList.add("visible") : classList.remove("visible");
     }
     init() {
-        if (!this._tooltipActual) return;
+        var _a;
+        const tooltipActual = this._option.getTooltipActual();
         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();
+        const {title: title} = tooltipActual;
+        !1 !== (null == title ? void 0 : title.visible) && isValid(null == title ? void 0 : title.value) ? this.title || this._initTitle() : this.title && this._releaseTitle();
+        (null !== (_a = tooltipActual.content) && void 0 !== _a ? _a : []).length > 0 ? this.content || this._initContent() : this.content && this._releaseContent();
     }
     _initPanel(classList, id) {
         const panel = this.createElement("div", classList, {
@@ -44,27 +47,30 @@ export class TooltipModel extends BaseTooltipModel {
         this.product = panel;
     }
     _initTitle() {
-        const title = new TitleModel(this.product, this._option, 0, this._tooltipStyle, this._tooltipActual);
+        const title = new TitleModel(this.product, this._option, 0);
         title.init(), this.title = title, this.children[title.childIndex] = title;
     }
     _releaseTitle() {
-        this.title.release(), delete this.children[this.title.childIndex], this.title = null;
+        this.title && (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);
+        const content = new ContentModel(this.product, this._option, 1);
         content.init(), this.content = content, this.children[content.childIndex] = content;
     }
     _releaseContent() {
-        this.content.release(), delete this.children[this.content.childIndex], this.content = null;
+        this.content && (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) => {
+        const tooltipStyle = this._option.getTooltipStyle();
+        super.setStyle(merge({}, defaultContainerStyle, tooltipStyle.panel)), Object.values(this.children).forEach(((c, i) => {
             c.setStyle(i > 0 ? {
-                marginTop: "10px"
+                marginTop: tooltipStyle.spaceRow
             } : {
                 marginTop: "0px"
             });
-        })));
+        }));
     }
     setContent() {
         Object.values(this.children).forEach((c => {

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/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"]}
+{"version":3,"sources":["../src/component/tooltip/handler/dom/model/tooltip-model.ts"],"names":[],"mappings":"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","file":"tooltip-model.js","sourcesContent":["import { isValid, merge } from '@visactor/vutils';\nimport { BaseTooltipModel } from './base-tooltip-model';\nimport { ContentModel } from './content-model';\nimport type { ITooltipModelOption } from './interface';\nimport { TitleModel } from './title-model';\nimport { defaultContainerStyle } from './style-constants';\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(parent: BaseTooltipModel | HTMLElement, option: ITooltipModelOption, classList: string[], id: string) {\n    super(parent, option, 0);\n    this._classList = classList;\n    this._id = id;\n  }\n\n  setVisibility(visibility: boolean) {\n    super.setVisibility(visibility);\n    if (!this.product) {\n      return;\n    }\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    const tooltipActual = this._option.getTooltipActual();\n\n    if (!this.product) {\n      this._initPanel(this._classList, this._id);\n    }\n\n    const { title } = 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 = tooltipActual.content ?? [];\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);\n    title.init();\n    this.title = title;\n    this.children[title.childIndex] = title;\n  }\n\n  private _releaseTitle() {\n    if (!this.title) {\n      return;\n    }\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);\n    content.init();\n    this.content = content;\n    this.children[content.childIndex] = content;\n  }\n\n  private _releaseContent() {\n    if (!this.content) {\n      return;\n    }\n    this.content.release();\n    delete this.children[this.content.childIndex];\n    this.content = null;\n  }\n\n  setStyle(): void {\n    const tooltipStyle = this._option.getTooltipStyle();\n\n    super.setStyle(merge({}, defaultContainerStyle, tooltipStyle.panel));\n    Object.values(this.children).forEach((c, i) => {\n      c.setStyle(\n        i > 0\n          ? {\n              marginTop: tooltipStyle.spaceRow\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/util.d.ts

@@ -0,0 +1,5 @@
+import type { Maybe } from '@visactor/vutils';
+import type { ITooltipStyle } from '../interface';
+import type { IDomTooltipStyle } from './interface';
+import type { TooltipAttributes } from '@visactor/vrender-components';
+export declare function getDomStyles(style: ITooltipStyle, attributeCache?: Maybe<TooltipAttributes>): IDomTooltipStyle;

package/esm/component/tooltip/handler/dom/util.js

@@ -0,0 +1,71 @@
+import { isValid, merge, isArray } from "../../../../util";
+
+const DEFAULT_SHAPE_SPACING = 8, DEFAULT_KEY_SPACING = 26, DEFAULT_VALUE_SPACING = 0, getPixelPropertyStr = (num, defaultStr) => isValid(num) ? isArray(num) ? num.map((n => `${n}px`)).join(" ") : `${num}px` : null != defaultStr ? defaultStr : "initial";
+
+export function getDomStyles(style, attributeCache) {
+    var _a, _b, _c, _d, _e;
+    const {panel: {fill: fillColor, shadow: shadow, shadowBlur: shadowBlur, shadowColor: shadowColor, shadowOffsetX: shadowOffsetX, shadowOffsetY: shadowOffsetY, shadowSpread: shadowSpread, cornerRadius: cornerRadius, stroke: strokeColor, lineWidth: lineWidth}, padding: padding, key: key, value: value, title: title, shape: shape, maxWidth: maxWidth, minWidth: minWidth, enterable: enterable, spaceRow: spaceRow, transitionDuration: transitionDuration} = style, backgroundColor = fillColor, styles = {
+        panel: {
+            width: getPixelPropertyStr(null === (_a = null == attributeCache ? void 0 : attributeCache.panel) || void 0 === _a ? void 0 : _a.width),
+            height: getPixelPropertyStr(null === (_b = null == attributeCache ? void 0 : attributeCache.panel) || void 0 === _b ? void 0 : _b.height),
+            paddingBottom: getPixelPropertyStr(padding.bottom),
+            paddingLeft: getPixelPropertyStr(padding.left),
+            paddingRight: getPixelPropertyStr(padding.right),
+            paddingTop: getPixelPropertyStr(padding.top),
+            borderColor: strokeColor,
+            borderWidth: getPixelPropertyStr(lineWidth),
+            borderRadius: getPixelPropertyStr(cornerRadius),
+            backgroundColor: 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: {},
+        shapeColumn: {
+            item: getShapeStyle(shape),
+            width: getPixelPropertyStr(shape.size),
+            marginRight: getPixelPropertyStr(null !== (_c = shape.spacing) && void 0 !== _c ? _c : 8)
+        },
+        keyColumn: {
+            item: getLabelStyle(key),
+            width: getPixelPropertyStr(null == attributeCache ? void 0 : attributeCache.keyWidth),
+            marginRight: getPixelPropertyStr(null !== (_d = key.spacing) && void 0 !== _d ? _d : 26)
+        },
+        valueColumn: {
+            item: getLabelStyle(value),
+            width: getPixelPropertyStr(null == attributeCache ? void 0 : attributeCache.valueWidth),
+            marginRight: getPixelPropertyStr(null !== (_e = value.spacing) && void 0 !== _e ? _e : 0)
+        },
+        spaceRow: getPixelPropertyStr(spaceRow)
+    };
+    if (isValid(spaceRow)) {
+        const gapUnit = spaceRow / 2;
+        [ styles.shapeColumn.item, styles.keyColumn.item, styles.valueColumn.item ].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.shapeColumn.item, styles.keyColumn.item, styles.valueColumn.item ].forEach((obj => {
+        obj.marginTop = "initial", obj.marginBottom = "initial";
+    }));
+    return styles;
+}
+
+function getLabelStyle(labelStyle, defaultStyle) {
+    if (!labelStyle) return;
+    const {fontFamily: labelFont, fontSize: labelFontSize, fill: labelColor, textAlign: textAlign, lineHeight: lineHeight, fontWeight: fontWeight} = 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;
+}
+
+function getShapeStyle(shapeStyle, defaultStyle) {
+    if (!shapeStyle) return;
+    const {size: size} = merge({}, defaultStyle, shapeStyle), styleObj = {};
+    return styleObj.width = getPixelPropertyStr(size), styleObj.height = styleObj.width, 
+    styleObj;
+}
+//# sourceMappingURL=util.js.map