@visactor/vchart 0.0.1-alpha.0

package/esm/component/tooltip/handler/canvas/canvas-tooltip-handler.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/tooltip/handler/canvas/canvas-tooltip-handler.ts"],"names":[],"mappings":"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","file":"canvas-tooltip-handler.js","sourcesContent":["import type { Stage } from '@visactor/vrender';\nimport type { IToolTipActual } from '../../../../typings/tooltip';\nimport type { ITooltipSpec, TooltipHandlerParams } from '../../interface';\nimport { BaseTooltipHandler } from '../base';\nimport type { Maybe, RenderMode } from '../../../../typings';\nimport { Tooltip } from '@visactor/vrender-components';\nimport type { Compiler } from '../../../../compile/compiler';\nimport { isValid } from '@visactor/vutils';\n\n/**\n * The tooltip handler class.\n */\nexport class CanvasTooltipHandler extends BaseTooltipHandler {\n  private _layer: any;\n  protected _el?: HTMLCanvasElement;\n  protected _tooltipCanvasId?: string;\n  protected _tooltipComponent: Tooltip;\n\n  constructor(\n    tooltipSpec: ITooltipSpec,\n    tooltipId: string,\n    envMode: RenderMode,\n    chartContainer: Maybe<HTMLElement>,\n    compiler: Compiler,\n    options?: any\n  ) {\n    super(tooltipSpec, tooltipId, envMode, chartContainer, compiler, options);\n    this._tooltipCanvasId = options?.modeParams?.tooltipCanvasId;\n  }\n\n  private _initTooltipComponent(stage: Stage) {\n    const layer = this._getLayer(stage);\n    this._tooltipComponent = new Tooltip({\n      autoCalculatePosition: false,\n      autoMeasure: false\n    });\n    layer.add(this._tooltipComponent);\n  }\n\n  private _getLayer(stage: Stage) {\n    if (this._layer) {\n      return this._layer;\n    }\n\n    this._layer = stage.createLayer(this._tooltipCanvasId);\n\n    // 需要关闭 layer 对应的 canvas 的事件\n    const layerCanvas = this._layer.layerHandler.canvas.nativeCanvas as HTMLCanvasElement;\n    // TODO：待 vrender 支持\n    if (layerCanvas && layerCanvas.style) {\n      layerCanvas.style.touchAction = 'none';\n      layerCanvas.style.pointerEvents = 'none';\n    }\n\n    return this._layer;\n  }\n\n  protected _removeTooltip() {\n    if (this._layer) {\n      this._layer.removeAllChild(false);\n      // this._layer.render();\n    }\n    this._attributeCache = null;\n  }\n\n  protected _updateTooltip(visible: boolean, params: TooltipHandlerParams, actualTooltip: IToolTipActual) {\n    this._visible = visible;\n\n    const stage = this._compiler.getStage();\n    if (!stage) {\n      return;\n    }\n\n    if (!visible) {\n      if (this._tooltipComponent && this._tooltipComponent.attribute.visible) {\n        this._tooltipComponent.hideAll();\n        stage.renderNextFrame();\n      }\n      return;\n    }\n\n    if (!this._tooltipComponent) {\n      this._initTooltipComponent(stage);\n    }\n\n    const pos = actualTooltip?.position;\n    if (!params.changePositionOnly) {\n      this._tooltipComponent.setAttributes({\n        visible: true,\n        ...this._attributeCache,\n        ...pos\n      });\n    } else if (isValid(pos)) {\n      this._tooltipComponent.setAttributes(pos);\n    }\n\n    if (!this._tooltipComponent.attribute.visible) {\n      this._tooltipComponent.showAll();\n    }\n  }\n\n  release() {\n    this._layer?.release();\n  }\n}\n"]}

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

@@ -0,0 +1 @@
+export * from './canvas-tooltip-handler';

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

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

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

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

package/esm/component/tooltip/handler/constants.d.ts

@@ -0,0 +1,9 @@
+import { escapeHTML } from './utils';
+export declare const TOOLTIP_EL_CLASS_NAME = "vchart-tooltip-element";
+export declare const TOOLTIP_CONTAINER_EL_CLASS_NAME = "vchart-tooltip-container";
+export declare const DEFAULT_OPTIONS: {
+    offsetX: number;
+    offsetY: number;
+    sanitize: typeof escapeHTML;
+};
+export type Options = typeof DEFAULT_OPTIONS;

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

@@ -0,0 +1,12 @@
+import { escapeHTML } from "./utils";
+
+export const TOOLTIP_EL_CLASS_NAME = "vchart-tooltip-element";
+
+export const TOOLTIP_CONTAINER_EL_CLASS_NAME = "vchart-tooltip-container";
+
+export const DEFAULT_OPTIONS = {
+    offsetX: 10,
+    offsetY: 10,
+    sanitize: escapeHTML
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["component/tooltip/handler/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,MAAM,CAAC,MAAM,qBAAqB,GAAG,wBAAwB,CAAC;AAC9D,MAAM,CAAC,MAAM,+BAA+B,GAAG,0BAA0B,CAAC;AAE1E,MAAM,CAAC,MAAM,eAAe,GAAG;IAI7B,OAAO,EAAE,EAAE;IAKX,OAAO,EAAE,EAAE;IAOX,QAAQ,EAAE,UAAU;CACrB,CAAC","file":"constants.js","sourcesContent":["import { escapeHTML } from './utils';\n\nexport const TOOLTIP_EL_CLASS_NAME = 'vchart-tooltip-element';\nexport const TOOLTIP_CONTAINER_EL_CLASS_NAME = 'vchart-tooltip-container';\n\nexport const DEFAULT_OPTIONS = {\n  /**\n   * X offset.\n   */\n  offsetX: 10,\n\n  /**\n   * Y offset.\n   */\n  offsetY: 10,\n\n  /**\n   * HTML sanitizer function that removes dangerous HTML to prevent XSS.\n   *\n   * This should be a function from string to string. You may replace it with a formatter such as a markdown formatter.\n   */\n  sanitize: escapeHTML\n};\n\n// FIXME: 命名规范\nexport type Options = typeof DEFAULT_OPTIONS;\n"]}

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

@@ -0,0 +1,21 @@
+import type { RenderMode } from '../../../../typings/spec/common';
+import type { IToolTipActual } from '../../../../typings/tooltip';
+import type { ITooltipSpec, TooltipHandlerParams } from '../../interface';
+import { BaseTooltipHandler } from '../base';
+import type { IDomTooltipStyle } from './interface';
+import type { Maybe } from '../../../../typings';
+import { TooltipModel } from './model/tooltip-model';
+import type { Compiler } from '../../../../compile/compiler';
+export declare class DomTooltipHandler extends BaseTooltipHandler {
+    protected _tooltipContainer: HTMLElement;
+    protected _domStyle: IDomTooltipStyle;
+    protected _container: HTMLDivElement;
+    protected model: TooltipModel;
+    getVisibility(): boolean;
+    setVisibility(_value: boolean): void;
+    constructor(tooltipSpec: ITooltipSpec, tooltipId: string, envMode: RenderMode, chartContainer: Maybe<HTMLElement>, compiler: Compiler);
+    initEl(): void;
+    protected _removeTooltip(): void;
+    protected _updateTooltip(visible: boolean, params: TooltipHandlerParams, actualTooltip: IToolTipActual): void;
+    protected _getParentElement(spec: ITooltipSpec): HTMLElement;
+}

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

@@ -0,0 +1,57 @@
+import { BaseTooltipHandler } from "../base";
+
+import { getDomStyles } from "./utils/style";
+
+import { TooltipModel } from "./model/tooltip-model";
+
+import { domDocument } from "./model/base-tooltip-model";
+
+import { TOOLTIP_CONTAINER_EL_CLASS_NAME } from "../constants";
+
+export class DomTooltipHandler extends BaseTooltipHandler {
+    getVisibility() {
+        var _a;
+        return !!(null === (_a = this.model) || void 0 === _a ? void 0 : _a.getVisibility());
+    }
+    setVisibility(_value) {
+        var _a;
+        _value !== this.getVisibility() && (null === (_a = this.model) || void 0 === _a || _a.setVisibility(_value));
+    }
+    constructor(tooltipSpec, tooltipId, envMode, chartContainer, compiler) {
+        var _a;
+        super(tooltipSpec, tooltipId, envMode, chartContainer, compiler), this._tooltipContainer = null === (_a = globalThis.document) || void 0 === _a ? void 0 : _a.body, 
+        this._domStyle = getDomStyles(this._style), this.initEl();
+    }
+    initEl() {
+        if (domDocument) {
+            const {parentElement: parentElement} = this._tooltipSpec;
+            for (let i = 0; i < parentElement.children.length; i++) if (parentElement.children[i].classList.contains(TOOLTIP_CONTAINER_EL_CLASS_NAME)) {
+                this._container = parentElement.children[i];
+                break;
+            }
+            this._container || (this._container = domDocument.createElement("div"), this._container.style.position = "relative", 
+            this._container.classList.add(TOOLTIP_CONTAINER_EL_CLASS_NAME), parentElement.appendChild(this._container)), 
+            this.model = new TooltipModel(this._container, {
+                valueToHtml: this._option.sanitize
+            }, [ this._tooltipSpec.className ], this.id, this._domStyle);
+        }
+    }
+    _removeTooltip() {
+        var _a;
+        null === (_a = this.model) || void 0 === _a || _a.release(), this._container = null;
+    }
+    _updateTooltip(visible, params, actualTooltip) {
+        var _a;
+        if (visible && this.model) {
+            params.changePositionOnly || (this.model.setTooltipActual(actualTooltip), this.model.setStyle(), 
+            this.model.setContent()), this.setVisibility(visible);
+            const {x: x = 0, y: y = 0} = null !== (_a = actualTooltip.position) && void 0 !== _a ? _a : {};
+            this.model.product.style.transform = `translate3d(${x}px, ${y}px, 0)`;
+        } else this.setVisibility(visible);
+    }
+    _getParentElement(spec) {
+        var _a;
+        return null !== (_a = this._container) && void 0 !== _a ? _a : super._getParentElement(spec);
+    }
+}
+//# sourceMappingURL=dom-tooltip-handler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["component/tooltip/handler/dom/dom-tooltip-handler.ts"],"names":[],"mappings":"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","file":"dom-tooltip-handler.js","sourcesContent":["import type { RenderMode } from '../../../../typings/spec/common';\nimport type { IToolTipActual } from '../../../../typings/tooltip';\nimport type { ITooltipSpec, TooltipHandlerParams } from '../../interface';\nimport { BaseTooltipHandler } from '../base';\nimport { getDomStyles } from './utils/style';\nimport type { IDomTooltipStyle } from './interface';\nimport type { Maybe } from '../../../../typings';\nimport { TooltipModel } from './model/tooltip-model';\nimport { domDocument } from './model/base-tooltip-model';\nimport { TOOLTIP_CONTAINER_EL_CLASS_NAME } from '../constants';\nimport type { Compiler } from '../../../../compile/compiler';\n\n/**\n * The tooltip handler class.\n */\nexport class DomTooltipHandler extends BaseTooltipHandler {\n  protected _tooltipContainer: HTMLElement = globalThis.document?.body;\n  protected _domStyle: IDomTooltipStyle;\n  protected declare _container: HTMLDivElement;\n\n  protected model: TooltipModel;\n\n  getVisibility() {\n    return !!this.model?.getVisibility();\n  }\n\n  setVisibility(_value: boolean) {\n    // 这里做个节流\n    if (_value !== this.getVisibility()) {\n      this.model?.setVisibility(_value);\n    }\n  }\n\n  constructor(\n    tooltipSpec: ITooltipSpec,\n    tooltipId: string,\n    envMode: RenderMode,\n    chartContainer: Maybe<HTMLElement>,\n    compiler: Compiler\n  ) {\n    super(tooltipSpec, tooltipId, envMode, chartContainer, compiler);\n\n    this._domStyle = getDomStyles(this._style);\n    this.initEl();\n  }\n\n  initEl() {\n    if (domDocument) {\n      const { parentElement } = this._tooltipSpec;\n      for (let i = 0; i < parentElement.children.length; i++) {\n        if (parentElement.children[i].classList.contains(TOOLTIP_CONTAINER_EL_CLASS_NAME)) {\n          this._container = parentElement.children[i] as HTMLDivElement;\n          break;\n        }\n      }\n      if (!this._container) {\n        this._container = domDocument.createElement('div');\n        this._container.style.position = 'relative';\n        this._container.classList.add(TOOLTIP_CONTAINER_EL_CLASS_NAME);\n        parentElement.appendChild(this._container);\n      }\n      this.model = new TooltipModel(\n        this._container,\n        { valueToHtml: this._option.sanitize },\n        [this._tooltipSpec.className],\n        this.id,\n        this._domStyle\n      );\n    }\n  }\n\n  protected _removeTooltip() {\n    this.model?.release();\n    this._container = null;\n  }\n\n  protected _updateTooltip(visible: boolean, params: TooltipHandlerParams, actualTooltip: IToolTipActual) {\n    if (!visible || !this.model) {\n      this.setVisibility(visible);\n    } else {\n      if (!params.changePositionOnly) {\n        this.model.setTooltipActual(actualTooltip);\n        this.model.setStyle();\n        this.model.setContent();\n      }\n      this.setVisibility(visible);\n\n      // 位置\n      const { x = 0, y = 0 } = actualTooltip.position ?? {};\n      const el = this.model.product;\n      // https://stackoverflow.com/questions/22111256/translate3d-vs-translate-performance\n      el.style.transform = `translate3d(${x}px, ${y}px, 0)`;\n    }\n  }\n\n  protected _getParentElement(spec: ITooltipSpec): HTMLElement {\n    return this._container ?? super._getParentElement(spec);\n  }\n}\n"]}

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

@@ -0,0 +1 @@
+export * from './dom-tooltip-handler';

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

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

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

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

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

@@ -0,0 +1,48 @@
+import type { FontWeight, TextAlign } from '../../../../typings/visual';
+export interface IDomTooltipStyle {
+    panel: IPadding & IBorder & {
+        backgroundColor?: string;
+        boxShadow?: string;
+        maxWidth?: string;
+        minWidth?: string;
+        pointerEvents?: 'auto' | 'none';
+        transitionDuration?: string;
+        transitionProperty?: string;
+        transitionTimingFunction?: string;
+    };
+    title?: ILabelStyle;
+    content: IMargin & {
+        key?: ILabelStyle;
+        value?: ILabelStyle;
+        shape?: IShapeStyle;
+    };
+}
+export interface ILabelStyle extends IMargin {
+    fontFamily?: string;
+    fontSize?: string;
+    color?: string;
+    textAlign?: TextAlign;
+    lineHeight?: string;
+    fontWeight?: FontWeight;
+}
+export interface IShapeStyle extends IMargin {
+    width?: string;
+    height?: string;
+}
+export interface IMargin {
+    marginLeft?: string;
+    marginRight?: string;
+    marginTop?: string;
+    marginBottom?: string;
+}
+export interface IPadding {
+    paddingTop?: string;
+    paddingRight?: string;
+    paddingBottom?: string;
+    paddingLeft?: string;
+}
+export interface IBorder {
+    borderColor?: string;
+    borderWidth?: string;
+    borderRadius?: string;
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["component/tooltip/handler/dom/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { FontWeight, TextAlign } from '../../../../typings/visual';\n\nexport interface IDomTooltipStyle {\n  panel: IPadding &\n    IBorder & {\n      backgroundColor?: string;\n      boxShadow?: string;\n      maxWidth?: string;\n      minWidth?: string;\n      pointerEvents?: 'auto' | 'none';\n      transitionDuration?: string;\n      transitionProperty?: string;\n      transitionTimingFunction?: string;\n    };\n  title?: ILabelStyle;\n  content: IMargin & {\n    key?: ILabelStyle;\n    value?: ILabelStyle;\n    shape?: IShapeStyle;\n  };\n}\n\nexport interface ILabelStyle extends IMargin {\n  fontFamily?: string;\n  fontSize?: string;\n  color?: string;\n  textAlign?: TextAlign;\n  lineHeight?: string;\n  fontWeight?: FontWeight;\n}\n\nexport interface IShapeStyle extends IMargin {\n  width?: string;\n  height?: string;\n}\n\nexport interface IMargin {\n  marginLeft?: string;\n  marginRight?: string;\n  marginTop?: string;\n  marginBottom?: string;\n}\n\nexport interface IPadding {\n  paddingTop?: string;\n  paddingRight?: string;\n  paddingBottom?: string;\n  paddingLeft?: string;\n}\n\nexport interface IBorder {\n  borderColor?: string;\n  borderWidth?: string;\n  borderRadius?: string;\n}\n"]}

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

@@ -0,0 +1,32 @@
+import type { IToolTipActual, IToolTipLineActual } from '../../../../../typings';
+import type { IDomTooltipStyle } from '../interface';
+import type { ITooltipModelOption } from './interface';
+export declare const TOOLTIP_MAX_COUNT = 20;
+export declare const TOOLTIP_EMPTY_STRING = "";
+export declare const domDocument: Document | undefined;
+export declare class BaseTooltipModel {
+    static type: string;
+    static isInstance(obj: any): obj is BaseTooltipModel;
+    readonly type: string;
+    readonly parent: BaseTooltipModel | HTMLElement;
+    readonly childIndex: number;
+    protected _tooltipActual: IToolTipActual | null;
+    setTooltipActual(tooltipActual: IToolTipActual): void;
+    protected _tooltipStyle: IDomTooltipStyle | null;
+    setTooltipStyle(tooltipStyle: IDomTooltipStyle): void;
+    protected _option: ITooltipModelOption;
+    setOption(option: ITooltipModelOption): void;
+    protected _renderContentCache: IToolTipLineActual[];
+    children: Record<number, BaseTooltipModel>;
+    product: HTMLElement;
+    getParentEl(): HTMLElement;
+    constructor(parent: BaseTooltipModel | HTMLElement, option: ITooltipModelOption, childIndex?: number, tooltipStyle?: IDomTooltipStyle, tooltipActual?: IToolTipActual);
+    init(classList?: string[], id?: string): void;
+    setStyle(style?: Partial<CSSStyleDeclaration>): void;
+    setContent(content?: any): void;
+    setVisibility(visibility: boolean): void;
+    getVisibility(): boolean;
+    release(): void;
+    protected createElement(tag: keyof HTMLElementTagNameMap, classList?: string[], style?: Partial<CSSStyleDeclaration>, id?: string): HTMLImageElement | HTMLElement | HTMLCanvasElement | HTMLSlotElement | HTMLObjectElement | HTMLProgressElement | HTMLLinkElement | HTMLTitleElement | HTMLLabelElement | HTMLAreaElement | HTMLMapElement | HTMLStyleElement | HTMLTrackElement | HTMLDataElement | HTMLLegendElement | HTMLSourceElement | HTMLInputElement | HTMLSelectElement | HTMLTimeElement | HTMLAnchorElement | HTMLOutputElement | HTMLHtmlElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLButtonElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDivElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLIFrameElement | HTMLLIElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLParagraphElement | HTMLPictureElement | HTMLPreElement | HTMLScriptElement | HTMLSpanElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTableRowElement | HTMLUListElement | HTMLVideoElement;
+    protected getRenderContent(): IToolTipLineActual[];
+}

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

@@ -0,0 +1,80 @@
+export const TOOLTIP_MAX_COUNT = 20;
+
+export const TOOLTIP_EMPTY_STRING = "";
+
+export const domDocument = globalThis.document;
+
+export class BaseTooltipModel {
+    static isInstance(obj) {
+        return !!obj && obj.type === BaseTooltipModel.type;
+    }
+    setTooltipActual(tooltipActual) {
+        this._tooltipActual = tooltipActual, this._renderContentCache = null, this.init(), 
+        Object.values(this.children).forEach((c => c.setTooltipActual(tooltipActual)));
+    }
+    setTooltipStyle(tooltipStyle) {
+        this._tooltipStyle = tooltipStyle, this.init(), Object.values(this.children).forEach((c => c.setTooltipStyle(tooltipStyle)));
+    }
+    setOption(option) {
+        this._option = option, Object.values(this.children).forEach((c => c.setOption(option)));
+    }
+    getParentEl() {
+        return BaseTooltipModel.isInstance(this.parent) ? this.parent.product : this.parent;
+    }
+    constructor(parent, option, childIndex, tooltipStyle, tooltipActual) {
+        this.type = BaseTooltipModel.type, this._tooltipActual = null, this._tooltipStyle = null, 
+        this._renderContentCache = null, this.children = {}, this.parent = parent, this._option = option, 
+        this.childIndex = null != childIndex ? childIndex : 0, this._tooltipStyle = tooltipStyle, 
+        this._tooltipActual = tooltipActual;
+    }
+    init(classList, id) {}
+    setStyle(style) {
+        style && Object.keys(style).forEach((key => {
+            this.product.style[key] !== style[key] && (this.product.style[key] = style[key]);
+        }));
+    }
+    setContent(content) {}
+    setVisibility(visibility) {
+        if (!this.product) return;
+        const {style: style} = this.product;
+        style.visibility = visibility ? "visible" : "hidden", Object.values(this.children).forEach((c => c.setVisibility(visibility)));
+    }
+    getVisibility() {
+        var _a, _b;
+        return !!(null === (_b = null === (_a = this.product) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.visibility) && "hidden" !== this.product.style.visibility;
+    }
+    release() {
+        Object.values(this.children).forEach((c => c.release())), this.children = {}, this.product && (this.getParentEl().removeChild(this.product), 
+        this.product = null);
+    }
+    createElement(tag, classList, style, id) {
+        const element = domDocument.createElement(tag);
+        classList && element.classList.add(...classList), style && Object.keys(style).forEach((key => {
+            element.style[key] = style[key];
+        })), id && (element.id = id);
+        const parentEl = this.getParentEl();
+        let ptr = this.childIndex;
+        if (BaseTooltipModel.isInstance(this.parent)) {
+            let nextChildIndex = Number.MAX_VALUE;
+            for (let i = 0; i < parentEl.children.length; i++) {
+                const childModel = Object.values(this.parent.children).find((c => c.product === parentEl.children[i]));
+                childModel.childIndex > this.childIndex && childModel.childIndex < nextChildIndex && (nextChildIndex = childModel.childIndex, 
+                ptr = i);
+            }
+        }
+        return ptr >= parentEl.children.length ? parentEl.appendChild(element) : parentEl.insertBefore(element, parentEl.children[ptr]), 
+        element;
+    }
+    getRenderContent() {
+        if (!this._tooltipActual) return [];
+        if (this._renderContentCache) return this._renderContentCache;
+        const {content: originContent = []} = this._tooltipActual, renderContent = originContent.slice(0, 20);
+        return (null == renderContent ? void 0 : renderContent[19]) && (renderContent[19] = Object.assign(Object.assign({}, renderContent[19]), {
+            key: "其他",
+            value: "..."
+        })), renderContent;
+    }
+}
+
+BaseTooltipModel.type = "tooltipModel";
+//# sourceMappingURL=base-tooltip-model.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["component/tooltip/handler/dom/model/base-tooltip-model.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,iBAAiB,GAAG,EAAE,CAAC;AACpC,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,CAAC;AAEvC,MAAM,CAAC,MAAM,WAAW,GAAyB,UAAU,CAAC,QAAQ,CAAC;AAErE,MAAM,OAAO,gBAAgB;IAE3B,MAAM,CAAC,UAAU,CAAC,GAAQ;QACxB,IAAI,CAAC,GAAG,EAAE;YACR,OAAO,KAAK,CAAC;SACd;QACD,OAAO,GAAG,CAAC,IAAI,KAAK,gBAAgB,CAAC,IAAI,CAAC;IAC5C,CAAC;IAOD,gBAAgB,CAAC,aAA6B;QAC5C,IAAI,CAAC,cAAc,GAAG,aAAa,CAAC;QACpC,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;QAChC,IAAI,CAAC,IAAI,EAAE,CAAC;QACZ,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC,CAAC;IAC/E,CAAC;IAGD,eAAe,CAAC,YAA8B;QAC5C,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC;QAClC,IAAI,CAAC,IAAI,EAAE,CAAC;QACZ,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC;IAC7E,CAAC;IAGD,SAAS,CAAC,MAA2B;QACnC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;IACjE,CAAC;IAQD,WAAW;QACT,IAAI,gBAAgB,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YAC5C,OAAO,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;SAC5B;QACD,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,YACE,MAAsC,EACtC,MAA2B,EAC3B,UAAmB,EACnB,YAA+B,EAC/B,aAA8B;QA5CvB,SAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC;QAK5B,mBAAc,GAA0B,IAAI,CAAC;QAQ7C,kBAAa,GAA4B,IAAI,CAAC;QAa9C,wBAAmB,GAAyB,IAAI,CAAC;QAE3D,aAAQ,GAAqC,EAAE,CAAC;QAkB9C,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,UAAU,GAAG,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,CAAC,CAAC;QAClC,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC;QAClC,IAAI,CAAC,cAAc,GAAG,aAAa,CAAC;IACtC,CAAC;IAED,IAAI,CAAC,SAAoB,EAAE,EAAW;IAEtC,CAAC;IAED,QAAQ,CAAC,KAAoC;QAC3C,IAAI,KAAK,EAAE;YACT,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;gBAC/B,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,EAAE;oBAC1C,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;iBACtC;YACH,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;IAED,UAAU,CAAC,OAAa;IAExB,CAAC;IAED,aAAa,CAAC,UAAmB;QAC/B,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB,OAAO;SACR;QACD,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QAC/B,IAAI,UAAU,EAAE;YACd,KAAK,CAAC,UAAU,GAAG,SAAS,CAAC;SAC9B;aAAM;YACL,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;SAC7B;QACD,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACzE,CAAC;IAED,aAAa;;QACX,IAAI,CAAC,CAAA,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,KAAK,0CAAE,UAAU,CAAA,EAAE;YACpC,OAAO,KAAK,CAAC;SACd;QACD,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,KAAK,QAAQ,CAAC;IACpD,CAAC;IAED,OAAO;QACL,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;QACvD,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;QACnB,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,WAAW,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC7C,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;SACrB;IACH,CAAC;IAES,aAAa,CACrB,GAAgC,EAChC,SAAoB,EACpB,KAAoC,EACpC,EAAW;QAEX,MAAM,OAAO,GAAG,WAAW,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAC/C,IAAI,SAAS,EAAE;YACb,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC;SACrC;QACD,IAAI,KAAK,EAAE;YACT,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;gBAC/B,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;YAClC,CAAC,CAAC,CAAC;SACJ;QACD,IAAI,EAAE,EAAE;YACN,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;SACjB;QAED,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QACpC,IAAI,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC;QAC1B,IAAI,gBAAgB,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YAE5C,IAAI,cAAc,GAAG,MAAM,CAAC,SAAS,CAAC;YACtC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBACjD,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;gBACrG,IAAI,UAAU,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,IAAI,UAAU,CAAC,UAAU,GAAG,cAAc,EAAE;oBACrF,cAAc,GAAG,UAAU,CAAC,UAAU,CAAC;oBACvC,GAAG,GAAG,CAAC,CAAC;iBACT;aACF;SACF;QACD,IAAI,GAAG,IAAI,QAAQ,CAAC,QAAQ,CAAC,MAAM,EAAE;YACnC,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;SAC/B;aAAM;YACL,QAAQ,CAAC,YAAY,CAAC,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;SACxD;QACD,OAAO,OAAO,CAAC;IACjB,CAAC;IAES,gBAAgB;QACxB,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;YACxB,OAAO,EAAE,CAAC;SACX;QACD,IAAI,IAAI,CAAC,mBAAmB,EAAE;YAC5B,OAAO,IAAI,CAAC,mBAAmB,CAAC;SACjC;QAED,MAAM,EAAE,OAAO,EAAE,aAAa,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC;QAC5D,MAAM,aAAa,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC;QAGhE,IAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,iBAAiB,GAAG,CAAC,CAAC,EAAE;YAC1C,aAAa,CAAC,iBAAiB,GAAG,CAAC,CAAC,mCAC/B,aAAa,CAAC,iBAAiB,GAAG,CAAC,CAAC,KACvC,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,KAAK,GACb,CAAC;SACH;QAED,OAAO,aAAa,CAAC;IACvB,CAAC;;AAxKM,qBAAI,GAAG,cAAc,CAAC","file":"base-tooltip-model.js","sourcesContent":["import type { IToolTipActual, IToolTipLineActual } from '../../../../../typings';\nimport type { IDomTooltipStyle } from '../interface';\nimport type { ITooltipModelOption } from './interface';\n\nexport const TOOLTIP_MAX_COUNT = 20;\nexport const TOOLTIP_EMPTY_STRING = '';\n\nexport const domDocument: Document | undefined = globalThis.document;\n\nexport class BaseTooltipModel {\n  static type = 'tooltipModel';\n  static isInstance(obj: any): obj is BaseTooltipModel {\n    if (!obj) {\n      return false;\n    }\n    return obj.type === BaseTooltipModel.type;\n  }\n  readonly type = BaseTooltipModel.type;\n\n  readonly parent: BaseTooltipModel | HTMLElement;\n  readonly childIndex: number;\n\n  protected _tooltipActual: IToolTipActual | null = null;\n  setTooltipActual(tooltipActual: IToolTipActual) {\n    this._tooltipActual = tooltipActual;\n    this._renderContentCache = null; // 清除缓存\n    this.init();\n    Object.values(this.children).forEach(c => c.setTooltipActual(tooltipActual));\n  }\n\n  protected _tooltipStyle: IDomTooltipStyle | null = null;\n  setTooltipStyle(tooltipStyle: IDomTooltipStyle) {\n    this._tooltipStyle = tooltipStyle;\n    this.init();\n    Object.values(this.children).forEach(c => c.setTooltipStyle(tooltipStyle));\n  }\n\n  protected _option: ITooltipModelOption;\n  setOption(option: ITooltipModelOption) {\n    this._option = option;\n    Object.values(this.children).forEach(c => c.setOption(option));\n  }\n\n  protected _renderContentCache: IToolTipLineActual[] = null;\n\n  children: Record<number, BaseTooltipModel> = {};\n\n  product: HTMLElement;\n\n  getParentEl() {\n    if (BaseTooltipModel.isInstance(this.parent)) {\n      return this.parent.product;\n    }\n    return this.parent;\n  }\n\n  constructor(\n    parent: BaseTooltipModel | HTMLElement,\n    option: ITooltipModelOption,\n    childIndex?: number,\n    tooltipStyle?: IDomTooltipStyle,\n    tooltipActual?: IToolTipActual\n  ) {\n    this.parent = parent;\n    this._option = option;\n    this.childIndex = childIndex ?? 0;\n    this._tooltipStyle = tooltipStyle;\n    this._tooltipActual = tooltipActual;\n  }\n\n  init(classList?: string[], id?: string) {\n    // do nothing\n  }\n\n  setStyle(style?: Partial<CSSStyleDeclaration>) {\n    if (style) {\n      Object.keys(style).forEach(key => {\n        if (this.product.style[key] !== style[key]) {\n          this.product.style[key] = style[key];\n        }\n      });\n    }\n  }\n\n  setContent(content?: any) {\n    // do nothing\n  }\n\n  setVisibility(visibility: boolean) {\n    if (!this.product) {\n      return;\n    }\n    const { style } = this.product;\n    if (visibility) {\n      style.visibility = 'visible';\n    } else {\n      style.visibility = 'hidden';\n    }\n    Object.values(this.children).forEach(c => c.setVisibility(visibility));\n  }\n\n  getVisibility() {\n    if (!this.product?.style?.visibility) {\n      return false;\n    }\n    return this.product.style.visibility !== 'hidden';\n  }\n\n  release() {\n    Object.values(this.children).forEach(c => c.release());\n    this.children = {};\n    if (this.product) {\n      this.getParentEl().removeChild(this.product);\n      this.product = null;\n    }\n  }\n\n  protected createElement(\n    tag: keyof HTMLElementTagNameMap,\n    classList?: string[],\n    style?: Partial<CSSStyleDeclaration>,\n    id?: string\n  ) {\n    const element = domDocument.createElement(tag);\n    if (classList) {\n      element.classList.add(...classList);\n    }\n    if (style) {\n      Object.keys(style).forEach(key => {\n        element.style[key] = style[key];\n      });\n    }\n    if (id) {\n      element.id = id;\n    }\n\n    const parentEl = this.getParentEl();\n    let ptr = this.childIndex;\n    if (BaseTooltipModel.isInstance(this.parent)) {\n      // 按照自身 childIndex 插入对应位置\n      let nextChildIndex = Number.MAX_VALUE;\n      for (let i = 0; i < parentEl.children.length; i++) {\n        const childModel = Object.values(this.parent.children).find(c => c.product === parentEl.children[i]);\n        if (childModel.childIndex > this.childIndex && childModel.childIndex < nextChildIndex) {\n          nextChildIndex = childModel.childIndex;\n          ptr = i;\n        }\n      }\n    }\n    if (ptr >= parentEl.children.length) {\n      parentEl.appendChild(element);\n    } else {\n      parentEl.insertBefore(element, parentEl.children[ptr]);\n    }\n    return element;\n  }\n\n  protected getRenderContent() {\n    if (!this._tooltipActual) {\n      return [];\n    }\n    if (this._renderContentCache) {\n      return this._renderContentCache;\n    }\n\n    const { content: originContent = [] } = this._tooltipActual;\n    const renderContent = originContent.slice(0, TOOLTIP_MAX_COUNT);\n\n    // 最后一行被转化为省略\n    if (renderContent?.[TOOLTIP_MAX_COUNT - 1]) {\n      renderContent[TOOLTIP_MAX_COUNT - 1] = {\n        ...renderContent[TOOLTIP_MAX_COUNT - 1],\n        key: '其他',\n        value: '...'\n      };\n    }\n\n    return renderContent;\n  }\n}\n"]}

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

@@ -0,0 +1,12 @@
+import { BaseTooltipModel } from './base-tooltip-model';
+import type { ITooltipModelOption } from './interface';
+import type { IDomTooltipStyle } from '../interface';
+import type { IToolTipActual } from '../../../../../typings';
+export type ContentColumnType = 'shape-box' | 'key-box' | 'value-box';
+export declare class ContentColumnModel extends BaseTooltipModel {
+    readonly className: ContentColumnType;
+    constructor(parent: BaseTooltipModel | HTMLElement, option: ITooltipModelOption, className: ContentColumnType, childIndex?: number, tooltipStyle?: IDomTooltipStyle, tooltipActual?: IToolTipActual);
+    init(): void;
+    setStyle(): void;
+    setContent(): void;
+}

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

@@ -0,0 +1,87 @@
+import { isNumber, isString, merge, toNumber } from "@visactor/vutils";
+
+import { defaultKeyStyle, defaultShapeBoxStyle, defaultValueStyle } from "./style-constants";
+
+import { BaseTooltipModel, TOOLTIP_EMPTY_STRING } from "./base-tooltip-model";
+
+import { ShapeModel } from "./shape-model";
+
+import { TextModel } from "./text-model";
+
+export class ContentColumnModel extends BaseTooltipModel {
+    constructor(parent, option, className, childIndex, tooltipStyle, tooltipActual) {
+        super(parent, option, childIndex, tooltipStyle, tooltipActual), this.className = className;
+    }
+    init() {
+        this.product || (this.product = this.createElement("div", [ this.className ]));
+        const renderContent = this.getRenderContent();
+        if ("shape-box" !== this.className || renderContent.some((c => c.hasShape && c.shapeType))) {
+            Object.keys(this.children).forEach((key => {
+                const i = toNumber(key);
+                i >= renderContent.length && (this.children[i].release(), delete this.children[i]);
+            }));
+            for (let i = 0; i < renderContent.length; i++) if (!this.children[i]) if ("key-box" === this.className || "value-box" === this.className) {
+                const text = new TextModel(this.product, this._option, i, this._tooltipStyle, this._tooltipActual);
+                text.init([ this.className.substring(0, this.className.indexOf("-")) ], void 0, "div"), 
+                this.children[i] = text;
+            } else if ("shape-box" === this.className) {
+                const shape = new ShapeModel(this.product, this._option, i, this._tooltipStyle, this._tooltipActual);
+                shape.init([ "shape" ], void 0, "div"), this.children[i] = shape;
+            }
+        } else Object.keys(this.children).forEach((key => {
+            const i = toNumber(key);
+            this.children[i].release(), delete this.children[i];
+        }));
+    }
+    setStyle() {
+        if (!this._tooltipStyle) return;
+        super.setStyle(merge({}, defaultShapeBoxStyle, this._tooltipStyle.content));
+        const renderContent = this.getRenderContent();
+        renderContent.forEach(((line, i) => {
+            var _a, _b;
+            let childStyle = {};
+            if ("key-box" === this.className) {
+                const keyContent = line.key;
+                childStyle = merge({}, defaultKeyStyle, Object.assign({
+                    height: 100 / renderContent.length + "%"
+                }, this._tooltipStyle.content.key));
+                isString(keyContent) && "" !== (null === (_a = null == keyContent ? void 0 : keyContent.trim) || void 0 === _a ? void 0 : _a.call(keyContent)) || isNumber(keyContent) || childStyle.visibility ? childStyle.visibility = "visible" : childStyle.visibility = "hidden", 
+                this.children[i].setStyle(childStyle);
+            } else if ("value-box" === this.className) childStyle = merge({}, defaultValueStyle, Object.assign({
+                height: 100 / renderContent.length + "%"
+            }, this._tooltipStyle.content.value)), this.children[i].setStyle(childStyle); else if ("shape-box" === this.className) {
+                childStyle = this._tooltipStyle.content.shape;
+                const childContent = {
+                    hasShape: line.hasShape,
+                    shapeType: line.shapeType,
+                    size: this._tooltipStyle.content.shape.width,
+                    color: line.shapeColor,
+                    hollow: line.shapeHollow
+                };
+                null === (_b = this.children[i]) || void 0 === _b || _b.setStyle(childStyle, childContent);
+            }
+        }));
+    }
+    setContent() {
+        if (!this._tooltipStyle) return;
+        this.getRenderContent().forEach(((line, i) => {
+            var _a, _b, _c;
+            let childContent;
+            if ("key-box" === this.className) {
+                const keyContent = line.key;
+                childContent = isString(keyContent) && "" !== (null === (_a = null == keyContent ? void 0 : keyContent.trim) || void 0 === _a ? void 0 : _a.call(keyContent)) || isNumber(keyContent) ? keyContent : TOOLTIP_EMPTY_STRING;
+            } else if ("value-box" === this.className) {
+                const valueContent = line.value;
+                childContent = isString(valueContent) && "" !== (null === (_b = null == valueContent ? void 0 : valueContent.trim) || void 0 === _b ? void 0 : _b.call(valueContent)) || isNumber(valueContent) ? valueContent : TOOLTIP_EMPTY_STRING;
+            } else "shape-box" === this.className && (childContent = {
+                hasShape: line.hasShape,
+                shapeType: line.shapeType,
+                size: this._tooltipStyle.content.shape.width,
+                color: line.shapeColor,
+                hollow: line.shapeHollow
+            });
+            null === (_c = this.children[i]) || void 0 === _c || _c.setContent(childContent);
+        }));
+    }
+}
+//# sourceMappingURL=content-column-model.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["component/tooltip/handler/dom/model/content-column-model.ts"],"names":[],"mappings":"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","file":"content-column-model.js","sourcesContent":["import { isNumber, isString, merge, toNumber } from '@visactor/vutils';\nimport { defaultKeyStyle, defaultShapeBoxStyle, defaultValueStyle } from './style-constants';\nimport { BaseTooltipModel, TOOLTIP_EMPTY_STRING } from './base-tooltip-model';\nimport type { ITooltipModelOption } from './interface';\nimport type { IShapeSvgOption } from './shape-model';\n// eslint-disable-next-line no-duplicate-imports\nimport { ShapeModel } from './shape-model';\nimport { TextModel } from './text-model';\nimport type { IDomTooltipStyle } from '../interface';\nimport type { IToolTipActual } from '../../../../../typings';\n\nexport type ContentColumnType = 'shape-box' | 'key-box' | 'value-box';\n\nexport class ContentColumnModel extends BaseTooltipModel {\n  readonly className: ContentColumnType;\n\n  constructor(\n    parent: BaseTooltipModel | HTMLElement,\n    option: ITooltipModelOption,\n    className: ContentColumnType,\n    childIndex?: number,\n    tooltipStyle?: IDomTooltipStyle,\n    tooltipActual?: IToolTipActual\n  ) {\n    super(parent, option, childIndex, tooltipStyle, tooltipActual);\n    this.className = className;\n  }\n\n  init(): void {\n    if (!this.product) {\n      this.product = this.createElement('div', [this.className]);\n    }\n    const renderContent = this.getRenderContent();\n\n    if (this.className === 'shape-box' && !renderContent.some(c => c.hasShape && c.shapeType)) {\n      // 当有一行配有形状的时候，其他行要对齐。如果没有一行配有形状，则删除所有的行\n      Object.keys(this.children).forEach(key => {\n        const i = toNumber(key);\n        this.children[i].release();\n        delete this.children[i];\n      });\n    } else {\n      // 删除多余的行\n      Object.keys(this.children).forEach(key => {\n        const i = toNumber(key);\n        if (i >= renderContent.length) {\n          this.children[i].release();\n          delete this.children[i];\n        }\n      });\n      // 新增没有的行\n      for (let i = 0; i < renderContent.length; i++) {\n        if (!this.children[i]) {\n          if (this.className === 'key-box' || this.className === 'value-box') {\n            const text = new TextModel(this.product, this._option, i, this._tooltipStyle, this._tooltipActual);\n            text.init([this.className.substring(0, this.className.indexOf('-'))], undefined, 'div');\n            this.children[i] = text;\n          } else if (this.className === 'shape-box') {\n            const shape = new ShapeModel(this.product, this._option, i, this._tooltipStyle, this._tooltipActual);\n            shape.init(['shape'], undefined, 'div');\n            this.children[i] = shape;\n          }\n        }\n      }\n    }\n  }\n\n  setStyle() {\n    if (!this._tooltipStyle) {\n      return;\n    }\n\n    super.setStyle(merge({}, defaultShapeBoxStyle, this._tooltipStyle.content));\n\n    const renderContent = this.getRenderContent();\n    renderContent.forEach((line, i) => {\n      let childStyle: any = {};\n      if (this.className === 'key-box') {\n        const keyContent = line.key;\n        childStyle = merge({}, defaultKeyStyle, {\n          height: `${100 / renderContent.length}%`,\n          ...this._tooltipStyle.content.key\n        });\n        const hasContent = (isString(keyContent) && keyContent?.trim?.() !== '') || isNumber(keyContent);\n        if (!hasContent && !childStyle.visibility) {\n          childStyle.visibility = 'hidden';\n        } else {\n          childStyle.visibility = 'visible';\n        }\n        (this.children[i] as TextModel).setStyle(childStyle);\n      } else if (this.className === 'value-box') {\n        childStyle = merge({}, defaultValueStyle, {\n          height: `${100 / renderContent.length}%`,\n          ...this._tooltipStyle.content.value\n        });\n        (this.children[i] as TextModel).setStyle(childStyle);\n      } else if (this.className === 'shape-box') {\n        childStyle = this._tooltipStyle.content.shape;\n        const childContent = {\n          hasShape: line.hasShape,\n          shapeType: line.shapeType,\n          size: this._tooltipStyle.content.shape.width,\n          color: line.shapeColor,\n          hollow: line.shapeHollow\n        } as IShapeSvgOption;\n        (this.children[i] as ShapeModel)?.setStyle(childStyle, childContent);\n      }\n    });\n  }\n\n  setContent(): void {\n    if (!this._tooltipStyle) {\n      return;\n    }\n\n    const renderContent = this.getRenderContent();\n    renderContent.forEach((line, i) => {\n      let childContent: any;\n      if (this.className === 'key-box') {\n        const keyContent = line.key;\n        if ((isString(keyContent) && keyContent?.trim?.() !== '') || isNumber(keyContent)) {\n          childContent = keyContent;\n        } else {\n          childContent = TOOLTIP_EMPTY_STRING;\n        }\n      } else if (this.className === 'value-box') {\n        const valueContent = line.value;\n        if ((isString(valueContent) && valueContent?.trim?.() !== '') || isNumber(valueContent)) {\n          childContent = valueContent;\n        } else {\n          childContent = TOOLTIP_EMPTY_STRING;\n        }\n      } else if (this.className === 'shape-box') {\n        childContent = {\n          hasShape: line.hasShape,\n          shapeType: line.shapeType,\n          size: this._tooltipStyle.content.shape.width,\n          color: line.shapeColor,\n          hollow: line.shapeHollow\n        } as IShapeSvgOption;\n      }\n      this.children[i]?.setContent(childContent);\n    });\n  }\n}\n"]}

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

@@ -0,0 +1,14 @@
+import { BaseTooltipModel } from './base-tooltip-model';
+import { ContentColumnModel } from './content-column-model';
+export declare class ContentModel extends BaseTooltipModel {
+    shapeBox: ContentColumnModel;
+    keyBox: ContentColumnModel;
+    valueBox: ContentColumnModel;
+    init(): void;
+    private _initShapeBox;
+    private _initKeyBox;
+    private _initValueBox;
+    setStyle(style?: Partial<CSSStyleDeclaration>): void;
+    setContent(): void;
+    release(): void;
+}

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

@@ -0,0 +1,40 @@
+import { defaultContainerBoxStyle } from "./style-constants";
+
+import { BaseTooltipModel } from "./base-tooltip-model";
+
+import { ContentColumnModel } from "./content-column-model";
+
+import { merge } from "@visactor/vutils";
+
+export class ContentModel extends BaseTooltipModel {
+    init() {
+        this.product || (this.product = this.createElement("div", [ "container-box" ])), 
+        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);
+        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);
+        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);
+        valueBox.init(), this.valueBox = valueBox, this.children[valueBox.childIndex] = valueBox;
+    }
+    setStyle(style) {
+        super.setStyle(merge({}, defaultContainerBoxStyle, style)), Object.values(this.children).forEach((c => {
+            c.setStyle();
+        }));
+    }
+    setContent() {
+        Object.values(this.children).forEach((c => {
+            c.setContent();
+        }));
+    }
+    release() {
+        super.release(), this.shapeBox = null, this.keyBox = null, this.valueBox = null;
+    }
+}
+//# sourceMappingURL=content-model.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["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"]}

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

@@ -0,0 +1,3 @@
+export interface ITooltipModelOption {
+    valueToHtml: (value: any) => string;
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["component/tooltip/handler/dom/model/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["export interface ITooltipModelOption {\n  valueToHtml: (value: any) => string;\n}\n"]}

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

@@ -0,0 +1,19 @@
+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;
+    hollow?: boolean;
+}
+export declare class ShapeModel extends BaseTooltipModel {
+    svg: SVGElement;
+    private _svgHtmlCache;
+    init(classList?: string[], id?: string, tag?: keyof HTMLElementTagNameMap): void;
+    setStyle(style?: Partial<CSSStyleDeclaration>, option?: IShapeSvgOption): void;
+    setContent(option: IShapeSvgOption): void;
+    setSvg(option: IShapeSvgOption): void;
+    release(): void;
+}