@visactor/vchart 1.3.1-test.2 → 1.3.1-test.3

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

@@ -0,0 +1,58 @@
+import type { FontWeight, TextAlign } from '../../../../typings/visual';
+export interface IDomTooltipStyle {
+    panel: IPadding & IBorder & {
+        width?: string;
+        height?: string;
+        minHeight?: string;
+        backgroundColor?: string;
+        boxShadow?: string;
+        pointerEvents?: 'auto' | 'none';
+        transitionDuration?: string;
+        transitionProperty?: string;
+        transitionTimingFunction?: string;
+    };
+    title: ILabelStyle;
+    content: IMargin;
+    shapeColumn: TooltipColumnStyle<IShapeStyle>;
+    keyColumn: TooltipColumnStyle<ILabelStyle>;
+    valueColumn: TooltipColumnStyle<ILabelStyle>;
+    spaceRow: string;
+}
+export type TooltipColumnStyle<T> = IMargin & {
+    width?: string;
+    common?: T;
+    items?: T[];
+};
+export interface ILabelStyle extends IMargin {
+    fontFamily?: string;
+    fontSize?: string;
+    color?: string;
+    textAlign?: TextAlign;
+    lineHeight?: string;
+    fontWeight?: FontWeight;
+    whiteSpace?: string;
+    wordBreak?: string;
+    maxWidth?: string;
+    width?: string;
+}
+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":["../src/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      width?: string;\n      height?: string;\n      minHeight?: string;\n      backgroundColor?: string;\n      boxShadow?: string;\n      pointerEvents?: 'auto' | 'none';\n      transitionDuration?: string;\n      transitionProperty?: string;\n      transitionTimingFunction?: string;\n    };\n  title: ILabelStyle;\n  content: IMargin;\n  shapeColumn: TooltipColumnStyle<IShapeStyle>;\n  keyColumn: TooltipColumnStyle<ILabelStyle>;\n  valueColumn: TooltipColumnStyle<ILabelStyle>;\n  spaceRow: string;\n}\n\nexport type TooltipColumnStyle<T> = IMargin & {\n  width?: string;\n  /** 各行通用配置 */\n  common?: T;\n  /** 各行具体配置 */\n  items?: T[];\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  whiteSpace?: string;\n  wordBreak?: string;\n  maxWidth?: string;\n  width?: string;\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,25 @@
+import type { Maybe } from '@visactor/vutils';
+import type { IToolTipLineActual } from '../../../../../typings';
+import type { ITooltipModelOption } from './interface';
+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 _option: ITooltipModelOption;
+    setOption(option: ITooltipModelOption): void;
+    protected _renderContentCache: IToolTipLineActual[] | null;
+    children: Record<number, BaseTooltipModel>;
+    product: Maybe<HTMLElement>;
+    getParentEl(): HTMLElement;
+    constructor(parent: BaseTooltipModel | HTMLElement, option: ITooltipModelOption, childIndex?: number);
+    init(classList?: string[], id?: string): void;
+    initAll(): 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): HTMLElement;
+}

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

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.BaseTooltipModel = void 0;
+
+const env_1 = require("../../../../../util/env");
+
+class BaseTooltipModel {
+    static isInstance(obj) {
+        return !!obj && obj.type === BaseTooltipModel.type;
+    }
+    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) {
+        this.type = BaseTooltipModel.type, this._renderContentCache = null, this.children = {}, 
+        this.parent = parent, this._option = option, this.childIndex = null != childIndex ? childIndex : 0;
+    }
+    init(classList, id) {}
+    initAll() {
+        this.init(), Object.values(this.children).forEach((c => c.initAll()));
+    }
+    setStyle(style) {
+        this.product && 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() {
+        var _a;
+        Object.values(this.children).forEach((c => c.release())), this.children = {}, this.product && (null === (_a = this.getParentEl()) || void 0 === _a || _a.removeChild(this.product), 
+        this.product = null);
+    }
+    createElement(tag, classList, style, id) {
+        const element = null === env_1.domDocument || void 0 === env_1.domDocument ? void 0 : env_1.domDocument.createElement(tag), parentEl = this.getParentEl();
+        if (!element || !parentEl) return;
+        classList && element.classList.add(...classList), style && Object.keys(style).forEach((key => {
+            element.style[key] = style[key];
+        })), id && (element.id = id);
+        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;
+    }
+}
+
+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":["../src/component/tooltip/handler/dom/model/base-tooltip-model.ts"],"names":[],"mappings":"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","file":"base-tooltip-model.js","sourcesContent":["import type { Maybe } from '@visactor/vutils';\nimport type { IToolTipLineActual } from '../../../../../typings';\nimport type { ITooltipModelOption } from './interface';\nimport { domDocument } from '../../../../../util/env';\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 _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 = null;\n\n  children: Record<number, BaseTooltipModel> = {};\n\n  product: Maybe<HTMLElement>;\n\n  getParentEl() {\n    if (BaseTooltipModel.isInstance(this.parent)) {\n      return this.parent.product;\n    }\n    return this.parent;\n  }\n\n  constructor(parent: BaseTooltipModel | HTMLElement, option: ITooltipModelOption, childIndex?: number) {\n    this.parent = parent;\n    this._option = option;\n    this.childIndex = childIndex ?? 0;\n  }\n\n  init(classList?: string[], id?: string) {\n    // do nothing\n  }\n\n  initAll() {\n    this.init();\n    Object.values(this.children).forEach(c => c.initAll());\n  }\n\n  setStyle(style?: Partial<CSSStyleDeclaration>) {\n    if (!this.product || !style) {\n      return;\n    }\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  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    const parentEl = this.getParentEl();\n    if (!element || !parentEl) {\n      return undefined;\n    }\n\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    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"]}

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

@@ -0,0 +1,23 @@
+import { BaseTooltipModel } from './base-tooltip-model';
+import type { ITooltipModelOption } from './interface';
+import type { IShapeSvgOption } from './shape-model';
+import type { IToolTipLineActual } 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);
+    init(): void;
+    setStyle(): void;
+    setContent(): void;
+    protected _getContentColumnStyle(): import("../interface").TooltipColumnStyle<import("../interface").ILabelStyle> | {
+        display?: string;
+        marginLeft?: string;
+        marginRight?: string;
+        marginTop?: string;
+        marginBottom?: string;
+        width?: string;
+        common?: import("../interface").IShapeStyle;
+        items?: import("../interface").IShapeStyle[];
+    };
+    protected _getShapeSvgOption(line: IToolTipLineActual, index: number): IShapeSvgOption;
+}

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

@@ -0,0 +1,113 @@
+"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"), constants_1 = require("../../constants"), util_1 = require("../util"), util_2 = require("../../../../../util");
+
+class ContentColumnModel extends base_tooltip_model_1.BaseTooltipModel {
+    constructor(parent, option, className, childIndex) {
+        super(parent, option, childIndex), this.className = className;
+    }
+    init() {
+        var _a, _b;
+        this.product || (this.product = this.createElement("div", [ this.className ]));
+        const renderContent = null !== (_b = null === (_a = this._option.getTooltipActual()) || void 0 === _a ? void 0 : _a.content) && void 0 !== _b ? _b : [];
+        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);
+                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);
+                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() {
+        var _a, _b, _c, _d;
+        const tooltipStyle = this._option.getTooltipStyle();
+        super.setStyle((0, util_2.mergeSpec)({}, style_constants_1.defaultContentColumnStyle, tooltipStyle.content, this._getContentColumnStyle()));
+        const renderContent = null !== (_b = null === (_a = this._option.getTooltipActual()) || void 0 === _a ? void 0 : _a.content) && void 0 !== _b ? _b : [], contentAttributes = null !== (_d = null === (_c = this._option.getTooltipAttributes()) || void 0 === _c ? void 0 : _c.content) && void 0 !== _d ? _d : [];
+        renderContent.forEach(((line, i) => {
+            var _a, _b, _c, _d, _e;
+            let childStyle = {};
+            if ("key-box" === this.className) {
+                const {key: key, isKeyAdaptive: isKeyAdaptive} = line;
+                childStyle = (0, util_2.mergeSpec)({}, isKeyAdaptive ? style_constants_1.defaultAdaptiveKeyStyle : style_constants_1.defaultKeyStyle, Object.assign(Object.assign({
+                    height: (0, util_1.getPixelPropertyStr)(contentAttributes[i].height)
+                }, tooltipStyle.keyColumn.common), null === (_a = tooltipStyle.keyColumn.items) || void 0 === _a ? void 0 : _a[i]));
+                (0, vutils_1.isString)(key) && "" !== (null === (_b = null == key ? void 0 : key.trim) || void 0 === _b ? void 0 : _b.call(key)) || (0, 
+                vutils_1.isNumber)(key) || childStyle.visibility ? childStyle.visibility = "visible" : childStyle.visibility = "hidden", 
+                this.children[i].setStyle(childStyle);
+            } else "value-box" === this.className ? (childStyle = (0, util_2.mergeSpec)({}, style_constants_1.defaultValueStyle, Object.assign(Object.assign({
+                height: (0, util_1.getPixelPropertyStr)(contentAttributes[i].height)
+            }, tooltipStyle.valueColumn.common), null === (_c = tooltipStyle.valueColumn.items) || void 0 === _c ? void 0 : _c[i])), 
+            this.children[i].setStyle(childStyle)) : "shape-box" === this.className && (childStyle = (0, 
+            util_2.mergeSpec)({}, style_constants_1.defaultShapeStyle, Object.assign(Object.assign({
+                height: (0, util_1.getPixelPropertyStr)(contentAttributes[i].height)
+            }, tooltipStyle.shapeColumn.common), null === (_d = tooltipStyle.shapeColumn.items) || void 0 === _d ? void 0 : _d[i])), 
+            null === (_e = this.children[i]) || void 0 === _e || _e.setStyle(childStyle, this._getShapeSvgOption(line, i)));
+        }));
+    }
+    setContent() {
+        var _a, _b, _c, _d;
+        const renderContent = null !== (_b = null === (_a = this._option.getTooltipActual()) || void 0 === _a ? void 0 : _a.content) && void 0 !== _b ? _b : [], contentAttributes = null !== (_d = null === (_c = this._option.getTooltipAttributes()) || void 0 === _c ? void 0 : _c.content) && void 0 !== _d ? _d : [];
+        renderContent.forEach(((line, i) => {
+            var _a, _b, _c, _d, _e, _f, _g;
+            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 : constants_1.TOOLTIP_EMPTY_STRING, 
+                null === (_b = this.children[i]) || void 0 === _b || _b.setContent(childContent, null === (_c = contentAttributes[i].key) || void 0 === _c ? void 0 : _c.multiLine);
+            } else if ("value-box" === this.className) {
+                const valueContent = line.value;
+                childContent = (0, vutils_1.isString)(valueContent) && "" !== (null === (_d = null == valueContent ? void 0 : valueContent.trim) || void 0 === _d ? void 0 : _d.call(valueContent)) || (0, 
+                vutils_1.isNumber)(valueContent) ? valueContent : constants_1.TOOLTIP_EMPTY_STRING, 
+                null === (_e = this.children[i]) || void 0 === _e || _e.setContent(childContent, null === (_f = contentAttributes[i].value) || void 0 === _f ? void 0 : _f.multiLine);
+            } else "shape-box" === this.className && (childContent = this._getShapeSvgOption(line, i), 
+            null === (_g = this.children[i]) || void 0 === _g || _g.setContent(childContent));
+        }));
+    }
+    _getContentColumnStyle() {
+        var _a, _b;
+        const tooltipStyle = this._option.getTooltipStyle();
+        switch (this.className) {
+          case "shape-box":
+            const renderContent = null !== (_b = null === (_a = this._option.getTooltipActual()) || void 0 === _a ? void 0 : _a.content) && void 0 !== _b ? _b : [];
+            return Object.assign(Object.assign({}, tooltipStyle.shapeColumn), "shape-box" !== this.className || renderContent.some((c => c.hasShape && c.shapeType)) ? {} : {
+                display: "none"
+            });
+
+          case "key-box":
+            return tooltipStyle.keyColumn;
+
+          case "value-box":
+            return tooltipStyle.valueColumn;
+        }
+    }
+    _getShapeSvgOption(line, index) {
+        var _a, _b, _c, _d, _e;
+        const tooltipStyle = this._option.getTooltipStyle(), shapeColumn = Object.assign(Object.assign({}, tooltipStyle.shapeColumn), null === (_a = tooltipStyle.shapeColumn.items) || void 0 === _a ? void 0 : _a[index]), keyColumn = Object.assign(Object.assign({}, tooltipStyle.keyColumn), null === (_b = tooltipStyle.keyColumn.items) || void 0 === _b ? void 0 : _b[index]);
+        return {
+            hasShape: line.hasShape,
+            shapeType: line.shapeType,
+            size: shapeColumn.width,
+            color: line.shapeColor,
+            hollow: line.shapeHollow,
+            marginTop: `calc((${null !== (_d = null !== (_c = keyColumn.lineHeight) && void 0 !== _c ? _c : keyColumn.fontSize) && void 0 !== _d ? _d : "18px"} - ${null !== (_e = shapeColumn.width) && void 0 !== _e ? _e : "8px"}) / 2)`
+        };
+    }
+}
+
+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":["../src/component/tooltip/handler/dom/model/content-column-model.ts"],"names":[],"mappings":";;;AAAA,6CAAgE;AAChE,uDAM2B;AAC3B,6DAAwD;AAIxD,+CAA2C;AAC3C,6CAAyC;AACzC,+CAAuD;AACvD,kCAA8C;AAE9C,8CAAgD;AAIhD,MAAa,kBAAmB,SAAQ,qCAAgB;IAGtD,YACE,MAAsC,EACtC,MAA2B,EAC3B,SAA4B,EAC5B,UAAmB;QAEnB,KAAK,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;QAClC,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,MAAA,MAAA,IAAI,CAAC,OAAO,CAAC,gBAAgB,EAAE,0CAAE,OAAO,mCAAI,EAAE,CAAC;QAErE,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,OAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;wBAC3D,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,OAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;wBAC7D,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,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,eAAe,EAAE,CAAC;QAEpD,KAAK,CAAC,QAAQ,CAAC,IAAA,gBAAS,EAAC,EAAE,EAAE,2CAAyB,EAAE,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,sBAAsB,EAAE,CAAC,CAAC,CAAC;QAE9G,MAAM,aAAa,GAAG,MAAA,MAAA,IAAI,CAAC,OAAO,CAAC,gBAAgB,EAAE,0CAAE,OAAO,mCAAI,EAAE,CAAC;QACrE,MAAM,iBAAiB,GAAG,MAAA,MAAA,IAAI,CAAC,OAAO,CAAC,oBAAoB,EAAE,0CAAE,OAAO,mCAAI,EAAE,CAAC;QAC7E,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,EAAE,GAAG,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;gBACpC,UAAU,GAAG,IAAA,gBAAS,EAAC,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC,yCAAuB,CAAC,CAAC,CAAC,iCAAe,gCAClF,MAAM,EAAE,IAAA,0BAAmB,EAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IACrD,YAAY,CAAC,SAAS,CAAC,MAAM,GAC7B,MAAA,YAAY,CAAC,SAAS,CAAC,KAAK,0CAAG,CAAC,CAAC,EACpC,CAAC;gBACH,MAAM,UAAU,GAAG,CAAC,IAAA,iBAAQ,EAAC,GAAG,CAAC,IAAI,CAAA,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,mDAAI,MAAK,EAAE,CAAC,IAAI,IAAA,iBAAQ,EAAC,GAAG,CAAC,CAAC;gBAC5E,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,gBAAS,EAAC,EAAE,EAAE,mCAAiB,gCAC1C,MAAM,EAAE,IAAA,0BAAmB,EAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IACrD,YAAY,CAAC,WAAW,CAAC,MAAM,GAC/B,MAAA,YAAY,CAAC,WAAW,CAAC,KAAK,0CAAG,CAAC,CAAC,EACtC,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,IAAA,gBAAS,EAAC,EAAE,EAAE,mCAAiB,gCAC1C,MAAM,EAAE,IAAA,0BAAmB,EAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IACrD,YAAY,CAAC,WAAW,CAAC,MAAM,GAC/B,MAAA,YAAY,CAAC,WAAW,CAAC,KAAK,0CAAG,CAAC,CAAC,EACtC,CAAC;gBACH,MAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAgB,0CAAE,QAAQ,CAAC,UAAU,EAAE,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;aAC1F;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,UAAU;;QACR,MAAM,aAAa,GAAG,MAAA,MAAA,IAAI,CAAC,OAAO,CAAC,gBAAgB,EAAE,0CAAE,OAAO,mCAAI,EAAE,CAAC;QACrE,MAAM,iBAAiB,GAAG,MAAA,MAAA,IAAI,CAAC,OAAO,CAAC,oBAAoB,EAAE,0CAAE,OAAO,mCAAI,EAAE,CAAC;QAC7E,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,gCAAoB,CAAC;iBACrC;gBACD,MAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAe,0CAAE,UAAU,CAAC,YAAY,EAAE,MAAA,iBAAiB,CAAC,CAAC,CAAC,CAAC,GAAG,0CAAE,SAAS,CAAC,CAAC;aAChG;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,gCAAoB,CAAC;iBACrC;gBACD,MAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAe,0CAAE,UAAU,CAAC,YAAY,EAAE,MAAA,iBAAiB,CAAC,CAAC,CAAC,CAAC,KAAK,0CAAE,SAAS,CAAC,CAAC;aAClG;iBAAM,IAAI,IAAI,CAAC,SAAS,KAAK,WAAW,EAAE;gBACzC,YAAY,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;gBAChD,MAAA,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,0CAAE,UAAU,CAAC,YAAY,CAAC,CAAC;aAC5C;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAES,sBAAsB;;QAC9B,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,eAAe,EAAE,CAAC;QAEpD,QAAQ,IAAI,CAAC,SAAS,EAAE;YACtB,KAAK,WAAW;gBACd,MAAM,aAAa,GAAG,MAAA,MAAA,IAAI,CAAC,OAAO,CAAC,gBAAgB,EAAE,0CAAE,OAAO,mCAAI,EAAE,CAAC;gBACrE,uCACK,YAAY,CAAC,WAAW,GACxB,CAAC,IAAI,CAAC,SAAS,KAAK,WAAW,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,SAAS,CAAC;oBACvF,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE;oBACrB,CAAC,CAAC,EAAE,CAAC,EACP;YACJ,KAAK,SAAS;gBACZ,OAAO,YAAY,CAAC,SAAS,CAAC;YAChC,KAAK,WAAW;gBACd,OAAO,YAAY,CAAC,WAAW,CAAC;SACnC;IACH,CAAC;IAES,kBAAkB,CAAC,IAAwB,EAAE,KAAa;;QAClE,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,eAAe,EAAE,CAAC;QACpD,MAAM,WAAW,mCACZ,YAAY,CAAC,WAAW,GACxB,MAAA,YAAY,CAAC,WAAW,CAAC,KAAK,0CAAG,KAAK,CAAC,CAC3C,CAAC;QACF,MAAM,SAAS,mCACV,YAAY,CAAC,SAAS,GACtB,MAAA,YAAY,CAAC,SAAS,CAAC,KAAK,0CAAG,KAAK,CAAC,CACzC,CAAC;QACF,OAAO;YACL,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,IAAI,EAAE,WAAW,CAAC,KAAK;YACvB,KAAK,EAAE,IAAI,CAAC,UAAU;YACtB,MAAM,EAAE,IAAI,CAAC,WAAW;YACxB,SAAS,EAAE,SAAS,MAAA,MAAA,SAAS,CAAC,UAAU,mCAAI,SAAS,CAAC,QAAQ,mCAAI,MAAM,MAAM,MAAA,WAAW,CAAC,KAAK,mCAAI,KAAK,QAAQ;SAC9F,CAAC;IACvB,CAAC;CACF;AA/JD,gDA+JC","file":"content-column-model.js","sourcesContent":["import { isNumber, isString, toNumber } from '@visactor/vutils';\nimport {\n  defaultKeyStyle,\n  defaultContentColumnStyle,\n  defaultValueStyle,\n  defaultAdaptiveKeyStyle,\n  defaultShapeStyle\n} from './style-constants';\nimport { BaseTooltipModel } 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 { TOOLTIP_EMPTY_STRING } from '../../constants';\nimport { getPixelPropertyStr } from '../util';\nimport type { IToolTipLineActual } from '../../../../../typings';\nimport { mergeSpec } from '../../../../../util';\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  ) {\n    super(parent, option, childIndex);\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._option.getTooltipActual()?.content ?? [];\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);\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);\n            shape.init(['shape'], undefined, 'div');\n            this.children[i] = shape;\n          }\n        }\n      }\n    }\n  }\n\n  setStyle() {\n    const tooltipStyle = this._option.getTooltipStyle();\n\n    super.setStyle(mergeSpec({}, defaultContentColumnStyle, tooltipStyle.content, this._getContentColumnStyle()));\n\n    const renderContent = this._option.getTooltipActual()?.content ?? [];\n    const contentAttributes = this._option.getTooltipAttributes()?.content ?? [];\n    renderContent.forEach((line, i) => {\n      let childStyle: any = {};\n      if (this.className === 'key-box') {\n        const { key, isKeyAdaptive } = line;\n        childStyle = mergeSpec({}, isKeyAdaptive ? defaultAdaptiveKeyStyle : defaultKeyStyle, {\n          height: getPixelPropertyStr(contentAttributes[i].height),\n          ...tooltipStyle.keyColumn.common,\n          ...tooltipStyle.keyColumn.items?.[i]\n        });\n        const hasContent = (isString(key) && key?.trim?.() !== '') || isNumber(key);\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 = mergeSpec({}, defaultValueStyle, {\n          height: getPixelPropertyStr(contentAttributes[i].height),\n          ...tooltipStyle.valueColumn.common,\n          ...tooltipStyle.valueColumn.items?.[i]\n        });\n        (this.children[i] as TextModel).setStyle(childStyle);\n      } else if (this.className === 'shape-box') {\n        childStyle = mergeSpec({}, defaultShapeStyle, {\n          height: getPixelPropertyStr(contentAttributes[i].height),\n          ...tooltipStyle.shapeColumn.common,\n          ...tooltipStyle.shapeColumn.items?.[i]\n        });\n        (this.children[i] as ShapeModel)?.setStyle(childStyle, this._getShapeSvgOption(line, i));\n      }\n    });\n  }\n\n  setContent(): void {\n    const renderContent = this._option.getTooltipActual()?.content ?? [];\n    const contentAttributes = this._option.getTooltipAttributes()?.content ?? [];\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        (this.children[i] as TextModel)?.setContent(childContent, contentAttributes[i].key?.multiLine);\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        (this.children[i] as TextModel)?.setContent(childContent, contentAttributes[i].value?.multiLine);\n      } else if (this.className === 'shape-box') {\n        childContent = this._getShapeSvgOption(line, i);\n        this.children[i]?.setContent(childContent);\n      }\n    });\n  }\n\n  protected _getContentColumnStyle() {\n    const tooltipStyle = this._option.getTooltipStyle();\n\n    switch (this.className) {\n      case 'shape-box':\n        const renderContent = this._option.getTooltipActual()?.content ?? [];\n        return {\n          ...tooltipStyle.shapeColumn,\n          ...(this.className === 'shape-box' && !renderContent.some(c => c.hasShape && c.shapeType)\n            ? { display: 'none' }\n            : {})\n        };\n      case 'key-box':\n        return tooltipStyle.keyColumn;\n      case 'value-box':\n        return tooltipStyle.valueColumn;\n    }\n  }\n\n  protected _getShapeSvgOption(line: IToolTipLineActual, index: number): IShapeSvgOption {\n    const tooltipStyle = this._option.getTooltipStyle();\n    const shapeColumn = {\n      ...tooltipStyle.shapeColumn,\n      ...tooltipStyle.shapeColumn.items?.[index]\n    };\n    const keyColumn = {\n      ...tooltipStyle.keyColumn,\n      ...tooltipStyle.keyColumn.items?.[index]\n    };\n    return {\n      hasShape: line.hasShape,\n      shapeType: line.shapeType,\n      size: shapeColumn.width,\n      color: line.shapeColor,\n      hollow: line.shapeHollow,\n      marginTop: `calc((${keyColumn.lineHeight ?? keyColumn.fontSize ?? '18px'} - ${shapeColumn.width ?? '8px'}) / 2)`\n    } as IShapeSvgOption;\n  }\n}\n"]}

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

@@ -0,0 +1,15 @@
+import { BaseTooltipModel } from './base-tooltip-model';
+import { ContentColumnModel } from './content-column-model';
+import type { Maybe } from '@visactor/vutils';
+export declare class ContentModel extends BaseTooltipModel {
+    shapeBox: Maybe<ContentColumnModel>;
+    keyBox: Maybe<ContentColumnModel>;
+    valueBox: Maybe<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"), util_1 = require("../../../../../util");
+
+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);
+        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);
+        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);
+        valueBox.init(), this.valueBox = valueBox, this.children[valueBox.childIndex] = valueBox;
+    }
+    setStyle(style) {
+        super.setStyle((0, util_1.mergeSpec)({}, style_constants_1.defaultContentContainerStyle, 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":["../src/component/tooltip/handler/dom/model/content-model.ts"],"names":[],"mappings":";;;AAAA,uDAAiE;AACjE,6DAAwD;AACxD,iEAA4D;AAE5D,8CAAgD;AAEhD,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,CAAC,IAAI,CAAC,OAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC;QACrF,QAAQ,CAAC,IAAI,EAAE,CAAC;QAChB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,GAAG,QAAQ,CAAC;IAChD,CAAC;IAEO,WAAW;QACjB,MAAM,MAAM,GAAG,IAAI,yCAAkB,CAAC,IAAI,CAAC,OAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;QACjF,MAAM,CAAC,IAAI,EAAE,CAAC;QACd,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,GAAG,MAAM,CAAC;IAC5C,CAAC;IAEO,aAAa;QACnB,MAAM,QAAQ,GAAG,IAAI,yCAAkB,CAAC,IAAI,CAAC,OAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC;QACrF,QAAQ,CAAC,IAAI,EAAE,CAAC;QAChB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,GAAG,QAAQ,CAAC;IAChD,CAAC;IAED,QAAQ,CAAC,KAAoC;QAC3C,KAAK,CAAC,QAAQ,CAAC,IAAA,gBAAS,EAAC,EAAE,EAAE,8CAA4B,EAAE,KAAK,CAAC,CAAC,CAAC;QACnE,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;AA5DD,oCA4DC","file":"content-model.js","sourcesContent":["import { defaultContentContainerStyle } from './style-constants';\nimport { BaseTooltipModel } from './base-tooltip-model';\nimport { ContentColumnModel } from './content-column-model';\nimport type { Maybe } from '@visactor/vutils';\nimport { mergeSpec } from '../../../../../util';\n\nexport class ContentModel extends BaseTooltipModel {\n  shapeBox: Maybe<ContentColumnModel>;\n  keyBox: Maybe<ContentColumnModel>;\n  valueBox: Maybe<ContentColumnModel>;\n\n  init(): void {\n    if (!this.product) {\n      this.product = this.createElement('div', ['container-box']);\n    }\n    if (!this.shapeBox) {\n      this._initShapeBox();\n    }\n    if (!this.keyBox) {\n      this._initKeyBox();\n    }\n    if (!this.valueBox) {\n      this._initValueBox();\n    }\n  }\n\n  private _initShapeBox() {\n    const shapeBox = new ContentColumnModel(this.product!, this._option, 'shape-box', 0);\n    shapeBox.init();\n    this.shapeBox = shapeBox;\n    this.children[shapeBox.childIndex] = shapeBox;\n  }\n\n  private _initKeyBox() {\n    const keyBox = new ContentColumnModel(this.product!, this._option, 'key-box', 1);\n    keyBox.init();\n    this.keyBox = keyBox;\n    this.children[keyBox.childIndex] = keyBox;\n  }\n\n  private _initValueBox() {\n    const valueBox = new ContentColumnModel(this.product!, this._option, 'value-box', 2);\n    valueBox.init();\n    this.valueBox = valueBox;\n    this.children[valueBox.childIndex] = valueBox;\n  }\n\n  setStyle(style?: Partial<CSSStyleDeclaration>): void {\n    super.setStyle(mergeSpec({}, defaultContentContainerStyle, style));\n    Object.values(this.children).forEach(c => {\n      c.setStyle();\n    });\n  }\n\n  setContent(): void {\n    Object.values(this.children).forEach(c => {\n      c.setContent();\n    });\n  }\n\n  release(): void {\n    super.release();\n    this.shapeBox = null;\n    this.keyBox = null;\n    this.valueBox = null;\n  }\n}\n"]}

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

@@ -0,0 +1,9 @@
+import type { TooltipAttributes } from '@visactor/vrender-components';
+import type { IToolTipActual } from '../../../../../typings';
+import type { IDomTooltipStyle } from '../interface';
+export interface ITooltipModelOption {
+    valueToHtml: (value: any) => string;
+    getTooltipStyle: () => IDomTooltipStyle;
+    getTooltipActual: () => IToolTipActual;
+    getTooltipAttributes: () => TooltipAttributes;
+}

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":["../src/component/tooltip/handler/dom/model/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { TooltipAttributes } from '@visactor/vrender-components';\nimport type { IToolTipActual } from '../../../../../typings';\nimport type { IDomTooltipStyle } from '../interface';\n\nexport interface ITooltipModelOption {\n  valueToHtml: (value: any) => string;\n  getTooltipStyle: () => IDomTooltipStyle;\n  getTooltipActual: () => IToolTipActual;\n  getTooltipAttributes: () => TooltipAttributes;\n}\n"]}

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

@@ -0,0 +1,20 @@
+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;
+    marginTop?: string;
+}
+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);
+        this.product && 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) || !option.shapeType || !vrender_1.builtinSymbolsMap[option.shapeType]) return "";
+    const {shapeType: shapeType, size: size, color: color, hollow: hollow = !1, marginTop: marginTop = "0px"} = 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}" height="${size}" viewBox="-0.5 -0.5 1 1"\n      style="display: inline-block; vertical-align: middle; margin-top: ${marginTop};">\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}" viewBox="-0.5 -0.5 1 1"\n      style="display: inline-block; vertical-align: middle; margin-top: ${marginTop};">\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":["../src/component/tooltip/handler/dom/model/shape-model.ts"],"names":[],"mappings":"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","file":"shape-model.js","sourcesContent":["import type { IGradientColor, ILinearGradient } from '@visactor/vrender';\n// eslint-disable-next-line no-duplicate-imports\nimport { builtinSymbolsMap } from '@visactor/vrender';\n\nimport { isObject, isString } from '../../../../../util';\nimport type { ShapeType } from '../../../../../typings';\nimport { BaseTooltipModel } from './base-tooltip-model';\n\nexport interface IShapeSvgOption {\n  hasShape?: boolean;\n  shapeType?: ShapeType;\n  size?: string;\n  color?: string | IGradientColor;\n  hollow?: boolean;\n  marginTop?: string;\n}\n\nexport class ShapeModel extends BaseTooltipModel {\n  svg: SVGElement;\n\n  private _svgHtmlCache: string;\n\n  init(classList?: string[], id?: string, tag?: keyof HTMLElementTagNameMap): void {\n    if (!this.product) {\n      const container = this.createElement(tag ?? 'div', [...(classList ?? []), 'shape'], undefined, id);\n      this.product = container;\n    }\n  }\n\n  setStyle(style?: Partial<CSSStyleDeclaration>, option?: IShapeSvgOption): void {\n    super.setStyle(style);\n    this.setSvg(option);\n  }\n\n  setContent(option: IShapeSvgOption) {\n    this.setSvg(option);\n  }\n\n  setSvg(option?: IShapeSvgOption) {\n    const html = getSvgHtml(option);\n    if (this.product && html !== this._svgHtmlCache) {\n      this._svgHtmlCache = html;\n      this.product.innerHTML = html;\n    }\n  }\n\n  release(): void {\n    super.release();\n    this._svgHtmlCache = '';\n  }\n}\n\nfunction getSvgHtml(option?: IShapeSvgOption) {\n  if (!option?.hasShape || !option.shapeType || !builtinSymbolsMap[option.shapeType]) {\n    return '';\n  }\n\n  const { shapeType, size, color, hollow = false, marginTop = '0px' } = 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}\" height=\"${size}\" viewBox=\"-0.5 -0.5 1 1\"\n      style=\"display: inline-block; vertical-align: middle; margin-top: ${marginTop};\">\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}\" viewBox=\"-0.5 -0.5 1 1\"\n      style=\"display: inline-block; vertical-align: middle; margin-top: ${marginTop};\">\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,8 @@
+export declare const defaultH2Style: Partial<CSSStyleDeclaration>;
+export declare const defaultContainerStyle: Partial<CSSStyleDeclaration>;
+export declare const defaultContentContainerStyle: Partial<CSSStyleDeclaration>;
+export declare const defaultContentColumnStyle: Partial<CSSStyleDeclaration>;
+export declare const defaultKeyStyle: Partial<CSSStyleDeclaration>;
+export declare const defaultAdaptiveKeyStyle: Partial<CSSStyleDeclaration>;
+export declare const defaultValueStyle: Partial<CSSStyleDeclaration>;
+export declare const defaultShapeStyle: 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.defaultShapeStyle = exports.defaultValueStyle = exports.defaultAdaptiveKeyStyle = exports.defaultKeyStyle = exports.defaultContentColumnStyle = exports.defaultContentContainerStyle = exports.defaultContainerStyle = exports.defaultH2Style = void 0, 
+exports.defaultH2Style = {
+    fontSize: "13px",
+    marginBottom: "0px",
+    fontWeight: "normal"
+}, exports.defaultContainerStyle = {
+    boxSizing: "border-box"
+}, exports.defaultContentContainerStyle = {
+    display: "flex",
+    whiteSpace: "nowrap"
+}, exports.defaultContentColumnStyle = {
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "space-around",
+    fontSize: "0"
+}, exports.defaultKeyStyle = {
+    paddingTop: "0px",
+    paddingBottom: "0px",
+    textAlign: "left",
+    fontWeight: "normal"
+}, exports.defaultAdaptiveKeyStyle = {
+    paddingTop: "0px",
+    paddingBottom: "0px",
+    textAlign: "left",
+    fontWeight: "normal"
+}, exports.defaultValueStyle = {
+    paddingTop: "0px",
+    paddingBottom: "0px",
+    textAlign: "right",
+    fontWeight: "normal"
+}, exports.defaultShapeStyle = {
+    lineHeight: "normal"
+};
+//# sourceMappingURL=style-constants.js.map

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

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

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

@@ -0,0 +1,21 @@
+"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, multiLine) {
+        if (!this.product) return;
+        let html = this._option.valueToHtml(content);
+        multiLine && (html = html.replaceAll("\n", "<br>")), html !== this.product.innerHTML && (this.product.innerHTML = html);
+    }
+}
+
+exports.TextModel = TextModel;
+//# sourceMappingURL=text-model.js.map