@visactor/vchart 1.0.0-alpha.0 → 1.0.0-alpha.1

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":"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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 (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,46 @@
 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",
     overflow: "hidden",
     textOverflow: "ellipsis",
-    textAlign: "left"
+    textAlign: "left",
+    fontWeight: "normal"
+};
+
+export const defaultAdaptiveKeyStyle = {
+    paddingTop: "0px",
+    paddingBottom: "0px",
+    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;IACpB,QAAQ,EAAE,QAAQ;IAClB,YAAY,EAAE,UAAU;IACxB,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;IACpB,QAAQ,EAAE,QAAQ;IAClB,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,24 @@ 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;
+        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();
+        this._option.getRenderContent().length > 0 ? this.content || this._initContent() : this.content && this._releaseContent();
     }
     _initPanel(classList, id) {
         const panel = this.createElement("div", classList, {
@@ -44,27 +46,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 = this._option.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);\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, borderRadius: borderRadius, 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(borderRadius),
+            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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/tooltip/handler/dom/util.ts"],"names":[],"mappings":"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","file":"util.js","sourcesContent":["import type { Maybe } from '@visactor/vutils';\nimport 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';\nimport type { TooltipAttributes } from '@visactor/vrender-components';\n\nconst DEFAULT_SHAPE_SPACING = 8;\nconst DEFAULT_KEY_SPACING = 26;\nconst DEFAULT_VALUE_SPACING = 0;\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, attributeCache?: Maybe<TooltipAttributes>): IDomTooltipStyle {\n  const {\n    panel: {\n      fill: fillColor,\n      shadow,\n      shadowBlur,\n      shadowColor,\n      shadowOffsetX,\n      shadowOffsetY,\n      shadowSpread,\n      borderRadius,\n      stroke: strokeColor,\n      lineWidth\n    },\n    padding,\n    key,\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      width: getPixelPropertyStr(attributeCache?.panel?.width),\n      height: getPixelPropertyStr(attributeCache?.panel?.height),\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: 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    shapeColumn: {\n      item: getShapeStyle(shape),\n      width: getPixelPropertyStr(shape.size),\n      marginRight: getPixelPropertyStr(shape.spacing ?? DEFAULT_SHAPE_SPACING)\n    },\n    keyColumn: {\n      item: getLabelStyle(key),\n      width: getPixelPropertyStr(attributeCache?.keyWidth),\n      marginRight: getPixelPropertyStr(key.spacing ?? DEFAULT_KEY_SPACING)\n    },\n    valueColumn: {\n      item: getLabelStyle(value),\n      width: getPixelPropertyStr(attributeCache?.valueWidth),\n      marginRight: getPixelPropertyStr(value.spacing ?? DEFAULT_VALUE_SPACING)\n    },\n    spaceRow: getPixelPropertyStr(spaceRow)\n  } as IDomTooltipStyle;\n\n  if (isValid(spaceRow)) {\n    const gapUnit = spaceRow / 2;\n    ([styles.shapeColumn.item, styles.keyColumn.item, styles.valueColumn.item] 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.shapeColumn.item, styles.keyColumn.item, styles.valueColumn.item] as IMargin[]).forEach(\n      obj => {\n        obj.marginTop = 'initial';\n        obj.marginBottom = 'initial';\n      }\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    fill: labelColor,\n    textAlign,\n    lineHeight,\n    fontWeight\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  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 { size } = merge({}, defaultStyle, shapeStyle);\n  const styleObj: IShapeStyle = {};\n\n  styleObj.width = getPixelPropertyStr(size);\n  styleObj.height = styleObj.width;\n  return styleObj;\n}\n"]}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/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"]}
+{"version":3,"sources":["../src/component/tooltip/handler/interface/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC","file":"index.js","sourcesContent":["export * from './style';\n"]}

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

@@ -46,19 +46,19 @@ export const getTooltipAttributes = (actualTooltip, style) => {
         const filteredContent = content.filter((item => (item.key || item.value) && !1 !== item.visible));
         if (filteredContent.length) {
             let hasContentShape = !1;
-            const keyWidths = [], valueWidths = [], keyTextMeasure = initTextMeasure(keyStyle), valueTextMeasure = initTextMeasure(valueStyle);
+            const keyWidths = [], adaptiveKeyWidths = [], valueWidths = [], keyTextMeasure = initTextMeasure(keyStyle), valueTextMeasure = initTextMeasure(valueStyle);
             attribute.content = filteredContent.map(((item, i) => {
                 const itemAttrs = {
                     height: 0,
                     spaceRow: spaceRow
                 };
                 let itemHeight = 0;
-                const {hasShape: hasShape, key: key, shapeColor: shapeColor, shapeHollow: shapeHollow, shapeType: shapeType = "", value: value} = item;
+                const {hasShape: hasShape, key: key, shapeColor: shapeColor, shapeHollow: shapeHollow, shapeType: shapeType = "", value: value, isKeyAdaptive: isKeyAdaptive} = item;
                 if (isValid(key)) {
                     const {width: width, height: height} = keyTextMeasure.quickMeasure(key);
                     itemAttrs.key = {
                         text: key
-                    }, keyWidths.push(width), itemHeight = Math.max(itemHeight, height);
+                    }, isKeyAdaptive ? adaptiveKeyWidths.push(width) : keyWidths.push(width), itemHeight = Math.max(itemHeight, height);
                 }
                 if (isValid(value)) {
                     const {width: width, height: height} = valueTextMeasure.quickMeasure(value);
@@ -69,16 +69,19 @@ export const getTooltipAttributes = (actualTooltip, style) => {
                 if (hasShape && builtinSymbolsMap[shapeType]) {
                     hasContentShape = !0;
                     const shape = {
+                        visible: !0,
                         symbolType: shapeType
                     };
                     shapeHollow ? shape.stroke = shapeColor : shape.fill = shapeColor, itemHeight = Math.max(shapeStyle.size, itemHeight), 
                     itemAttrs.shape = shape;
-                }
+                } else itemAttrs.shape = {
+                    visible: !1
+                };
                 return itemAttrs.height = itemHeight, containerHeight += itemHeight, i < filteredContent.length - 1 && (containerHeight += spaceRow), 
                 itemAttrs;
             }));
-            const maxKeyWidth = keyWidths.length ? Math.max(...keyWidths) : 0, maxValueWidth = valueWidths.length ? Math.max(...valueWidths) : 0;
-            maxWidth = Math.max(maxKeyWidth + maxValueWidth + keyStyle.spacing + valueStyle.spacing + (hasContentShape ? shapeStyle.size + shapeStyle.spacing : 0), maxWidth), 
+            const maxKeyWidth = keyWidths.length ? Math.max(...keyWidths) : 0, maxAdaptiveKeyWidth = adaptiveKeyWidths.length ? Math.max(...adaptiveKeyWidths) : 0, maxValueWidth = valueWidths.length ? Math.max(...valueWidths) : 0, shapeWidth = hasContentShape ? shapeStyle.size + shapeStyle.spacing : 0;
+            maxWidth = Math.max(maxKeyWidth + maxValueWidth + keyStyle.spacing + valueStyle.spacing + shapeWidth, maxAdaptiveKeyWidth + shapeWidth, maxWidth), 
             attribute.hasContentShape = hasContentShape, attribute.keyWidth = maxKeyWidth, attribute.valueWidth = maxValueWidth;
         }
     }