@visactor/vchart 1.12.15 → 1.13.0

package/cjs/plugin/components/tooltip-handler/dom/constant.js

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

package/cjs/plugin/components/tooltip-handler/dom/constant.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/plugin/components/tooltip-handler/dom/constant.ts"],"names":[],"mappings":";;;AAAa,QAAA,uBAAuB,GAAG,gBAAgB,CAAC","file":"constant.js","sourcesContent":["export const DEFAULT_TOOLTIP_Z_INDEX = '99999999999999';\n"]}

package/cjs/plugin/components/tooltip-handler/dom/dom-tooltip-handler.js

@@ -1,98 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.registerDomTooltipHandler = exports.DomTooltipHandler = void 0;
-
-const base_1 = require("../base"), utils_1 = require("./utils"), tooltip_model_1 = require("./model/tooltip-model"), constants_1 = require("../constants"), env_1 = require("../../../../util/env"), register_1 = require("../../register"), constant_1 = require("./constant"), constant_2 = require("../../../../component/tooltip/constant");
-
-class DomTooltipHandler extends base_1.BaseTooltipHandler {
-    getVisibility() {
-        var _a;
-        return !!(null === (_a = this.model) || void 0 === _a ? void 0 : _a.getVisibility());
-    }
-    setVisibility(_value) {
-        var _a;
-        _value !== this.getVisibility() && (null === (_a = this.model) || void 0 === _a || _a.setVisibility(_value));
-    }
-    constructor() {
-        super(DomTooltipHandler.type), this.type = constant_2.TooltipHandlerType.dom, this._tooltipContainer = null === env_1.domDocument || void 0 === env_1.domDocument ? void 0 : env_1.domDocument.body;
-    }
-    onAdd(service) {
-        super.onAdd(service), this._initStyle(), this.initEl();
-    }
-    initEl() {
-        const tooltipSpec = this._component.getSpec(), parentElement = tooltipSpec.parentElement;
-        if (env_1.domDocument && parentElement && parentElement.children && parentElement.children.length) {
-            for (let i = 0; i < parentElement.children.length; i++) if (parentElement.children[i].classList.contains(constants_1.TOOLTIP_CONTAINER_EL_CLASS_NAME)) {
-                this._container = parentElement.children[i];
-                break;
-            }
-            this._container || (this._container = env_1.domDocument.createElement("div"), this._container.style.position = "relative", 
-            this._container.style.zIndex = constant_1.DEFAULT_TOOLTIP_Z_INDEX, this._container.classList.add(constants_1.TOOLTIP_CONTAINER_EL_CLASS_NAME), 
-            parentElement.appendChild(this._container)), this.model = new tooltip_model_1.TooltipModel({
-                valueToHtml: this._option.sanitize,
-                getTooltipStyle: () => this._domStyle,
-                getTooltipActual: () => this._tooltipActual,
-                getTooltipAttributes: () => this._attributes,
-                getContainer: () => this._container
-            }, [ tooltipSpec.className ], this.name);
-        }
-    }
-    _removeTooltip() {
-        var _a;
-        null === (_a = this.model) || void 0 === _a || _a.release(), this._container = null;
-    }
-    _updateTooltip(visible, params) {
-        var _a, _b;
-        if (visible && this.model) {
-            const {tooltipSpec: tooltipSpec, activeTooltipSpec: activeTooltipSpec} = params;
-            params.changePositionOnly || (this._tooltipActual = activeTooltipSpec, this._initStyle(), 
-            this.model.initAll(), this.model.setStyle(), this.model.setContent()), this.setVisibility(visible);
-            const el = this.model.product;
-            if (el) {
-                const {x: x = 0, y: y = 0} = null !== (_a = activeTooltipSpec.position) && void 0 !== _a ? _a : {};
-                if (tooltipSpec.updateElement) {
-                    this._updatePosition(null !== (_b = this._cacheCustomTooltipPosition) && void 0 !== _b ? _b : {
-                        x: x,
-                        y: y
-                    }), tooltipSpec.updateElement(el, activeTooltipSpec, params);
-                    const position = this._getActualTooltipPosition(activeTooltipSpec, params, {
-                        width: el.offsetWidth,
-                        height: el.offsetHeight
-                    });
-                    this._updatePosition(position), this._cacheCustomTooltipPosition = position;
-                } else this._updatePosition({
-                    x: x,
-                    y: y
-                });
-            }
-        } else this.setVisibility(visible), this._cacheCustomTooltipPosition = void 0;
-    }
-    _initStyle() {
-        this._domStyle = (0, utils_1.getDomStyles)(this._attributes);
-    }
-    _getParentElement(spec) {
-        var _a;
-        return null !== (_a = this._container) && void 0 !== _a ? _a : super._getParentElement(spec);
-    }
-    isTooltipShown() {
-        return this.getVisibility();
-    }
-    reInit() {
-        super.reInit(), this._initStyle();
-    }
-    _updatePosition({x: x, y: y}) {
-        const el = this.model.product;
-        el && (el.style.transform = `translate3d(${x}px, ${y}px, 0)`);
-    }
-}
-
-exports.DomTooltipHandler = DomTooltipHandler, DomTooltipHandler.type = constant_2.TooltipHandlerType.dom;
-
-const registerDomTooltipHandler = () => {
-    (0, register_1.registerComponentPlugin)(DomTooltipHandler);
-};
-
-exports.registerDomTooltipHandler = registerDomTooltipHandler;
-//# sourceMappingURL=dom-tooltip-handler.js.map

package/cjs/plugin/components/tooltip-handler/dom/dom-tooltip-handler.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/plugin/components/tooltip-handler/dom/dom-tooltip-handler.ts"],"names":[],"mappings":"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","file":"dom-tooltip-handler.js","sourcesContent":["import type { ITooltipActual, ITooltipPositionActual } from '../../../../typings/tooltip';\nimport { BaseTooltipHandler } from '../base';\nimport { getDomStyles } from './utils';\nimport type { IDomTooltipStyle } from './interface';\nimport { TooltipModel } from './model/tooltip-model';\nimport { TOOLTIP_CONTAINER_EL_CLASS_NAME } from '../constants';\nimport { type Maybe } from '@visactor/vutils';\nimport { domDocument } from '../../../../util/env';\nimport type { ITooltipSpec, TooltipHandlerParams } from '../../../../component/tooltip';\nimport type { IComponentPluginService } from '../../interface';\nimport { registerComponentPlugin } from '../../register';\nimport { DEFAULT_TOOLTIP_Z_INDEX } from './constant';\nimport type { ILayoutPoint } from '../../../../typings';\nimport { TooltipHandlerType } from '../../../../component/tooltip/constant';\n\n/**\n * The tooltip handler class.\n */\nexport class DomTooltipHandler extends BaseTooltipHandler {\n  static readonly type = TooltipHandlerType.dom;\n  readonly type = TooltipHandlerType.dom;\n\n  protected _tooltipContainer = domDocument?.body;\n  protected _domStyle: IDomTooltipStyle;\n  protected _tooltipActual?: ITooltipActual;\n  protected declare _container: Maybe<HTMLDivElement>;\n\n  /** 自定义 tooltip 的位置缓存 */\n  protected _cacheCustomTooltipPosition: ILayoutPoint;\n\n  protected model: TooltipModel;\n\n  getVisibility() {\n    return !!this.model?.getVisibility();\n  }\n\n  setVisibility(_value: boolean) {\n    // 这里做个节流\n    if (_value !== this.getVisibility()) {\n      this.model?.setVisibility(_value);\n    }\n  }\n\n  constructor() {\n    super(DomTooltipHandler.type);\n  }\n\n  onAdd(service: IComponentPluginService<any>): void {\n    super.onAdd(service);\n    this._initStyle();\n    this.initEl();\n  }\n\n  initEl() {\n    const tooltipSpec = this._component.getSpec() as ITooltipSpec;\n    const parentElement = tooltipSpec.parentElement as HTMLElement | HTMLCanvasElement;\n    if (domDocument && parentElement && parentElement.children && parentElement.children.length) {\n      for (let i = 0; i < parentElement.children.length; i++) {\n        if (parentElement.children[i].classList.contains(TOOLTIP_CONTAINER_EL_CLASS_NAME)) {\n          this._container = parentElement.children[i] as HTMLDivElement;\n          break;\n        }\n      }\n      if (!this._container) {\n        this._container = domDocument.createElement('div');\n        this._container.style.position = 'relative';\n        this._container.style.zIndex = DEFAULT_TOOLTIP_Z_INDEX;\n        this._container.classList.add(TOOLTIP_CONTAINER_EL_CLASS_NAME);\n        parentElement.appendChild(this._container);\n      }\n      this.model = new TooltipModel(\n        {\n          valueToHtml: this._option.sanitize,\n          getTooltipStyle: () => this._domStyle,\n          getTooltipActual: () => this._tooltipActual,\n          getTooltipAttributes: () => this._attributes,\n          getContainer: () => this._container\n        },\n        [tooltipSpec.className],\n        this.name\n      );\n    }\n  }\n\n  protected _removeTooltip() {\n    this.model?.release();\n    this._container = null;\n  }\n\n  protected _updateTooltip(visible: boolean, params: TooltipHandlerParams) {\n    if (!visible || !this.model) {\n      this.setVisibility(visible);\n      this._cacheCustomTooltipPosition = undefined;\n    } else {\n      const { tooltipSpec, activeTooltipSpec } = params;\n\n      if (!params.changePositionOnly) {\n        this._tooltipActual = activeTooltipSpec;\n        this._initStyle();\n\n        this.model.initAll();\n        this.model.setStyle();\n        this.model.setContent();\n      }\n      this.setVisibility(visible);\n\n      // 位置\n      const el = this.model.product;\n      if (el) {\n        const { x = 0, y = 0 } = activeTooltipSpec.position ?? {};\n        if (tooltipSpec.updateElement) {\n          // 此处先设定一次位置，防止页面暂时出现滚动条（优先设置上次的位置）\n          this._updatePosition(this._cacheCustomTooltipPosition ?? { x, y });\n          // 更新 tooltip dom\n          tooltipSpec.updateElement(el, activeTooltipSpec, params);\n          // 重新计算 tooltip 位置\n          const position = this._getActualTooltipPosition(activeTooltipSpec, params, {\n            width: el.offsetWidth,\n            height: el.offsetHeight\n          });\n          // 更新位置\n          this._updatePosition(position);\n          // 更新缓存\n          this._cacheCustomTooltipPosition = position;\n        } else {\n          this._updatePosition({ x, y });\n        }\n      }\n    }\n  }\n\n  protected _initStyle() {\n    this._domStyle = getDomStyles(this._attributes);\n  }\n\n  protected _getParentElement(spec: ITooltipSpec): HTMLElement {\n    return this._container ?? super._getParentElement(spec);\n  }\n\n  isTooltipShown() {\n    return this.getVisibility();\n  }\n\n  reInit() {\n    super.reInit();\n    this._initStyle();\n  }\n\n  protected _updatePosition({ x, y }: ITooltipPositionActual) {\n    const el = this.model.product;\n    if (el) {\n      // translate3d 性能较好：https://stackoverflow.com/questions/22111256/translate3d-vs-translate-performance\n      el.style.transform = `translate3d(${x}px, ${y}px, 0)`;\n    }\n  }\n}\n\nexport const registerDomTooltipHandler = () => {\n  registerComponentPlugin(DomTooltipHandler);\n};\n"]}

package/cjs/plugin/components/tooltip-handler/dom/index.d.ts

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

package/cjs/plugin/components/tooltip-handler/dom/index.js

@@ -1,21 +0,0 @@
-"use strict";
-
-var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
-    void 0 === k2 && (k2 = k);
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
-        enumerable: !0,
-        get: function() {
-            return m[k];
-        }
-    }), Object.defineProperty(o, k2, desc);
-} : function(o, m, k, k2) {
-    void 0 === k2 && (k2 = k), o[k2] = m[k];
-}), __exportStar = this && this.__exportStar || function(m, exports) {
-    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
-};
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), __exportStar(require("./dom-tooltip-handler"), exports);
-//# sourceMappingURL=index.js.map

package/cjs/plugin/components/tooltip-handler/dom/index.js.map

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

package/cjs/plugin/components/tooltip-handler/dom/interface.d.ts

@@ -1,58 +0,0 @@
-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>;
-    align?: 'left' | 'right';
-}
-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/plugin/components/tooltip-handler/dom/interface.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/plugin/components/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  align?: 'left' | 'right';\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/plugin/components/tooltip-handler/dom/model/base-tooltip-model.d.ts

@@ -1,25 +0,0 @@
-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/plugin/components/tooltip-handler/dom/model/base-tooltip-model.js

@@ -1,73 +0,0 @@
-"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;
-        if (Object.values(this.children).forEach((c => c.release())), this.children = {}, 
-        this.product) {
-            try {
-                null === (_a = this.getParentEl()) || void 0 === _a || _a.removeChild(this.product);
-            } catch (_b) {}
-            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/plugin/components/tooltip-handler/dom/model/base-tooltip-model.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/plugin/components/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      try {\n        this.getParentEl()?.removeChild(this.product);\n      } catch {}\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/plugin/components/tooltip-handler/dom/model/content-column-model.d.ts

@@ -1,23 +0,0 @@
-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/plugin/components/tooltip-handler/dom/model/content-column-model.js

@@ -1,126 +0,0 @@
-"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"), utils_1 = require("../utils"), vutils_extension_1 = require("@visactor/vutils-extension"), defaultLabelStyle = {
-    overflowWrap: "normal",
-    wordWrap: "normal"
-};
-
-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, vutils_extension_1.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 : [], getKeyItemStyle = (line, attrs, i) => {
-            var _a, _b;
-            const {key: key, isKeyAdaptive: isKeyAdaptive} = line, {height: height} = attrs, {keyColumn: keyColumn} = tooltipStyle, style = (0, 
-            vutils_extension_1.mergeSpec)({}, isKeyAdaptive ? style_constants_1.defaultAdaptiveKeyStyle : style_constants_1.defaultKeyStyle, Object.assign(Object.assign(Object.assign({
-                height: (0, utils_1.getPixelPropertyStr)(height)
-            }, defaultLabelStyle), keyColumn.common), null === (_a = keyColumn.items) || void 0 === _a ? void 0 : _a[i]));
-            return (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) || style.visibility ? style.visibility = "visible" : style.visibility = "hidden", 
-            style;
-        };
-        contentAttributes.forEach(((attrs, i) => {
-            var _a;
-            const line = renderContent[i];
-            "key-box" === this.className ? this.children[i].setStyle(getKeyItemStyle(line, attrs, i)) : "value-box" === this.className ? this.children[i].setStyle(((line, attrs, i) => {
-                var _a;
-                const {height: height} = attrs, {valueColumn: valueColumn} = tooltipStyle;
-                return (0, vutils_extension_1.mergeSpec)({}, style_constants_1.defaultValueStyle, Object.assign(Object.assign(Object.assign({
-                    height: (0, utils_1.getPixelPropertyStr)(height)
-                }, defaultLabelStyle), valueColumn.common), null === (_a = valueColumn.items) || void 0 === _a ? void 0 : _a[i]));
-            })(0, attrs, i)) : "shape-box" === this.className && (null === (_a = this.children[i]) || void 0 === _a || _a.setStyle(((line, attrs, i) => {
-                var _a, _b, _c, _d;
-                const {height: height} = attrs, {shapeColumn: shapeColumn} = tooltipStyle, keyStyle = getKeyItemStyle(line, attrs, i), paddingTop = `calc((${null !== (_b = null !== (_a = keyStyle.lineHeight) && void 0 !== _a ? _a : keyStyle.fontSize) && void 0 !== _b ? _b : "18px"} - ${null !== (_c = shapeColumn.width) && void 0 !== _c ? _c : "8px"}) / 2)`;
-                return (0, vutils_extension_1.mergeSpec)({}, style_constants_1.defaultShapeStyle, Object.assign(Object.assign({
-                    height: (0, utils_1.getPixelPropertyStr)(height),
-                    paddingTop: paddingTop
-                }, shapeColumn.common), null === (_d = shapeColumn.items) || void 0 === _d ? void 0 : _d[i]));
-            })(line, attrs, i), 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 : [];
-        (null !== (_d = null === (_c = this._option.getTooltipAttributes()) || void 0 === _c ? void 0 : _c.content) && void 0 !== _d ? _d : []).forEach(((attributes, i) => {
-            var _a, _b, _c, _d, _e, _f, _g;
-            let childContent;
-            const line = renderContent[i];
-            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 = attributes.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 = attributes.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;
-        const tooltipStyle = this._option.getTooltipStyle(), shapeColumn = Object.assign(Object.assign({}, tooltipStyle.shapeColumn), null === (_a = tooltipStyle.shapeColumn.items) || void 0 === _a ? void 0 : _a[index]);
-        return {
-            hasShape: line.hasShape,
-            symbolType: line.shapeType,
-            size: shapeColumn.width,
-            fill: line.shapeFill,
-            stroke: line.shapeStroke,
-            lineWidth: line.shapeLineWidth,
-            hollow: line.shapeHollow,
-            index: index
-        };
-    }
-}
-
-exports.ContentColumnModel = ContentColumnModel;
-//# sourceMappingURL=content-column-model.js.map

package/cjs/plugin/components/tooltip-handler/dom/model/content-column-model.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/plugin/components/tooltip-handler/dom/model/content-column-model.ts"],"names":[],"mappings":"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","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 '../utils';\nimport type { ITooltipLineActual } from '../../../../../typings';\nimport { mergeSpec } from '@visactor/vutils-extension';\nimport type { TooltipRowAttrs } from '@visactor/vrender-components';\n\nexport type ContentColumnType = 'shape-box' | 'key-box' | 'value-box';\n\n/** 默认的标签样式，覆盖外界对这些属性的预先配置 */\nconst defaultLabelStyle: Partial<CSSStyleDeclaration> = {\n  overflowWrap: 'normal',\n  wordWrap: 'normal'\n};\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\n    const getKeyItemStyle = (\n      line: ITooltipLineActual,\n      attrs: TooltipRowAttrs,\n      i: number\n    ): Partial<CSSStyleDeclaration> => {\n      const { key, isKeyAdaptive } = line;\n      const { height } = attrs;\n      const { keyColumn } = tooltipStyle;\n      const style: Partial<CSSStyleDeclaration> = mergeSpec(\n        {},\n        isKeyAdaptive ? defaultAdaptiveKeyStyle : defaultKeyStyle,\n        {\n          height: getPixelPropertyStr(height),\n          ...defaultLabelStyle,\n          ...keyColumn.common,\n          ...keyColumn.items?.[i]\n        } as Partial<CSSStyleDeclaration>\n      );\n      const hasContent = (isString(key) && key?.trim?.() !== '') || isNumber(key);\n      if (!hasContent && !style.visibility) {\n        style.visibility = 'hidden';\n      } else {\n        style.visibility = 'visible';\n      }\n      return style;\n    };\n\n    const getValueItemStyle = (\n      line: ITooltipLineActual,\n      attrs: TooltipRowAttrs,\n      i: number\n    ): Partial<CSSStyleDeclaration> => {\n      const { height } = attrs;\n      const { valueColumn } = tooltipStyle;\n      const style: Partial<CSSStyleDeclaration> = mergeSpec({}, defaultValueStyle, {\n        height: getPixelPropertyStr(height),\n        ...defaultLabelStyle,\n        ...valueColumn.common,\n        ...valueColumn.items?.[i]\n      } as Partial<CSSStyleDeclaration>);\n      return style;\n    };\n\n    const getShapeItemStyle = (\n      line: ITooltipLineActual,\n      attrs: TooltipRowAttrs,\n      i: number\n    ): Partial<CSSStyleDeclaration> => {\n      const { height } = attrs;\n      const { shapeColumn } = tooltipStyle;\n      const keyStyle = getKeyItemStyle(line, attrs, i);\n      const paddingTop = `calc((${keyStyle.lineHeight ?? keyStyle.fontSize ?? '18px'} - ${\n        shapeColumn.width ?? '8px'\n      }) / 2)`; // shape 和 key 的第一行文字对齐\n      const style: Partial<CSSStyleDeclaration> = mergeSpec({}, defaultShapeStyle, {\n        height: getPixelPropertyStr(height),\n        paddingTop,\n        ...shapeColumn.common,\n        ...shapeColumn.items?.[i]\n      } as Partial<CSSStyleDeclaration>);\n      return style;\n    };\n\n    contentAttributes.forEach((attrs: TooltipRowAttrs, i: number) => {\n      const line = renderContent[i];\n\n      if (this.className === 'key-box') {\n        (this.children[i] as TextModel).setStyle(getKeyItemStyle(line, attrs, i));\n      } else if (this.className === 'value-box') {\n        (this.children[i] as TextModel).setStyle(getValueItemStyle(line, attrs, i));\n      } else if (this.className === 'shape-box') {\n        (this.children[i] as ShapeModel)?.setStyle(getShapeItemStyle(line, attrs, i), 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\n    contentAttributes.forEach((attributes: TooltipRowAttrs, i: number) => {\n      let childContent: any;\n      const line = renderContent[i];\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, attributes.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, attributes.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    return {\n      hasShape: line.hasShape,\n      symbolType: line.shapeType,\n      size: shapeColumn.width,\n      fill: line.shapeFill,\n      stroke: line.shapeStroke,\n      lineWidth: line.shapeLineWidth,\n      hollow: line.shapeHollow,\n      index\n    } as IShapeSvgOption;\n  }\n}\n"]}

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

@@ -1,14 +0,0 @@
-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 _initBox;
-    setStyle(style?: Partial<CSSStyleDeclaration>): void;
-    setContent(): void;
-    protected _getContentContainerStyle(): Partial<CSSStyleDeclaration>;
-    release(): void;
-}

package/cjs/plugin/components/tooltip-handler/dom/model/content-model.js

@@ -1,54 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.ContentModel = void 0;
-
-const base_tooltip_model_1 = require("./base-tooltip-model"), content_column_model_1 = require("./content-column-model"), vutils_1 = require("@visactor/vutils"), vutils_extension_1 = require("@visactor/vutils-extension"), utils_1 = require("../utils");
-
-class ContentModel extends base_tooltip_model_1.BaseTooltipModel {
-    init() {
-        this.product || (this.product = this.createElement("div", [ "container-box" ]));
-        const {align: align} = this._option.getTooltipAttributes();
-        "right" === align ? (this.valueBox || (this.valueBox = this._initBox("value-box", 0)), 
-        this.keyBox || (this.keyBox = this._initBox("key-box", 1)), this.shapeBox || (this.shapeBox = this._initBox("shape-box", 2))) : (this.shapeBox || (this.shapeBox = this._initBox("shape-box", 0)), 
-        this.keyBox || (this.keyBox = this._initBox("key-box", 1)), this.valueBox || (this.valueBox = this._initBox("value-box", 2)));
-    }
-    _initBox(className, index) {
-        const box = new content_column_model_1.ContentColumnModel(this.product, this._option, className, index);
-        return box.init(), this.children[box.childIndex] = box, box;
-    }
-    setStyle(style) {
-        super.setStyle((0, vutils_extension_1.mergeSpec)(this._getContentContainerStyle(), style)), 
-        Object.values(this.children).forEach((c => {
-            c.setStyle();
-        }));
-    }
-    setContent() {
-        Object.values(this.children).forEach((c => {
-            c.setContent();
-        }));
-    }
-    _getContentContainerStyle() {
-        const defaultStyle = {
-            whiteSpace: "nowrap",
-            lineHeight: "0px"
-        }, {panelDomHeight: panelDomHeight, panel: panelAttribute, maxContentHeight: maxContentHeight} = this._option.getTooltipAttributes();
-        if ((0, vutils_1.isValid)(maxContentHeight) && panelDomHeight < panelAttribute.height) {
-            const {shapeColumn: shapeColumn = {}, keyColumn: keyColumn = {}, valueColumn: valueColumn = {}, panel: panel = {}} = this._option.getTooltipStyle(), width = [ shapeColumn.width, shapeColumn.marginRight, keyColumn.width, keyColumn.marginRight, valueColumn.width, valueColumn.marginRight, panel.paddingRight ].reduce(((sum, cur) => sum + (0, 
-            utils_1.pixelPropertyStrToNumber)(cur)), 0);
-            return Object.assign(Object.assign({}, defaultStyle), {
-                width: `${width + (0, utils_1.getScrollbarWidth)(this._option.getContainer())}px`,
-                maxHeight: (0, utils_1.getPixelPropertyStr)(maxContentHeight),
-                overflow: "auto"
-            });
-        }
-        return defaultStyle;
-    }
-    release() {
-        super.release(), this.shapeBox = null, this.keyBox = null, this.valueBox = null;
-    }
-}
-
-exports.ContentModel = ContentModel;
-//# sourceMappingURL=content-model.js.map

package/cjs/plugin/components/tooltip-handler/dom/model/content-model.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/plugin/components/tooltip-handler/dom/model/content-model.ts"],"names":[],"mappings":"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","file":"content-model.js","sourcesContent":["import { BaseTooltipModel } from './base-tooltip-model';\nimport type { ContentColumnType } from './content-column-model';\nimport { ContentColumnModel } from './content-column-model';\nimport type { Maybe } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport { isValid } from '@visactor/vutils';\nimport { mergeSpec } from '@visactor/vutils-extension';\nimport { getPixelPropertyStr, getScrollbarWidth, pixelPropertyStrToNumber } from '../utils';\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    const { align } = this._option.getTooltipAttributes();\n    if (align === 'right') {\n      if (!this.valueBox) {\n        this.valueBox = this._initBox('value-box', 0);\n      }\n      if (!this.keyBox) {\n        this.keyBox = this._initBox('key-box', 1);\n      }\n      if (!this.shapeBox) {\n        this.shapeBox = this._initBox('shape-box', 2);\n      }\n    } else {\n      if (!this.shapeBox) {\n        this.shapeBox = this._initBox('shape-box', 0);\n      }\n      if (!this.keyBox) {\n        this.keyBox = this._initBox('key-box', 1);\n      }\n      if (!this.valueBox) {\n        this.valueBox = this._initBox('value-box', 2);\n      }\n    }\n  }\n\n  private _initBox(className: ContentColumnType, index: number) {\n    const box = new ContentColumnModel(this.product!, this._option, className, index);\n    box.init();\n    this.children[box.childIndex] = box;\n    return box;\n  }\n\n  setStyle(style?: Partial<CSSStyleDeclaration>): void {\n    super.setStyle(mergeSpec(this._getContentContainerStyle(), 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  protected _getContentContainerStyle(): Partial<CSSStyleDeclaration> {\n    const defaultStyle = {\n      whiteSpace: 'nowrap',\n      lineHeight: '0px'\n    };\n\n    const { panelDomHeight, panel: panelAttribute, maxContentHeight } = this._option.getTooltipAttributes();\n    if (isValid(maxContentHeight) && panelDomHeight < panelAttribute.height) {\n      const { shapeColumn = {}, keyColumn = {}, valueColumn = {}, panel = {} } = this._option.getTooltipStyle();\n      const width = [\n        shapeColumn.width,\n        shapeColumn.marginRight,\n        keyColumn.width,\n        keyColumn.marginRight,\n        valueColumn.width,\n        valueColumn.marginRight,\n        panel.paddingRight\n      ].reduce((sum, cur) => sum + <number>pixelPropertyStrToNumber(cur), 0);\n      return {\n        ...defaultStyle,\n        width: `${width + getScrollbarWidth(this._option.getContainer())}px`,\n        maxHeight: getPixelPropertyStr(maxContentHeight),\n        overflow: 'auto'\n      };\n    }\n    return defaultStyle;\n  }\n\n  release(): void {\n    super.release();\n    this.shapeBox = null;\n    this.keyBox = null;\n    this.valueBox = null;\n  }\n}\n"]}