@visactor/vchart 0.0.1-alpha.0

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

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

package/cjs/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/cjs/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/cjs/component/tooltip/handler/dom/model/base-tooltip-model.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.BaseTooltipModel = exports.domDocument = exports.TOOLTIP_EMPTY_STRING = exports.TOOLTIP_MAX_COUNT = void 0, 
+exports.TOOLTIP_MAX_COUNT = 20, exports.TOOLTIP_EMPTY_STRING = "", exports.domDocument = globalThis.document;
+
+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 = exports.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, exports.TOOLTIP_MAX_COUNT);
+        return (null == renderContent ? void 0 : renderContent[exports.TOOLTIP_MAX_COUNT - 1]) && (renderContent[exports.TOOLTIP_MAX_COUNT - 1] = Object.assign(Object.assign({}, renderContent[exports.TOOLTIP_MAX_COUNT - 1]), {
+            key: "其他",
+            value: "..."
+        })), renderContent;
+    }
+}
+
+exports.BaseTooltipModel = BaseTooltipModel, BaseTooltipModel.type = "tooltipModel";
+//# sourceMappingURL=base-tooltip-model.js.map

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

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.ContentColumnModel = void 0;
+
+const vutils_1 = require("@visactor/vutils"), style_constants_1 = require("./style-constants"), base_tooltip_model_1 = require("./base-tooltip-model"), shape_model_1 = require("./shape-model"), text_model_1 = require("./text-model");
+
+class ContentColumnModel extends base_tooltip_model_1.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 = (0, vutils_1.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 text_model_1.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 shape_model_1.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 = (0, vutils_1.toNumber)(key);
+            this.children[i].release(), delete this.children[i];
+        }));
+    }
+    setStyle() {
+        if (!this._tooltipStyle) return;
+        super.setStyle((0, vutils_1.merge)({}, style_constants_1.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 = (0, vutils_1.merge)({}, style_constants_1.defaultKeyStyle, Object.assign({
+                    height: 100 / renderContent.length + "%"
+                }, this._tooltipStyle.content.key));
+                (0, vutils_1.isString)(keyContent) && "" !== (null === (_a = null == keyContent ? void 0 : keyContent.trim) || void 0 === _a ? void 0 : _a.call(keyContent)) || (0, 
+                vutils_1.isNumber)(keyContent) || childStyle.visibility ? childStyle.visibility = "visible" : childStyle.visibility = "hidden", 
+                this.children[i].setStyle(childStyle);
+            } else if ("value-box" === this.className) childStyle = (0, vutils_1.merge)({}, style_constants_1.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 = (0, vutils_1.isString)(keyContent) && "" !== (null === (_a = null == keyContent ? void 0 : keyContent.trim) || void 0 === _a ? void 0 : _a.call(keyContent)) || (0, 
+                vutils_1.isNumber)(keyContent) ? keyContent : base_tooltip_model_1.TOOLTIP_EMPTY_STRING;
+            } else if ("value-box" === this.className) {
+                const valueContent = line.value;
+                childContent = (0, vutils_1.isString)(valueContent) && "" !== (null === (_b = null == valueContent ? void 0 : valueContent.trim) || void 0 === _b ? void 0 : _b.call(valueContent)) || (0, 
+                vutils_1.isNumber)(valueContent) ? valueContent : base_tooltip_model_1.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);
+        }));
+    }
+}
+
+exports.ContentColumnModel = ContentColumnModel;
+//# sourceMappingURL=content-column-model.js.map

package/cjs/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":";;;AAAA,6CAAuE;AACvE,uDAA6F;AAC7F,6DAA8E;AAI9E,+CAA2C;AAC3C,6CAAyC;AAMzC,MAAa,kBAAmB,SAAQ,qCAAgB;IAGtD,YACE,MAAsC,EACtC,MAA2B,EAC3B,SAA4B,EAC5B,UAAmB,EACnB,YAA+B,EAC/B,aAA8B;QAE9B,KAAK,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,aAAa,CAAC,CAAC;QAC/D,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC7B,CAAC;IAED,IAAI;QACF,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;SAC5D;QACD,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAE9C,IAAI,IAAI,CAAC,SAAS,KAAK,WAAW,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,SAAS,CAAC,EAAE;YAEzF,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;gBACvC,MAAM,CAAC,GAAG,IAAA,iBAAQ,EAAC,GAAG,CAAC,CAAC;gBACxB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;gBAC3B,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;YAC1B,CAAC,CAAC,CAAC;SACJ;aAAM;YAEL,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;gBACvC,MAAM,CAAC,GAAG,IAAA,iBAAQ,EAAC,GAAG,CAAC,CAAC;gBACxB,IAAI,CAAC,IAAI,aAAa,CAAC,MAAM,EAAE;oBAC7B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;oBAC3B,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;iBACzB;YACH,CAAC,CAAC,CAAC;YAEH,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC7C,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;oBACrB,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,KAAK,WAAW,EAAE;wBAClE,MAAM,IAAI,GAAG,IAAI,sBAAS,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;wBACnG,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;wBACxF,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;qBACzB;yBAAM,IAAI,IAAI,CAAC,SAAS,KAAK,WAAW,EAAE;wBACzC,MAAM,KAAK,GAAG,IAAI,wBAAU,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;wBACrG,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;wBACxC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;qBAC1B;iBACF;aACF;SACF;IACH,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YACvB,OAAO;SACR;QAED,KAAK,CAAC,QAAQ,CAAC,IAAA,cAAK,EAAC,EAAE,EAAE,sCAAoB,EAAE,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;QAE5E,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC9C,aAAa,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;;YAChC,IAAI,UAAU,GAAQ,EAAE,CAAC;YACzB,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS,EAAE;gBAChC,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC;gBAC5B,UAAU,GAAG,IAAA,cAAK,EAAC,EAAE,EAAE,iCAAe,kBACpC,MAAM,EAAE,GAAG,GAAG,GAAG,aAAa,CAAC,MAAM,GAAG,IACrC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG,EACjC,CAAC;gBACH,MAAM,UAAU,GAAG,CAAC,IAAA,iBAAQ,EAAC,UAAU,CAAC,IAAI,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,0DAAI,MAAK,EAAE,CAAC,IAAI,IAAA,iBAAQ,EAAC,UAAU,CAAC,CAAC;gBACjG,IAAI,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE;oBACzC,UAAU,CAAC,UAAU,GAAG,QAAQ,CAAC;iBAClC;qBAAM;oBACL,UAAU,CAAC,UAAU,GAAG,SAAS,CAAC;iBACnC;gBACA,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAe,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;aACtD;iBAAM,IAAI,IAAI,CAAC,SAAS,KAAK,WAAW,EAAE;gBACzC,UAAU,GAAG,IAAA,cAAK,EAAC,EAAE,EAAE,mCAAiB,kBACtC,MAAM,EAAE,GAAG,GAAG,GAAG,aAAa,CAAC,MAAM,GAAG,IACrC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,EACnC,CAAC;gBACF,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAe,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;aACtD;iBAAM,IAAI,IAAI,CAAC,SAAS,KAAK,WAAW,EAAE;gBACzC,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC;gBAC9C,MAAM,YAAY,GAAG;oBACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ;oBACvB,SAAS,EAAE,IAAI,CAAC,SAAS;oBACzB,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK;oBAC5C,KAAK,EAAE,IAAI,CAAC,UAAU;oBACtB,MAAM,EAAE,IAAI,CAAC,WAAW;iBACN,CAAC;gBACrB,MAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAgB,0CAAE,QAAQ,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;aACtE;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,UAAU;QACR,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YACvB,OAAO;SACR;QAED,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC9C,aAAa,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;;YAChC,IAAI,YAAiB,CAAC;YACtB,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS,EAAE;gBAChC,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC;gBAC5B,IAAI,CAAC,IAAA,iBAAQ,EAAC,UAAU,CAAC,IAAI,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,0DAAI,MAAK,EAAE,CAAC,IAAI,IAAA,iBAAQ,EAAC,UAAU,CAAC,EAAE;oBACjF,YAAY,GAAG,UAAU,CAAC;iBAC3B;qBAAM;oBACL,YAAY,GAAG,yCAAoB,CAAC;iBACrC;aACF;iBAAM,IAAI,IAAI,CAAC,SAAS,KAAK,WAAW,EAAE;gBACzC,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC;gBAChC,IAAI,CAAC,IAAA,iBAAQ,EAAC,YAAY,CAAC,IAAI,CAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,4DAAI,MAAK,EAAE,CAAC,IAAI,IAAA,iBAAQ,EAAC,YAAY,CAAC,EAAE;oBACvF,YAAY,GAAG,YAAY,CAAC;iBAC7B;qBAAM;oBACL,YAAY,GAAG,yCAAoB,CAAC;iBACrC;aACF;iBAAM,IAAI,IAAI,CAAC,SAAS,KAAK,WAAW,EAAE;gBACzC,YAAY,GAAG;oBACb,QAAQ,EAAE,IAAI,CAAC,QAAQ;oBACvB,SAAS,EAAE,IAAI,CAAC,SAAS;oBACzB,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK;oBAC5C,KAAK,EAAE,IAAI,CAAC,UAAU;oBACtB,MAAM,EAAE,IAAI,CAAC,WAAW;iBACN,CAAC;aACtB;YACD,MAAA,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,0CAAE,UAAU,CAAC,YAAY,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;IACL,CAAC;CACF;AAnID,gDAmIC","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/cjs/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/cjs/component/tooltip/handler/dom/model/content-model.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.ContentModel = void 0;
+
+const style_constants_1 = require("./style-constants"), base_tooltip_model_1 = require("./base-tooltip-model"), content_column_model_1 = require("./content-column-model"), vutils_1 = require("@visactor/vutils");
+
+class ContentModel extends base_tooltip_model_1.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 content_column_model_1.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 content_column_model_1.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 content_column_model_1.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((0, vutils_1.merge)({}, style_constants_1.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;
+    }
+}
+
+exports.ContentModel = ContentModel;
+//# sourceMappingURL=content-model.js.map

package/cjs/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,uDAA6D;AAC7D,6DAAwD;AACxD,iEAA4D;AAC5D,6CAAyC;AAEzC,MAAa,YAAa,SAAQ,qCAAgB;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,yCAAkB,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,yCAAkB,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,yCAAkB,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,IAAA,cAAK,EAAC,EAAE,EAAE,0CAAwB,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;AAjFD,oCAiFC","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/cjs/component/tooltip/handler/dom/model/interface.d.ts

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

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

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

package/cjs/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/cjs/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;
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["component/tooltip/handler/dom/model/shape-model.ts"],"names":[],"mappings":"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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"]}

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

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

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

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.defaultValueStyle = exports.defaultKeyStyle = exports.defaultValueBoxStyle = exports.defaultKeyBoxStyle = exports.defaultShapeBoxStyle = exports.defaultContainerBoxStyle = exports.defaultH2Style = void 0, 
+exports.defaultH2Style = {
+    fontSize: "13px",
+    marginBottom: "0px"
+}, exports.defaultContainerBoxStyle = {
+    display: "flex",
+    maxWidth: "440px",
+    whiteSpace: "nowrap"
+}, exports.defaultShapeBoxStyle = {
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "space-around",
+    fontSize: "0"
+}, exports.defaultKeyBoxStyle = {
+    flex: "1",
+    display: "flex",
+    flexDirection: "column",
+    overflow: "hidden"
+}, exports.defaultValueBoxStyle = {
+    display: "flex",
+    flexDirection: "column"
+}, exports.defaultKeyStyle = {
+    paddingTop: "0px",
+    paddingBottom: "0px",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    textAlign: "left"
+}, exports.defaultValueStyle = {
+    paddingTop: "0px",
+    paddingBottom: "0px",
+    overflow: "hidden",
+    textAlign: "right"
+};
+//# sourceMappingURL=style-constants.js.map

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

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

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

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

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.TextModel = void 0;
+
+const base_tooltip_model_1 = require("./base-tooltip-model");
+
+class TextModel extends base_tooltip_model_1.BaseTooltipModel {
+    init(classList, id, tag) {
+        this.product || (this.product = this.createElement(null != tag ? tag : "span", classList, void 0, id));
+    }
+    setContent(content) {
+        this._option.valueToHtml(content) !== this.product.innerHTML && (this.product.innerHTML = this._option.valueToHtml(content));
+    }
+}
+
+exports.TextModel = TextModel;
+//# sourceMappingURL=text-model.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["component/tooltip/handler/dom/model/text-model.ts"],"names":[],"mappings":";;;AAAA,6DAAwD;AAExD,MAAa,SAAU,SAAQ,qCAAgB;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;AAbD,8BAaC","file":"text-model.js","sourcesContent":["import { BaseTooltipModel } from './base-tooltip-model';\n\nexport class TextModel extends BaseTooltipModel {\n  init(classList?: string[], id?: string, tag?: keyof HTMLElementTagNameMap): void {\n    if (!this.product) {\n      this.product = this.createElement(tag ?? 'span', classList, undefined, id);\n    }\n  }\n\n  setContent(content?: any): void {\n    const html = this._option.valueToHtml(content);\n    if (html !== this.product.innerHTML) {\n      this.product.innerHTML = this._option.valueToHtml(content);\n    }\n  }\n}\n"]}

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

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