@visactor/vchart 1.13.11-alpha.1 → 1.13.11

package/cjs/component/tooltip/interface/theme.d.ts

@@ -2,6 +2,7 @@ import type { ITextAttribute } from '@visactor/vrender-core';
 import type { ILayoutNumber, ITooltipShapePattern, StringOrNumber, TextAlign, TextBaseLine } from '../../../typings';
 import type { Padding } from '@visactor/vrender-components';
 import type { ITokenKey } from '../../../theme/token/interface';
+import type { ITooltipSpec } from './spec';
 export interface ITooltipTextTheme<ColorType = string> {
     fontFamily?: string;
     fontSize?: number | ITokenKey;
@@ -49,4 +50,6 @@ export interface ITooltipTheme<ColorType = string> {
     };
     transitionDuration?: number;
     align?: 'left' | 'right';
+    trigger?: ITooltipSpec['trigger'];
+    triggerOff?: ITooltipSpec['triggerOff'];
 }

package/cjs/component/tooltip/interface/theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/tooltip/interface/theme.ts"],"names":[],"mappings":"","file":"theme.js","sourcesContent":["import type { ITextAttribute } from '@visactor/vrender-core';\nimport type { ILayoutNumber, ITooltipShapePattern, StringOrNumber, TextAlign, TextBaseLine } from '../../../typings';\nimport type { Padding } from '@visactor/vrender-components';\nimport type { ITokenKey } from '../../../theme/token/interface';\n\nexport interface ITooltipTextTheme<ColorType = string> {\n  /**\n   * 字体\n   */\n  fontFamily?: string;\n  /**\n   * 字体大小\n   */\n  fontSize?: number | ITokenKey;\n  /**\n   * 字体颜色\n   */\n  fill?: ColorType;\n  /**\n   * 字体颜色（兼容旧版本）\n   * @deprecated\n   */\n  fontColor?: ColorType;\n  /**\n   * 字重\n   */\n  fontWeight?: StringOrNumber;\n  /**\n   * 对齐方式\n   */\n  textAlign?: TextAlign;\n  /**\n   * 字体基线\n   */\n  textBaseline?: TextBaseLine;\n  /**\n   * 行高\n   */\n  lineHeight?: number | string | ITokenKey;\n  /**\n   * 与相邻元素的水平间距\n   */\n  spacing?: number;\n  /**\n   * 是否支持换行\n   */\n  multiLine?: boolean;\n  /**\n   * 最大宽度\n   */\n  maxWidth?: number;\n  /**\n   * 换行模式，默认为'break-word'\n   */\n  wordBreak?: ITextAttribute['wordBreak'];\n  /**\n   * 是否开启自动宽度。效果分为以下几种情况：\n   * - tooltip 标题：`autoWidth` 默认为 `false`。如果配置为 `true`，则 tooltip 标题会保持和 tooltip 内容一致的宽度\n   * - tooltip key 标签：`autoWidth` 不适用\n   * - tooltip value 标签：`autoWidth` 默认为 `true`。如果配置为 `true`，则 tooltip value 标签会自动占满 tooltip 整体宽度的剩余部分\n   * @since 1.4.2\n   */\n  autoWidth?: boolean;\n}\n\nexport interface ITooltipTheme<ColorType = string> {\n  /** 容器样式配置 */\n  panel?: {\n    /** tooltip 容器内边距 */\n    padding?: Padding;\n    /** 背景色 */\n    backgroundColor?: ColorType;\n    /** tooltip边框 */\n    border?: {\n      color?: ColorType;\n      width?: number;\n      /** 圆角 */\n      radius?: number;\n    };\n    /** tooltip阴影 */\n    shadow?: {\n      x: number;\n      y: number;\n      blur: number;\n      spread: number;\n      color: ColorType;\n    };\n  };\n  /**\n   * 设置 tooltip 中 shape 的样式\n   */\n  shape?: {\n    /** 标记大小 */\n    size?: number;\n    /** shape 与相邻元素的水平间距 */\n    spacing?: number;\n  } & Omit<ITooltipShapePattern, 'seriesId'>;\n  /** tooltip标题 */\n  titleLabel?: ITooltipTextTheme<ColorType>;\n  /** tooltip内容，key字段 */\n  keyLabel?: Omit<ITooltipTextTheme<ColorType>, 'autoWidth'>;\n  /** tooltip内容，value字段 */\n  valueLabel?: ITooltipTextTheme<ColorType>;\n  /** 内容项行间距 */\n  spaceRow?: number;\n  /**\n   * 最大内容区高度，内容区若超过该高度将显示局部滚动条（适用于 dom tooltip）\n   * @since 1.9.0\n   * @since 1.13.0 支持百分比的高度，当配置为百分比的时候，会根据图表的高度，body的最大高度，计算出来一个相对高度\n   */\n  maxContentHeight?: ILayoutNumber;\n  /** 偏移量 */\n  offset?: {\n    x?: number;\n    y?: number;\n  };\n  /**\n   * 浮层移动动画过渡时间，单位是 ms，设置为 0 的时候会紧跟着鼠标移动（目前仅影响 dom tooltip）\n   * @since 1.11.9\n   */\n  transitionDuration?: number;\n  /**\n   * shape、key、value的对齐方式，可选项如下：\n   * 'left': 从左到右对齐\n   * 'right': 从右到左对齐\n   * @since 1.11.5\n   */\n  align?: 'left' | 'right';\n}\n"]}
+{"version":3,"sources":["../src/component/tooltip/interface/theme.ts"],"names":[],"mappings":"","file":"theme.js","sourcesContent":["import type { ITextAttribute } from '@visactor/vrender-core';\nimport type { ILayoutNumber, ITooltipShapePattern, StringOrNumber, TextAlign, TextBaseLine } from '../../../typings';\nimport type { Padding } from '@visactor/vrender-components';\nimport type { ITokenKey } from '../../../theme/token/interface';\nimport type { ITooltipSpec } from './spec';\n\nexport interface ITooltipTextTheme<ColorType = string> {\n  /**\n   * 字体\n   */\n  fontFamily?: string;\n  /**\n   * 字体大小\n   */\n  fontSize?: number | ITokenKey;\n  /**\n   * 字体颜色\n   */\n  fill?: ColorType;\n  /**\n   * 字体颜色（兼容旧版本）\n   * @deprecated\n   */\n  fontColor?: ColorType;\n  /**\n   * 字重\n   */\n  fontWeight?: StringOrNumber;\n  /**\n   * 对齐方式\n   */\n  textAlign?: TextAlign;\n  /**\n   * 字体基线\n   */\n  textBaseline?: TextBaseLine;\n  /**\n   * 行高\n   */\n  lineHeight?: number | string | ITokenKey;\n  /**\n   * 与相邻元素的水平间距\n   */\n  spacing?: number;\n  /**\n   * 是否支持换行\n   */\n  multiLine?: boolean;\n  /**\n   * 最大宽度\n   */\n  maxWidth?: number;\n  /**\n   * 换行模式，默认为'break-word'\n   */\n  wordBreak?: ITextAttribute['wordBreak'];\n  /**\n   * 是否开启自动宽度。效果分为以下几种情况：\n   * - tooltip 标题：`autoWidth` 默认为 `false`。如果配置为 `true`，则 tooltip 标题会保持和 tooltip 内容一致的宽度\n   * - tooltip key 标签：`autoWidth` 不适用\n   * - tooltip value 标签：`autoWidth` 默认为 `true`。如果配置为 `true`，则 tooltip value 标签会自动占满 tooltip 整体宽度的剩余部分\n   * @since 1.4.2\n   */\n  autoWidth?: boolean;\n}\n\nexport interface ITooltipTheme<ColorType = string> {\n  /** 容器样式配置 */\n  panel?: {\n    /** tooltip 容器内边距 */\n    padding?: Padding;\n    /** 背景色 */\n    backgroundColor?: ColorType;\n    /** tooltip边框 */\n    border?: {\n      color?: ColorType;\n      width?: number;\n      /** 圆角 */\n      radius?: number;\n    };\n    /** tooltip阴影 */\n    shadow?: {\n      x: number;\n      y: number;\n      blur: number;\n      spread: number;\n      color: ColorType;\n    };\n  };\n  /**\n   * 设置 tooltip 中 shape 的样式\n   */\n  shape?: {\n    /** 标记大小 */\n    size?: number;\n    /** shape 与相邻元素的水平间距 */\n    spacing?: number;\n  } & Omit<ITooltipShapePattern, 'seriesId'>;\n  /** tooltip标题 */\n  titleLabel?: ITooltipTextTheme<ColorType>;\n  /** tooltip内容，key字段 */\n  keyLabel?: Omit<ITooltipTextTheme<ColorType>, 'autoWidth'>;\n  /** tooltip内容，value字段 */\n  valueLabel?: ITooltipTextTheme<ColorType>;\n  /** 内容项行间距 */\n  spaceRow?: number;\n  /**\n   * 最大内容区高度，内容区若超过该高度将显示局部滚动条（适用于 dom tooltip）\n   * @since 1.9.0\n   * @since 1.13.0 支持百分比的高度，当配置为百分比的时候，会根据图表的高度，body的最大高度，计算出来一个相对高度\n   */\n  maxContentHeight?: ILayoutNumber;\n  /** 偏移量 */\n  offset?: {\n    x?: number;\n    y?: number;\n  };\n  /**\n   * 浮层移动动画过渡时间，单位是 ms，设置为 0 的时候会紧跟着鼠标移动（目前仅影响 dom tooltip）\n   * @since 1.11.9\n   */\n  transitionDuration?: number;\n  /**\n   * shape、key、value的对齐方式，可选项如下：\n   * 'left': 从左到右对齐\n   * 'right': 从右到左对齐\n   * @since 1.11.5\n   */\n  align?: 'left' | 'right';\n  /**\n   * tooltip触发方式\n   * （*会影响自定义handler）\n   */\n  trigger?: ITooltipSpec['trigger'];\n  /**\n   * 隐藏tooltip的触发方式（目前仅支持和trigger一致的设置以及none）\n   * （*会影响自定义handler）\n   */\n  triggerOff?: ITooltipSpec['triggerOff'];\n}\n"]}

package/cjs/component/tooltip/tooltip-transformer.js

@@ -11,11 +11,13 @@ class TooltipSpecTransformer extends base_1.BaseComponentSpecTransformer {
         return !1;
     }
     _initTheme(spec, chartSpec) {
-        var _a;
+        var _a, _b, _c;
         const {spec: newSpec, theme: theme} = super._initTheme(spec, chartSpec);
         return newSpec.style = (0, vutils_extension_1.mergeSpec)({}, this._theme, newSpec.style), 
         newSpec.offset = (0, vutils_extension_1.mergeSpec)({}, theme.offset, spec.offset), 
         newSpec.transitionDuration = null !== (_a = spec.transitionDuration) && void 0 !== _a ? _a : theme.transitionDuration, 
+        newSpec.trigger = null !== (_b = spec.trigger) && void 0 !== _b ? _b : theme.trigger, 
+        newSpec.triggerOff = null !== (_c = spec.triggerOff) && void 0 !== _c ? _c : theme.triggerOff, 
         {
             spec: newSpec,
             theme: theme

package/cjs/component/tooltip/tooltip-transformer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/tooltip/tooltip-transformer.ts"],"names":[],"mappings":";;;AAAA,yDAAiD;AAEjD,qCAA8F;AAC9F,kCAAuD;AACvD,yCAAmD;AACnD,2CAA4D;AAC5D,iEAAuD;AAEvD,MAAa,sBAAuB,SAAQ,mCAAiC;IACjE,uBAAuB;QAC/B,OAAO,KAAK,CAAC;IACf,CAAC;IAES,UAAU,CAAC,IAAS,EAAE,SAAc;;QAC5C,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;QACnE,OAAO,CAAC,KAAK,GAAG,IAAA,4BAAS,EAAC,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAC1D,OAAO,CAAC,MAAM,GAAG,IAAA,4BAAS,EAAC,EAAE,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAC1D,OAAO,CAAC,kBAAkB,GAAG,MAAA,IAAI,CAAC,kBAAkB,mCAAI,KAAK,CAAC,kBAAkB,CAAC;QACjF,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IAClC,CAAC;IAES,+BAA+B,CAAC,IAAS,EAAE,SAAc,EAAE,aAA8B;;QACjG,KAAK,CAAC,+BAA+B,CAAC,IAAI,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC;QAEtE,IAAI,CAAC,OAAO,GAAG,MAAA,IAAI,CAAC,OAAO,mCAAI,IAAI,CAAC;QACpC,IAAI,CAAC,UAAU,GAAG,IAAA,mCAA0B,EAAC,IAAI,CAAC,CAAC;QACnD,IAAI,CAAC,UAAU;YACb,MAAA,IAAI,CAAC,UAAU,mCAEf,CAAC,IAAA,wBAAiB,EAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAA,oBAAa,EAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QAClG,IAAI,CAAC,OAAO,GAAG,MAAA,IAAI,CAAC,OAAO,mCAAI,OAAO,CAAC;QACvC,IAAI,CAAC,SAAS,GAAG,MAAA,IAAI,CAAC,SAAS,mCAAI,gCAAqB,CAAC;QACzD,IAAI,CAAC,SAAS,GAAG,MAAA,IAAI,CAAC,SAAS,mCAAI,KAAK,CAAC;QACzC,IAAI,CAAC,kBAAkB,GAAG,MAAA,IAAI,CAAC,kBAAkB,mCAAI,GAAG,CAAC;QACzD,IAAI,CAAC,OAAO,GAAG,MAAA,IAAI,CAAC,OAAO,mCAAI,IAAI,CAAC,UAAU,KAAK,QAAQ,CAAC;QAE5D,IAAI,IAAA,cAAO,EAAC,IAAI,CAAC,aAAa,CAAC,EAAE;YAC/B,IAAI,IAAA,eAAQ,EAAC,IAAI,CAAC,aAAa,CAAC,EAAE;gBAChC,IAAI,CAAC,aAAa,GAAG,sBAAO,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;aACjE;SACF;aAAM,IAAI,IAAA,oBAAa,EAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAC3C,IAAI,CAAC,aAAa,GAAG,kBAAW,aAAX,kBAAW,uBAAX,kBAAW,CAAE,IAAI,CAAC;SACxC;IACH,CAAC;CACF;AApCD,wDAoCC","file":"tooltip-transformer.js","sourcesContent":["import { vglobal } from '@visactor/vrender-core';\nimport type { IChartSpecInfo } from '../../chart/interface';\nimport { domDocument, isMiniAppLikeMode, isString, isTrueBrowser, isValid } from '../../util';\nimport { BaseComponentSpecTransformer } from '../base';\nimport { TOOLTIP_EL_CLASS_NAME } from './constant';\nimport { getTooltipActualActiveType } from './utils/common';\nimport { mergeSpec } from '@visactor/vutils-extension';\n\nexport class TooltipSpecTransformer extends BaseComponentSpecTransformer<any> {\n  protected _shouldMergeThemeToSpec() {\n    return false;\n  }\n\n  protected _initTheme(spec: any, chartSpec: any): { spec: any; theme: any } {\n    const { spec: newSpec, theme } = super._initTheme(spec, chartSpec);\n    newSpec.style = mergeSpec({}, this._theme, newSpec.style);\n    newSpec.offset = mergeSpec({}, theme.offset, spec.offset);\n    newSpec.transitionDuration = spec.transitionDuration ?? theme.transitionDuration;\n    return { spec: newSpec, theme };\n  }\n\n  protected _transformSpecAfterMergingTheme(spec: any, chartSpec: any, chartSpecInfo?: IChartSpecInfo) {\n    super._transformSpecAfterMergingTheme(spec, chartSpec, chartSpecInfo);\n\n    spec.visible = spec.visible ?? true;\n    spec.activeType = getTooltipActualActiveType(spec);\n    spec.renderMode =\n      spec.renderMode ??\n      // 小程序或非浏览器环境下，默认使用canvas渲染\n      (isMiniAppLikeMode(this._option.mode) || !isTrueBrowser(this._option.mode) ? 'canvas' : 'html');\n    spec.trigger = spec.trigger ?? 'hover';\n    spec.className = spec.className ?? TOOLTIP_EL_CLASS_NAME;\n    spec.enterable = spec.enterable ?? false;\n    spec.transitionDuration = spec.transitionDuration ?? 150;\n    spec.confine = spec.confine ?? spec.renderMode === 'canvas';\n\n    if (isValid(spec.parentElement)) {\n      if (isString(spec.parentElement)) {\n        spec.parentElement = vglobal.getElementById(spec.parentElement);\n      }\n    } else if (isTrueBrowser(this._option.mode)) {\n      spec.parentElement = domDocument?.body;\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../src/component/tooltip/tooltip-transformer.ts"],"names":[],"mappings":";;;AAAA,yDAAiD;AAEjD,qCAA8F;AAC9F,kCAAuD;AACvD,yCAAmD;AACnD,2CAA4D;AAC5D,iEAAuD;AAEvD,MAAa,sBAAuB,SAAQ,mCAAiC;IACjE,uBAAuB;QAC/B,OAAO,KAAK,CAAC;IACf,CAAC;IAES,UAAU,CAAC,IAAS,EAAE,SAAc;;QAC5C,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;QAGnE,OAAO,CAAC,KAAK,GAAG,IAAA,4BAAS,EAAC,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAC1D,OAAO,CAAC,MAAM,GAAG,IAAA,4BAAS,EAAC,EAAE,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAC1D,OAAO,CAAC,kBAAkB,GAAG,MAAA,IAAI,CAAC,kBAAkB,mCAAI,KAAK,CAAC,kBAAkB,CAAC;QAGjF,OAAO,CAAC,OAAO,GAAG,MAAA,IAAI,CAAC,OAAO,mCAAI,KAAK,CAAC,OAAO,CAAC;QAChD,OAAO,CAAC,UAAU,GAAG,MAAA,IAAI,CAAC,UAAU,mCAAI,KAAK,CAAC,UAAU,CAAC;QAEzD,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IAClC,CAAC;IAES,+BAA+B,CAAC,IAAS,EAAE,SAAc,EAAE,aAA8B;;QACjG,KAAK,CAAC,+BAA+B,CAAC,IAAI,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC;QAEtE,IAAI,CAAC,OAAO,GAAG,MAAA,IAAI,CAAC,OAAO,mCAAI,IAAI,CAAC;QACpC,IAAI,CAAC,UAAU,GAAG,IAAA,mCAA0B,EAAC,IAAI,CAAC,CAAC;QACnD,IAAI,CAAC,UAAU;YACb,MAAA,IAAI,CAAC,UAAU,mCAEf,CAAC,IAAA,wBAAiB,EAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAA,oBAAa,EAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QAClG,IAAI,CAAC,OAAO,GAAG,MAAA,IAAI,CAAC,OAAO,mCAAI,OAAO,CAAC;QACvC,IAAI,CAAC,SAAS,GAAG,MAAA,IAAI,CAAC,SAAS,mCAAI,gCAAqB,CAAC;QACzD,IAAI,CAAC,SAAS,GAAG,MAAA,IAAI,CAAC,SAAS,mCAAI,KAAK,CAAC;QACzC,IAAI,CAAC,kBAAkB,GAAG,MAAA,IAAI,CAAC,kBAAkB,mCAAI,GAAG,CAAC;QACzD,IAAI,CAAC,OAAO,GAAG,MAAA,IAAI,CAAC,OAAO,mCAAI,IAAI,CAAC,UAAU,KAAK,QAAQ,CAAC;QAE5D,IAAI,IAAA,cAAO,EAAC,IAAI,CAAC,aAAa,CAAC,EAAE;YAC/B,IAAI,IAAA,eAAQ,EAAC,IAAI,CAAC,aAAa,CAAC,EAAE;gBAChC,IAAI,CAAC,aAAa,GAAG,sBAAO,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;aACjE;SACF;aAAM,IAAI,IAAA,oBAAa,EAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAC3C,IAAI,CAAC,aAAa,GAAG,kBAAW,aAAX,kBAAW,uBAAX,kBAAW,CAAE,IAAI,CAAC;SACxC;IACH,CAAC;CACF;AA3CD,wDA2CC","file":"tooltip-transformer.js","sourcesContent":["import { vglobal } from '@visactor/vrender-core';\nimport type { IChartSpecInfo } from '../../chart/interface';\nimport { domDocument, isMiniAppLikeMode, isString, isTrueBrowser, isValid } from '../../util';\nimport { BaseComponentSpecTransformer } from '../base';\nimport { TOOLTIP_EL_CLASS_NAME } from './constant';\nimport { getTooltipActualActiveType } from './utils/common';\nimport { mergeSpec } from '@visactor/vutils-extension';\n\nexport class TooltipSpecTransformer extends BaseComponentSpecTransformer<any> {\n  protected _shouldMergeThemeToSpec() {\n    return false;\n  }\n\n  protected _initTheme(spec: any, chartSpec: any): { spec: any; theme: any } {\n    const { spec: newSpec, theme } = super._initTheme(spec, chartSpec);\n\n    // 合并样式和配置\n    newSpec.style = mergeSpec({}, this._theme, newSpec.style);\n    newSpec.offset = mergeSpec({}, theme.offset, spec.offset);\n    newSpec.transitionDuration = spec.transitionDuration ?? theme.transitionDuration;\n\n    // 合并交互相关配置\n    newSpec.trigger = spec.trigger ?? theme.trigger;\n    newSpec.triggerOff = spec.triggerOff ?? theme.triggerOff;\n\n    return { spec: newSpec, theme };\n  }\n\n  protected _transformSpecAfterMergingTheme(spec: any, chartSpec: any, chartSpecInfo?: IChartSpecInfo) {\n    super._transformSpecAfterMergingTheme(spec, chartSpec, chartSpecInfo);\n\n    spec.visible = spec.visible ?? true;\n    spec.activeType = getTooltipActualActiveType(spec);\n    spec.renderMode =\n      spec.renderMode ??\n      // 小程序或非浏览器环境下，默认使用canvas渲染\n      (isMiniAppLikeMode(this._option.mode) || !isTrueBrowser(this._option.mode) ? 'canvas' : 'html');\n    spec.trigger = spec.trigger ?? 'hover';\n    spec.className = spec.className ?? TOOLTIP_EL_CLASS_NAME;\n    spec.enterable = spec.enterable ?? false;\n    spec.transitionDuration = spec.transitionDuration ?? 150;\n    spec.confine = spec.confine ?? spec.renderMode === 'canvas';\n\n    if (isValid(spec.parentElement)) {\n      if (isString(spec.parentElement)) {\n        spec.parentElement = vglobal.getElementById(spec.parentElement);\n      }\n    } else if (isTrueBrowser(this._option.mode)) {\n      spec.parentElement = domDocument?.body;\n    }\n  }\n}\n"]}

package/cjs/core/index.d.ts

@@ -1,7 +1,7 @@
 import { VChart } from './vchart';
 import { Factory } from './factory';
 export { VChart, Factory };
-export declare const version = "1.13.11-alpha.1";
+export declare const version = "1.13.11";
 export type { IVChart } from './interface';
 export type { IStateSpec, StateValueType } from '../compile/mark';
 export type { IRegion } from '../region/interface';

package/cjs/core/index.js

@@ -35,7 +35,7 @@ Object.defineProperty(exports, "Factory", {
     get: function() {
         return factory_1.Factory;
     }
-}), exports.version = "1.13.11-alpha.1", __exportStar(require("../typings/spec/common"), exports), 
+}), exports.version = "1.13.11", __exportStar(require("../typings/spec/common"), exports), 
 __exportStar(require("../event/interface"), exports), __exportStar(require("../theme/interface"), exports), 
 __exportStar(require("./interface"), exports), __exportStar(require("../constant/base"), exports), 
 __exportStar(require("../constant/data"), exports), __exportStar(require("../typings/spec/index"), exports), 

package/cjs/core/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAIA,qCAAkC;AAGzB,uFAHA,eAAM,OAGA;AAFf,uCAAoC;AAEnB,wFAFR,iBAAO,OAEQ;AAGX,QAAA,OAAO,GAAG,iBAAiB,CAAC;AAOzC,yDAAuC;AACvC,qDAAmC;AACnC,qDAAmC;AACnC,8CAA4B;AAG5B,mDAAiC;AACjC,mDAAiC;AAKjC,wDAAsC;AAGtC,qDAAmC;AAGnC,iDAA+B;AAG/B,uDAYgC;AAX9B,uGAAA,OAAO,OAAA;AACP,2GAAA,WAAW,OAAA;AACX,8GAAA,cAAc,OAAA;AACd,0GAAA,UAAU,OAAA;AACV,yGAAA,SAAS,OAAA;AACT,0GAAA,UAAU,OAAA;AACV,0GAAA,UAAU,OAAA;AACV,0GAAA,UAAU,OAAA;AACV,4GAAA,YAAY,OAAA;AACZ,4GAAA,YAAY,OAAA;AACZ,2GAAA,WAAW,OAAA","file":"index.js","sourcesContent":["/**\n * @description The core module of VChart, containing the necessary interfaces for using VChart.\n */\n\nimport { VChart } from './vchart';\nimport { Factory } from './factory';\n\nexport { VChart, Factory };\n\n// export the version\nexport const version = \"1.13.11-alpha.1\";\n\n// export necessary types\nexport type { IVChart } from './interface';\nexport type { IStateSpec, StateValueType } from '../compile/mark';\nexport type { IRegion } from '../region/interface';\n\nexport * from '../typings/spec/common';\nexport * from '../event/interface';\nexport * from '../theme/interface';\nexport * from './interface';\n\n// some constants\nexport * from '../constant/base';\nexport * from '../constant/data';\n\n/**\n * spec\n */\nexport * from '../typings/spec/index';\n\n// tooltip\nexport * from '../typings/tooltip';\n\n// theme\nexport * from '../theme/index';\n\n// vrender\nexport {\n  vglobal,\n  createGroup,\n  createRichText,\n  createText,\n  createArc,\n  createArea,\n  createRect,\n  createLine,\n  createSymbol,\n  ManualTicker,\n  StreamLight\n} from '@visactor/vrender-core';\n"]}
+{"version":3,"sources":["../src/core/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAIA,qCAAkC;AAGzB,uFAHA,eAAM,OAGA;AAFf,uCAAoC;AAEnB,wFAFR,iBAAO,OAEQ;AAGX,QAAA,OAAO,GAAG,SAAS,CAAC;AAOjC,yDAAuC;AACvC,qDAAmC;AACnC,qDAAmC;AACnC,8CAA4B;AAG5B,mDAAiC;AACjC,mDAAiC;AAKjC,wDAAsC;AAGtC,qDAAmC;AAGnC,iDAA+B;AAG/B,uDAYgC;AAX9B,uGAAA,OAAO,OAAA;AACP,2GAAA,WAAW,OAAA;AACX,8GAAA,cAAc,OAAA;AACd,0GAAA,UAAU,OAAA;AACV,yGAAA,SAAS,OAAA;AACT,0GAAA,UAAU,OAAA;AACV,0GAAA,UAAU,OAAA;AACV,0GAAA,UAAU,OAAA;AACV,4GAAA,YAAY,OAAA;AACZ,4GAAA,YAAY,OAAA;AACZ,2GAAA,WAAW,OAAA","file":"index.js","sourcesContent":["/**\n * @description The core module of VChart, containing the necessary interfaces for using VChart.\n */\n\nimport { VChart } from './vchart';\nimport { Factory } from './factory';\n\nexport { VChart, Factory };\n\n// export the version\nexport const version = \"1.13.11\";\n\n// export necessary types\nexport type { IVChart } from './interface';\nexport type { IStateSpec, StateValueType } from '../compile/mark';\nexport type { IRegion } from '../region/interface';\n\nexport * from '../typings/spec/common';\nexport * from '../event/interface';\nexport * from '../theme/interface';\nexport * from './interface';\n\n// some constants\nexport * from '../constant/base';\nexport * from '../constant/data';\n\n/**\n * spec\n */\nexport * from '../typings/spec/index';\n\n// tooltip\nexport * from '../typings/tooltip';\n\n// theme\nexport * from '../theme/index';\n\n// vrender\nexport {\n  vglobal,\n  createGroup,\n  createRichText,\n  createText,\n  createArc,\n  createArea,\n  createRect,\n  createLine,\n  createSymbol,\n  ManualTicker,\n  StreamLight\n} from '@visactor/vrender-core';\n"]}

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

@@ -106,19 +106,18 @@ class DomTooltipHandler extends base_1.BaseTooltipHandler {
     _updateDomStringByCol(actualTooltip) {
         var _a;
         const {title: title = {}, content: content} = actualTooltip, hasContent = content && content.length, rowStyle = this._domStyle.row, chilren = [ ...this._rootDom.children ];
-        let titleDom = chilren.find((child => child.className.includes(constants_1.TOOLTIP_TITLE_CLASS_NAME)));
+        let titleDom = chilren.find((child => child.className.includes(constants_1.TOOLTIP_TITLE_CLASS_NAME))), contentDom = chilren.find((child => child.className.includes(constants_1.TOOLTIP_CONTENT_BOX_CLASS_NAME)));
         if (!titleDom && !1 !== title.visible) {
             titleDom = document.createElement("h2");
             const span = document.createElement("span");
             titleDom.appendChild(span), titleDom.classList.add(constants_1.TOOLTIP_TITLE_CLASS_NAME), 
-            this._rootDom.appendChild(titleDom);
+            this._rootDom.firstChild ? this._rootDom.insertBefore(titleDom, this._rootDom.firstChild) : this._rootDom.appendChild(titleDom);
         }
         titleDom && !1 !== title.visible ? ((0, style_1.setStyleToDom)(titleDom, Object.assign(Object.assign(Object.assign({}, this._domStyle.title), hasContent ? rowStyle : {
             marginBottom: "0px"
         }), {
             marginTop: "0px"
         })), titleDom.firstChild.innerHTML = `${null !== (_a = title.value) && void 0 !== _a ? _a : ""}`) : titleDom && !1 === title.visible && titleDom.parentNode.removeChild(titleDom);
-        let contentDom = chilren.find((child => child.className.includes(constants_1.TOOLTIP_CONTENT_BOX_CLASS_NAME)));
         const columns = [ "shape", "key", "value" ];
         if (!contentDom && hasContent && (contentDom = document.createElement("div"), columns.forEach((col => {
             const colDiv = document.createElement("div");

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/plugin/components/tooltip-handler/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 { getDomStyle, getTextStyle, setStyleToDom } from './utils/style';\nimport {\n  TOOLTIP_CONTAINER_EL_CLASS_NAME,\n  DEFAULT_TOOLTIP_Z_INDEX,\n  TOOLTIP_PREFIX,\n  TOOLTIP_CONTENT_BOX_CLASS_NAME,\n  TOOLTIP_TITLE_CLASS_NAME\n} from './constants';\nimport { type Maybe, isValid } from '@visactor/vutils';\nimport type { IContainerSize } from '@visactor/vrender-components';\nimport { domDocument } from '../../../util/env';\nimport type { ITooltipSpec, TooltipHandlerParams } from '../../../component/tooltip';\nimport type { IComponentPluginService } from '../interface';\nimport { registerComponentPlugin } from '../register';\nimport type { ILayoutPoint } from '../../../typings';\nimport { TooltipHandlerType } from '../../../component/tooltip/constant';\nimport { getSvgHtml } from './utils/svg';\nimport { formatContent } from './utils/common';\nimport { token } from '../../../theme/token';\nimport { calcLayoutNumber } from '../../../util/space';\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: {\n    panelPadding?: number[];\n    panel: Partial<CSSStyleDeclaration>;\n    row: Partial<CSSStyleDeclaration>;\n    title: Partial<CSSStyleDeclaration>;\n    shape: Partial<CSSStyleDeclaration>;\n    key: Partial<CSSStyleDeclaration>;\n    value: Partial<CSSStyleDeclaration>;\n  };\n  protected _rootDom?: HTMLElement;\n  protected _tooltipActual?: ITooltipActual;\n  protected declare _container: Maybe<HTMLDivElement>;\n\n  /** 自定义 tooltip 的位置缓存 */\n  protected _cacheCustomTooltipPosition: ILayoutPoint;\n\n  getVisibility() {\n    return this._rootDom ? this._rootDom.style.visibility === 'visible' : false;\n  }\n\n  setVisibility(_value: boolean) {\n    // 这里做个节流\n    if (_value !== this.getVisibility() && this._rootDom) {\n      this._rootDom.style.visibility = _value ? 'visible' : 'hidden';\n    }\n  }\n\n  getRootDom() {\n    return this._rootDom;\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    }\n  }\n\n  initRootDom() {\n    const tooltipSpec = this._component.getSpec() as ITooltipSpec;\n    const tooltipElement = document.createElement('div');\n    const globalTheme = this._chartOption?.getTheme() ?? {};\n\n    setStyleToDom(tooltipElement, {\n      left: '0',\n      top: '0',\n      pointerEvents: 'none',\n      padding: '12px',\n      position: 'absolute',\n      zIndex: DEFAULT_TOOLTIP_Z_INDEX,\n      fontFamily: (globalTheme?.fontFamily ?? token.fontFamily) as string,\n      fontSize: '11px',\n      borderRadius: '3px',\n      borderStyle: 'solid',\n      lineHeight: 'initial',\n      background: '#fff',\n      boxShadow: '2px 2px 4px rgba(0, 0, 0, 0.1)',\n      maxWidth: '100wh',\n      maxHeight: '100vh',\n      visibility: 'hidden',\n      ...this._domStyle.panel\n    } as CSSStyleDeclaration);\n    tooltipElement.classList.add(tooltipSpec.className);\n    tooltipElement.setAttribute('vchart-tooltip-id', `${this.id}`);\n    this._container.appendChild(tooltipElement);\n    this._rootDom = tooltipElement;\n  }\n\n  // 计算 tooltip 内容区域的宽高，并缓存结果\n  protected _getTooltipBoxSize(actualTooltip: ITooltipActual, changePositionOnly: boolean): IContainerSize | undefined {\n    if (!this._rootDom) {\n      this.initRootDom();\n    }\n    if (!changePositionOnly) {\n      this._updateDomStringByCol(actualTooltip);\n    }\n\n    this._updateDomStyle('height');\n\n    const rect = this._rootDom?.getBoundingClientRect();\n\n    return {\n      width: rect?.width,\n      height: rect?.height\n    };\n  }\n\n  protected _removeTooltip() {\n    if (this._rootDom && this._rootDom.parentNode) {\n      this._rootDom.parentNode.removeChild(this._rootDom);\n      this._rootDom = null;\n    }\n    this._container = null;\n  }\n\n  protected _updateTooltip(visible: boolean, params: TooltipHandlerParams) {\n    if (!visible || !this._rootDom) {\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      }\n      const currentVisible = this.getVisibility();\n\n      // 位置\n      const el = this._rootDom;\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          if (!currentVisible) {\n            // 当从隐藏切换到显示的时候，需要先设置一次 transition 为 0ms，防止出现从一个非常远的初始位置进行动画\n            this._rootDom.style.transitionDuration = '0ms';\n          } else {\n            this._rootDom.style.transitionDuration = this._domStyle.panel.transitionDuration ?? 'initial';\n          }\n          this._updatePosition({ x, y });\n        }\n      }\n      this.setVisibility(visible);\n    }\n  }\n\n  protected _initStyle() {\n    const tooltipSpec = this._component.getSpec() as ITooltipSpec;\n\n    this._domStyle = getDomStyle(tooltipSpec);\n  }\n\n  protected _updateDomStringByCol(actualTooltip?: ITooltipActual) {\n    const { title = {}, content } = actualTooltip;\n    const hasContent = content && content.length;\n    const rowStyle = this._domStyle.row;\n    const chilren = [...(this._rootDom.children as any)] as HTMLElement[];\n    let titleDom = chilren.find(child => child.className.includes(TOOLTIP_TITLE_CLASS_NAME));\n\n    if (!titleDom && title.visible !== false) {\n      titleDom = document.createElement('h2');\n      const span = document.createElement('span');\n      titleDom.appendChild(span);\n\n      titleDom.classList.add(TOOLTIP_TITLE_CLASS_NAME);\n      this._rootDom.appendChild(titleDom);\n    }\n\n    if (titleDom && title.visible !== false) {\n      setStyleToDom(titleDom, {\n        ...this._domStyle.title,\n        ...(hasContent ? rowStyle : { marginBottom: '0px' }),\n        marginTop: '0px'\n      });\n      (titleDom.firstChild as HTMLElement).innerHTML = `${title.value ?? ''}`;\n    } else if (titleDom && title.visible === false) {\n      titleDom.parentNode.removeChild(titleDom);\n    }\n\n    let contentDom = chilren.find(child => child.className.includes(TOOLTIP_CONTENT_BOX_CLASS_NAME));\n    const columns = ['shape', 'key', 'value'];\n\n    if (!contentDom && hasContent) {\n      contentDom = document.createElement('div');\n\n      columns.forEach(col => {\n        const colDiv = document.createElement('div');\n\n        colDiv.classList.add(`${TOOLTIP_PREFIX}-column`);\n        colDiv.classList.add(`${TOOLTIP_PREFIX}-${col}-column`);\n        colDiv.setAttribute('data-col', col);\n        contentDom.appendChild(colDiv);\n      });\n\n      contentDom.classList.add(TOOLTIP_CONTENT_BOX_CLASS_NAME);\n      this._rootDom.appendChild(contentDom);\n    }\n\n    if (contentDom && hasContent) {\n      const columnDivs = [...(contentDom.children as any)] as HTMLElement[];\n      setStyleToDom(contentDom, { whiteSpace: 'nowrap' });\n\n      columnDivs.forEach((colDiv, index) => {\n        const colName = colDiv.getAttribute('data-col');\n\n        if (colName && columns.includes(colName)) {\n          const hideColumn = colName === 'shape' && content.every(c => !c.hasShape || !c.shapeType);\n\n          setStyleToDom(colDiv, {\n            ...(this._domStyle as any)[colName],\n            display: hideColumn ? 'none' : 'inline-block',\n            verticalAlign: 'top'\n          });\n          const rows = [...(colDiv.children as any)] as HTMLElement[];\n\n          // 删除多余的行\n          rows.slice(content.length).forEach(extraRow => {\n            extraRow.parentNode.removeChild(extraRow);\n          });\n\n          content.forEach((entry, index) => {\n            let row = rows[index];\n\n            if (!row) {\n              row = document.createElement('div');\n              row.classList.add(`${TOOLTIP_PREFIX}-${colName}`);\n              colDiv.appendChild(row);\n            }\n            const styleByRow = {\n              ...rowStyle\n            };\n\n            if (index === content.length - 1) {\n              styleByRow.marginBottom = '0px';\n            }\n\n            styleByRow.display = entry.visible === false ? 'none' : 'block';\n            // 每次更新，需要更新单元格的高度，防止同步高度的时候没有更新\n            styleByRow.height = 'initial';\n\n            if (colName === 'key') {\n              row.innerHTML = formatContent(entry.key);\n              if (entry.keyStyle) {\n                getTextStyle(entry.keyStyle, styleByRow);\n              }\n            } else if (colName === 'value') {\n              row.innerHTML = formatContent(entry.value);\n              if (entry.valueStyle) {\n                getTextStyle(entry.valueStyle, styleByRow);\n              }\n            } else if (colName === 'shape') {\n              row.innerHTML = getSvgHtml(entry, `${this.id}_${index}`);\n            }\n\n            setStyleToDom(row, styleByRow);\n          });\n        }\n      });\n    } else if (contentDom && !hasContent) {\n      contentDom.parentNode.removeChild(contentDom);\n    }\n  }\n  protected _updateDomStyle(sizeKey: 'width' | 'height' = 'width') {\n    const rootDom = this._rootDom;\n    const contentDom = [...(rootDom.children as any)].find(child =>\n      child.className.includes(TOOLTIP_CONTENT_BOX_CLASS_NAME)\n    );\n    const titleDom = [...(rootDom.children as any)].find(child => child.className.includes(TOOLTIP_TITLE_CLASS_NAME));\n\n    if (contentDom) {\n      const tooltipSpec = this._component.getSpec() as ITooltipSpec;\n      const contentStyle: Partial<CSSStyleDeclaration> = {};\n      const titleLabel = tooltipSpec.style?.titleLabel;\n      const autoFixTitleWidth = titleLabel && titleLabel.autoWidth && titleLabel.multiLine !== false;\n\n      if (autoFixTitleWidth && titleDom) {\n        const maxWidth = [...(contentDom.children as any)].reduce((res, col) => {\n          return sizeKey === 'height'\n            ? res + col.getBoundingClientRect().width\n            : Math.max(res, col.getBoundingClientRect().width);\n        }, 0);\n\n        if (maxWidth > 0) {\n          titleDom.style.maxWidth = `${maxWidth}px`;\n          // 需要再计算一次，因为之前可能因为没有设置maxWidth， content的dom被撑宽了\n          titleDom.style.maxWidth = `${Math.ceil(contentDom.getBoundingClientRect().width)}px`;\n        }\n      }\n\n      if (isValid(tooltipSpec?.style?.maxContentHeight)) {\n        const titleHeight =\n          titleDom && titleDom.className.includes(TOOLTIP_TITLE_CLASS_NAME)\n            ? titleDom.getBoundingClientRect().height + (tooltipSpec.style.spaceRow ?? 0)\n            : 0;\n        const viewRect = (this._chartOption as any).getChartViewRect();\n        const maxHeight = calcLayoutNumber(\n          tooltipSpec.style.maxContentHeight,\n          Math.min(viewRect.height, document.body.clientHeight) -\n            titleHeight -\n            (this._domStyle.panelPadding ? this._domStyle.panelPadding[0] + this._domStyle.panelPadding[1] : 0)\n        );\n\n        if (maxHeight > 0) {\n          contentStyle.maxHeight = `${maxHeight}px`;\n          contentStyle.overflowY = 'auto';\n          // todo 让内容宽度往外阔一点，给滚动条留出位置\n          contentStyle.width = `calc(100% + ${\n            this._domStyle.panelPadding ? this._domStyle.panelPadding[1] + 'px' : '10px'\n          })`;\n\n          setStyleToDom(contentDom as HTMLElement, contentStyle);\n        }\n      }\n\n      const rows = contentDom.children;\n      const widthByCol: number[] = [];\n      if (rows) {\n        for (let i = 0; i < rows.length; i++) {\n          const row = rows[i];\n          const cols = row.children ?? ([] as HTMLElement[]);\n\n          for (let j = 0; j < cols.length; j++) {\n            const width = cols[j].getBoundingClientRect()[sizeKey];\n            if (widthByCol[j] === undefined || widthByCol[j] < width) {\n              widthByCol[j] = width;\n            }\n          }\n        }\n\n        for (let i = 0; i < rows.length; i++) {\n          const row = rows[i];\n          const cols = row.children ?? ([] as HTMLElement[]);\n\n          for (let j = 0; j < cols.length; j++) {\n            (cols[j] as HTMLElement).style[sizeKey] = `${widthByCol[j]}px`;\n          }\n        }\n      }\n    }\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    if (this._rootDom) {\n      setStyleToDom(this._rootDom, this._domStyle.panel);\n    }\n\n    if (this.getVisibility()) {\n      this._updateDomStringByCol(this._tooltipActual);\n      this._updateDomStyle('height');\n    }\n  }\n\n  protected _updatePosition({ x, y }: ITooltipPositionActual) {\n    if (this._rootDom) {\n      // translate3d 性能较好：https://stackoverflow.com/questions/22111256/translate3d-vs-translate-performance\n      this._rootDom.style.transform = `translate3d(${x}px, ${y}px, 0)`;\n    }\n  }\n}\n\nexport const registerDomTooltipHandler = () => {\n  registerComponentPlugin(DomTooltipHandler);\n};\n"]}
+{"version":3,"sources":["../src/plugin/components/tooltip-handler/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 { getDomStyle, getTextStyle, setStyleToDom } from './utils/style';\nimport {\n  TOOLTIP_CONTAINER_EL_CLASS_NAME,\n  DEFAULT_TOOLTIP_Z_INDEX,\n  TOOLTIP_PREFIX,\n  TOOLTIP_CONTENT_BOX_CLASS_NAME,\n  TOOLTIP_TITLE_CLASS_NAME\n} from './constants';\nimport { type Maybe, isValid } from '@visactor/vutils';\nimport type { IContainerSize } from '@visactor/vrender-components';\nimport { domDocument } from '../../../util/env';\nimport type { ITooltipSpec, TooltipHandlerParams } from '../../../component/tooltip';\nimport type { IComponentPluginService } from '../interface';\nimport { registerComponentPlugin } from '../register';\nimport type { ILayoutPoint } from '../../../typings';\nimport { TooltipHandlerType } from '../../../component/tooltip/constant';\nimport { getSvgHtml } from './utils/svg';\nimport { formatContent } from './utils/common';\nimport { token } from '../../../theme/token';\nimport { calcLayoutNumber } from '../../../util/space';\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: {\n    panelPadding?: number[];\n    panel: Partial<CSSStyleDeclaration>;\n    row: Partial<CSSStyleDeclaration>;\n    title: Partial<CSSStyleDeclaration>;\n    shape: Partial<CSSStyleDeclaration>;\n    key: Partial<CSSStyleDeclaration>;\n    value: Partial<CSSStyleDeclaration>;\n  };\n  protected _rootDom?: HTMLElement;\n  protected _tooltipActual?: ITooltipActual;\n  protected declare _container: Maybe<HTMLDivElement>;\n\n  /** 自定义 tooltip 的位置缓存 */\n  protected _cacheCustomTooltipPosition: ILayoutPoint;\n\n  getVisibility() {\n    return this._rootDom ? this._rootDom.style.visibility === 'visible' : false;\n  }\n\n  setVisibility(_value: boolean) {\n    // 这里做个节流\n    if (_value !== this.getVisibility() && this._rootDom) {\n      this._rootDom.style.visibility = _value ? 'visible' : 'hidden';\n    }\n  }\n\n  getRootDom() {\n    return this._rootDom;\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    }\n  }\n\n  initRootDom() {\n    const tooltipSpec = this._component.getSpec() as ITooltipSpec;\n    const tooltipElement = document.createElement('div');\n    const globalTheme = this._chartOption?.getTheme() ?? {};\n\n    setStyleToDom(tooltipElement, {\n      left: '0',\n      top: '0',\n      pointerEvents: 'none',\n      padding: '12px',\n      position: 'absolute',\n      zIndex: DEFAULT_TOOLTIP_Z_INDEX,\n      fontFamily: (globalTheme?.fontFamily ?? token.fontFamily) as string,\n      fontSize: '11px',\n      borderRadius: '3px',\n      borderStyle: 'solid',\n      lineHeight: 'initial',\n      background: '#fff',\n      boxShadow: '2px 2px 4px rgba(0, 0, 0, 0.1)',\n      maxWidth: '100wh',\n      maxHeight: '100vh',\n      visibility: 'hidden',\n      ...this._domStyle.panel\n    } as CSSStyleDeclaration);\n    tooltipElement.classList.add(tooltipSpec.className);\n    tooltipElement.setAttribute('vchart-tooltip-id', `${this.id}`);\n    this._container.appendChild(tooltipElement);\n    this._rootDom = tooltipElement;\n  }\n\n  // 计算 tooltip 内容区域的宽高，并缓存结果\n  protected _getTooltipBoxSize(actualTooltip: ITooltipActual, changePositionOnly: boolean): IContainerSize | undefined {\n    if (!this._rootDom) {\n      this.initRootDom();\n    }\n    if (!changePositionOnly) {\n      this._updateDomStringByCol(actualTooltip);\n    }\n\n    this._updateDomStyle('height');\n\n    const rect = this._rootDom?.getBoundingClientRect();\n\n    return {\n      width: rect?.width,\n      height: rect?.height\n    };\n  }\n\n  protected _removeTooltip() {\n    if (this._rootDom && this._rootDom.parentNode) {\n      this._rootDom.parentNode.removeChild(this._rootDom);\n      this._rootDom = null;\n    }\n    this._container = null;\n  }\n\n  protected _updateTooltip(visible: boolean, params: TooltipHandlerParams) {\n    if (!visible || !this._rootDom) {\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      }\n      const currentVisible = this.getVisibility();\n\n      // 位置\n      const el = this._rootDom;\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          if (!currentVisible) {\n            // 当从隐藏切换到显示的时候，需要先设置一次 transition 为 0ms，防止出现从一个非常远的初始位置进行动画\n            this._rootDom.style.transitionDuration = '0ms';\n          } else {\n            this._rootDom.style.transitionDuration = this._domStyle.panel.transitionDuration ?? 'initial';\n          }\n          this._updatePosition({ x, y });\n        }\n      }\n      this.setVisibility(visible);\n    }\n  }\n\n  protected _initStyle() {\n    const tooltipSpec = this._component.getSpec() as ITooltipSpec;\n\n    this._domStyle = getDomStyle(tooltipSpec);\n  }\n\n  protected _updateDomStringByCol(actualTooltip?: ITooltipActual) {\n    const { title = {}, content } = actualTooltip;\n    const hasContent = content && content.length;\n    const rowStyle = this._domStyle.row;\n    const chilren = [...(this._rootDom.children as any)] as HTMLElement[];\n    let titleDom = chilren.find(child => child.className.includes(TOOLTIP_TITLE_CLASS_NAME));\n    let contentDom = chilren.find(child => child.className.includes(TOOLTIP_CONTENT_BOX_CLASS_NAME));\n\n    if (!titleDom && title.visible !== false) {\n      titleDom = document.createElement('h2');\n      const span = document.createElement('span');\n      titleDom.appendChild(span);\n\n      titleDom.classList.add(TOOLTIP_TITLE_CLASS_NAME);\n\n      // 将 titleDom 插入到 this._rootDom 中作为第一个节点\n      if (this._rootDom.firstChild) {\n        this._rootDom.insertBefore(titleDom, this._rootDom.firstChild);\n      } else {\n        this._rootDom.appendChild(titleDom);\n      }\n    }\n\n    if (titleDom && title.visible !== false) {\n      setStyleToDom(titleDom, {\n        ...this._domStyle.title,\n        ...(hasContent ? rowStyle : { marginBottom: '0px' }),\n        marginTop: '0px'\n      });\n      (titleDom.firstChild as HTMLElement).innerHTML = `${title.value ?? ''}`;\n    } else if (titleDom && title.visible === false) {\n      titleDom.parentNode.removeChild(titleDom);\n    }\n\n    const columns = ['shape', 'key', 'value'];\n\n    if (!contentDom && hasContent) {\n      contentDom = document.createElement('div');\n\n      columns.forEach(col => {\n        const colDiv = document.createElement('div');\n\n        colDiv.classList.add(`${TOOLTIP_PREFIX}-column`);\n        colDiv.classList.add(`${TOOLTIP_PREFIX}-${col}-column`);\n        colDiv.setAttribute('data-col', col);\n        contentDom.appendChild(colDiv);\n      });\n\n      contentDom.classList.add(TOOLTIP_CONTENT_BOX_CLASS_NAME);\n      this._rootDom.appendChild(contentDom);\n    }\n\n    if (contentDom && hasContent) {\n      const columnDivs = [...(contentDom.children as any)] as HTMLElement[];\n      setStyleToDom(contentDom, { whiteSpace: 'nowrap' });\n\n      columnDivs.forEach((colDiv, index) => {\n        const colName = colDiv.getAttribute('data-col');\n\n        if (colName && columns.includes(colName)) {\n          const hideColumn = colName === 'shape' && content.every(c => !c.hasShape || !c.shapeType);\n\n          setStyleToDom(colDiv, {\n            ...(this._domStyle as any)[colName],\n            display: hideColumn ? 'none' : 'inline-block',\n            verticalAlign: 'top'\n          });\n          const rows = [...(colDiv.children as any)] as HTMLElement[];\n\n          // 删除多余的行\n          rows.slice(content.length).forEach(extraRow => {\n            extraRow.parentNode.removeChild(extraRow);\n          });\n\n          content.forEach((entry, index) => {\n            let row = rows[index];\n\n            if (!row) {\n              row = document.createElement('div');\n              row.classList.add(`${TOOLTIP_PREFIX}-${colName}`);\n              colDiv.appendChild(row);\n            }\n            const styleByRow = {\n              ...rowStyle\n            };\n\n            if (index === content.length - 1) {\n              styleByRow.marginBottom = '0px';\n            }\n\n            styleByRow.display = entry.visible === false ? 'none' : 'block';\n            // 每次更新，需要更新单元格的高度，防止同步高度的时候没有更新\n            styleByRow.height = 'initial';\n\n            if (colName === 'key') {\n              row.innerHTML = formatContent(entry.key);\n              if (entry.keyStyle) {\n                getTextStyle(entry.keyStyle, styleByRow);\n              }\n            } else if (colName === 'value') {\n              row.innerHTML = formatContent(entry.value);\n              if (entry.valueStyle) {\n                getTextStyle(entry.valueStyle, styleByRow);\n              }\n            } else if (colName === 'shape') {\n              row.innerHTML = getSvgHtml(entry, `${this.id}_${index}`);\n            }\n\n            setStyleToDom(row, styleByRow);\n          });\n        }\n      });\n    } else if (contentDom && !hasContent) {\n      contentDom.parentNode.removeChild(contentDom);\n    }\n  }\n  protected _updateDomStyle(sizeKey: 'width' | 'height' = 'width') {\n    const rootDom = this._rootDom;\n    const contentDom = [...(rootDom.children as any)].find(child =>\n      child.className.includes(TOOLTIP_CONTENT_BOX_CLASS_NAME)\n    );\n    const titleDom = [...(rootDom.children as any)].find(child => child.className.includes(TOOLTIP_TITLE_CLASS_NAME));\n\n    if (contentDom) {\n      const tooltipSpec = this._component.getSpec() as ITooltipSpec;\n      const contentStyle: Partial<CSSStyleDeclaration> = {};\n      const titleLabel = tooltipSpec.style?.titleLabel;\n      const autoFixTitleWidth = titleLabel && titleLabel.autoWidth && titleLabel.multiLine !== false;\n\n      if (autoFixTitleWidth && titleDom) {\n        const maxWidth = [...(contentDom.children as any)].reduce((res, col) => {\n          return sizeKey === 'height'\n            ? res + col.getBoundingClientRect().width\n            : Math.max(res, col.getBoundingClientRect().width);\n        }, 0);\n\n        if (maxWidth > 0) {\n          titleDom.style.maxWidth = `${maxWidth}px`;\n          // 需要再计算一次，因为之前可能因为没有设置maxWidth， content的dom被撑宽了\n          titleDom.style.maxWidth = `${Math.ceil(contentDom.getBoundingClientRect().width)}px`;\n        }\n      }\n\n      if (isValid(tooltipSpec?.style?.maxContentHeight)) {\n        const titleHeight =\n          titleDom && titleDom.className.includes(TOOLTIP_TITLE_CLASS_NAME)\n            ? titleDom.getBoundingClientRect().height + (tooltipSpec.style.spaceRow ?? 0)\n            : 0;\n        const viewRect = (this._chartOption as any).getChartViewRect();\n        const maxHeight = calcLayoutNumber(\n          tooltipSpec.style.maxContentHeight,\n          Math.min(viewRect.height, document.body.clientHeight) -\n            titleHeight -\n            (this._domStyle.panelPadding ? this._domStyle.panelPadding[0] + this._domStyle.panelPadding[1] : 0)\n        );\n\n        if (maxHeight > 0) {\n          contentStyle.maxHeight = `${maxHeight}px`;\n          contentStyle.overflowY = 'auto';\n          // todo 让内容宽度往外阔一点，给滚动条留出位置\n          contentStyle.width = `calc(100% + ${\n            this._domStyle.panelPadding ? this._domStyle.panelPadding[1] + 'px' : '10px'\n          })`;\n\n          setStyleToDom(contentDom as HTMLElement, contentStyle);\n        }\n      }\n\n      const rows = contentDom.children;\n      const widthByCol: number[] = [];\n      if (rows) {\n        for (let i = 0; i < rows.length; i++) {\n          const row = rows[i];\n          const cols = row.children ?? ([] as HTMLElement[]);\n\n          for (let j = 0; j < cols.length; j++) {\n            const width = cols[j].getBoundingClientRect()[sizeKey];\n            if (widthByCol[j] === undefined || widthByCol[j] < width) {\n              widthByCol[j] = width;\n            }\n          }\n        }\n\n        for (let i = 0; i < rows.length; i++) {\n          const row = rows[i];\n          const cols = row.children ?? ([] as HTMLElement[]);\n\n          for (let j = 0; j < cols.length; j++) {\n            (cols[j] as HTMLElement).style[sizeKey] = `${widthByCol[j]}px`;\n          }\n        }\n      }\n    }\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    if (this._rootDom) {\n      setStyleToDom(this._rootDom, this._domStyle.panel);\n    }\n\n    if (this.getVisibility()) {\n      this._updateDomStringByCol(this._tooltipActual);\n      this._updateDomStyle('height');\n    }\n  }\n\n  protected _updatePosition({ x, y }: ITooltipPositionActual) {\n    if (this._rootDom) {\n      // translate3d 性能较好：https://stackoverflow.com/questions/22111256/translate3d-vs-translate-performance\n      this._rootDom.style.transform = `translate3d(${x}px, ${y}px, 0)`;\n    }\n  }\n}\n\nexport const registerDomTooltipHandler = () => {\n  registerComponentPlugin(DomTooltipHandler);\n};\n"]}

package/cjs/series/bar/bar.d.ts

@@ -38,10 +38,13 @@ export declare class BarSeries<T extends IBarSeriesSpec = IBarSeriesSpec> extend
     protected _dataToPosX1(datum: Datum): number;
     protected _dataToPosY(datum: Datum): number;
     protected _dataToPosY1(datum: Datum): number;
+    protected _getLinearBarRange: (start: number, end: number) => number[];
     protected _getBarXStart: (datum: Datum, scale: IBaseScale, useWholeRange?: boolean) => any;
     protected _getBarXEnd: (datum: Datum, scale: IBaseScale, useWholeRange?: boolean) => any;
+    protected _getLinearBarXRange: (datum: Datum, scale: IBaseScale, useWholeRange?: boolean) => number[];
     protected _getBarYStart: (datum: Datum, scale: IBaseScale) => any;
     protected _getBarYEnd: (datum: Datum, scale: IBaseScale) => any;
+    protected _getLinearBarYRange: (datum: Datum, scale: IBaseScale, useWholeRange?: boolean) => number[];
     initBandRectMarkStyle(): void;
     protected _initStackBarMarkStyle(): void;
     initLinearRectMarkStyle(): void;

package/cjs/series/bar/bar.js

@@ -12,15 +12,36 @@ class BarSeries extends cartesian_1.CartesianSeries {
     constructor() {
         super(...arguments), this.type = type_1.SeriesTypeEnum.bar, this._barMarkName = "bar", 
         this._barMarkType = "rect", this.transformerConstructor = bar_transformer_1.BarSeriesSpecTransformer, 
-        this._bandPosition = 0, this._getBarXStart = (datum, scale, useWholeRange) => this._shouldDoPreCalculate() ? (this._calculateStackRectPosition(!1), 
+        this._bandPosition = 0, this._getLinearBarRange = (start, end) => {
+            let [x, x1] = [ start, end ].sort(((a, b) => a - b));
+            const realBarWidth = x1 - x;
+            if (this._spec.barGap) {
+                const halfBarGap = .5 * this._spec.barGap;
+                x = x + halfBarGap, x1 = x1 - halfBarGap;
+            }
+            const curBarWidth = x1 - x, barMinWidth = (0, space_1.getActualNumValue)(this._spec.barMinWidth || 2, realBarWidth);
+            if (curBarWidth < barMinWidth) {
+                const halfWidthDiff = (barMinWidth - curBarWidth) / 2;
+                x -= halfWidthDiff, x1 += halfWidthDiff;
+            }
+            return [ x, x1 ];
+        }, this._getBarXStart = (datum, scale, useWholeRange) => this._shouldDoPreCalculate() ? (this._calculateStackRectPosition(!1), 
         datum[constant_2.RECT_X]) : this._spec.barMinHeight ? this._calculateRectPosition(datum, !1, useWholeRange) : (0, 
         scale_1.valueInScaleRange)(this._dataToPosX(datum), scale, useWholeRange), this._getBarXEnd = (datum, scale, useWholeRange) => this._shouldDoPreCalculate() ? (this._calculateStackRectPosition(!1), 
         datum[constant_2.RECT_X1]) : (0, scale_1.valueInScaleRange)(this._dataToPosX1(datum), scale, useWholeRange), 
-        this._getBarYStart = (datum, scale) => this._shouldDoPreCalculate() ? (this._calculateStackRectPosition(!0), 
+        this._getLinearBarXRange = (datum, scale, useWholeRange) => {
+            const x = (0, scale_1.valueInScaleRange)(this._dataToPosX(datum), scale, useWholeRange), x1 = (0, 
+            scale_1.valueInScaleRange)(this._dataToPosX1(datum), scale, useWholeRange);
+            return this._getLinearBarRange(x, x1);
+        }, this._getBarYStart = (datum, scale) => this._shouldDoPreCalculate() ? (this._calculateStackRectPosition(!0), 
         datum[constant_2.RECT_Y]) : this._spec.barMinHeight ? this._calculateRectPosition(datum, !0) : (0, 
         scale_1.valueInScaleRange)(this._dataToPosY(datum), scale), this._getBarYEnd = (datum, scale) => this._shouldDoPreCalculate() ? (this._calculateStackRectPosition(!0), 
         datum[constant_2.RECT_Y1]) : (0, scale_1.valueInScaleRange)(this._dataToPosY1(datum), scale), 
-        this._getBarBackgroundXStart = scale => {
+        this._getLinearBarYRange = (datum, scale, useWholeRange) => {
+            const y = (0, scale_1.valueInScaleRange)(this._dataToPosY(datum), scale, useWholeRange), y1 = (0, 
+            scale_1.valueInScaleRange)(this._dataToPosY1(datum), scale, useWholeRange);
+            return this._getLinearBarRange(y, y1);
+        }, this._getBarBackgroundXStart = scale => {
             const range = scale.range();
             return Math.min(range[0], range[range.length - 1]);
         }, this._getBarBackgroundXEnd = scale => {
@@ -279,8 +300,8 @@ class BarSeries extends cartesian_1.CartesianSeries {
         const xScale = null === (_b = null === (_a = this._xAxisHelper) || void 0 === _a ? void 0 : _a.getScale) || void 0 === _b ? void 0 : _b.call(_a, 0), yScale = null === (_d = null === (_c = this._yAxisHelper) || void 0 === _c ? void 0 : _c.getScale) || void 0 === _d ? void 0 : _d.call(_c, 0);
         if ("horizontal" === this.direction) {
             const yChannels = (0, vutils_1.isValid)(this._fieldY2) ? {
-                y: datum => (0, scale_1.valueInScaleRange)(this._dataToPosY(datum), yScale, !0),
-                y1: datum => (0, scale_1.valueInScaleRange)(this._dataToPosY1(datum), yScale, !0)
+                y: datum => this._getLinearBarYRange(datum, yScale, !0)[0],
+                y1: datum => this._getLinearBarYRange(datum, yScale, !0)[1]
             } : {
                 y: datum => (0, scale_1.valueInScaleRange)(this._dataToPosY(datum) - this._getBarWidth(this._yAxisHelper) / 2, yScale, !0),
                 height: datum => this._getBarWidth(this._yAxisHelper)
@@ -294,8 +315,8 @@ class BarSeries extends cartesian_1.CartesianSeries {
             }, yChannels), "normal", attribute_1.AttributeLevel.Series);
         } else {
             const xChannels = (0, vutils_1.isValid)(this._fieldX2) ? {
-                x: datum => (0, scale_1.valueInScaleRange)(this._dataToPosX(datum), xScale, !0),
-                x1: datum => (0, scale_1.valueInScaleRange)(this._dataToPosX1(datum), xScale, !0)
+                x: datum => this._getLinearBarXRange(datum, xScale, !0)[0],
+                x1: datum => this._getLinearBarXRange(datum, xScale, !0)[1]
             } : {
                 x: datum => (0, scale_1.valueInScaleRange)(this._dataToPosX(datum) - this._getBarWidth(this._xAxisHelper) / 2, xScale, !0),
                 width: datum => this._getBarWidth(this._xAxisHelper)