@visactor/vrender-components 0.16.17-alpha.4 → 0.16.17-alpha.8

package/es/axis/type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/axis/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type {\n  IGraphicAttribute,\n  ILineGraphicAttribute,\n  SymbolType,\n  ITextGraphicAttribute,\n  ISymbolGraphicAttribute,\n  IRectGraphicAttribute,\n  IGroupGraphicAttribute,\n  IText,\n  IGroup\n} from '@visactor/vrender-core';\nimport type { Dict } from '@visactor/vutils';\nimport type { Point } from '../core/type';\nimport type { SegmentAttributes } from '../segment';\nimport type { TagAttributes } from '../tag';\n\nexport type AxisItemStateStyle<T> = {\n  hover?: T;\n  hover_reverse?: T;\n  selected?: T;\n  selected_reverse?: T;\n};\n\nexport type callbackFunc<T> = (datum: Dict<any>, index: number, data?: Dict<any>[], layer?: number) => T;\n\n// 处理过的用于绘制的 tickLine 数据\nexport type TickLineItem = {\n  start: Point;\n  end: Point;\n  /** 归一化后的数据 */\n  value: number;\n  // 3d数据\n  anchor?: [number, number];\n  alpha?: number;\n  beta?: number;\n  [key: string]: any;\n};\n\n// 处理过的用于绘制的数据\nexport type TransformedAxisItem = AxisItem & {\n  point: Point;\n};\n\nexport type AxisItem = {\n  /** 标识符，用于动画以及图形查找 */\n  id?: string | number;\n  /** 显示文本 */\n  label: string | number;\n  /** 归一化后的数据 */\n  value: number;\n  /** 对应原始数据 */\n  rawValue: any;\n  [key: string]: any;\n};\n\nexport interface AxisBaseAttributes extends IGroupGraphicAttribute {\n  /**\n   * 是否开启选中交互\n   * @default false\n   */\n  select?: boolean;\n  /**\n   * 是否开启 hover 交互\n   * @default false\n   */\n  hover?: boolean;\n  /**\n   * 垂直于坐标轴方向的因子，默认为 1\n   */\n  verticalFactor?: number;\n  /**\n   * 坐标轴的显示位置，用于文本的防重叠处理\n   */\n  orient?: string;\n  /** 坐标轴数据 */\n  items: AxisItem[][];\n  /**\n   * 轴标题配置\n   */\n  title?: TitleAttributes;\n  /**\n   * 轴标签配置\n   */\n  label?: LabelAttributes;\n  /**\n   * 轴刻度线配置\n   */\n  tick?: TickAttributes;\n  /**\n   * 自刻度线配置\n   */\n  subTick?: SubTickAttributes;\n  /**\n   * 轴线配置\n   */\n  line?: LineAttributes;\n  /**\n   * 关闭交互效果\n   * @default false\n   */\n  disableTriggerEvent?: boolean;\n}\n\nexport interface ILine3dType {\n  alpha: number;\n  anchor3d?: [number, number];\n}\n\nexport interface LineAxisAttributes extends Omit<AxisBaseAttributes, 'label'> {\n  /**\n   * 起始点坐标\n   */\n  start: Point;\n  /**\n   * 结束点坐标\n   */\n  end: Point;\n  /**\n   * 坐标轴垂直方向的限制空间，该配置会影响文本的显示，\n   * 即如果超出，文本则会进行自动旋转、自动隐藏等动作。\n   */\n  verticalLimitSize?: number;\n  /**\n   * 坐标轴垂直方向的最小空间，如果小于该值，则以该值占据显示空间。\n   * 如果同时声明了 verticalLimitSize，请保证 verticalMinSize <= verticalLimitSize，否则会以 verticalLimitSize 为准。\n   */\n  verticalMinSize?: number;\n  /**\n   * 轴标签配置\n   */\n  label?: LabelAttributes & {\n    /**\n     * label 相对于容器整体的对齐方式\n     * - `top`：整体向上对齐（垂直方向）\n     * - `middle`：整体居中对齐（垂直方向）\n     * - `bottom`：整体向下对齐（垂直方向）\n     * - `left`：整体向左对齐（水平方向）\n     * - `center`：整体居中对齐（水平方向）\n     * - `right`：整体向右对齐（水平方向）\n     */\n    containerAlign?: 'left' | 'right' | 'center' | 'top' | 'bottom' | 'middle';\n    /**\n     * 坐标轴首尾文字向内收缩\n     * @default false\n     */\n    flush?: boolean;\n  };\n  /**\n   * 坐标轴背景配置\n   */\n  panel?: {\n    /**\n     * 是否绘制坐标轴背景\n     */\n    visible?: boolean;\n    /**\n     * 坐标轴背景配置\n     */\n    style?: Partial<IRectGraphicAttribute>;\n    /**\n     * 坐标轴背景交互状态样式配置\n     */\n    state?: AxisItemStateStyle<Partial<IRectGraphicAttribute>>;\n  };\n}\n\nexport interface CircleAxisAttributes extends AxisBaseAttributes {\n  /**\n   * 当配置了 innerRadius 时，可以通过设置 inside: true，将坐标轴战士在内圆半径上。\n   * @default false\n   */\n  inside?: boolean;\n  /**\n   * 圆心坐标\n   */\n  center: Point;\n  /**\n   * **弧度值**，起始弧度，默认 -0.5 * Math.PI\n   *\n   */\n  startAngle?: number;\n  /**\n   * **弧度值**，结束弧度，默认 1.5 * Math.PI\n   */\n  endAngle?: number;\n  /**\n   * 半径\n   */\n  radius: number;\n  /** 内半径 */\n  innerRadius?: number;\n}\n\n// 坐标轴标题配置\nexport interface TitleAttributes extends Omit<TagAttributes, 'shape' | 'space' | 'text' | 'panel' | 'state'> {\n  /**\n   * 是否展示标题\n   */\n  visible?: boolean;\n  /**\n   * 标题的显示位置，默认 'middle'\n   */\n  position?: 'start' | 'middle' | 'end';\n  /**\n   * 标题距离坐标轴(轴线、刻度、标签共同构成的包围盒)的距离\n   */\n  space?: number;\n  /**\n   * 标题是否自动旋转以和坐标轴平行\n   */\n  autoRotate?: boolean;\n  /**\n   * 文本内容，如果需要进行换行，则使用数组形式，如 ['abc', '123']\n   */\n  text?: string | string[] | number | number[];\n  shape?: {\n    /**\n     * 是否展示 shape\n     */\n    visible?: boolean;\n    /**\n     * shape 同 文本的间距\n     */\n    space?: number;\n    style?: Omit<Partial<ISymbolGraphicAttribute>, 'visible'>;\n  };\n  /**\n   * 背景设置\n   */\n  background?: {\n    /**\n     * 是否绘制背景层\n     */\n    visible?: boolean;\n    /**\n     * 背景层样式\n     */\n    style?: Omit<Partial<IRectGraphicAttribute>, 'visible' | 'width' | 'height'>;\n  };\n\n  /**\n   * 交互状态样式配置\n   */\n  state?: {\n    /**\n     * text 文本的状态配置\n     */\n    text?: AxisItemStateStyle<Partial<ITextGraphicAttribute>>;\n    /**\n     * shape 标记的状态配置\n     */\n    shape?: AxisItemStateStyle<Partial<ISymbolGraphicAttribute>>;\n    /**\n     * panel 背景的状态配置\n     */\n    background?: AxisItemStateStyle<Partial<IRectGraphicAttribute>>;\n  };\n}\n// 坐标轴线配置\nexport interface LineAttributes extends Pick<SegmentAttributes, 'startSymbol' | 'endSymbol'> {\n  /**\n   * 是否展示轴线\n   */\n  visible?: boolean;\n  /**\n   * TODO: 待支持\n   * 坐标轴截断范围，当需要对坐标轴轴线截断时，可配置该属性\n   */\n  breakRange?: [number, number];\n  /**\n   * TODO: 待支持\n   * 截断区域的形状\n   */\n  breakShape?: SymbolType | [SymbolType, SymbolType];\n  /**\n   * TODO: 待支持\n   * 截断图形样式\n   */\n  breakShapeStyle?: Partial<IGraphicAttribute>;\n  /**\n   * 线的样式配置\n   */\n  style?: Partial<ILineGraphicAttribute>;\n  state?: AxisItemStateStyle<Partial<ILineGraphicAttribute>>;\n}\n\n// 轴刻度线配置\nexport interface TickAttributes {\n  /** 是否显示轴刻度线 */\n  visible: boolean;\n  /**\n   * 刻度线朝向，默认朝外(坐标线包围盒外部)\n   * @default false\n   */\n  inside?: boolean;\n  /**\n   * tick 是否与 label 对齐\n   * @default true\n   */\n  alignWithLabel?: boolean;\n  /**\n   * 刻度线的长度\n   */\n  length?: number;\n  /**\n   * 刻度线样式配置\n   */\n  style?: Partial<ILineGraphicAttribute> | callbackFunc<Partial<ILineGraphicAttribute> | undefined>;\n  /**\n   * 刻度线状态样式配置\n   */\n  state?: AxisItemStateStyle<Partial<ILineGraphicAttribute> | callbackFunc<Partial<ILineGraphicAttribute> | undefined>>;\n  /**\n   * 用于 tick 的数据过滤\n   * @param data\n   * @returns\n   */\n  dataFilter?: (data: AxisItem[]) => AxisItem[];\n}\n\n// 子轴刻度线配置\nexport interface SubTickAttributes {\n  /** 是否显示子轴刻度线 */\n  visible: boolean;\n  /**\n   * TODO: 考虑下 log 轴，自刻度线之间的间距是不均匀的问题\n   * 子刻度个数\n   */\n  count?: number;\n  /**\n   * 子刻度线朝向，默认朝外(坐标线包围盒外部)\n   * @default false\n   */\n  inside?: boolean;\n  /**\n   * 子刻度线的长度\n   */\n  length?: number;\n  /**\n   * 子刻度线样式配置\n   */\n  style?: Partial<ILineGraphicAttribute> | callbackFunc<Partial<ILineGraphicAttribute> | undefined>;\n  /**\n   * 子刻度线状态样式配置\n   */\n  state?: AxisItemStateStyle<Partial<ILineGraphicAttribute> | callbackFunc<Partial<ILineGraphicAttribute> | undefined>>;\n}\n\nexport type CustomMethod = (items: IText[], separation: number) => IText[];\n\nexport interface AxisLabelOverlap {\n  /**\n   * 自动旋转配置\n   * @default false\n   */\n  autoRotate?: boolean;\n  /**\n   * 仅当 `autoRotate` 为 true 时生效，可选的旋转范围，默认为 [0, 45, 90]\n   * @default [0, 45, 90]\n   */\n  autoRotateAngle?: number[];\n  /**\n   * 自动隐藏配置\n   * @default false\n   */\n  autoHide?: boolean;\n  /**\n   * 防重叠策略，默认为 'parity'。\n   * - 'parity': 奇偶校验，使用删除所有其他标签的策略（这对于标准线性轴非常有效）。\n   * - 'greedy': 将执行标签的线性扫描，并删除与最后一个可见标签重叠的所有标签。\n   * - 也可以传入函数用于自定义策略\n   * @default 'parity'\n   */\n  autoHideMethod?: 'parity' | 'greedy' | CustomMethod;\n  /**\n   * 仅当 `autoHide` 为 true 时生效，设置文本之间的间隔距离，单位 px\n   * @default 0\n   */\n  autoHideSeparation?: number;\n  /**\n   * 自动隐藏配置\n   * @default false\n   */\n  autoLimit?: boolean;\n  /**\n   * 仅当 `autoLimit` 为 true 时生效，省略占位符，默认为 '...'\n   * @default '...'\n   */\n  limitEllipsis?: string;\n\n  /**\n   * 自定义布局配置，如果声明了 `layoutFunc`，则默认提供的防重叠相关的配置（`autoHide`, `autoRotate`, `autoLimit`）均不生效\n   * @param labels 标签图形元素\n   * @param labelData 标签数据\n   * @param layer 当前轴的层级\n   * @param axis 当前轴组件实例\n   * @returns void\n   */\n  layoutFunc?: (labels: IText[], labelData: AxisItem[], layer: number, axis: IGroup) => void;\n}\n\nexport interface LabelAttributes extends AxisLabelOverlap {\n  /** 是否展示标签 */\n  visible: boolean;\n  /**\n   * 标签朝向，默认朝外(坐标线包围盒外部)\n   * @default false\n   */\n  inside?: boolean;\n  /** 标签同 tick 之间的间距 */\n  space?: number;\n  /**\n   * 格式化文本回调\n   * @param text 文本原始值\n   * @param item 对应的图形元素\n   * @param index 文本索引顺序\n   * @returns 格式化文本\n   */\n  formatMethod?: (value: string, datum: Dict<any>, index: number, data?: Dict<any>[], layer?: number) => string;\n  /**\n   * 文本样式\n   */\n  style?: Partial<ITextGraphicAttribute> | callbackFunc<Partial<ITextGraphicAttribute> | undefined>;\n  /**\n   * 文本状态样式配置\n   */\n  state?: AxisItemStateStyle<Partial<ITextGraphicAttribute> | callbackFunc<Partial<ITextGraphicAttribute> | undefined>>;\n\n  /**\n   * 用于 label 的数据过滤\n   * @param data\n   * @param layer\n   * @returns\n   */\n  dataFilter?: (data: AxisItem[], layer: number) => AxisItem[];\n}\n"]}
+{"version":3,"sources":["../src/axis/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type {\n  IGraphicAttribute,\n  ILineGraphicAttribute,\n  SymbolType,\n  ITextGraphicAttribute,\n  ISymbolGraphicAttribute,\n  IRectGraphicAttribute,\n  IGroupGraphicAttribute,\n  IText,\n  IGroup\n} from '@visactor/vrender-core';\nimport type { Dict } from '@visactor/vutils';\nimport type { Point, TextContent } from '../core/type';\nimport type { SegmentAttributes } from '../segment';\nimport type { TagAttributes } from '../tag';\n\nexport type AxisItemStateStyle<T> = {\n  hover?: T;\n  hover_reverse?: T;\n  selected?: T;\n  selected_reverse?: T;\n};\n\nexport type callbackFunc<T> = (datum: Dict<any>, index: number, data?: Dict<any>[], layer?: number) => T;\n\n// 处理过的用于绘制的 tickLine 数据\nexport type TickLineItem = {\n  start: Point;\n  end: Point;\n  /** 归一化后的数据 */\n  value: number;\n  // 3d数据\n  anchor?: [number, number];\n  alpha?: number;\n  beta?: number;\n  [key: string]: any;\n};\n\n// 处理过的用于绘制的数据\nexport type TransformedAxisItem = AxisItem & {\n  point: Point;\n};\n\nexport type AxisItem = {\n  /** 标识符，用于动画以及图形查找 */\n  id?: string | number;\n  /** 显示文本 */\n  label: string | number;\n  /** 归一化后的数据 */\n  value: number;\n  /** 对应原始数据 */\n  rawValue: any;\n  [key: string]: any;\n};\n\nexport interface AxisBaseAttributes extends IGroupGraphicAttribute {\n  /**\n   * 是否开启选中交互\n   * @default false\n   */\n  select?: boolean;\n  /**\n   * 是否开启 hover 交互\n   * @default false\n   */\n  hover?: boolean;\n  /**\n   * 垂直于坐标轴方向的因子，默认为 1\n   */\n  verticalFactor?: number;\n  /**\n   * 坐标轴的显示位置，用于文本的防重叠处理\n   */\n  orient?: string;\n  /** 坐标轴数据 */\n  items: AxisItem[][];\n  /**\n   * 轴标题配置\n   */\n  title?: TitleAttributes;\n  /**\n   * 轴标签配置\n   */\n  label?: LabelAttributes;\n  /**\n   * 轴刻度线配置\n   */\n  tick?: TickAttributes;\n  /**\n   * 自刻度线配置\n   */\n  subTick?: SubTickAttributes;\n  /**\n   * 轴线配置\n   */\n  line?: LineAttributes;\n  /**\n   * 关闭交互效果\n   * @default false\n   */\n  disableTriggerEvent?: boolean;\n}\n\nexport interface ILine3dType {\n  alpha: number;\n  anchor3d?: [number, number];\n}\n\nexport interface LineAxisAttributes extends Omit<AxisBaseAttributes, 'label'> {\n  /**\n   * 起始点坐标\n   */\n  start: Point;\n  /**\n   * 结束点坐标\n   */\n  end: Point;\n  /**\n   * 坐标轴垂直方向的限制空间，该配置会影响文本的显示，\n   * 即如果超出，文本则会进行自动旋转、自动隐藏等动作。\n   */\n  verticalLimitSize?: number;\n  /**\n   * 坐标轴垂直方向的最小空间，如果小于该值，则以该值占据显示空间。\n   * 如果同时声明了 verticalLimitSize，请保证 verticalMinSize <= verticalLimitSize，否则会以 verticalLimitSize 为准。\n   */\n  verticalMinSize?: number;\n  /**\n   * 轴标签配置\n   */\n  label?: LabelAttributes & {\n    /**\n     * label 相对于容器整体的对齐方式\n     * - `top`：整体向上对齐（垂直方向）\n     * - `middle`：整体居中对齐（垂直方向）\n     * - `bottom`：整体向下对齐（垂直方向）\n     * - `left`：整体向左对齐（水平方向）\n     * - `center`：整体居中对齐（水平方向）\n     * - `right`：整体向右对齐（水平方向）\n     */\n    containerAlign?: 'left' | 'right' | 'center' | 'top' | 'bottom' | 'middle';\n    /**\n     * 坐标轴首尾文字向内收缩\n     * @default false\n     */\n    flush?: boolean;\n  };\n  /**\n   * 坐标轴背景配置\n   */\n  panel?: {\n    /**\n     * 是否绘制坐标轴背景\n     */\n    visible?: boolean;\n    /**\n     * 坐标轴背景配置\n     */\n    style?: Partial<IRectGraphicAttribute>;\n    /**\n     * 坐标轴背景交互状态样式配置\n     */\n    state?: AxisItemStateStyle<Partial<IRectGraphicAttribute>>;\n  };\n}\n\nexport interface CircleAxisAttributes extends AxisBaseAttributes {\n  /**\n   * 当配置了 innerRadius 时，可以通过设置 inside: true，将坐标轴战士在内圆半径上。\n   * @default false\n   */\n  inside?: boolean;\n  /**\n   * 圆心坐标\n   */\n  center: Point;\n  /**\n   * **弧度值**，起始弧度，默认 -0.5 * Math.PI\n   *\n   */\n  startAngle?: number;\n  /**\n   * **弧度值**，结束弧度，默认 1.5 * Math.PI\n   */\n  endAngle?: number;\n  /**\n   * 半径\n   */\n  radius: number;\n  /** 内半径 */\n  innerRadius?: number;\n}\n\n// 坐标轴标题配置\nexport type TitleAttributes = Omit<TagAttributes, 'shape' | 'space' | 'panel' | 'state'> & {\n  /**\n   * 是否展示标题\n   */\n  visible?: boolean;\n  /**\n   * 标题的显示位置，默认 'middle'\n   */\n  position?: 'start' | 'middle' | 'end';\n  /**\n   * 标题距离坐标轴(轴线、刻度、标签共同构成的包围盒)的距离\n   */\n  space?: number;\n  /**\n   * 标题是否自动旋转以和坐标轴平行\n   */\n  autoRotate?: boolean;\n  shape?: {\n    /**\n     * 是否展示 shape\n     */\n    visible?: boolean;\n    /**\n     * shape 同 文本的间距\n     */\n    space?: number;\n    style?: Omit<Partial<ISymbolGraphicAttribute>, 'visible'>;\n  };\n  /**\n   * 背景设置\n   */\n  background?: {\n    /**\n     * 是否绘制背景层\n     */\n    visible?: boolean;\n    /**\n     * 背景层样式\n     */\n    style?: Omit<Partial<IRectGraphicAttribute>, 'visible' | 'width' | 'height'>;\n  };\n\n  /**\n   * 交互状态样式配置\n   */\n  state?: {\n    /**\n     * text 文本的状态配置\n     */\n    text?: AxisItemStateStyle<Partial<ITextGraphicAttribute>>;\n    /**\n     * shape 标记的状态配置\n     */\n    shape?: AxisItemStateStyle<Partial<ISymbolGraphicAttribute>>;\n    /**\n     * panel 背景的状态配置\n     */\n    background?: AxisItemStateStyle<Partial<IRectGraphicAttribute>>;\n  };\n};\n// 坐标轴线配置\nexport interface LineAttributes extends Pick<SegmentAttributes, 'startSymbol' | 'endSymbol'> {\n  /**\n   * 是否展示轴线\n   */\n  visible?: boolean;\n  /**\n   * TODO: 待支持\n   * 坐标轴截断范围，当需要对坐标轴轴线截断时，可配置该属性\n   */\n  breakRange?: [number, number];\n  /**\n   * TODO: 待支持\n   * 截断区域的形状\n   */\n  breakShape?: SymbolType | [SymbolType, SymbolType];\n  /**\n   * TODO: 待支持\n   * 截断图形样式\n   */\n  breakShapeStyle?: Partial<IGraphicAttribute>;\n  /**\n   * 线的样式配置\n   */\n  style?: Partial<ILineGraphicAttribute>;\n  state?: AxisItemStateStyle<Partial<ILineGraphicAttribute>>;\n}\n\n// 轴刻度线配置\nexport interface TickAttributes {\n  /** 是否显示轴刻度线 */\n  visible: boolean;\n  /**\n   * 刻度线朝向，默认朝外(坐标线包围盒外部)\n   * @default false\n   */\n  inside?: boolean;\n  /**\n   * tick 是否与 label 对齐\n   * @default true\n   */\n  alignWithLabel?: boolean;\n  /**\n   * 刻度线的长度\n   */\n  length?: number;\n  /**\n   * 刻度线样式配置\n   */\n  style?: Partial<ILineGraphicAttribute> | callbackFunc<Partial<ILineGraphicAttribute> | undefined>;\n  /**\n   * 刻度线状态样式配置\n   */\n  state?: AxisItemStateStyle<Partial<ILineGraphicAttribute> | callbackFunc<Partial<ILineGraphicAttribute> | undefined>>;\n  /**\n   * 用于 tick 的数据过滤\n   * @param data\n   * @returns\n   */\n  dataFilter?: (data: AxisItem[]) => AxisItem[];\n}\n\n// 子轴刻度线配置\nexport interface SubTickAttributes {\n  /** 是否显示子轴刻度线 */\n  visible: boolean;\n  /**\n   * TODO: 考虑下 log 轴，自刻度线之间的间距是不均匀的问题\n   * 子刻度个数\n   */\n  count?: number;\n  /**\n   * 子刻度线朝向，默认朝外(坐标线包围盒外部)\n   * @default false\n   */\n  inside?: boolean;\n  /**\n   * 子刻度线的长度\n   */\n  length?: number;\n  /**\n   * 子刻度线样式配置\n   */\n  style?: Partial<ILineGraphicAttribute> | callbackFunc<Partial<ILineGraphicAttribute> | undefined>;\n  /**\n   * 子刻度线状态样式配置\n   */\n  state?: AxisItemStateStyle<Partial<ILineGraphicAttribute> | callbackFunc<Partial<ILineGraphicAttribute> | undefined>>;\n}\n\nexport type CustomMethod = (items: IText[], separation: number) => IText[];\n\nexport interface AxisLabelOverlap {\n  /**\n   * 自动旋转配置\n   * @default false\n   */\n  autoRotate?: boolean;\n  /**\n   * 仅当 `autoRotate` 为 true 时生效，可选的旋转范围，默认为 [0, 45, 90]\n   * @default [0, 45, 90]\n   */\n  autoRotateAngle?: number[];\n  /**\n   * 自动隐藏配置\n   * @default false\n   */\n  autoHide?: boolean;\n  /**\n   * 防重叠策略，默认为 'parity'。\n   * - 'parity': 奇偶校验，使用删除所有其他标签的策略（这对于标准线性轴非常有效）。\n   * - 'greedy': 将执行标签的线性扫描，并删除与最后一个可见标签重叠的所有标签。\n   * - 也可以传入函数用于自定义策略\n   * @default 'parity'\n   */\n  autoHideMethod?: 'parity' | 'greedy' | CustomMethod;\n  /**\n   * 仅当 `autoHide` 为 true 时生效，设置文本之间的间隔距离，单位 px\n   * @default 0\n   */\n  autoHideSeparation?: number;\n  /**\n   * 自动隐藏配置\n   * @default false\n   */\n  autoLimit?: boolean;\n  /**\n   * 仅当 `autoLimit` 为 true 时生效，省略占位符，默认为 '...'\n   * @default '...'\n   */\n  limitEllipsis?: string;\n\n  /**\n   * 自定义布局配置，如果声明了 `layoutFunc`，则默认提供的防重叠相关的配置（`autoHide`, `autoRotate`, `autoLimit`）均不生效\n   * @param labels 标签图形元素\n   * @param labelData 标签数据\n   * @param layer 当前轴的层级\n   * @param axis 当前轴组件实例\n   * @returns void\n   */\n  layoutFunc?: (labels: IText[], labelData: AxisItem[], layer: number, axis: IGroup) => void;\n}\n\nexport type LabelAttributes = Omit<AxisLabelOverlap, 'text'> &\n  TextContent & {\n    /** 是否展示标签 */\n    visible: boolean;\n    /**\n     * 标签朝向，默认朝外(坐标线包围盒外部)\n     * @default false\n     */\n    inside?: boolean;\n    /** 标签同 tick 之间的间距 */\n    space?: number;\n    /**\n     * 格式化文本回调\n     * @param text 文本原始值\n     * @param item 对应的图形元素\n     * @param index 文本索引顺序\n     * @returns 格式化文本\n     */\n    formatMethod?: (value: string, datum: Dict<any>, index: number, data?: Dict<any>[], layer?: number) => string;\n    /**\n     * 文本样式\n     */\n    style?: Partial<ITextGraphicAttribute> | callbackFunc<Partial<ITextGraphicAttribute> | undefined>;\n    /**\n     * 文本状态样式配置\n     */\n    state?: AxisItemStateStyle<\n      Partial<ITextGraphicAttribute> | callbackFunc<Partial<ITextGraphicAttribute> | undefined>\n    >;\n\n    /**\n     * 用于 label 的数据过滤\n     * @param data\n     * @param layer\n     * @returns\n     */\n    dataFilter?: (data: AxisItem[], layer: number) => AxisItem[];\n  };\n"]}

package/es/constant.d.ts

@@ -14,3 +14,9 @@ export declare const DEFAULT_STATES: {
     hover: {};
     hover_reverse: {};
 };
+export declare const DEFAULT_HTML_TEXT_SPEC: {
+    container: string;
+    width: number;
+    height: number;
+    style: {};
+};

package/es/constant.js

@@ -18,4 +18,11 @@ export const DEFAULT_STATES = {
     [StateValue.selected]: {},
     [StateValue.hover]: {},
     [StateValue.hoverReverse]: {}
+};
+
+export const DEFAULT_HTML_TEXT_SPEC = {
+    container: "",
+    width: 30,
+    height: 30,
+    style: {}
 };

package/es/constant.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/constant.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC;AAChD,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC;AAE7C,MAAM,CAAC,MAAM,wBAAwB,GAEnC,kJAAkJ,CAAC;AAErJ,MAAM,CAAC,MAAM,sBAAsB,GAAG,EAAE,CAAC;AAEzC,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,mCAAqB,CAAA;IACrB,kDAAoC,CAAA;IACpC,6BAAe,CAAA;IACf,4CAA8B,CAAA;AAChC,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAED,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,CAAC,UAAU,CAAC,eAAe,CAAC,EAAE,EAAE;IAChC,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,EAAE;IACzB,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE;IACtB,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,EAAE;CAC9B,CAAC","file":"constant.js","sourcesContent":["export const POLAR_START_ANGLE = -0.5 * Math.PI;\nexport const POLAR_END_ANGLE = 1.5 * Math.PI;\n\nexport const DEFAULT_TEXT_FONT_FAMILY =\n  // eslint-disable-next-line max-len\n  'PingFang SC,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif, apple color emoji,segoe ui emoji,segoe ui symbol';\n\nexport const DEFAULT_TEXT_FONT_SIZE = 11;\n\nexport enum StateValue {\n  selected = 'selected',\n  selectedReverse = 'selected_reverse',\n  hover = 'hover',\n  hoverReverse = 'hover_reverse'\n}\n\nexport const DEFAULT_STATES = {\n  [StateValue.selectedReverse]: {},\n  [StateValue.selected]: {},\n  [StateValue.hover]: {},\n  [StateValue.hoverReverse]: {}\n};\n"]}
+{"version":3,"sources":["../src/constant.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC;AAChD,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC;AAE7C,MAAM,CAAC,MAAM,wBAAwB,GAEnC,kJAAkJ,CAAC;AAErJ,MAAM,CAAC,MAAM,sBAAsB,GAAG,EAAE,CAAC;AAEzC,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,mCAAqB,CAAA;IACrB,kDAAoC,CAAA;IACpC,6BAAe,CAAA;IACf,4CAA8B,CAAA;AAChC,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAED,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,CAAC,UAAU,CAAC,eAAe,CAAC,EAAE,EAAE;IAChC,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,EAAE;IACzB,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE;IACtB,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,EAAE;CAC9B,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,SAAS,EAAE,EAAE;IACb,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;CACV,CAAC","file":"constant.js","sourcesContent":["export const POLAR_START_ANGLE = -0.5 * Math.PI;\nexport const POLAR_END_ANGLE = 1.5 * Math.PI;\n\nexport const DEFAULT_TEXT_FONT_FAMILY =\n  // eslint-disable-next-line max-len\n  'PingFang SC,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif, apple color emoji,segoe ui emoji,segoe ui symbol';\n\nexport const DEFAULT_TEXT_FONT_SIZE = 11;\n\nexport enum StateValue {\n  selected = 'selected',\n  selectedReverse = 'selected_reverse',\n  hover = 'hover',\n  hoverReverse = 'hover_reverse'\n}\n\nexport const DEFAULT_STATES = {\n  [StateValue.selectedReverse]: {},\n  [StateValue.selected]: {},\n  [StateValue.hover]: {},\n  [StateValue.hoverReverse]: {}\n};\n\nexport const DEFAULT_HTML_TEXT_SPEC = {\n  container: '',\n  width: 30,\n  height: 30,\n  style: {}\n};\n"]}

package/es/core/type.d.ts

@@ -1,3 +1,4 @@
+import type { IRichTextCharacter } from '@visactor/vrender-core';
 export type Point = {
     x: number;
     y: number;
@@ -26,3 +27,17 @@ export type Padding = number | number[] | {
     left?: number;
     right?: number;
 };
+type CommonTextContent = {
+    type?: 'text';
+    text?: string | string[] | number | number[];
+};
+type RichTextContent = {
+    type?: 'rich';
+    text?: IRichTextCharacter[];
+};
+type HtmlTextContent = {
+    type?: 'html';
+    text?: string | HTMLElement;
+};
+export type TextContent = CommonTextContent | RichTextContent | HtmlTextContent;
+export {};

package/es/core/type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["export type Point = {\n  x: number;\n  y: number;\n};\n\nexport interface LocationCfg {\n  [key: string]: any;\n}\n\nexport interface PointLocationCfg extends LocationCfg {\n  /**\n   * 位置 x\n   * @type {number}\n   */\n  x: number;\n  /**\n   * 位置 y\n   * @type {number}\n   */\n  y: number;\n}\n\nexport interface RegionLocationCfg extends LocationCfg {\n  /**\n   * 起始点\n   */\n  start: Point;\n  /**\n   * 结束点\n   */\n  end: Point;\n}\n\nexport type State<T> = {\n  [key: string]: T;\n};\n\nexport type BaseGraphicAttributes<T> = {\n  /**\n   * 基础样式设置\n   */\n  style?: T;\n  /**\n   * 状态样式设置\n   */\n  state?: State<T>;\n};\n\nexport type Padding =\n  | number\n  | number[]\n  | {\n      top?: number;\n      bottom?: number;\n      left?: number;\n      right?: number;\n    };\n"]}
+{"version":3,"sources":["../src/core/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type { IRichTextCharacter } from '@visactor/vrender-core';\n\nexport type Point = {\n  x: number;\n  y: number;\n};\n\nexport interface LocationCfg {\n  [key: string]: any;\n}\n\nexport interface PointLocationCfg extends LocationCfg {\n  /**\n   * 位置 x\n   * @type {number}\n   */\n  x: number;\n  /**\n   * 位置 y\n   * @type {number}\n   */\n  y: number;\n}\n\nexport interface RegionLocationCfg extends LocationCfg {\n  /**\n   * 起始点\n   */\n  start: Point;\n  /**\n   * 结束点\n   */\n  end: Point;\n}\n\nexport type State<T> = {\n  [key: string]: T;\n};\n\nexport type BaseGraphicAttributes<T> = {\n  /**\n   * 基础样式设置\n   */\n  style?: T;\n  /**\n   * 状态样式设置\n   */\n  state?: State<T>;\n};\n\nexport type Padding =\n  | number\n  | number[]\n  | {\n      top?: number;\n      bottom?: number;\n      left?: number;\n      right?: number;\n    };\n\ntype CommonTextContent = {\n  type?: 'text';\n  text?: string | string[] | number | number[];\n};\n\ntype RichTextContent = {\n  type?: 'rich';\n  text?: IRichTextCharacter[];\n};\n\ntype HtmlTextContent = {\n  type?: 'html';\n  text?: string | HTMLElement;\n};\n\nexport type TextContent = CommonTextContent | RichTextContent | HtmlTextContent;\n"]}

package/es/index.d.ts

@@ -1,4 +1,4 @@
-export declare const version = "0.16.17-alpha.4";
+export declare const version = "0.16.17-alpha.8";
 export * from './core/base';
 export * from './scrollbar';
 export * from './tag';

package/es/index.js

@@ -1,4 +1,4 @@
-export const version = "0.16.17-alpha.4";
+export const version = "0.16.17-alpha.8";
 
 export * from "./core/base";
 

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,OAAO,GAAG,iBAAiB,CAAC;AAEzC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.16.17-alpha.4\";\n\nexport * from './core/base';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './axis/grid';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './interface';\nexport * from './jsx';\nexport * from './checkbox';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,OAAO,GAAG,iBAAiB,CAAC;AAEzC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.16.17-alpha.8\";\n\nexport * from './core/base';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './axis/grid';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './interface';\nexport * from './jsx';\nexport * from './checkbox';\n"]}

package/es/indicator/indicator.js

@@ -6,12 +6,14 @@ import { measureTextSize } from "../util";
 
 import { DEFAULT_INDICATOR_THEME } from "./config";
 
+import { DEFAULT_HTML_TEXT_SPEC } from "../constant";
+
 export class Indicator extends AbstractComponent {
     constructor() {
         super(...arguments), this.name = "indicator";
     }
     render() {
-        var _a;
+        var _a, _b, _c;
         const {visible: visible, title: title, content: content, size: size, limitRatio: limitRatio = 1 / 0} = this.attribute, limit = Math.min(size.width, size.height) * limitRatio, group = this.createOrUpdateChild("indicator-container", {
             x: 0,
             y: 0,
@@ -20,7 +22,24 @@ export class Indicator extends AbstractComponent {
         if (!0 !== visible) return void (group && group.hideAll());
         if (isValid(title)) if (!1 !== title.visible) {
             const titleStyle = merge({}, get(DEFAULT_INDICATOR_THEME, "title.style"), title.style);
-            this._title = group.createOrUpdateChild("indicator-title", Object.assign(Object.assign({}, titleStyle), {
+            "rich" === titleStyle.type ? this._title = group.createOrUpdateChild("indicator-title", Object.assign(Object.assign({
+                textConfig: titleStyle.text
+            }, titleStyle), {
+                visible: title.visible,
+                x: 0,
+                y: 0,
+                width: null !== (_a = titleStyle.width) && void 0 !== _a ? _a : 0,
+                height: null !== (_b = titleStyle.height) && void 0 !== _b ? _b : 0
+            }), "richtext") : "html" === titleStyle.type ? this._title = group.createOrUpdateChild("indicator-title", Object.assign(Object.assign({
+                textConfig: [],
+                html: Object.assign(Object.assign({
+                    dom: titleStyle.text
+                }, DEFAULT_HTML_TEXT_SPEC), titleStyle)
+            }, titleStyle), {
+                visible: title.visible,
+                x: 0,
+                y: 0
+            }), "richtext") : this._title = group.createOrUpdateChild("indicator-title", Object.assign(Object.assign({}, titleStyle), {
                 lineHeight: isValid(titleStyle.lineHeight) ? titleStyle.lineHeight : titleStyle.fontSize,
                 visible: title.visible,
                 x: 0,
@@ -36,14 +55,33 @@ export class Indicator extends AbstractComponent {
             const titleSpace = this._title && (null == title ? void 0 : title.space) ? title.space : 0, contents = array(content), contentComponents = [];
             let lastContentHeight = 0;
             contents.forEach(((contentItem, i) => {
+                var _a, _b;
                 if (!1 !== contentItem.visible) {
-                    const contentStyle = merge({}, get(DEFAULT_INDICATOR_THEME, "content.style"), contentItem.style), contentComponent = group.createOrUpdateChild("indicator-content-" + i, Object.assign(Object.assign({}, contentStyle), {
+                    const contentStyle = merge({}, get(DEFAULT_INDICATOR_THEME, "content.style"), contentItem.style);
+                    let contentComponent;
+                    contentComponent = "rich" === contentStyle.type ? group.createOrUpdateChild("indicator-content-" + i, Object.assign(Object.assign({
+                        textConfig: contentStyle.text
+                    }, contentStyle), {
+                        visible: title.visible,
+                        x: 0,
+                        y: titleHeight + titleSpace + lastContentHeight,
+                        width: null !== (_a = contentStyle.width) && void 0 !== _a ? _a : 0,
+                        height: null !== (_b = contentStyle.height) && void 0 !== _b ? _b : 0
+                    }), "richtext") : "html" === contentStyle.type ? group.createOrUpdateChild("indicator-content-" + i, Object.assign(Object.assign({
+                        textConfig: [],
+                        html: Object.assign(Object.assign({
+                            dom: contentStyle.text
+                        }, DEFAULT_HTML_TEXT_SPEC), contentStyle)
+                    }, contentStyle), {
+                        visible: title.visible,
+                        x: 0,
+                        y: titleHeight + titleSpace + lastContentHeight
+                    }), "richtext") : group.createOrUpdateChild("indicator-content-" + i, Object.assign(Object.assign({}, contentStyle), {
                         lineHeight: isValid(contentStyle.lineHeight) ? contentStyle.lineHeight : contentStyle.fontSize,
                         visible: contentItem.visible,
                         x: 0,
                         y: titleHeight + titleSpace + lastContentHeight
-                    }), "text");
-                    contentItem.autoFit && isValidNumber(limit) && this._setAutoFit(limit, contentComponent, contentItem), 
+                    }), "text"), contentItem.autoFit && isValidNumber(limit) && this._setAutoFit(limit, contentComponent, contentItem), 
                     contentItem.autoLimit && isValidNumber(limitRatio) && contentComponent.setAttribute("maxLineWidth", limit), 
                     contentComponents.push(contentComponent);
                     const contentSpace = (null == contentItem ? void 0 : contentItem.space) ? contentItem.space : 0;
@@ -54,7 +92,7 @@ export class Indicator extends AbstractComponent {
                 }
             })), this._content = contentComponents;
         }
-        const totalHeight = null !== (_a = null == group ? void 0 : group.AABBBounds.height()) && void 0 !== _a ? _a : 0;
+        const totalHeight = null !== (_c = null == group ? void 0 : group.AABBBounds.height()) && void 0 !== _c ? _c : 0;
         group.setAttribute("y", size.height / 2 - totalHeight / 2), group.setAttribute("x", size.width / 2);
     }
     _setAutoFit(limit, indicatorItem, indicatorItemSpec) {

package/es/indicator/indicator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/indicator/indicator.ts"],"names":[],"mappings":"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","file":"indicator.js","sourcesContent":["/**\n * @description 指标卡组件\n */\nimport type { IGroup, INode, IText } from '@visactor/vrender-core';\nimport { merge, isValid, array, isValidNumber, get } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport { measureTextSize } from '../util';\nimport type { IndicatorAttributes, IndicatorItemSpec } from './type';\nimport { DEFAULT_INDICATOR_THEME } from './config';\n\nexport class Indicator extends AbstractComponent<Required<IndicatorAttributes>> {\n  name = 'indicator';\n\n  private _title?: IText;\n  private _content?: IText | IText[];\n\n  protected render() {\n    const { visible, title, content, size, limitRatio = Infinity } = this.attribute as IndicatorAttributes;\n\n    const limit = Math.min(size.width, size.height) * limitRatio;\n\n    const group = this.createOrUpdateChild('indicator-container', { x: 0, y: 0, zIndex: 1 }, 'group') as IGroup;\n\n    // 指标卡全部隐藏\n    if (visible !== true) {\n      group && group.hideAll();\n      return;\n    }\n\n    if (isValid(title)) {\n      if (title.visible !== false) {\n        const titleStyle = merge({}, get(DEFAULT_INDICATOR_THEME, 'title.style'), title.style);\n        this._title = group.createOrUpdateChild(\n          'indicator-title',\n          {\n            ...titleStyle,\n            /**\n             * 加入以下逻辑：如果没有声明lineHeight，默认 lineHeight 等于 fontSize\n             * 因为如果不声明 vrender 底层会默认给文本加上 2px 的高度，会影响布局计算\n             * 注意：在autoFit改变fontsize时，lineHeight也要同步修改\n             */\n            lineHeight: isValid(titleStyle.lineHeight) ? titleStyle.lineHeight : titleStyle.fontSize,\n            visible: title.visible,\n            x: 0,\n            y: 0\n          },\n          'text'\n        ) as IText;\n\n        // auto-fit\n        if (title.autoFit && isValidNumber(limit)) {\n          this._setAutoFit(limit, this._title, title);\n        }\n\n        //auto-limit\n        if (title.autoLimit && isValidNumber(limitRatio)) {\n          this._title.setAttribute('maxLineWidth', limit);\n        }\n      } else {\n        /**\n         * indicator部分隐藏\n         * 例如title隐藏了，content还保留。直接设置visible:false 计算group.AABBounts是错的，影响上下居中。\n         * 这里把隐藏的nodes删除后，group.AABBounts计算才正确。\n         */\n        const titleNode = group.find(node => node.name === 'indicator-title', false);\n        titleNode && group.removeChild(titleNode as INode);\n        this._title = undefined;\n      }\n    }\n\n    const titleHeight = this._title ? this._title.AABBBounds.height() : 0;\n\n    if (isValid(content)) {\n      const titleSpace = this._title ? (title?.space ? title.space : 0) : 0;\n      const contents: IndicatorItemSpec[] = array(content);\n      const contentComponents: IText[] = [];\n      let lastContentHeight = 0;\n      contents.forEach((contentItem, i) => {\n        if (contentItem.visible !== false) {\n          const contentStyle = merge({}, get(DEFAULT_INDICATOR_THEME, 'content.style'), contentItem.style);\n          const contentComponent = group.createOrUpdateChild(\n            'indicator-content-' + i,\n            {\n              ...contentStyle,\n              lineHeight: isValid(contentStyle.lineHeight) ? contentStyle.lineHeight : contentStyle.fontSize,\n              visible: contentItem.visible,\n              x: 0,\n              y: titleHeight + titleSpace + lastContentHeight\n            },\n            'text'\n          ) as IText;\n\n          // auto-fit\n          if (contentItem.autoFit && isValidNumber(limit)) {\n            this._setAutoFit(limit, contentComponent, contentItem);\n          }\n\n          //auto-limit\n          if (contentItem.autoLimit && isValidNumber(limitRatio)) {\n            contentComponent.setAttribute('maxLineWidth', limit);\n          }\n\n          contentComponents.push(contentComponent);\n          const contentSpace = contentItem?.space ? contentItem.space : 0;\n          lastContentHeight += contentComponent.AABBBounds.height() + contentSpace;\n        } else {\n          /**\n           * indicator部分隐藏\n           */\n          const contentItemNode = group.find(node => node.name === 'indicator-content-' + i, false);\n          contentItemNode && group.removeChild(contentItemNode as INode);\n        }\n      });\n      this._content = contentComponents;\n    }\n\n    const totalHeight = group?.AABBBounds.height() ?? 0;\n    group.setAttribute('y', size.height / 2 - totalHeight / 2);\n    group.setAttribute('x', size.width / 2);\n  }\n\n  private _setAutoFit(limit: number, indicatorItem: IText, indicatorItemSpec: IndicatorItemSpec) {\n    const originWidth = measureTextSize(indicatorItemSpec.style?.text ?? '', indicatorItemSpec.style ?? {}).width;\n    if (originWidth > 0) {\n      const ratio = (limit * (indicatorItemSpec.fitPercent ?? 0.5)) / originWidth;\n      const fontSize = Math.floor((indicatorItemSpec.style?.fontSize ?? 20) * ratio);\n      indicatorItem.setAttribute('fontSize', fontSize);\n      indicatorItem.setAttribute(\n        'lineHeight',\n        isValid(indicatorItemSpec.style.lineHeight) ? indicatorItemSpec.style.lineHeight : fontSize\n      );\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../src/indicator/indicator.ts"],"names":[],"mappings":"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","file":"indicator.js","sourcesContent":["/**\n * @description 指标卡组件\n */\nimport type { IGroup, INode, IText, ITextGraphicAttribute } from '@visactor/vrender-core';\nimport { merge, isValid, array, isValidNumber, get } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport { measureTextSize } from '../util';\nimport type { IndicatorAttributes, IndicatorItemSpec } from './type';\nimport { DEFAULT_INDICATOR_THEME } from './config';\nimport { DEFAULT_HTML_TEXT_SPEC } from '../constant';\n\nexport class Indicator extends AbstractComponent<Required<IndicatorAttributes>> {\n  name = 'indicator';\n\n  private _title?: IText;\n  private _content?: IText | IText[];\n\n  protected render() {\n    const { visible, title, content, size, limitRatio = Infinity } = this.attribute as IndicatorAttributes;\n\n    const limit = Math.min(size.width, size.height) * limitRatio;\n\n    const group = this.createOrUpdateChild('indicator-container', { x: 0, y: 0, zIndex: 1 }, 'group') as IGroup;\n\n    // 指标卡全部隐藏\n    if (visible !== true) {\n      group && group.hideAll();\n      return;\n    }\n\n    if (isValid(title)) {\n      if (title.visible !== false) {\n        const titleStyle = merge({}, get(DEFAULT_INDICATOR_THEME, 'title.style'), title.style);\n        if (titleStyle.type === 'rich') {\n          this._title = group.createOrUpdateChild(\n            'indicator-title',\n            {\n              textConfig: titleStyle.text,\n              ...titleStyle,\n              visible: title.visible,\n              x: 0,\n              y: 0,\n              width: titleStyle.width ?? 0,\n              height: titleStyle.height ?? 0\n            },\n            'richtext'\n          ) as IText;\n        } else if (titleStyle.type === 'html') {\n          this._title = group.createOrUpdateChild(\n            'indicator-title',\n            {\n              textConfig: [],\n              html: {\n                dom: titleStyle.text as string,\n                ...DEFAULT_HTML_TEXT_SPEC,\n                ...titleStyle\n              },\n              ...titleStyle,\n              visible: title.visible,\n              x: 0,\n              y: 0\n            },\n            'richtext'\n          ) as IText;\n        } else {\n          this._title = group.createOrUpdateChild(\n            'indicator-title',\n            {\n              ...titleStyle,\n              /**\n               * 加入以下逻辑：如果没有声明lineHeight，默认 lineHeight 等于 fontSize\n               * 因为如果不声明 vrender 底层会默认给文本加上 2px 的高度，会影响布局计算\n               * 注意：在autoFit改变fontsize时，lineHeight也要同步修改\n               */\n              lineHeight: isValid(titleStyle.lineHeight) ? titleStyle.lineHeight : titleStyle.fontSize,\n              visible: title.visible,\n              x: 0,\n              y: 0\n            },\n            'text'\n          ) as IText;\n        }\n\n        // auto-fit\n        if (title.autoFit && isValidNumber(limit)) {\n          this._setAutoFit(limit, this._title, title);\n        }\n\n        //auto-limit\n        if (title.autoLimit && isValidNumber(limitRatio)) {\n          this._title.setAttribute('maxLineWidth', limit);\n        }\n      } else {\n        /**\n         * indicator部分隐藏\n         * 例如title隐藏了，content还保留。直接设置visible:false 计算group.AABBounts是错的，影响上下居中。\n         * 这里把隐藏的nodes删除后，group.AABBounts计算才正确。\n         */\n        const titleNode = group.find(node => node.name === 'indicator-title', false);\n        titleNode && group.removeChild(titleNode as INode);\n        this._title = undefined;\n      }\n    }\n\n    const titleHeight = this._title ? this._title.AABBBounds.height() : 0;\n\n    if (isValid(content)) {\n      const titleSpace = this._title ? (title?.space ? title.space : 0) : 0;\n      const contents: IndicatorItemSpec[] = array(content);\n      const contentComponents: IText[] = [];\n      let lastContentHeight = 0;\n      contents.forEach((contentItem, i) => {\n        if (contentItem.visible !== false) {\n          const contentStyle = merge({}, get(DEFAULT_INDICATOR_THEME, 'content.style'), contentItem.style);\n          let contentComponent;\n          if (contentStyle.type === 'rich') {\n            contentComponent = group.createOrUpdateChild(\n              'indicator-content-' + i,\n              {\n                textConfig: contentStyle.text,\n                ...contentStyle,\n                visible: title.visible,\n                x: 0,\n                y: titleHeight + titleSpace + lastContentHeight,\n                width: contentStyle.width ?? 0,\n                height: contentStyle.height ?? 0\n              },\n              'richtext'\n            ) as IText;\n          } else if (contentStyle.type === 'html') {\n            contentComponent = group.createOrUpdateChild(\n              'indicator-content-' + i,\n              {\n                textConfig: [],\n                html: {\n                  dom: contentStyle.text as string,\n                  ...DEFAULT_HTML_TEXT_SPEC,\n                  ...contentStyle\n                },\n                ...contentStyle,\n                visible: title.visible,\n                x: 0,\n                y: titleHeight + titleSpace + lastContentHeight\n              },\n              'richtext'\n            ) as IText;\n          } else {\n            contentComponent = group.createOrUpdateChild(\n              'indicator-content-' + i,\n              {\n                ...contentStyle,\n                lineHeight: isValid(contentStyle.lineHeight) ? contentStyle.lineHeight : contentStyle.fontSize,\n                visible: contentItem.visible,\n                x: 0,\n                y: titleHeight + titleSpace + lastContentHeight\n              },\n              'text'\n            ) as IText;\n          }\n\n          // auto-fit\n          if (contentItem.autoFit && isValidNumber(limit)) {\n            this._setAutoFit(limit, contentComponent, contentItem);\n          }\n\n          //auto-limit\n          if (contentItem.autoLimit && isValidNumber(limitRatio)) {\n            contentComponent.setAttribute('maxLineWidth', limit);\n          }\n\n          contentComponents.push(contentComponent);\n          const contentSpace = contentItem?.space ? contentItem.space : 0;\n          lastContentHeight += contentComponent.AABBBounds.height() + contentSpace;\n        } else {\n          /**\n           * indicator部分隐藏\n           */\n          const contentItemNode = group.find(node => node.name === 'indicator-content-' + i, false);\n          contentItemNode && group.removeChild(contentItemNode as INode);\n        }\n      });\n      this._content = contentComponents;\n    }\n\n    const totalHeight = group?.AABBBounds.height() ?? 0;\n    group.setAttribute('y', size.height / 2 - totalHeight / 2);\n    group.setAttribute('x', size.width / 2);\n  }\n\n  private _setAutoFit(limit: number, indicatorItem: IText, indicatorItemSpec: IndicatorItemSpec) {\n    const originWidth = measureTextSize(\n      (indicatorItemSpec.style?.text ?? '') as string | number | number[] | string[],\n      (indicatorItemSpec.style ?? {}) as Partial<ITextGraphicAttribute>\n    ).width;\n    if (originWidth > 0) {\n      const ratio = (limit * (indicatorItemSpec.fitPercent ?? 0.5)) / originWidth;\n      const fontSize = Math.floor((indicatorItemSpec.style?.fontSize ?? 20) * ratio);\n      indicatorItem.setAttribute('fontSize', fontSize);\n      indicatorItem.setAttribute(\n        'lineHeight',\n        isValid(indicatorItemSpec.style.lineHeight) ? indicatorItemSpec.style.lineHeight : fontSize\n      );\n    }\n  }\n}\n"]}

package/es/indicator/type.d.ts

@@ -1,4 +1,5 @@
 import type { IGroupGraphicAttribute, ITextGraphicAttribute } from '@visactor/vrender-core';
+import type { TextContent } from '../core/type';
 export interface IndicatorAttributes extends IGroupGraphicAttribute {
     visible?: boolean;
     size: {
@@ -17,5 +18,5 @@ export interface IndicatorItemSpec {
     autoLimit?: boolean;
     autoFit?: boolean;
     fitPercent?: number;
-    style?: ITextGraphicAttribute;
+    style?: Omit<ITextGraphicAttribute, 'text'> & TextContent;
 }

package/es/indicator/type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/indicator/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type { IGroupGraphicAttribute, ITextGraphicAttribute } from '@visactor/vrender-core';\n\nexport interface IndicatorAttributes extends IGroupGraphicAttribute {\n  /**\n   * 是否显示指标卡组件\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * 内容尺寸\n   */\n  size: { width: number; height: number };\n  /**\n   * 指标卡 x 方向偏移\n   * @default 0\n   */\n  dx?: number;\n  /**\n   * 指标卡 y 方向偏移\n   * @default 0\n   */\n  dy?: number;\n  /**\n   * 指标卡宽度占内容区域的最大比值（从0到1）\n   */\n  limitRatio?: number;\n  /**\n   * 指标卡标题文字配置\n   */\n  title?: IndicatorItemSpec;\n  /**\n   * 指标卡内容文字配置\n   */\n  content?: IndicatorItemSpec[] | IndicatorItemSpec;\n}\n\nexport interface IndicatorItemSpec {\n  /**\n   * 是否显示当前项\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * title.space: title 和 content 之间的间距\n   * contentItem.space: content 之间的间距\n   */\n  space?: number;\n  /**\n   * 是否自适应文字空间进行缩略\n   * 按照原字体大小，根据空间大小缩略文字\n   * @default false\n   */\n  autoLimit?: boolean;\n  /**\n   * 是否自适应文字空间缩放文字大小\n   * 不缩略文字，改变字体大小以适应空间\n   * @default false\n   */\n  autoFit?: boolean;\n  /**\n   * 自适应文字宽度与可用空间的比例\n   * @default 0.5\n   */\n  fitPercent?: number;\n  /**\n   * 文字样式\n   */\n  style?: ITextGraphicAttribute;\n}\n"]}
+{"version":3,"sources":["../src/indicator/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type { IGroupGraphicAttribute, ITextGraphicAttribute, IRichTextCharacter } from '@visactor/vrender-core';\nimport type { TextContent } from '../core/type';\n\nexport interface IndicatorAttributes extends IGroupGraphicAttribute {\n  /**\n   * 是否显示指标卡组件\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * 内容尺寸\n   */\n  size: { width: number; height: number };\n  /**\n   * 指标卡 x 方向偏移\n   * @default 0\n   */\n  dx?: number;\n  /**\n   * 指标卡 y 方向偏移\n   * @default 0\n   */\n  dy?: number;\n  /**\n   * 指标卡宽度占内容区域的最大比值（从0到1）\n   */\n  limitRatio?: number;\n  /**\n   * 指标卡标题文字配置\n   */\n  title?: IndicatorItemSpec;\n  /**\n   * 指标卡内容文字配置\n   */\n  content?: IndicatorItemSpec[] | IndicatorItemSpec;\n}\n\nexport interface IndicatorItemSpec {\n  /**\n   * 是否显示当前项\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * title.space: title 和 content 之间的间距\n   * contentItem.space: content 之间的间距\n   */\n  space?: number;\n  /**\n   * 是否自适应文字空间进行缩略\n   * 按照原字体大小，根据空间大小缩略文字\n   * @default false\n   */\n  autoLimit?: boolean;\n  /**\n   * 是否自适应文字空间缩放文字大小\n   * 不缩略文字，改变字体大小以适应空间\n   * @default false\n   */\n  autoFit?: boolean;\n  /**\n   * 自适应文字宽度与可用空间的比例\n   * @default 0.5\n   */\n  fitPercent?: number;\n  /**\n   * 文字样式\n   */\n  style?: Omit<ITextGraphicAttribute, 'text'> & TextContent;\n}\n"]}

package/es/label/arc.d.ts

@@ -1,6 +1,7 @@
 import type { IAABBBounds, IBoundsLike } from '@visactor/vutils';
 import { LabelBase } from './base';
 import type { ArcLabelAttrs, IPoint, Quadrant, BaseLabelAttrs, LabelItem, IArcLabelLineSpec } from './type';
+import type { IRichText } from '@visactor/vrender-core';
 import { type IText, type IGraphic, type ILine } from '@visactor/vrender-core';
 export declare class ArcInfo {
     key: string;
@@ -39,12 +40,12 @@ export declare class ArcLabel extends LabelBase<ArcLabelAttrs> {
     private _arcLeft;
     private _arcRight;
     constructor(attributes: ArcLabelAttrs);
-    protected _overlapping(labels: IText[]): IText[];
+    protected _overlapping(labels: (IText | IRichText)[]): (IRichText | IText)[];
     protected labeling(textBounds: IBoundsLike, graphicBounds: IBoundsLike, position?: string, offset?: number): {
         x: number;
         y: number;
     } | undefined;
-    protected _layout(data?: LabelItem[]): IText[];
+    protected _layout(data?: LabelItem[]): (IRichText | IText)[];
     protected layoutArcLabels(position: BaseLabelAttrs['position'], attribute: any, currentMarks?: IGraphic[], data?: LabelItem[], textBoundsArray?: any, ellipsisWidth?: number): ArcInfo[];
     private _layoutInsideLabels;
     private _layoutOutsideLabels;
@@ -63,7 +64,7 @@ export declare class ArcLabel extends LabelBase<ArcLabelAttrs> {
     private _restoreY;
     private _checkYRange;
     private _coverLabels;
-    protected _labelLine(text: IText): ILine;
+    protected _labelLine(text: LabelItem): ILine;
     protected computeRadius(r: number, width?: number, height?: number, k?: number): number;
     protected computeLayoutRadius(width: number, height: number): number;
     protected _canPlaceInside(textBound: IBoundsLike, shapeBound: IAABBBounds): boolean;