@visactor/vrender-components 0.12.3 → 0.13.0

package/es/poptip/type.d.ts

@@ -0,0 +1,29 @@
+import type { IGraphic, IGroupGraphicAttribute, IRectGraphicAttribute, ISymbolGraphicAttribute, ITextGraphicAttribute } from '@visactor/vrender';
+import type { Padding, State } from '../core/type';
+import type { BackgroundAttributes } from '../interface';
+type StateStyle = {
+    title?: State<Partial<ITextGraphicAttribute>>;
+    content?: State<Partial<ITextGraphicAttribute>>;
+    panel?: State<Partial<IRectGraphicAttribute>>;
+};
+export type PopTipAttributes = {
+    position?: 'top' | 'tl' | 'tr' | 'bottom' | 'bl' | 'br' | 'left' | 'lt' | 'lb' | 'right' | 'rt' | 'rb';
+    title?: string | string[] | number | number[];
+    titleStyle?: Partial<ITextGraphicAttribute>;
+    content?: string | string[] | number | number[];
+    contentStyle?: Partial<ITextGraphicAttribute>;
+    space?: number;
+    padding?: Padding;
+    panel?: BackgroundAttributes & ISymbolGraphicAttribute;
+    minWidth?: number;
+    maxWidth?: number;
+    visible?: boolean;
+    visibleFunc?: (graphic: IGraphic) => boolean;
+    state?: StateStyle;
+    dx?: number;
+    dy?: number;
+} & Omit<IGroupGraphicAttribute, 'background'>;
+export type PoptipShapeAttributes = {
+    visible: boolean;
+} & Partial<ISymbolGraphicAttribute>;
+export {};

package/es/poptip/type.js

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

package/es/poptip/type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["poptip/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type {\n  IGraphic,\n  IGroupGraphicAttribute,\n  IRectGraphicAttribute,\n  ISymbolGraphicAttribute,\n  ITextGraphicAttribute\n} from '@visactor/vrender';\nimport type { Padding, State } from '../core/type';\nimport type { BackgroundAttributes } from '../interface';\n\ntype StateStyle = {\n  /**\n   * title 文本的状态配置\n   */\n  title?: State<Partial<ITextGraphicAttribute>>;\n  /**\n   * content 文本的状态配置\n   */\n  content?: State<Partial<ITextGraphicAttribute>>;\n  /**\n   * panel 背景的状态配置ß\n   */\n  panel?: State<Partial<IRectGraphicAttribute>>;\n};\n\nexport type PopTipAttributes = {\n  /** 位置，参考arco design */\n  position?: 'top' | 'tl' | 'tr' | 'bottom' | 'bl' | 'br' | 'left' | 'lt' | 'lb' | 'right' | 'rt' | 'rb';\n  /**\n   * 标题内容，如果需要进行换行，则使用数组形式，如 ['abc', '123']\n   */\n  title?: string | string[] | number | number[];\n  /** 标题样式 */\n  titleStyle?: Partial<ITextGraphicAttribute>;\n  /**\n   * 内容文本，如果需要进行换行，则使用数组形式，如 ['abc', '123']\n   */\n  content?: string | string[] | number | number[];\n  /** 内容文本样式 */\n  contentStyle?: Partial<ITextGraphicAttribute>;\n  /**\n   * 标题与内容的间距\n   */\n  space?: number;\n  /**\n   * 内部边距\n   */\n  padding?: Padding;\n  /**\n   * 标签的背景面板配置, TODO: 支持symbol形状\n   */\n  panel?: BackgroundAttributes & ISymbolGraphicAttribute;\n\n  /**\n   * 最小宽度，像素值\n   * @default 30\n   */\n  minWidth?: number;\n  /**\n   * 最大宽度，像素值。当文字超过最大宽度时，会自动省略。\n   */\n  maxWidth?: number;\n\n  visible?: boolean;\n  visibleFunc?: (graphic: IGraphic) => boolean;\n  state?: StateStyle;\n  dx?: number;\n  dy?: number;\n} & Omit<IGroupGraphicAttribute, 'background'>;\n\nexport type PoptipShapeAttributes = {\n  /**\n   * 是否展示 shape\n   */\n  visible: boolean;\n} & Partial<ISymbolGraphicAttribute>;\n"]}

package/es/segment/segment.d.ts

@@ -1,6 +1,6 @@
-import { ILine, ISymbol } from '@visactor/vrender';
+import type { ILine, ISymbol } from '@visactor/vrender';
 import { AbstractComponent } from '../core/base';
-import { SegmentAttributes } from './type';
+import type { SegmentAttributes } from './type';
 export declare class Segment extends AbstractComponent<Required<SegmentAttributes>> {
     name: string;
     line: ILine;

package/es/segment/segment.js

@@ -14,7 +14,8 @@ export class Segment extends AbstractComponent {
     }
     render() {
         this.removeAllChild();
-        const {points: points, startSymbol: startSymbol, endSymbol: endSymbol, lineStyle: lineStyle, state: state} = this.attribute;
+        const {points: points, startSymbol: startSymbol, endSymbol: endSymbol, lineStyle: lineStyle, state: state, visible: visible = !0} = this.attribute;
+        if (!visible) return;
         points.length > 1 && this.computeLineAngle();
         const startSymbolShape = this.renderSymbol(startSymbol, "start"), endSymbolShape = this.renderSymbol(endSymbol, "end");
         this.startSymbol = startSymbolShape, this.endSymbol = endSymbolShape;
@@ -71,6 +72,7 @@ export class Segment extends AbstractComponent {
 }
 
 Segment.defaultAttributes = {
+    visible: !0,
     lineStyle: {
         lineWidth: 1,
         stroke: "#000"

package/es/segment/segment.js.map

@@ -1 +1 @@
-{"version":3,"sources":["segment/segment.ts"],"names":[],"mappings":"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","file":"segment.js","sourcesContent":["/**\n * @description 标签组件\n */\nimport { isEmpty, merge } from '@visactor/vutils';\nimport { createSymbol, ILine, ISymbol, createLine } from '@visactor/vrender';\nimport { AbstractComponent } from '../core/base';\nimport { SegmentAttributes, SymbolAttributes } from './type';\n\nexport class Segment extends AbstractComponent<Required<SegmentAttributes>> {\n  name = 'segment';\n\n  line!: ILine;\n  startSymbol?: ISymbol;\n  endSymbol?: ISymbol;\n\n  private _startAngle!: number;\n  private _endAngle!: number;\n\n  static defaultAttributes: Partial<SegmentAttributes> = {\n    lineStyle: {\n      lineWidth: 1,\n      stroke: '#000'\n    },\n    startSymbol: {\n      visible: false,\n      symbolType: 'triangle',\n      size: 12,\n      refX: 0,\n      refY: 0,\n      refAngle: 0,\n      style: {\n        fill: '#000',\n        zIndex: 1 // 默认 symbol 绘制在 line 上面\n      }\n    },\n    endSymbol: {\n      visible: false,\n      symbolType: 'triangle',\n      size: 12,\n      refX: 0,\n      refY: 0,\n      refAngle: 0,\n      style: {\n        fill: '#000',\n        zIndex: 1 // 默认 symbol 绘制在 line 上面\n      }\n    }\n  };\n\n  constructor(attributes: SegmentAttributes) {\n    super(merge({}, Segment.defaultAttributes, attributes));\n  }\n\n  protected computeLineAngle() {\n    const { points } = this.attribute as SegmentAttributes;\n    const start = points[0];\n    const startInside = points[1];\n    const endInside = points[points.length - 2];\n    const end = points[points.length - 1];\n    const startVector = [start.x - startInside.x, start.y - startInside.y]; // 起点正方向向量\n    const startAngle = Math.atan2(startVector[1], startVector[0]); // 起点正方向角度\n    const endVector = [end.x - endInside.x, end.y - endInside.y]; // 终点正方向向量\n    const endAngle = Math.atan2(endVector[1], endVector[0]); // 终点正方向角度\n\n    this._startAngle = startAngle;\n    this._endAngle = endAngle;\n  }\n  protected render() {\n    this.removeAllChild();\n    const { points, startSymbol, endSymbol, lineStyle, state } = this.attribute as SegmentAttributes;\n\n    // 计算线的起点和终点角度\n    // 计算角度的原因：\n    // 1. segment symbol的自动旋转提供参数\n    // 2. 使用segment时，需要根据line的角度对附加元素进行自动旋转（比如：markLine的标签, markPoint的装饰线）\n    if (points.length > 1) {\n      this.computeLineAngle();\n    }\n\n    // 绘制start和end symbol\n    const startSymbolShape = this.renderSymbol(startSymbol as SymbolAttributes, 'start');\n    const endSymbolShape = this.renderSymbol(endSymbol as SymbolAttributes, 'end');\n\n    this.startSymbol = startSymbolShape;\n    this.endSymbol = endSymbolShape;\n\n    // 通过改变line起点和终点的方式达到symbol在fill为false的情况下，也可以遮盖line的效果\n    let pointsAfterClip = points;\n    if (startSymbol?.visible) {\n      const startSize = startSymbol?.clip ? startSymbol?.size || 10 : 0;\n      const pointsStart = {\n        x: points[0].x - (startSize / 2) * (Math.cos(this._startAngle) || 0),\n        y: points[0].y - (startSize / 2) * (Math.sin(this._startAngle) || 0)\n      };\n      pointsAfterClip = [pointsStart, ...pointsAfterClip.slice(1)];\n    }\n    if (endSymbol?.visible) {\n      const endSize = endSymbol?.clip ? endSymbol?.size || 10 : 0;\n      const pointsEnd = {\n        x: points[points.length - 1].x - (endSize / 2) * (Math.cos(this._endAngle) || 0),\n        y: points[points.length - 1].y - (endSize / 2) * (Math.sin(this._endAngle) || 0)\n      };\n      pointsAfterClip = [...pointsAfterClip.slice(0, pointsAfterClip.length - 1), pointsEnd];\n    }\n\n    const line = createLine({\n      points: pointsAfterClip,\n      fill: false,\n      ...lineStyle\n    });\n\n    line.name = 'line';\n    line.id = this._getNodeId('line');\n    if (!isEmpty(state?.line)) {\n      line.states = state.line;\n    }\n    this.line = line;\n    this.add(line);\n  }\n\n  private renderSymbol(attribute: SymbolAttributes, dim: string): ISymbol | undefined {\n    let symbol;\n    if (attribute?.visible) {\n      const startAngle = this._startAngle;\n      const endAngle = this._endAngle;\n      const { points, state } = this.attribute as SegmentAttributes;\n      const start = points[0];\n      const end = points[points.length - 1];\n      const { refX = 0, refY = 0, refAngle = 0, style, symbolType, size = 12 } = attribute;\n      let position;\n      let rotate;\n      if (dim === 'start') {\n        position = {\n          x: start.x + (startAngle ? refX * Math.cos(startAngle) + refY * Math.cos(startAngle - Math.PI / 2) : 0),\n          y: start.y + (startAngle ? refX * Math.sin(startAngle) + refY * Math.sin(startAngle - Math.PI / 2) : 0)\n        };\n        rotate = startAngle + Math.PI / 2; // @chensiji - 加Math.PI / 2是因为：默认symbol的包围盒垂直于line，所以在做自动旋转时需要在line正方向基础上做90度偏移\n      } else {\n        position = {\n          x: end.x + (endAngle ? refX * Math.cos(endAngle) + refY * Math.cos(endAngle - Math.PI / 2) : 0),\n          y: end.y + (endAngle ? refX * Math.sin(endAngle) + refY * Math.sin(endAngle - Math.PI / 2) : 0)\n        };\n        rotate = endAngle + Math.PI / 2;\n      }\n\n      symbol = createSymbol({\n        ...position,\n        symbolType: symbolType as string,\n        size,\n        angle: rotate + refAngle,\n        strokeBoundsBuffer: 0,\n        ...style\n      });\n      symbol.name = `${dim}-symbol`;\n      symbol.id = this._getNodeId(`${dim}-symbol`);\n\n      if (!isEmpty(state?.symbol)) {\n        symbol.states = state.symbol;\n      }\n\n      this.add(symbol);\n    }\n    return symbol;\n  }\n\n  /**\n   * 外部获取segement起点正方向\n   */\n  getStartAngle() {\n    return this._startAngle;\n  }\n\n  /**\n   * 外部获取segement终点正方向\n   */\n  getEndAngle() {\n    return this._endAngle;\n  }\n}\n"]}
+{"version":3,"sources":["segment/segment.ts"],"names":[],"mappings":"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","file":"segment.js","sourcesContent":["/**\n * @description 标签组件\n */\nimport { isEmpty, merge } from '@visactor/vutils';\nimport type { ILine, ISymbol } from '@visactor/vrender';\nimport { createSymbol, createLine } from '@visactor/vrender';\nimport { AbstractComponent } from '../core/base';\nimport type { SegmentAttributes, SymbolAttributes } from './type';\n\nexport class Segment extends AbstractComponent<Required<SegmentAttributes>> {\n  name = 'segment';\n\n  line!: ILine;\n  startSymbol?: ISymbol;\n  endSymbol?: ISymbol;\n\n  private _startAngle!: number;\n  private _endAngle!: number;\n\n  static defaultAttributes: Partial<SegmentAttributes> = {\n    visible: true,\n    lineStyle: {\n      lineWidth: 1,\n      stroke: '#000'\n    },\n    startSymbol: {\n      visible: false,\n      symbolType: 'triangle',\n      size: 12,\n      refX: 0,\n      refY: 0,\n      refAngle: 0,\n      style: {\n        fill: '#000',\n        zIndex: 1 // 默认 symbol 绘制在 line 上面\n      }\n    },\n    endSymbol: {\n      visible: false,\n      symbolType: 'triangle',\n      size: 12,\n      refX: 0,\n      refY: 0,\n      refAngle: 0,\n      style: {\n        fill: '#000',\n        zIndex: 1 // 默认 symbol 绘制在 line 上面\n      }\n    }\n  };\n\n  constructor(attributes: SegmentAttributes) {\n    super(merge({}, Segment.defaultAttributes, attributes));\n  }\n\n  protected computeLineAngle() {\n    const { points } = this.attribute as SegmentAttributes;\n    const start = points[0];\n    const startInside = points[1];\n    const endInside = points[points.length - 2];\n    const end = points[points.length - 1];\n    const startVector = [start.x - startInside.x, start.y - startInside.y]; // 起点正方向向量\n    const startAngle = Math.atan2(startVector[1], startVector[0]); // 起点正方向角度\n    const endVector = [end.x - endInside.x, end.y - endInside.y]; // 终点正方向向量\n    const endAngle = Math.atan2(endVector[1], endVector[0]); // 终点正方向角度\n\n    this._startAngle = startAngle;\n    this._endAngle = endAngle;\n  }\n  protected render() {\n    this.removeAllChild();\n    const { points, startSymbol, endSymbol, lineStyle, state, visible = true } = this.attribute as SegmentAttributes;\n\n    if (!visible) {\n      return;\n    }\n\n    // 计算线的起点和终点角度\n    // 计算角度的原因：\n    // 1. segment symbol的自动旋转提供参数\n    // 2. 使用segment时，需要根据line的角度对附加元素进行自动旋转（比如：markLine的标签, markPoint的装饰线）\n    if (points.length > 1) {\n      this.computeLineAngle();\n    }\n\n    // 绘制start和end symbol\n    const startSymbolShape = this.renderSymbol(startSymbol as SymbolAttributes, 'start');\n    const endSymbolShape = this.renderSymbol(endSymbol as SymbolAttributes, 'end');\n\n    this.startSymbol = startSymbolShape;\n    this.endSymbol = endSymbolShape;\n\n    // 通过改变line起点和终点的方式达到symbol在fill为false的情况下，也可以遮盖line的效果\n    let pointsAfterClip = points;\n    if (startSymbol?.visible) {\n      const startSize = startSymbol?.clip ? startSymbol?.size || 10 : 0;\n      const pointsStart = {\n        x: points[0].x - (startSize / 2) * (Math.cos(this._startAngle) || 0),\n        y: points[0].y - (startSize / 2) * (Math.sin(this._startAngle) || 0)\n      };\n      pointsAfterClip = [pointsStart, ...pointsAfterClip.slice(1)];\n    }\n    if (endSymbol?.visible) {\n      const endSize = endSymbol?.clip ? endSymbol?.size || 10 : 0;\n      const pointsEnd = {\n        x: points[points.length - 1].x - (endSize / 2) * (Math.cos(this._endAngle) || 0),\n        y: points[points.length - 1].y - (endSize / 2) * (Math.sin(this._endAngle) || 0)\n      };\n      pointsAfterClip = [...pointsAfterClip.slice(0, pointsAfterClip.length - 1), pointsEnd];\n    }\n\n    const line = createLine({\n      points: pointsAfterClip,\n      fill: false,\n      ...lineStyle\n    });\n\n    line.name = 'line';\n    line.id = this._getNodeId('line');\n    if (!isEmpty(state?.line)) {\n      line.states = state.line;\n    }\n    this.line = line;\n    this.add(line);\n  }\n\n  private renderSymbol(attribute: SymbolAttributes, dim: string): ISymbol | undefined {\n    let symbol;\n    if (attribute?.visible) {\n      const startAngle = this._startAngle;\n      const endAngle = this._endAngle;\n      const { points, state } = this.attribute as SegmentAttributes;\n      const start = points[0];\n      const end = points[points.length - 1];\n      const { refX = 0, refY = 0, refAngle = 0, style, symbolType, size = 12 } = attribute;\n      let position;\n      let rotate;\n      if (dim === 'start') {\n        position = {\n          x: start.x + (startAngle ? refX * Math.cos(startAngle) + refY * Math.cos(startAngle - Math.PI / 2) : 0),\n          y: start.y + (startAngle ? refX * Math.sin(startAngle) + refY * Math.sin(startAngle - Math.PI / 2) : 0)\n        };\n        rotate = startAngle + Math.PI / 2; // @chensiji - 加Math.PI / 2是因为：默认symbol的包围盒垂直于line，所以在做自动旋转时需要在line正方向基础上做90度偏移\n      } else {\n        position = {\n          x: end.x + (endAngle ? refX * Math.cos(endAngle) + refY * Math.cos(endAngle - Math.PI / 2) : 0),\n          y: end.y + (endAngle ? refX * Math.sin(endAngle) + refY * Math.sin(endAngle - Math.PI / 2) : 0)\n        };\n        rotate = endAngle + Math.PI / 2;\n      }\n\n      symbol = createSymbol({\n        ...position,\n        symbolType: symbolType as string,\n        size,\n        angle: rotate + refAngle,\n        strokeBoundsBuffer: 0,\n        ...style\n      });\n      symbol.name = `${dim}-symbol`;\n      symbol.id = this._getNodeId(`${dim}-symbol`);\n\n      if (!isEmpty(state?.symbol)) {\n        symbol.states = state.symbol;\n      }\n\n      this.add(symbol);\n    }\n    return symbol;\n  }\n\n  /**\n   * 外部获取segement起点正方向\n   */\n  getStartAngle() {\n    return this._startAngle;\n  }\n\n  /**\n   * 外部获取segement终点正方向\n   */\n  getEndAngle() {\n    return this._endAngle;\n  }\n}\n"]}

package/es/segment/type.d.ts

@@ -1,5 +1,5 @@
-import { IGraphicAttribute, IGroupGraphicAttribute, ILineGraphicAttribute, ISymbolGraphicAttribute, SymbolType } from '@visactor/vrender';
-import { Point, State } from '../core/type';
+import type { IGraphicAttribute, IGroupGraphicAttribute, ILineGraphicAttribute, ISymbolGraphicAttribute, SymbolType } from '@visactor/vrender';
+import type { Point, State } from '../core/type';
 export type SymbolAttributes = {
     visible: boolean;
     symbolType?: SymbolType;
@@ -11,6 +11,7 @@ export type SymbolAttributes = {
     style?: Partial<IGraphicAttribute>;
 };
 export interface SegmentAttributes extends IGroupGraphicAttribute {
+    visible?: boolean;
     points: Point[];
     startSymbol?: SymbolAttributes;
     endSymbol?: SymbolAttributes;

package/es/segment/type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["segment/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import {\n  IGraphicAttribute,\n  IGroupGraphicAttribute,\n  ILineGraphicAttribute,\n  ISymbolGraphicAttribute,\n  SymbolType\n} from '@visactor/vrender';\nimport { Point, State } from '../core/type';\n\nexport type SymbolAttributes = {\n  /** 是否展示 symbol */\n  visible: boolean;\n  /**\n   * symbol 形状，默认为带左右方向的箭头\n   */\n  symbolType?: SymbolType;\n  /**\n   * symbol 大小\n   */\n  size?: number;\n  /**\n   * symbol 相对line平行方向上的偏移\n   */\n  refX?: number;\n  /**\n   * symbol 相对line正交方向上的偏移\n   */\n  refY?: number;\n  /**\n   * symbol 相对默认角度的偏移\n   * @description (@chensiji: 默认角度为笛卡尔坐标系y正方向，即默认symbol包围盒的角度为笛卡尔坐标系y正方向, 做自动旋转时, 会在此基础上，将包围盒转换到line平行方向上。)\n   */\n  refAngle?: number;\n  /**\n   * symbol 是否clip line，即当symbol fill为false时，line在symbol内部的部分是否展示\n   * @defalut false\n   */\n  clip?: boolean;\n  /**\n   * symbol 样式配置\n   */\n  style?: Partial<IGraphicAttribute>;\n};\n\nexport interface SegmentAttributes extends IGroupGraphicAttribute {\n  points: Point[];\n  /** 轴线起始点 symbol 配置 */\n  startSymbol?: SymbolAttributes;\n  /** 轴线末端 symbol 配置 */\n  endSymbol?: SymbolAttributes;\n  /**\n   * 线样式配置\n   */\n  lineStyle?: Partial<ILineGraphicAttribute>;\n\n  state?: {\n    line?: State<Partial<ILineGraphicAttribute>>;\n    symbol?: State<Partial<ISymbolGraphicAttribute>>;\n  };\n}\n"]}
+{"version":3,"sources":["segment/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type {\n  IGraphicAttribute,\n  IGroupGraphicAttribute,\n  ILineGraphicAttribute,\n  ISymbolGraphicAttribute,\n  SymbolType\n} from '@visactor/vrender';\nimport type { Point, State } from '../core/type';\n\nexport type SymbolAttributes = {\n  /** 是否展示 symbol */\n  visible: boolean;\n  /**\n   * symbol 形状，默认为带左右方向的箭头\n   */\n  symbolType?: SymbolType;\n  /**\n   * symbol 大小\n   */\n  size?: number;\n  /**\n   * symbol 相对line平行方向上的偏移\n   */\n  refX?: number;\n  /**\n   * symbol 相对line正交方向上的偏移\n   */\n  refY?: number;\n  /**\n   * symbol 相对默认角度的偏移\n   * @description (@chensiji: 默认角度为笛卡尔坐标系y正方向，即默认symbol包围盒的角度为笛卡尔坐标系y正方向, 做自动旋转时, 会在此基础上，将包围盒转换到line平行方向上。)\n   */\n  refAngle?: number;\n  /**\n   * symbol 是否clip line，即当symbol fill为false时，line在symbol内部的部分是否展示\n   * @defalut false\n   */\n  clip?: boolean;\n  /**\n   * symbol 样式配置\n   */\n  style?: Partial<IGraphicAttribute>;\n};\n\nexport interface SegmentAttributes extends IGroupGraphicAttribute {\n  /**\n   * 可见性\n   * @default true\n   */\n  visible?: boolean;\n  points: Point[];\n  /** 轴线起始点 symbol 配置 */\n  startSymbol?: SymbolAttributes;\n  /** 轴线末端 symbol 配置 */\n  endSymbol?: SymbolAttributes;\n  /**\n   * 线样式配置\n   */\n  lineStyle?: Partial<ILineGraphicAttribute>;\n\n  state?: {\n    line?: State<Partial<ILineGraphicAttribute>>;\n    symbol?: State<Partial<ISymbolGraphicAttribute>>;\n  };\n}\n"]}

package/es/tag/tag.d.ts

@@ -1,5 +1,5 @@
 import { AbstractComponent } from '../core/base';
-import { TagAttributes } from './type';
+import type { TagAttributes } from './type';
 export declare class Tag extends AbstractComponent<Required<TagAttributes>> {
     name: string;
     static defaultAttributes: Partial<TagAttributes>;

package/es/tag/tag.js

@@ -67,7 +67,7 @@ export class Tag extends AbstractComponent {
         symbol && symbol.setAttribute("y", -textHeight / 2), group.setAttribute("y", -parsedPadding[2])) : "top" === textBaseline && (group.setAttribute("y", parsedPadding[0]), 
         symbol && symbol.setAttribute("y", textHeight / 2));
         const {visible: bgVisible} = panel, backgroundStyle = __rest(panel, [ "visible" ]);
-        if (isBoolean(bgVisible)) {
+        if (visible && isBoolean(bgVisible)) {
             const bgRect = this.createOrUpdateChild("tag-panel", Object.assign(Object.assign({}, backgroundStyle), {
                 visible: bgVisible && !!text,
                 x: x,

package/es/tag/tag.js.map

@@ -1 +1 @@
-{"version":3,"sources":["tag/tag.ts"],"names":[],"mappings":"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","file":"tag.js","sourcesContent":["/**\n * @description 标签组件\n */\nimport { IGroup, IRect, ISymbol, IText, ITextAttribute, ITextGraphicAttribute } from '@visactor/vrender';\nimport { isBoolean, isEmpty, isNil, isNumber, isValid, merge, normalizePadding } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport { measureTextSize } from '../util';\nimport { BackgroundAttributes } from '../interface';\nimport { TagAttributes, TagShapeAttributes } from './type';\n\nexport class Tag extends AbstractComponent<Required<TagAttributes>> {\n  name = 'tag';\n\n  static defaultAttributes: Partial<TagAttributes> = {\n    visible: true,\n    textStyle: {\n      fontSize: 12,\n      fill: '#000',\n      textAlign: 'left',\n      textBaseline: 'top'\n    },\n    space: 4,\n    padding: 4,\n    // @ts-ignore\n    shape: {\n      fill: '#000'\n    }\n  };\n\n  constructor(attributes: TagAttributes) {\n    super(merge({}, Tag.defaultAttributes, attributes));\n  }\n\n  protected render() {\n    const {\n      text = '',\n      textStyle = {} as ITextGraphicAttribute,\n      shape = {} as TagShapeAttributes,\n      panel = {} as BackgroundAttributes,\n      space = 4,\n      minWidth,\n      maxWidth,\n      padding = 4,\n      visible,\n      state\n    } = this.attribute as TagAttributes;\n\n    const parsedPadding = normalizePadding(padding);\n\n    const group = this.createOrUpdateChild('tag-content', { x: 0, y: 0, zIndex: 1 }, 'group') as IGroup;\n\n    let symbol;\n    let tagWidth = parsedPadding[1] + parsedPadding[3];\n    let tagHeight = parsedPadding[0] + parsedPadding[2];\n    let textX = 0;\n    let symbolPlaceWidth = 0;\n    const { visible: shapeVisible, ...shapeStyle } = shape;\n    if (isBoolean(shapeVisible)) {\n      const size = shapeStyle?.size || 10;\n      const maxSize = isNumber(size) ? size : Math.max(size[0], size[1]);\n\n      symbol = group.createOrUpdateChild(\n        'tag-shape',\n        {\n          symbolType: 'circle',\n          size,\n          strokeBoundsBuffer: 0,\n          ...shapeStyle,\n          visible: shapeVisible,\n          x: maxSize / 2,\n          y: maxSize / 2\n        },\n        'symbol'\n      ) as ISymbol;\n      if (!isEmpty(state?.shape)) {\n        symbol.states = state.shape;\n      }\n\n      if (shapeVisible) {\n        symbolPlaceWidth = maxSize + space;\n      }\n    }\n\n    tagWidth += symbolPlaceWidth;\n    textX += symbolPlaceWidth;\n\n    const textAttrs = {\n      text,\n      visible: isValid(text) && visible !== false,\n      lineHeight: textStyle?.fontSize,\n      ...textStyle,\n      x: textX,\n      y: 0\n    };\n    if (isNil(textAttrs.lineHeight)) {\n      textAttrs.lineHeight = textAttrs.fontSize;\n    }\n    const textShape = group.createOrUpdateChild('tag-text', textAttrs, 'text') as IText;\n    if (!isEmpty(state?.text)) {\n      textShape.states = state.text;\n    }\n\n    // 因为文本可能发生旋转，所以需要使用 measureTextSize 方法\n    const textBounds = measureTextSize(textAttrs.text, textStyle);\n    const textWidth = textBounds.width;\n    const textHeight = textBounds.height;\n    tagWidth += textWidth;\n    const size = shape.size ?? 10;\n    const maxSize = isNumber(size) ? size : Math.max(size[0], size[1]);\n    tagHeight += Math.max(textHeight, shape?.visible ? maxSize : 0);\n\n    const { textAlign, textBaseline } = textStyle as ITextAttribute;\n\n    if (isValid(minWidth) || isValid(maxWidth)) {\n      if (isValid(minWidth) && tagWidth < minWidth) {\n        tagWidth = minWidth;\n      }\n      if (isValid(maxWidth) && tagWidth > maxWidth) {\n        tagWidth = maxWidth;\n        textShape.setAttribute('maxLineWidth', maxWidth - parsedPadding[1] - parsedPadding[2]);\n      }\n    }\n\n    let x = 0;\n    let y = 0;\n    if (textAlign === 'center') {\n      x -= tagWidth / 2;\n      if (symbol) {\n        symbol.setAttribute('x', (symbol.attribute.x || 0) - textWidth / 2);\n      }\n\n      group.setAttribute('x', -symbolPlaceWidth / 2);\n    } else if (textAlign === 'right' || textAlign === 'end') {\n      x -= tagWidth;\n      if (symbol) {\n        symbol.setAttribute('x', (symbol.attribute.x || 0) - textWidth);\n      }\n\n      group.setAttribute('x', -parsedPadding[1] - symbolPlaceWidth);\n    } else if (textAlign === 'left' || textAlign === 'start') {\n      group.setAttribute('x', parsedPadding[3]);\n    }\n    if (textBaseline === 'middle') {\n      y -= tagHeight / 2;\n      if (symbol) {\n        symbol.setAttribute('y', 0);\n      }\n    } else if (textBaseline === 'bottom') {\n      y -= tagHeight;\n      if (symbol) {\n        symbol.setAttribute('y', -textHeight / 2);\n      }\n\n      group.setAttribute('y', -parsedPadding[2]);\n    } else if (textBaseline === 'top') {\n      group.setAttribute('y', parsedPadding[0]);\n      if (symbol) {\n        symbol.setAttribute('y', textHeight / 2);\n      }\n    }\n\n    // 绘制背景层\n    const { visible: bgVisible, ...backgroundStyle } = panel;\n    if (isBoolean(bgVisible)) {\n      const bgRect = this.createOrUpdateChild(\n        'tag-panel',\n        {\n          ...backgroundStyle,\n          visible: bgVisible && !!text,\n          x,\n          y,\n          width: tagWidth,\n          height: tagHeight\n        },\n        'rect'\n      ) as IRect;\n      if (!isEmpty(state?.panel)) {\n        bgRect.states = state.panel;\n      }\n    }\n  }\n}\n"]}
+{"version":3,"sources":["tag/tag.ts"],"names":[],"mappings":"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","file":"tag.js","sourcesContent":["/**\n * @description 标签组件\n */\nimport type { IGroup, IRect, ISymbol, IText, ITextAttribute, ITextGraphicAttribute } from '@visactor/vrender';\nimport { isBoolean, isEmpty, isNil, isNumber, isValid, merge, normalizePadding } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport { measureTextSize } from '../util';\nimport type { BackgroundAttributes } from '../interface';\nimport type { TagAttributes, TagShapeAttributes } from './type';\n\nexport class Tag extends AbstractComponent<Required<TagAttributes>> {\n  name = 'tag';\n\n  static defaultAttributes: Partial<TagAttributes> = {\n    visible: true,\n    textStyle: {\n      fontSize: 12,\n      fill: '#000',\n      textAlign: 'left',\n      textBaseline: 'top'\n    },\n    space: 4,\n    padding: 4,\n    // @ts-ignore\n    shape: {\n      fill: '#000'\n    }\n  };\n\n  constructor(attributes: TagAttributes) {\n    super(merge({}, Tag.defaultAttributes, attributes));\n  }\n\n  protected render() {\n    const {\n      text = '',\n      textStyle = {} as ITextGraphicAttribute,\n      shape = {} as TagShapeAttributes,\n      panel = {} as BackgroundAttributes,\n      space = 4,\n      minWidth,\n      maxWidth,\n      padding = 4,\n      visible,\n      state\n    } = this.attribute as TagAttributes;\n    const parsedPadding = normalizePadding(padding);\n\n    const group = this.createOrUpdateChild('tag-content', { x: 0, y: 0, zIndex: 1 }, 'group') as IGroup;\n\n    let symbol;\n    let tagWidth = parsedPadding[1] + parsedPadding[3];\n    let tagHeight = parsedPadding[0] + parsedPadding[2];\n    let textX = 0;\n    let symbolPlaceWidth = 0;\n    const { visible: shapeVisible, ...shapeStyle } = shape;\n    if (isBoolean(shapeVisible)) {\n      const size = shapeStyle?.size || 10;\n      const maxSize = isNumber(size) ? size : Math.max(size[0], size[1]);\n\n      symbol = group.createOrUpdateChild(\n        'tag-shape',\n        {\n          symbolType: 'circle',\n          size,\n          strokeBoundsBuffer: 0,\n          ...shapeStyle,\n          visible: shapeVisible,\n          x: maxSize / 2,\n          y: maxSize / 2\n        },\n        'symbol'\n      ) as ISymbol;\n      if (!isEmpty(state?.shape)) {\n        symbol.states = state.shape;\n      }\n\n      if (shapeVisible) {\n        symbolPlaceWidth = maxSize + space;\n      }\n    }\n\n    tagWidth += symbolPlaceWidth;\n    textX += symbolPlaceWidth;\n\n    const textAttrs = {\n      text,\n      visible: isValid(text) && visible !== false,\n      lineHeight: textStyle?.fontSize,\n      ...textStyle,\n      x: textX,\n      y: 0\n    };\n    if (isNil(textAttrs.lineHeight)) {\n      textAttrs.lineHeight = textAttrs.fontSize;\n    }\n    const textShape = group.createOrUpdateChild('tag-text', textAttrs, 'text') as IText;\n    if (!isEmpty(state?.text)) {\n      textShape.states = state.text;\n    }\n\n    // 因为文本可能发生旋转，所以需要使用 measureTextSize 方法\n    const textBounds = measureTextSize(textAttrs.text, textStyle);\n    const textWidth = textBounds.width;\n    const textHeight = textBounds.height;\n    tagWidth += textWidth;\n    const size = shape.size ?? 10;\n    const maxSize = isNumber(size) ? size : Math.max(size[0], size[1]);\n    tagHeight += Math.max(textHeight, shape?.visible ? maxSize : 0);\n\n    const { textAlign, textBaseline } = textStyle as ITextAttribute;\n\n    if (isValid(minWidth) || isValid(maxWidth)) {\n      if (isValid(minWidth) && tagWidth < minWidth) {\n        tagWidth = minWidth;\n      }\n      if (isValid(maxWidth) && tagWidth > maxWidth) {\n        tagWidth = maxWidth;\n        textShape.setAttribute('maxLineWidth', maxWidth - parsedPadding[1] - parsedPadding[2]);\n      }\n    }\n\n    let x = 0;\n    let y = 0;\n    if (textAlign === 'center') {\n      x -= tagWidth / 2;\n      if (symbol) {\n        symbol.setAttribute('x', (symbol.attribute.x || 0) - textWidth / 2);\n      }\n\n      group.setAttribute('x', -symbolPlaceWidth / 2);\n    } else if (textAlign === 'right' || textAlign === 'end') {\n      x -= tagWidth;\n      if (symbol) {\n        symbol.setAttribute('x', (symbol.attribute.x || 0) - textWidth);\n      }\n\n      group.setAttribute('x', -parsedPadding[1] - symbolPlaceWidth);\n    } else if (textAlign === 'left' || textAlign === 'start') {\n      group.setAttribute('x', parsedPadding[3]);\n    }\n    if (textBaseline === 'middle') {\n      y -= tagHeight / 2;\n      if (symbol) {\n        symbol.setAttribute('y', 0);\n      }\n    } else if (textBaseline === 'bottom') {\n      y -= tagHeight;\n      if (symbol) {\n        symbol.setAttribute('y', -textHeight / 2);\n      }\n\n      group.setAttribute('y', -parsedPadding[2]);\n    } else if (textBaseline === 'top') {\n      group.setAttribute('y', parsedPadding[0]);\n      if (symbol) {\n        symbol.setAttribute('y', textHeight / 2);\n      }\n    }\n\n    // 绘制背景层\n    const { visible: bgVisible, ...backgroundStyle } = panel;\n    if (visible && isBoolean(bgVisible)) {\n      const bgRect = this.createOrUpdateChild(\n        'tag-panel',\n        {\n          ...backgroundStyle,\n          visible: bgVisible && !!text,\n          x,\n          y,\n          width: tagWidth,\n          height: tagHeight\n        },\n        'rect'\n      ) as IRect;\n      if (!isEmpty(state?.panel)) {\n        bgRect.states = state.panel;\n      }\n    }\n  }\n}\n"]}

package/es/tooltip/tooltip.js

@@ -8,7 +8,7 @@ import { initTextMeasure } from "../util/text";
 
 import { isVisible } from "../util";
 
-import { mergeRowAttrs } from "./util";
+import { getRichTextAttribute, mergeRowAttrs } from "./util";
 
 import { defaultAttributes, TOOLTIP_POSITION_ATTRIBUTES } from "./config";
 
@@ -35,14 +35,13 @@ export class Tooltip extends AbstractComponent {
             symbolType: "circle"
         }, titleAttr.shape, {
             visible: isVisible(titleAttr) && isVisible(titleAttr.shape)
-        }), "symbol");
-        const titlePaddingLeft = isVisible(titleAttr.shape) ? titleAttr.shape.size + titleAttr.shape.spacing : 0;
-        this._tooltipTitle = this._tooltipTitleContainer.createOrUpdateChild("tooltip-title-value", merge({
-            text: ""
-        }, titleAttr.value, {
+        }), "symbol"), titleAttr.value.multiLine ? this._tooltipTitle = this._tooltipTitleContainer.createOrUpdateChild("tooltip-title-value", Object.assign({
             visible: isVisible(titleAttr) && isVisible(titleAttr.value)
-        }), "text");
-        const {textAlign: textAlign, textBaseline: textBaseline} = titleAttr.value, contentWidth = panel.width - padding[3] - padding[0] - titlePaddingLeft;
+        }, getRichTextAttribute(titleAttr.value)), "richtext") : this._tooltipTitle = this._tooltipTitleContainer.createOrUpdateChild("tooltip-title-value", Object.assign({
+            text: "",
+            visible: isVisible(titleAttr) && isVisible(titleAttr.value)
+        }, titleAttr.value), "text");
+        const titlePaddingLeft = isVisible(titleAttr.shape) ? titleAttr.shape.size + titleAttr.shape.spacing : 0, {textAlign: textAlign, textBaseline: textBaseline} = titleAttr.value, contentWidth = panel.width - padding[3] - padding[0] - titlePaddingLeft;
         "center" === textAlign ? this._tooltipTitle.setAttribute("x", titlePaddingLeft + contentWidth / 2) : "right" === textAlign || "end" === textAlign ? this._tooltipTitle.setAttribute("x", titlePaddingLeft + contentWidth) : this._tooltipTitle.setAttribute("x", titlePaddingLeft), 
         "bottom" === textBaseline ? this._tooltipTitle.setAttribute("y", titleAttr.height) : "middle" === textBaseline ? this._tooltipTitle.setAttribute("y", titleAttr.height / 2) : this._tooltipTitle.setAttribute("y", 0);
         const titleHeight = isVisible(titleAttr) ? titleAttr.height + titleAttr.spaceRow : 0;
@@ -52,6 +51,7 @@ export class Tooltip extends AbstractComponent {
             this._tooltipContent.setAttribute("x", padding[3]), this._tooltipContent.setAttribute("y", padding[0] + titleHeight);
             let lastYPos = 0;
             content.forEach(((item, i) => {
+                var _a;
                 const itemAttr = Tooltip.getContentAttr(this.attribute, i);
                 if (!isVisible(itemAttr)) return;
                 const itemGroupName = `tooltip-content-${i}`, itemGroup = this._tooltipContent.createOrUpdateChild(itemGroupName, {
@@ -63,23 +63,38 @@ export class Tooltip extends AbstractComponent {
                 if (isVisible(itemAttr.shape) && itemGroup.createOrUpdateChild(`${itemGroupName}-shape`, Object.assign({
                     visible: !0,
                     x: itemAttr.shape.size / 2,
-                    y: itemAttr.height / 2
+                    y: itemAttr.shape.size / 2 + ((null !== (_a = itemAttr.key.lineHeight) && void 0 !== _a ? _a : itemAttr.key.fontSize) - itemAttr.shape.size) / 2
                 }, itemAttr.shape), "symbol"), hasContentShape && (x += itemAttr.shape.size + itemAttr.shape.spacing), 
                 isVisible(itemAttr.key)) {
-                    const element = itemGroup.createOrUpdateChild(`${itemGroupName}-key`, Object.assign({
+                    let element;
+                    element = itemAttr.key.multiLine ? itemGroup.createOrUpdateChild(`${itemGroupName}-key`, Object.assign(Object.assign({
+                        visible: !0
+                    }, getRichTextAttribute(itemAttr.key)), {
+                        textBaseline: "top"
+                    }), "richtext") : itemGroup.createOrUpdateChild(`${itemGroupName}-key`, Object.assign(Object.assign({
                         visible: !0
-                    }, itemAttr.key), "text"), {textAlign: textAlign} = itemAttr.key;
+                    }, itemAttr.key), {
+                        textBaseline: "top"
+                    }), "text");
+                    const {textAlign: textAlign} = itemAttr.key;
                     "center" === textAlign ? element.setAttribute("x", x + keyWidth / 2) : "right" === textAlign || "end" === textAlign ? element.setAttribute("x", x + keyWidth) : element.setAttribute("x", x), 
-                    element.setAttribute("y", itemAttr.height / 2), x += keyWidth + itemAttr.key.spacing;
+                    element.setAttribute("y", 0), x += keyWidth + itemAttr.key.spacing;
                 }
                 if (isVisible(itemAttr.value)) {
-                    const element = itemGroup.createOrUpdateChild(`${itemGroupName}-value`, Object.assign({
+                    let element;
+                    element = itemAttr.value.multiLine ? itemGroup.createOrUpdateChild(`${itemGroupName}-value`, Object.assign(Object.assign({
+                        visible: !0
+                    }, getRichTextAttribute(itemAttr.value)), {
+                        textBaseline: "top"
+                    }), "richtext") : itemGroup.createOrUpdateChild(`${itemGroupName}-value`, Object.assign(Object.assign({
                         visible: !0
-                    }, itemAttr.value), "text");
+                    }, itemAttr.value), {
+                        textBaseline: "top"
+                    }), "text");
                     let textAlign = "right";
                     isValid(itemAttr.value.textAlign) ? textAlign = itemAttr.value.textAlign : isVisible(itemAttr.key) || (textAlign = "left"), 
                     element.setAttribute("textAlign", textAlign), "center" === textAlign ? element.setAttribute("x", x + valueWidth / 2) : "right" === textAlign || "end" === textAlign ? element.setAttribute("x", x + valueWidth) : element.setAttribute("x", x), 
-                    x += valueWidth, element.setAttribute("y", itemAttr.height / 2), itemGroup.add(element);
+                    x += valueWidth, element.setAttribute("y", 0), itemGroup.add(element);
                 }
                 lastYPos += itemAttr.height + itemAttr.spaceRow;
             }));

package/es/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["tooltip/tooltip.ts"],"names":[],"mappings":"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","file":"tooltip.js","sourcesContent":["/**\n * @description 标题组件\n */\nimport type { IGroup, IText, IRect, ISymbol } from '@visactor/vrender';\nimport { builtinSymbolsMap } from '@visactor/vrender';\nimport { merge, isValid, normalizePadding, isNil } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport { initTextMeasure } from '../util/text';\nimport { isVisible } from '../util';\nimport type { TooltipAttributes, TooltipRowAttrs, TooltipRowStyleAttrs } from './type';\nimport { mergeRowAttrs } from './util';\nimport { defaultAttributes, TOOLTIP_POSITION_ATTRIBUTES } from './config';\n\nconst TOOLTIP_BACKGROUND_NAME = 'tooltip-background';\nconst TOOLTIP_TITLE_NAME = 'tooltip-title';\nconst TOOLTIP_CONTENT_NAME = 'tooltip-content';\n\nconst TOOLTIP_SHAPE_NAME_SUFFIX = 'shape';\nconst TOOLTIP_KEY_NAME_SUFFIX = 'key';\nconst TOOLTIP_VALUE_NAME_SUFFIX = 'value';\n\nexport class Tooltip extends AbstractComponent<Required<TooltipAttributes>> {\n  name = 'tooltip';\n\n  // tooltip 背景\n  private _tooltipPanel!: IRect;\n  // tooltip title 容器\n  private _tooltipTitleContainer!: IGroup;\n  // tooltip title shape\n  private _tooltipTitleSymbol!: ISymbol;\n  // tooltip title 文本\n  private _tooltipTitle!: IText;\n  // tooltip 内容项容器\n  private _tooltipContent!: IGroup;\n\n  static defaultAttributes: Partial<TooltipAttributes> = defaultAttributes;\n\n  constructor(attributes: TooltipAttributes) {\n    super(merge({}, Tooltip.defaultAttributes, attributes));\n  }\n\n  protected render() {\n    const { visible, content, panel, keyWidth, valueWidth, hasContentShape, autoCalculatePosition, autoMeasure } =\n      this.attribute;\n\n    if (!visible) {\n      this.hideAll();\n      return;\n    }\n\n    if (autoMeasure) {\n      Tooltip.measureTooltip(this.attribute);\n    }\n    if (autoCalculatePosition) {\n      Tooltip.calculateTooltipPosition(this.attribute);\n    }\n\n    const padding = normalizePadding(this.attribute.padding);\n\n    // 创建背景层\n    this._tooltipPanel = this.createOrUpdateChild(\n      TOOLTIP_BACKGROUND_NAME,\n      {\n        visible: true,\n        ...panel\n      },\n      'rect'\n    ) as IRect;\n\n    // 创建标题层\n    this._tooltipTitleContainer = this.createOrUpdateChild(\n      TOOLTIP_TITLE_NAME,\n      { visible: true, x: padding[3], y: padding[0] },\n      'group'\n    ) as IGroup;\n\n    // 合并样式\n    const titleAttr = Tooltip.getTitleAttr(this.attribute);\n\n    // 创建标题 shape\n    // 创建 symbol\n    this._tooltipTitleSymbol = this._tooltipTitleContainer.createOrUpdateChild(\n      `${TOOLTIP_TITLE_NAME}-${TOOLTIP_SHAPE_NAME_SUFFIX}`,\n      merge({ symbolType: 'circle' }, titleAttr.shape, {\n        visible: isVisible(titleAttr) && isVisible(titleAttr.shape)\n      }),\n      'symbol'\n    ) as ISymbol;\n\n    // 文本\n    const titlePaddingLeft = isVisible(titleAttr.shape) ? titleAttr.shape.size + titleAttr.shape.spacing : 0;\n    this._tooltipTitle = this._tooltipTitleContainer.createOrUpdateChild(\n      `${TOOLTIP_TITLE_NAME}-${TOOLTIP_VALUE_NAME_SUFFIX}`,\n      merge({ text: '' }, titleAttr.value, {\n        visible: isVisible(titleAttr) && isVisible(titleAttr.value)\n      }),\n      'text'\n    ) as IText;\n\n    // 调整标题的位置\n    const { textAlign, textBaseline } = titleAttr.value;\n    const contentWidth = panel.width - padding[3] - padding[0] - titlePaddingLeft;\n    if (textAlign === 'center') {\n      this._tooltipTitle.setAttribute('x', titlePaddingLeft + contentWidth / 2);\n    } else if (textAlign === 'right' || textAlign === 'end') {\n      // 右对齐\n      this._tooltipTitle.setAttribute('x', titlePaddingLeft + contentWidth);\n    } else {\n      // 默认左对齐\n      this._tooltipTitle.setAttribute('x', titlePaddingLeft);\n    }\n    if (textBaseline === 'bottom') {\n      this._tooltipTitle.setAttribute('y', titleAttr.height);\n    } else if (textBaseline === 'middle') {\n      this._tooltipTitle.setAttribute('y', titleAttr.height / 2);\n    } else {\n      this._tooltipTitle.setAttribute('y', 0);\n    }\n    const titleHeight = isVisible(titleAttr) ? titleAttr.height + titleAttr.spaceRow : 0;\n\n    // 创建内容层\n    this._tooltipContent = this.createOrUpdateChild(TOOLTIP_CONTENT_NAME, { visible: true }, 'group') as IGroup;\n    this._tooltipContent.removeAllChild(); // 清空内容区\n\n    if (content?.length) {\n      this._tooltipContent.setAttribute('x', padding[3]);\n      this._tooltipContent.setAttribute('y', padding[0] + titleHeight);\n\n      let lastYPos = 0;\n      content.forEach((item, i) => {\n        // 合并样式\n        const itemAttr = Tooltip.getContentAttr(this.attribute, i);\n\n        if (!isVisible(itemAttr)) {\n          return;\n        }\n\n        const itemGroupName = `${TOOLTIP_CONTENT_NAME}-${i}`;\n        const itemGroup = this._tooltipContent.createOrUpdateChild(\n          itemGroupName,\n          { visible: true, x: 0, y: lastYPos },\n          'group'\n        ) as IGroup;\n\n        let x = 0;\n        if (isVisible(itemAttr.shape)) {\n          // 存在 symbol\n          itemGroup.createOrUpdateChild(\n            `${itemGroupName}-${TOOLTIP_SHAPE_NAME_SUFFIX}`,\n            {\n              visible: true,\n              x: itemAttr.shape.size / 2,\n              y: itemAttr.height / 2,\n              ...itemAttr.shape\n            },\n            'symbol'\n          ) as ISymbol;\n        }\n        if (hasContentShape) {\n          x += itemAttr.shape.size + itemAttr.shape.spacing;\n        }\n\n        if (isVisible(itemAttr.key)) {\n          const element = itemGroup.createOrUpdateChild(\n            `${itemGroupName}-${TOOLTIP_KEY_NAME_SUFFIX}`,\n            {\n              visible: true,\n              ...itemAttr.key\n            },\n            'text'\n          ) as IText;\n\n          const { textAlign } = itemAttr.key;\n          if (textAlign === 'center') {\n            element.setAttribute('x', x + keyWidth / 2);\n          } else if (textAlign === 'right' || textAlign === 'end') {\n            // 右对齐\n            element.setAttribute('x', x + keyWidth);\n          } else {\n            // 默认左对齐\n            element.setAttribute('x', x);\n          }\n\n          element.setAttribute('y', itemAttr.height / 2);\n          x += keyWidth + itemAttr.key.spacing;\n        }\n\n        if (isVisible(itemAttr.value)) {\n          const element = itemGroup.createOrUpdateChild(\n            `${itemGroupName}-${TOOLTIP_VALUE_NAME_SUFFIX}`,\n            {\n              visible: true,\n              ...itemAttr.value\n            },\n            'text'\n          ) as IText;\n\n          let textAlign = 'right';\n          if (isValid(itemAttr.value.textAlign)) {\n            textAlign = itemAttr.value.textAlign;\n          } else if (!isVisible(itemAttr.key)) {\n            textAlign = 'left';\n          }\n          element.setAttribute('textAlign', textAlign);\n\n          if (textAlign === 'center') {\n            element.setAttribute('x', x + valueWidth / 2);\n          } else if (textAlign === 'right' || textAlign === 'end') {\n            // 右对齐\n            element.setAttribute('x', x + valueWidth);\n          } else {\n            // 默认左对齐\n            element.setAttribute('x', x);\n          }\n          x += valueWidth;\n\n          element.setAttribute('y', itemAttr.height / 2);\n\n          itemGroup.add(element);\n        }\n\n        lastYPos += itemAttr.height + itemAttr.spaceRow;\n      });\n    }\n  }\n\n  setAttributes(params: Partial<Required<TooltipAttributes>>, forceUpdateTag?: boolean | undefined): void {\n    const keys = Object.keys(params) as (keyof TooltipAttributes)[];\n    // 优化：只更改 tooltip 位置\n    if (this.attribute.autoCalculatePosition && keys.every(key => TOOLTIP_POSITION_ATTRIBUTES.includes(key))) {\n      this._mergeAttributes(params, keys);\n      // 计算 x y\n      if (isNil(this.attribute.panel.width) && this.attribute.autoMeasure) {\n        Tooltip.measureTooltip(this.attribute);\n      }\n      Tooltip.calculateTooltipPosition(this.attribute);\n      // 应用 x y\n      super.setAttributes(\n        {\n          x: this.attribute.x,\n          y: this.attribute.y\n        },\n        forceUpdateTag\n      );\n    } else {\n      super.setAttributes(params, forceUpdateTag);\n    }\n  }\n\n  static calculateTooltipPosition(attribute: Partial<TooltipAttributes>): Partial<TooltipAttributes> {\n    const { width: tooltipBoxWidth = 0, height: tooltipBoxHeight = 0 } = attribute.panel;\n\n    const { offsetX, offsetY, pointerX, pointerY, positionX, positionY, parentBounds } = attribute;\n\n    let x = pointerX;\n    let y = pointerY;\n    if (positionX === 'left') {\n      x -= tooltipBoxWidth + offsetX;\n    } else if (positionX === 'center') {\n      x -= tooltipBoxWidth / 2;\n    } else {\n      x += offsetX;\n    }\n    if (positionY === 'top') {\n      y -= tooltipBoxHeight + offsetY;\n    } else if (positionY === 'middle') {\n      y -= tooltipBoxHeight / 2;\n    } else {\n      y += offsetY;\n    }\n\n    /* 确保tooltip在视区内 */\n    if (x + tooltipBoxWidth > parentBounds.x2) {\n      // 位置不超出视区右界\n      x -= tooltipBoxWidth + offsetX;\n    }\n    if (y + tooltipBoxHeight > parentBounds.y2) {\n      // 位置不超出视区下界\n      y -= tooltipBoxHeight + offsetY;\n    }\n    if (x < parentBounds.x1) {\n      // 位置不超出视区左界\n      x = parentBounds.x1;\n    }\n    if (y < parentBounds.y1) {\n      // 位置不超出视区上界\n      y = parentBounds.y1;\n    }\n\n    attribute.x = x;\n    attribute.y = y;\n\n    return attribute;\n  }\n\n  static measureTooltip(attribute: Partial<TooltipAttributes>): Partial<TooltipAttributes> {\n    const { content, contentStyle } = attribute;\n    const padding = normalizePadding(attribute.padding);\n    // 合并样式\n    const titleAttr = Tooltip.getTitleAttr(attribute);\n\n    let maxWidth = 0;\n    let containerHeight = padding[0] + padding[2];\n\n    // calculate title\n    let titleMaxHeight = 0;\n    const { value: titleValue, shape: titleShape } = titleAttr;\n    const { visible: titleHasShape = false, symbolType: titleShapeType = '' } = titleShape ?? {};\n\n    if (isValid(titleValue)) {\n      const { width, height } = initTextMeasure(titleValue).quickMeasure(titleValue.text);\n      maxWidth = width;\n      titleMaxHeight = height;\n    }\n    if (titleHasShape && builtinSymbolsMap[titleShapeType]) {\n      maxWidth += titleShape.size + titleShape.spacing;\n      titleMaxHeight = Math.max(titleShape.size, titleMaxHeight);\n    }\n\n    if (attribute.title) {\n      attribute.title.width = maxWidth;\n      attribute.title.height = titleMaxHeight;\n    }\n\n    if (isVisible(titleAttr)) {\n      containerHeight += titleMaxHeight + titleAttr.spaceRow;\n    }\n\n    // calculate content\n    if (content?.length) {\n      // filter content\n      const filteredContent: [TooltipRowAttrs, TooltipRowAttrs][] = [];\n      content.forEach((item, i) => {\n        // 合并样式\n        const itemAttr = Tooltip.getContentAttr(attribute, i);\n        if ((item.key || item.value) && isVisible(itemAttr)) {\n          filteredContent.push([item, itemAttr]);\n        }\n      });\n\n      if (filteredContent.length) {\n        let hasContentShape = false;\n        const shapeWidths: number[] = [];\n        const keyWidths: number[] = [];\n        const valueWidths: number[] = [];\n\n        filteredContent.forEach(([item, itemAttr], i) => {\n          const { key, value, shape, spaceRow } = itemAttr;\n          const itemHasShape = isVisible(shape);\n          const itemShapeType = shape?.symbolType ?? '';\n\n          const keyTextMeasure = initTextMeasure(key);\n          const valueTextMeasure = initTextMeasure(value);\n\n          let itemHeight = 0;\n          if (isVisible(key)) {\n            const { width, height } = keyTextMeasure.quickMeasure(key.text);\n            keyWidths.push(width);\n            itemHeight = Math.max(itemHeight, height);\n          }\n          if (isVisible(value)) {\n            const { width, height } = valueTextMeasure.quickMeasure(value.text);\n            valueWidths.push(width);\n            itemHeight = Math.max(itemHeight, height);\n          }\n          if (itemHasShape && builtinSymbolsMap[itemShapeType]) {\n            hasContentShape = true;\n            shapeWidths.push(shape.size);\n            itemHeight = Math.max(shape.size, itemHeight);\n          }\n\n          item.height = itemHeight;\n          containerHeight += itemHeight;\n          if (i < filteredContent.length - 1) {\n            containerHeight += spaceRow ?? contentStyle.spaceRow;\n          }\n        });\n\n        const maxShapeWidth = shapeWidths.length ? Math.max(...shapeWidths) : 0; // shape 需要对齐\n        const maxKeyWidth = keyWidths.length ? Math.max(...keyWidths) : 0; // name 需要对齐\n        const maxValueWidth = valueWidths.length ? Math.max(...valueWidths) : 0; // value 需要对齐\n        maxWidth = Math.max(\n          maxKeyWidth +\n            maxValueWidth +\n            contentStyle.key.spacing +\n            contentStyle.value.spacing +\n            (hasContentShape ? maxShapeWidth + contentStyle.shape.spacing : 0),\n          maxWidth\n        );\n        content.forEach(item => {\n          item.width = maxWidth;\n        });\n        attribute.hasContentShape = hasContentShape;\n        attribute.keyWidth = maxKeyWidth;\n        attribute.valueWidth = maxValueWidth;\n      }\n    }\n\n    attribute.panel.width = maxWidth + padding[1] + padding[3];\n    attribute.panel.height = containerHeight;\n\n    return attribute;\n  }\n\n  static getTitleAttr(attribute: Partial<TooltipAttributes>): TooltipRowAttrs & TooltipRowStyleAttrs {\n    return mergeRowAttrs(\n      {},\n      Tooltip.defaultAttributes.titleStyle,\n      Tooltip.defaultAttributes.title,\n      attribute.titleStyle,\n      attribute.title\n    );\n  }\n\n  static getContentAttr(attribute: Partial<TooltipAttributes>, index: number): TooltipRowAttrs & TooltipRowStyleAttrs {\n    return mergeRowAttrs({}, Tooltip.defaultAttributes.contentStyle, attribute.contentStyle, attribute.content[index]);\n  }\n}\n"]}
+{"version":3,"sources":["tooltip/tooltip.ts"],"names":[],"mappings":"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","file":"tooltip.js","sourcesContent":["/**\n * @description 标题组件\n */\nimport type { IGroup, IText, IRichText, IRect, ISymbol } from '@visactor/vrender';\nimport { builtinSymbolsMap } from '@visactor/vrender';\nimport { merge, isValid, normalizePadding, isNil } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport { initTextMeasure } from '../util/text';\nimport { isVisible } from '../util';\nimport type { TooltipAttributes, TooltipRowAttrs, TooltipRowStyleAttrs } from './type';\nimport { getRichTextAttribute, mergeRowAttrs } from './util';\nimport { defaultAttributes, TOOLTIP_POSITION_ATTRIBUTES } from './config';\n\nconst TOOLTIP_BACKGROUND_NAME = 'tooltip-background';\nconst TOOLTIP_TITLE_NAME = 'tooltip-title';\nconst TOOLTIP_CONTENT_NAME = 'tooltip-content';\n\nconst TOOLTIP_SHAPE_NAME_SUFFIX = 'shape';\nconst TOOLTIP_KEY_NAME_SUFFIX = 'key';\nconst TOOLTIP_VALUE_NAME_SUFFIX = 'value';\n\nexport class Tooltip extends AbstractComponent<Required<TooltipAttributes>> {\n  name = 'tooltip';\n\n  // tooltip 背景\n  private _tooltipPanel!: IRect;\n  // tooltip title 容器\n  private _tooltipTitleContainer!: IGroup;\n  // tooltip title shape\n  private _tooltipTitleSymbol!: ISymbol;\n  // tooltip title 文本\n  private _tooltipTitle!: IText | IRichText;\n  // tooltip 内容项容器\n  private _tooltipContent!: IGroup;\n\n  static defaultAttributes: Partial<TooltipAttributes> = defaultAttributes;\n\n  constructor(attributes: TooltipAttributes) {\n    super(merge({}, Tooltip.defaultAttributes, attributes));\n  }\n\n  protected render() {\n    const { visible, content, panel, keyWidth, valueWidth, hasContentShape, autoCalculatePosition, autoMeasure } =\n      this.attribute;\n\n    if (!visible) {\n      this.hideAll();\n      return;\n    }\n\n    if (autoMeasure) {\n      Tooltip.measureTooltip(this.attribute);\n    }\n    if (autoCalculatePosition) {\n      Tooltip.calculateTooltipPosition(this.attribute);\n    }\n\n    const padding = normalizePadding(this.attribute.padding);\n\n    // 创建背景层\n    this._tooltipPanel = this.createOrUpdateChild(\n      TOOLTIP_BACKGROUND_NAME,\n      {\n        visible: true,\n        ...panel\n      },\n      'rect'\n    ) as IRect;\n\n    // 创建标题层\n    this._tooltipTitleContainer = this.createOrUpdateChild(\n      TOOLTIP_TITLE_NAME,\n      { visible: true, x: padding[3], y: padding[0] },\n      'group'\n    ) as IGroup;\n\n    // 合并样式\n    const titleAttr = Tooltip.getTitleAttr(this.attribute);\n\n    // 创建标题 shape\n    // 创建 symbol\n    this._tooltipTitleSymbol = this._tooltipTitleContainer.createOrUpdateChild(\n      `${TOOLTIP_TITLE_NAME}-${TOOLTIP_SHAPE_NAME_SUFFIX}`,\n      merge({ symbolType: 'circle' }, titleAttr.shape, {\n        visible: isVisible(titleAttr) && isVisible(titleAttr.shape)\n      }),\n      'symbol'\n    ) as ISymbol;\n\n    // 文本\n    if (titleAttr.value.multiLine) {\n      this._tooltipTitle = this._tooltipTitleContainer.createOrUpdateChild(\n        `${TOOLTIP_TITLE_NAME}-${TOOLTIP_VALUE_NAME_SUFFIX}`,\n        {\n          visible: isVisible(titleAttr) && isVisible(titleAttr.value),\n          ...getRichTextAttribute(titleAttr.value)\n        },\n        'richtext'\n      ) as IRichText;\n    } else {\n      this._tooltipTitle = this._tooltipTitleContainer.createOrUpdateChild(\n        `${TOOLTIP_TITLE_NAME}-${TOOLTIP_VALUE_NAME_SUFFIX}`,\n        {\n          text: '',\n          visible: isVisible(titleAttr) && isVisible(titleAttr.value),\n          ...titleAttr.value\n        },\n        'text'\n      ) as IText;\n    }\n\n    // 调整标题的位置\n    const titlePaddingLeft = isVisible(titleAttr.shape) ? titleAttr.shape.size + titleAttr.shape.spacing : 0;\n    const { textAlign, textBaseline } = titleAttr.value;\n    const contentWidth = panel.width - padding[3] - padding[0] - titlePaddingLeft;\n    if (textAlign === 'center') {\n      this._tooltipTitle.setAttribute('x', titlePaddingLeft + contentWidth / 2);\n    } else if (textAlign === 'right' || textAlign === 'end') {\n      // 右对齐\n      this._tooltipTitle.setAttribute('x', titlePaddingLeft + contentWidth);\n    } else {\n      // 默认左对齐\n      this._tooltipTitle.setAttribute('x', titlePaddingLeft);\n    }\n    if (textBaseline === 'bottom') {\n      this._tooltipTitle.setAttribute('y', titleAttr.height);\n    } else if (textBaseline === 'middle') {\n      this._tooltipTitle.setAttribute('y', titleAttr.height / 2);\n    } else {\n      this._tooltipTitle.setAttribute('y', 0);\n    }\n    const titleHeight = isVisible(titleAttr) ? titleAttr.height + titleAttr.spaceRow : 0;\n\n    // 创建内容层\n    this._tooltipContent = this.createOrUpdateChild(TOOLTIP_CONTENT_NAME, { visible: true }, 'group') as IGroup;\n    this._tooltipContent.removeAllChild(); // 清空内容区\n\n    if (content?.length) {\n      this._tooltipContent.setAttribute('x', padding[3]);\n      this._tooltipContent.setAttribute('y', padding[0] + titleHeight);\n\n      let lastYPos = 0;\n      content.forEach((item, i) => {\n        // 合并样式\n        const itemAttr = Tooltip.getContentAttr(this.attribute, i);\n\n        if (!isVisible(itemAttr)) {\n          return;\n        }\n\n        const itemGroupName = `${TOOLTIP_CONTENT_NAME}-${i}`;\n        const itemGroup = this._tooltipContent.createOrUpdateChild(\n          itemGroupName,\n          { visible: true, x: 0, y: lastYPos },\n          'group'\n        ) as IGroup;\n\n        let x = 0;\n        if (isVisible(itemAttr.shape)) {\n          // 存在 symbol\n          itemGroup.createOrUpdateChild(\n            `${itemGroupName}-${TOOLTIP_SHAPE_NAME_SUFFIX}`,\n            {\n              visible: true,\n              x: itemAttr.shape.size / 2,\n              y:\n                itemAttr.shape.size / 2 +\n                ((itemAttr.key.lineHeight ?? itemAttr.key.fontSize) - itemAttr.shape.size) / 2,\n              ...itemAttr.shape\n            },\n            'symbol'\n          ) as ISymbol;\n        }\n        if (hasContentShape) {\n          x += itemAttr.shape.size + itemAttr.shape.spacing;\n        }\n\n        if (isVisible(itemAttr.key)) {\n          let element: IRichText | IText;\n          if (itemAttr.key.multiLine) {\n            element = itemGroup.createOrUpdateChild(\n              `${itemGroupName}-${TOOLTIP_KEY_NAME_SUFFIX}`,\n              {\n                visible: true,\n                ...getRichTextAttribute(itemAttr.key),\n                textBaseline: 'top'\n              },\n              'richtext'\n            ) as IRichText;\n          } else {\n            element = itemGroup.createOrUpdateChild(\n              `${itemGroupName}-${TOOLTIP_KEY_NAME_SUFFIX}`,\n              {\n                visible: true,\n                ...itemAttr.key,\n                textBaseline: 'top'\n              },\n              'text'\n            ) as IText;\n          }\n\n          const { textAlign } = itemAttr.key;\n          if (textAlign === 'center') {\n            element.setAttribute('x', x + keyWidth / 2);\n          } else if (textAlign === 'right' || textAlign === 'end') {\n            // 右对齐\n            element.setAttribute('x', x + keyWidth);\n          } else {\n            // 默认左对齐\n            element.setAttribute('x', x);\n          }\n\n          element.setAttribute('y', 0);\n          x += keyWidth + itemAttr.key.spacing;\n        }\n\n        if (isVisible(itemAttr.value)) {\n          let element: IRichText | IText;\n          if (itemAttr.value.multiLine) {\n            element = itemGroup.createOrUpdateChild(\n              `${itemGroupName}-${TOOLTIP_VALUE_NAME_SUFFIX}`,\n              {\n                visible: true,\n                ...getRichTextAttribute(itemAttr.value),\n                textBaseline: 'top'\n              },\n              'richtext'\n            ) as IRichText;\n          } else {\n            element = itemGroup.createOrUpdateChild(\n              `${itemGroupName}-${TOOLTIP_VALUE_NAME_SUFFIX}`,\n              {\n                visible: true,\n                ...itemAttr.value,\n                textBaseline: 'top'\n              },\n              'text'\n            ) as IText;\n          }\n\n          let textAlign = 'right';\n          if (isValid(itemAttr.value.textAlign)) {\n            textAlign = itemAttr.value.textAlign;\n          } else if (!isVisible(itemAttr.key)) {\n            textAlign = 'left';\n          }\n          element.setAttribute('textAlign', textAlign);\n\n          if (textAlign === 'center') {\n            element.setAttribute('x', x + valueWidth / 2);\n          } else if (textAlign === 'right' || textAlign === 'end') {\n            // 右对齐\n            element.setAttribute('x', x + valueWidth);\n          } else {\n            // 默认左对齐\n            element.setAttribute('x', x);\n          }\n          x += valueWidth;\n\n          element.setAttribute('y', 0);\n\n          itemGroup.add(element);\n        }\n\n        lastYPos += itemAttr.height + itemAttr.spaceRow;\n      });\n    }\n  }\n\n  setAttributes(params: Partial<Required<TooltipAttributes>>, forceUpdateTag?: boolean | undefined): void {\n    const keys = Object.keys(params) as (keyof TooltipAttributes)[];\n    // 优化：只更改 tooltip 位置\n    if (this.attribute.autoCalculatePosition && keys.every(key => TOOLTIP_POSITION_ATTRIBUTES.includes(key))) {\n      this._mergeAttributes(params, keys);\n      // 计算 x y\n      if (isNil(this.attribute.panel.width) && this.attribute.autoMeasure) {\n        Tooltip.measureTooltip(this.attribute);\n      }\n      Tooltip.calculateTooltipPosition(this.attribute);\n      // 应用 x y\n      super.setAttributes(\n        {\n          x: this.attribute.x,\n          y: this.attribute.y\n        },\n        forceUpdateTag\n      );\n    } else {\n      super.setAttributes(params, forceUpdateTag);\n    }\n  }\n\n  static calculateTooltipPosition(attribute: Partial<TooltipAttributes>): Partial<TooltipAttributes> {\n    const { width: tooltipBoxWidth = 0, height: tooltipBoxHeight = 0 } = attribute.panel;\n\n    const { offsetX, offsetY, pointerX, pointerY, positionX, positionY, parentBounds } = attribute;\n\n    let x = pointerX;\n    let y = pointerY;\n    if (positionX === 'left') {\n      x -= tooltipBoxWidth + offsetX;\n    } else if (positionX === 'center') {\n      x -= tooltipBoxWidth / 2;\n    } else {\n      x += offsetX;\n    }\n    if (positionY === 'top') {\n      y -= tooltipBoxHeight + offsetY;\n    } else if (positionY === 'middle') {\n      y -= tooltipBoxHeight / 2;\n    } else {\n      y += offsetY;\n    }\n\n    /* 确保tooltip在视区内 */\n    if (x + tooltipBoxWidth > parentBounds.x2) {\n      // 位置不超出视区右界\n      x -= tooltipBoxWidth + offsetX;\n    }\n    if (y + tooltipBoxHeight > parentBounds.y2) {\n      // 位置不超出视区下界\n      y -= tooltipBoxHeight + offsetY;\n    }\n    if (x < parentBounds.x1) {\n      // 位置不超出视区左界\n      x = parentBounds.x1;\n    }\n    if (y < parentBounds.y1) {\n      // 位置不超出视区上界\n      y = parentBounds.y1;\n    }\n\n    attribute.x = x;\n    attribute.y = y;\n\n    return attribute;\n  }\n\n  static measureTooltip(attribute: Partial<TooltipAttributes>): Partial<TooltipAttributes> {\n    const { content, contentStyle } = attribute;\n    const padding = normalizePadding(attribute.padding);\n    // 合并样式\n    const titleAttr = Tooltip.getTitleAttr(attribute);\n\n    let maxWidth = 0;\n    let containerHeight = padding[0] + padding[2];\n\n    // calculate title\n    let titleMaxHeight = 0;\n    const { value: titleValue, shape: titleShape } = titleAttr;\n    const { visible: titleHasShape = false, symbolType: titleShapeType = '' } = titleShape ?? {};\n\n    if (isValid(titleValue)) {\n      const { width, height } = initTextMeasure(titleValue).quickMeasure(titleValue.text);\n      maxWidth = width;\n      titleMaxHeight = height;\n    }\n    if (titleHasShape && builtinSymbolsMap[titleShapeType]) {\n      maxWidth += titleShape.size + titleShape.spacing;\n      titleMaxHeight = Math.max(titleShape.size, titleMaxHeight);\n    }\n\n    if (attribute.title) {\n      attribute.title.width = maxWidth;\n      attribute.title.height = titleMaxHeight;\n    }\n\n    if (isVisible(titleAttr)) {\n      containerHeight += titleMaxHeight + titleAttr.spaceRow;\n    }\n\n    // calculate content\n    if (content?.length) {\n      // filter content\n      const filteredContent: [TooltipRowAttrs, TooltipRowAttrs][] = [];\n      content.forEach((item, i) => {\n        // 合并样式\n        const itemAttr = Tooltip.getContentAttr(attribute, i);\n        if ((item.key || item.value) && isVisible(itemAttr)) {\n          filteredContent.push([item, itemAttr]);\n        }\n      });\n\n      if (filteredContent.length) {\n        let hasContentShape = false;\n        const shapeWidths: number[] = [];\n        const keyWidths: number[] = [];\n        const valueWidths: number[] = [];\n\n        filteredContent.forEach(([item, itemAttr], i) => {\n          const { key, value, shape, spaceRow } = itemAttr;\n          const itemHasShape = isVisible(shape);\n          const itemShapeType = shape?.symbolType ?? '';\n\n          const keyTextMeasure = initTextMeasure(key);\n          const valueTextMeasure = initTextMeasure(value);\n\n          let itemHeight = 0;\n          if (isVisible(key)) {\n            const { width, height } = keyTextMeasure.quickMeasure(key.text);\n            keyWidths.push(width);\n            itemHeight = Math.max(itemHeight, height);\n          }\n          if (isVisible(value)) {\n            const { width, height } = valueTextMeasure.quickMeasure(value.text);\n            valueWidths.push(width);\n            itemHeight = Math.max(itemHeight, height);\n          }\n          if (itemHasShape && builtinSymbolsMap[itemShapeType]) {\n            hasContentShape = true;\n            shapeWidths.push(shape.size);\n            itemHeight = Math.max(shape.size, itemHeight);\n          }\n\n          item.height = itemHeight;\n          containerHeight += itemHeight;\n          if (i < filteredContent.length - 1) {\n            containerHeight += spaceRow ?? contentStyle.spaceRow;\n          }\n        });\n\n        const maxShapeWidth = shapeWidths.length ? Math.max(...shapeWidths) : 0; // shape 需要对齐\n        const maxKeyWidth = keyWidths.length ? Math.max(...keyWidths) : 0; // name 需要对齐\n        const maxValueWidth = valueWidths.length ? Math.max(...valueWidths) : 0; // value 需要对齐\n        maxWidth = Math.max(\n          maxKeyWidth +\n            maxValueWidth +\n            contentStyle.key.spacing +\n            contentStyle.value.spacing +\n            (hasContentShape ? maxShapeWidth + contentStyle.shape.spacing : 0),\n          maxWidth\n        );\n        content.forEach(item => {\n          item.width = maxWidth;\n        });\n        attribute.hasContentShape = hasContentShape;\n        attribute.keyWidth = maxKeyWidth;\n        attribute.valueWidth = maxValueWidth;\n      }\n    }\n\n    attribute.panel.width = maxWidth + padding[1] + padding[3];\n    attribute.panel.height = containerHeight;\n\n    return attribute;\n  }\n\n  static getTitleAttr(attribute: Partial<TooltipAttributes>): TooltipRowAttrs & TooltipRowStyleAttrs {\n    return mergeRowAttrs(\n      {},\n      Tooltip.defaultAttributes.titleStyle,\n      Tooltip.defaultAttributes.title,\n      attribute.titleStyle,\n      attribute.title\n    );\n  }\n\n  static getContentAttr(attribute: Partial<TooltipAttributes>, index: number): TooltipRowAttrs & TooltipRowStyleAttrs {\n    return mergeRowAttrs({}, Tooltip.defaultAttributes.contentStyle, attribute.contentStyle, attribute.content[index]);\n  }\n}\n"]}

package/es/tooltip/type.d.ts

@@ -1,5 +1,5 @@
 import type { IGraphicAttribute, IGroupGraphicAttribute, IRectGraphicAttribute, ITextAttribute } from '@visactor/vrender';
-import { IBounds, IPadding } from '@visactor/vutils';
+import type { IBounds, IPadding } from '@visactor/vutils';
 export interface IContainerSize {
     width?: number;
     height?: number;
@@ -22,7 +22,10 @@ export type TooltipComponentAttrs = TooltipPositionAttrs & {
     keyWidth?: number;
     valueWidth?: number;
 };
-export type TooltipTextAttrs = Partial<ITextAttribute & IGraphicAttribute>;
+export type TooltipTextAttrs = Partial<ITextAttribute & IGraphicAttribute & IContainerSize> & {
+    multiLine?: boolean;
+    wordBreak?: string;
+};
 export type TooltipSymbolAttrs = Partial<IGraphicAttribute> & {
     path?: string;
     size?: number;

package/es/tooltip/type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["tooltip/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type {\n  IGraphicAttribute,\n  IGroupGraphicAttribute,\n  IRectGraphicAttribute,\n  ITextAttribute\n} from '@visactor/vrender';\nimport { IBounds, IPadding } from '@visactor/vutils';\n\nexport interface IContainerSize {\n  width?: number;\n  height?: number;\n}\n\nexport type TooltipAttributes = IGroupGraphicAttribute & TooltipComponentAttrs;\n\nexport type TooltipComponentAttrs = TooltipPositionAttrs & {\n  /** tooltip 背景 */\n  panel?: TooltipPanelAttrs;\n\n  /** tooltip 标题 */\n  title?: TooltipRowAttrs;\n  /** tooltip 内容 */\n  content?: TooltipRowAttrs[];\n\n  /** 标题样式 */\n  titleStyle?: TooltipRowStyleAttrs;\n  /** 内容样式 */\n  contentStyle?: TooltipRowStyleAttrs;\n\n  /** 是否自动计算 tooltip 大小 */\n  autoMeasure?: boolean;\n\n  /** 是否自动计算 tooltip 位置 */\n  autoCalculatePosition?: boolean;\n\n  /** 整体边距 */\n  padding?: number | number[] | IPadding;\n\n  /** 最小宽度 */\n  minWidth?: number;\n  /** 最大宽度 */\n  maxWidth?: number;\n\n  /** 是否可交互 */\n  enterable?: boolean;\n\n  /** 缓动 duration */\n  transitionDuration?: number;\n\n  // 以下为组件自动计算的属性\n  /** 内容项是否有 shape */\n  hasContentShape?: boolean;\n  /** 内容项 key 的最大宽度，用于布局，因为 key 需要按照列对齐 */\n  keyWidth?: number;\n  /** 内容项 value 的最大宽度，用于布局，因为 value 需要按照列对齐 */\n  valueWidth?: number;\n};\n\n/** tooltip 文本样式 */\nexport type TooltipTextAttrs = Partial<ITextAttribute & IGraphicAttribute>;\n\n/** tooltip symbol 样式 */\nexport type TooltipSymbolAttrs = Partial<IGraphicAttribute> & {\n  /** 图形 path */\n  path?: string;\n  size?: number;\n  symbolType?: string;\n  /** 其他图形样式，暂时这么处理 */\n  [key: string]: any;\n};\n\n/** tooltip 背景样式 */\nexport type TooltipPanelAttrs = Partial<IRectGraphicAttribute> & {\n  shadow?: boolean;\n  shadowSpread?: number;\n};\n\n/** tooltip 内容行配置 */\nexport type TooltipRowAttrs = IContainerSize & {\n  visible?: boolean;\n  /** key 对应图形样式（title 没有这个属性） */\n  key?: TooltipTextAttrs;\n  /** value 对应图形样式 */\n  value?: TooltipTextAttrs;\n  /** shape 对应图形样式 */\n  shape?: TooltipSymbolAttrs;\n  /** 行间距 */\n  spaceRow?: number;\n};\n\n/** tooltip 内容行样式 */\nexport type TooltipRowStyleAttrs = {\n  /** key 对应图形样式（title 没有这个属性） */\n  key?: Omit<TooltipTextAttrs, 'text'> & TooltipColumnStyleAttrs;\n  /** value 对应图形样式 */\n  value?: Omit<TooltipTextAttrs, 'text'> & TooltipColumnStyleAttrs;\n  /** shape 对应图形样式 */\n  shape?: TooltipSymbolAttrs & TooltipColumnStyleAttrs;\n  /** 行间距 */\n  spaceRow?: number;\n};\n\nexport type TooltipColumnStyleAttrs = {\n  /** 右边距 */\n  spacing?: number;\n};\n\nexport type TooltipPositionAttrs = {\n  /** 光标位置 x */\n  pointerX?: number;\n  /** 光标位置 y */\n  pointerY?: number;\n\n  /** tooltip 偏移 x */\n  offsetX?: number;\n  /** tooltip 偏移 y */\n  offsetY?: number;\n\n  /** tooltip 相对 pointer 位置（x 轴） */\n  positionX?: 'left' | 'right' | 'center';\n  /** tooltip 相对 pointer 位置（y 轴） */\n  positionY?: 'top' | 'bottom' | 'middle';\n\n  /** 父级 bounds */\n  parentBounds?: IBounds;\n};\n"]}
+{"version":3,"sources":["tooltip/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type {\n  IGraphicAttribute,\n  IGroupGraphicAttribute,\n  IRectGraphicAttribute,\n  ITextAttribute\n} from '@visactor/vrender';\nimport type { IBounds, IPadding } from '@visactor/vutils';\n\nexport interface IContainerSize {\n  width?: number;\n  height?: number;\n}\n\nexport type TooltipAttributes = IGroupGraphicAttribute & TooltipComponentAttrs;\n\nexport type TooltipComponentAttrs = TooltipPositionAttrs & {\n  /** tooltip 背景 */\n  panel?: TooltipPanelAttrs;\n\n  /** tooltip 标题 */\n  title?: TooltipRowAttrs;\n  /** tooltip 内容 */\n  content?: TooltipRowAttrs[];\n\n  /** 标题样式 */\n  titleStyle?: TooltipRowStyleAttrs;\n  /** 内容样式 */\n  contentStyle?: TooltipRowStyleAttrs;\n\n  /** 是否自动计算 tooltip 大小 */\n  autoMeasure?: boolean;\n\n  /** 是否自动计算 tooltip 位置 */\n  autoCalculatePosition?: boolean;\n\n  /** 整体边距 */\n  padding?: number | number[] | IPadding;\n\n  /** 最小宽度 */\n  minWidth?: number;\n  /** 最大宽度 */\n  maxWidth?: number;\n\n  /** 是否可交互 */\n  enterable?: boolean;\n\n  /** 缓动 duration */\n  transitionDuration?: number;\n\n  // 以下为组件自动计算的属性\n  /** 内容项是否有 shape */\n  hasContentShape?: boolean;\n  /** 内容项 key 的最大宽度，用于布局，因为 key 需要按照列对齐 */\n  keyWidth?: number;\n  /** 内容项 value 的最大宽度，用于布局，因为 value 需要按照列对齐 */\n  valueWidth?: number;\n};\n\n/** tooltip 文本样式 */\nexport type TooltipTextAttrs = Partial<ITextAttribute & IGraphicAttribute & IContainerSize> & {\n  /** 文本是否支持多行显示 */\n  multiLine?: boolean;\n  /** 文本换行模式 */\n  wordBreak?: string;\n};\n\n/** tooltip symbol 样式 */\nexport type TooltipSymbolAttrs = Partial<IGraphicAttribute> & {\n  /** 图形 path */\n  path?: string;\n  size?: number;\n  symbolType?: string;\n  /** 其他图形样式，暂时这么处理 */\n  [key: string]: any;\n};\n\n/** tooltip 背景样式 */\nexport type TooltipPanelAttrs = Partial<IRectGraphicAttribute> & {\n  shadow?: boolean;\n  shadowSpread?: number;\n};\n\n/** tooltip 内容行配置 */\nexport type TooltipRowAttrs = IContainerSize & {\n  visible?: boolean;\n  /** key 对应图形样式（title 没有这个属性） */\n  key?: TooltipTextAttrs;\n  /** value 对应图形样式 */\n  value?: TooltipTextAttrs;\n  /** shape 对应图形样式 */\n  shape?: TooltipSymbolAttrs;\n  /** 行间距 */\n  spaceRow?: number;\n};\n\n/** tooltip 内容行样式 */\nexport type TooltipRowStyleAttrs = {\n  /** key 对应图形样式（title 没有这个属性） */\n  key?: Omit<TooltipTextAttrs, 'text'> & TooltipColumnStyleAttrs;\n  /** value 对应图形样式 */\n  value?: Omit<TooltipTextAttrs, 'text'> & TooltipColumnStyleAttrs;\n  /** shape 对应图形样式 */\n  shape?: TooltipSymbolAttrs & TooltipColumnStyleAttrs;\n  /** 行间距 */\n  spaceRow?: number;\n};\n\nexport type TooltipColumnStyleAttrs = {\n  /** 右边距 */\n  spacing?: number;\n};\n\nexport type TooltipPositionAttrs = {\n  /** 光标位置 x */\n  pointerX?: number;\n  /** 光标位置 y */\n  pointerY?: number;\n\n  /** tooltip 偏移 x */\n  offsetX?: number;\n  /** tooltip 偏移 y */\n  offsetY?: number;\n\n  /** tooltip 相对 pointer 位置（x 轴） */\n  positionX?: 'left' | 'right' | 'center';\n  /** tooltip 相对 pointer 位置（y 轴） */\n  positionY?: 'top' | 'bottom' | 'middle';\n\n  /** 父级 bounds */\n  parentBounds?: IBounds;\n};\n"]}

package/es/tooltip/util.d.ts

@@ -1,2 +1,4 @@
-import { TooltipRowAttrs, TooltipRowStyleAttrs } from './type';
+import type { IRichTextGraphicAttribute } from '@visactor/vrender';
+import type { TooltipRowAttrs, TooltipRowStyleAttrs, TooltipTextAttrs } from './type';
 export declare const mergeRowAttrs: (target: TooltipRowAttrs | TooltipRowStyleAttrs, ...sources: (TooltipRowAttrs | TooltipRowStyleAttrs)[]) => TooltipRowAttrs | TooltipRowStyleAttrs;
+export declare const getRichTextAttribute: (attr: TooltipTextAttrs) => IRichTextGraphicAttribute;

package/es/tooltip/util.js

@@ -1,4 +1,4 @@
-import { isNil, merge } from "@visactor/vutils";
+import { array, isNil, merge } from "@visactor/vutils";
 
 export const mergeRowAttrs = (target, ...sources) => {
     const shapeList = [ target.shape, ...sources.map((s => null == s ? void 0 : s.shape)) ], keyList = [ target.key, ...sources.map((s => null == s ? void 0 : s.key)) ], valueList = [ target.value, ...sources.map((s => null == s ? void 0 : s.value)) ];
@@ -8,4 +8,19 @@ export const mergeRowAttrs = (target, ...sources) => {
         value: valueList.every(isNil) ? void 0 : merge({}, ...valueList)
     });
 };
+
+export const getRichTextAttribute = attr => {
+    const {width: width, height: height, wordBreak: wordBreak = "break-word", textAlign: textAlign, textBaseline: textBaseline, text: text} = attr;
+    return {
+        width: width,
+        height: height,
+        wordBreak: wordBreak,
+        textAlign: textAlign,
+        textBaseline: textBaseline,
+        singleLine: !1,
+        textConfig: array(text).map((text => Object.assign(Object.assign({}, attr), {
+            text: text
+        })))
+    };
+};
 //# sourceMappingURL=util.js.map

package/es/tooltip/util.js.map

@@ -1 +1 @@
-{"version":3,"sources":["tooltip/util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGhD,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,MAA8C,EAC9C,GAAG,OAAmD,EACd,EAAE;IAC1C,MAAM,SAAS,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,KAAK,CAAC,CAAC,CAAC;IAChE,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,GAAG,CAAC,CAAC,CAAC;IAC1D,MAAM,SAAS,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,KAAK,CAAC,CAAC,CAAC;IAEhE,OAAO,KAAK,CAAC,MAAM,EAAE,GAAG,OAAO,EAAE;QAC/B,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;QACnE,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,GAAG,OAAO,CAAC;QAC7D,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;KACpE,CAA2C,CAAC;AAC/C,CAAC,CAAC","file":"util.js","sourcesContent":["import { isNil, merge } from '@visactor/vutils';\nimport { TooltipRowAttrs, TooltipRowStyleAttrs } from './type';\n\nexport const mergeRowAttrs = (\n  target: TooltipRowAttrs | TooltipRowStyleAttrs,\n  ...sources: (TooltipRowAttrs | TooltipRowStyleAttrs)[]\n): TooltipRowAttrs | TooltipRowStyleAttrs => {\n  const shapeList = [target.shape, ...sources.map(s => s?.shape)];\n  const keyList = [target.key, ...sources.map(s => s?.key)];\n  const valueList = [target.value, ...sources.map(s => s?.value)];\n\n  return merge(target, ...sources, {\n    shape: shapeList.every(isNil) ? undefined : merge({}, ...shapeList),\n    key: keyList.every(isNil) ? undefined : merge({}, ...keyList),\n    value: valueList.every(isNil) ? undefined : merge({}, ...valueList)\n  }) as TooltipRowAttrs | TooltipRowStyleAttrs;\n};\n"]}
+{"version":3,"sources":["tooltip/util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAIvD,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,MAA8C,EAC9C,GAAG,OAAmD,EACd,EAAE;IAC1C,MAAM,SAAS,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,KAAK,CAAC,CAAC,CAAC;IAChE,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,GAAG,CAAC,CAAC,CAAC;IAC1D,MAAM,SAAS,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,KAAK,CAAC,CAAC,CAAC;IAEhE,OAAO,KAAK,CAAC,MAAM,EAAE,GAAG,OAAO,EAAE;QAC/B,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;QACnE,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,GAAG,OAAO,CAAC;QAC7D,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;KACpE,CAA2C,CAAC;AAC/C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,IAAsB,EAA6B,EAAE;IACxF,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,GAAG,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IACxF,OAAO;QACL,KAAK;QACL,MAAM;QACN,SAAS,EAAE,SAAgB;QAC3B,SAAS,EAAE,SAAgB;QAC3B,YAAY,EAAE,YAAmB;QACjC,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CACzB,IAAI,CAAC,EAAE,CACL,CAAC,gCACI,IAAI,KACP,IAAI,GACG,CAAA,CACZ;KACF,CAAC;AACJ,CAAC,CAAC","file":"util.js","sourcesContent":["import { array, isNil, merge } from '@visactor/vutils';\nimport type { IRichTextGraphicAttribute } from '@visactor/vrender';\nimport type { TooltipRowAttrs, TooltipRowStyleAttrs, TooltipTextAttrs } from './type';\n\nexport const mergeRowAttrs = (\n  target: TooltipRowAttrs | TooltipRowStyleAttrs,\n  ...sources: (TooltipRowAttrs | TooltipRowStyleAttrs)[]\n): TooltipRowAttrs | TooltipRowStyleAttrs => {\n  const shapeList = [target.shape, ...sources.map(s => s?.shape)];\n  const keyList = [target.key, ...sources.map(s => s?.key)];\n  const valueList = [target.value, ...sources.map(s => s?.value)];\n\n  return merge(target, ...sources, {\n    shape: shapeList.every(isNil) ? undefined : merge({}, ...shapeList),\n    key: keyList.every(isNil) ? undefined : merge({}, ...keyList),\n    value: valueList.every(isNil) ? undefined : merge({}, ...valueList)\n  }) as TooltipRowAttrs | TooltipRowStyleAttrs;\n};\n\nexport const getRichTextAttribute = (attr: TooltipTextAttrs): IRichTextGraphicAttribute => {\n  const { width, height, wordBreak = 'break-word', textAlign, textBaseline, text } = attr;\n  return {\n    width,\n    height,\n    wordBreak: wordBreak as any,\n    textAlign: textAlign as any,\n    textBaseline: textBaseline as any,\n    singleLine: false,\n    textConfig: array(text).map(\n      text =>\n        ({\n          ...attr,\n          text\n        } as any)\n    )\n  };\n};\n"]}

package/es/util/text.d.ts

@@ -1,5 +1,6 @@
-import { ITextGraphicAttribute } from '@visactor/vrender';
-import { ITextMeasureOption, TextMeasure } from '@visactor/vutils';
+import type { ITextGraphicAttribute } from '@visactor/vrender';
+import type { ITextMeasureOption } from '@visactor/vutils';
+import { TextMeasure } from '@visactor/vutils';
 export declare const initTextMeasure: (textSpec?: Partial<ITextGraphicAttribute>, option?: Partial<ITextMeasureOption>, useNaiveCanvas?: boolean) => TextMeasure<ITextGraphicAttribute>;
 export declare function measureTextSize(text: string | number | string[] | number[], textSpec: Partial<ITextGraphicAttribute>): {
     width: number;

package/es/util/text.js.map

@@ -1 +1 @@
-{"version":3,"sources":["util/text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAyB,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAsB,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,EAAE,wBAAwB,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAE/E,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,QAAyC,EACzC,MAAoC,EACpC,cAAwB,EACY,EAAE;IACtC,OAAO,IAAI,WAAW,iBAElB,iBAAiB,EAAE;YACjB,UAAU,EAAE,wBAAwB;YACpC,QAAQ,EAAE,sBAAsB;SACjC,EACD,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,EACzD,cAAc,EAAE,cAAc,GAAG,WAAW,CAAC,iBAAiB,GAAG,WAAW,CAAC,iBAAiB,CAAC,WAAW,EAAE,IACzG,CAAC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,EAAE,CAAC,GAEnB,QAAQ,CACT,CAAC;AACJ,CAAC,CAAC;AAGF,MAAM,UAAU,eAAe,CAAC,IAA2C,EAAE,QAAwC;;IACnH,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;KAChC;IACD,MAAM,MAAM,GAAG,aAAa,CAAC;QAC3B,IAAI;QACJ,UAAU,EAAE,MAAA,QAAQ,CAAC,UAAU,mCAAI,EAAE;QACrC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,IAAI,EAAE;QACjC,UAAU,EAAE,QAAQ,CAAC,UAAiB;QACtC,SAAS,EAAE,MAAA,QAAQ,CAAC,SAAS,mCAAI,QAAQ;QACzC,YAAY,EAAE,QAAQ,CAAC,YAAY;QACnC,QAAQ,EAAE,CAAC,CAAC,QAAQ,CAAC,QAAQ;QAC7B,YAAY,EAAE,QAAQ,CAAC,YAAY,IAAI,QAAQ;QAC/C,UAAU,EAAE,QAAQ,CAAC,QAAQ,IAAI,EAAE;KACpC,CAAC,CAAC;IAEH,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC;AAC5D,CAAC","file":"text.js","sourcesContent":["import { getTextBounds, ITextGraphicAttribute } from '@visactor/vrender';\nimport { ITextMeasureOption, TextMeasure } from '@visactor/vutils';\nimport { DEFAULT_TEXT_FONT_FAMILY, DEFAULT_TEXT_FONT_SIZE } from '../constant';\n\nexport const initTextMeasure = (\n  textSpec?: Partial<ITextGraphicAttribute>,\n  option?: Partial<ITextMeasureOption>,\n  useNaiveCanvas?: boolean\n): TextMeasure<ITextGraphicAttribute> => {\n  return new TextMeasure<ITextGraphicAttribute>(\n    {\n      defaultFontParams: {\n        fontFamily: DEFAULT_TEXT_FONT_FAMILY,\n        fontSize: DEFAULT_TEXT_FONT_SIZE\n      },\n      getTextBounds: useNaiveCanvas ? undefined : getTextBounds,\n      specialCharSet: '-/: .,@%\\'\"~' + TextMeasure.ALPHABET_CHAR_SET + TextMeasure.ALPHABET_CHAR_SET.toUpperCase(),\n      ...(option ?? {})\n    },\n    textSpec\n  );\n};\n\n// FIXME: 和上一个方法统一，使用 TextMeasure 类\nexport function measureTextSize(text: string | number | string[] | number[], textSpec: Partial<ITextGraphicAttribute>) {\n  if (!text) {\n    return { width: 0, height: 0 };\n  }\n  const bounds = getTextBounds({\n    text,\n    fontFamily: textSpec.fontFamily ?? '',\n    fontSize: textSpec.fontSize || 12,\n    fontWeight: textSpec.fontWeight as any,\n    textAlign: textSpec.textAlign ?? 'center',\n    textBaseline: textSpec.textBaseline,\n    ellipsis: !!textSpec.ellipsis,\n    maxLineWidth: textSpec.maxLineWidth || Infinity,\n    lineHeight: textSpec.fontSize || 12\n  });\n\n  return { width: bounds.width(), height: bounds.height() };\n}\n"]}
+{"version":3,"sources":["util/text.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,wBAAwB,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAE/E,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,QAAyC,EACzC,MAAoC,EACpC,cAAwB,EACY,EAAE;IACtC,OAAO,IAAI,WAAW,iBAElB,iBAAiB,EAAE;YACjB,UAAU,EAAE,wBAAwB;YACpC,QAAQ,EAAE,sBAAsB;SACjC,EACD,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,EACzD,cAAc,EAAE,cAAc,GAAG,WAAW,CAAC,iBAAiB,GAAG,WAAW,CAAC,iBAAiB,CAAC,WAAW,EAAE,IACzG,CAAC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,EAAE,CAAC,GAEnB,QAAQ,CACT,CAAC;AACJ,CAAC,CAAC;AAGF,MAAM,UAAU,eAAe,CAAC,IAA2C,EAAE,QAAwC;;IACnH,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;KAChC;IACD,MAAM,MAAM,GAAG,aAAa,CAAC;QAC3B,IAAI;QACJ,UAAU,EAAE,MAAA,QAAQ,CAAC,UAAU,mCAAI,EAAE;QACrC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,IAAI,EAAE;QACjC,UAAU,EAAE,QAAQ,CAAC,UAAiB;QACtC,SAAS,EAAE,MAAA,QAAQ,CAAC,SAAS,mCAAI,QAAQ;QACzC,YAAY,EAAE,QAAQ,CAAC,YAAY;QACnC,QAAQ,EAAE,CAAC,CAAC,QAAQ,CAAC,QAAQ;QAC7B,YAAY,EAAE,QAAQ,CAAC,YAAY,IAAI,QAAQ;QAC/C,UAAU,EAAE,QAAQ,CAAC,QAAQ,IAAI,EAAE;KACpC,CAAC,CAAC;IAEH,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC;AAC5D,CAAC","file":"text.js","sourcesContent":["import type { ITextGraphicAttribute } from '@visactor/vrender';\n// eslint-disable-next-line no-duplicate-imports\nimport { getTextBounds } from '@visactor/vrender';\nimport type { ITextMeasureOption } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport { TextMeasure } from '@visactor/vutils';\nimport { DEFAULT_TEXT_FONT_FAMILY, DEFAULT_TEXT_FONT_SIZE } from '../constant';\n\nexport const initTextMeasure = (\n  textSpec?: Partial<ITextGraphicAttribute>,\n  option?: Partial<ITextMeasureOption>,\n  useNaiveCanvas?: boolean\n): TextMeasure<ITextGraphicAttribute> => {\n  return new TextMeasure<ITextGraphicAttribute>(\n    {\n      defaultFontParams: {\n        fontFamily: DEFAULT_TEXT_FONT_FAMILY,\n        fontSize: DEFAULT_TEXT_FONT_SIZE\n      },\n      getTextBounds: useNaiveCanvas ? undefined : getTextBounds,\n      specialCharSet: '-/: .,@%\\'\"~' + TextMeasure.ALPHABET_CHAR_SET + TextMeasure.ALPHABET_CHAR_SET.toUpperCase(),\n      ...(option ?? {})\n    },\n    textSpec\n  );\n};\n\n// FIXME: 和上一个方法统一，使用 TextMeasure 类\nexport function measureTextSize(text: string | number | string[] | number[], textSpec: Partial<ITextGraphicAttribute>) {\n  if (!text) {\n    return { width: 0, height: 0 };\n  }\n  const bounds = getTextBounds({\n    text,\n    fontFamily: textSpec.fontFamily ?? '',\n    fontSize: textSpec.fontSize || 12,\n    fontWeight: textSpec.fontWeight as any,\n    textAlign: textSpec.textAlign ?? 'center',\n    textBaseline: textSpec.textBaseline,\n    ellipsis: !!textSpec.ellipsis,\n    maxLineWidth: textSpec.maxLineWidth || Infinity,\n    lineHeight: textSpec.fontSize || 12\n  });\n\n  return { width: bounds.width(), height: bounds.height() };\n}\n"]}