@visactor/vrender-components 0.15.0-alpha.16 → 0.15.0-alpha.17

package/es/axis/type.d.ts

@@ -29,34 +29,6 @@ export type AxisItem = {
     rawValue: any;
     [key: string]: any;
 };
-export type GridItem = {
-    id?: string | number;
-    points: Point[];
-    [key: string]: any;
-};
-export type GridBaseAttributes = {
-    type: 'line' | 'circle' | 'polygon';
-    items: GridItem[];
-    closed?: boolean;
-    style?: ILineGraphicAttribute | callbackFunc<Partial<ILineGraphicAttribute> | undefined>;
-    alternateColor?: string | string[];
-    zIndex?: number;
-    alignWithLabel?: boolean;
-} & IGroupGraphicAttribute;
-export type LineGridAttributes = {
-    type: 'line';
-    smoothLink?: boolean;
-    center?: Point;
-    depth?: number;
-} & GridBaseAttributes;
-export type PolygonGridAttributes = {
-    type: 'polygon';
-} & GridBaseAttributes;
-export type CircleGridAttributes = {
-    type: 'circle';
-    center: Point;
-} & GridBaseAttributes;
-export type GridAttributes = LineGridAttributes | CircleGridAttributes | PolygonGridAttributes;
 export interface AxisBaseAttributes extends IGroupGraphicAttribute {
     select?: boolean;
     hover?: boolean;
@@ -68,36 +40,14 @@ export interface AxisBaseAttributes extends IGroupGraphicAttribute {
     tick?: TickAttributes;
     subTick?: SubTickAttributes;
     line?: LineAttributes;
-    grid?: LineAxisGridAttributes | CircleAxisGridAttributes;
-    subGrid?: SubGridAttributesForAxis;
 }
-export type LineGridOfLineAxisAttributes = Omit<LineGridAttributes, 'items'> & {
-    visible?: boolean;
-    length: number;
-};
-export type PolarGridOfLineAxisAttributes = (Omit<PolygonGridAttributes, 'items'> | Omit<CircleGridAttributes, 'items'>) & {
-    visible?: boolean;
-    center?: Point;
-    sides?: number;
-    startAngle?: number;
-    endAngle?: number;
-};
-export type LineAxisGridAttributes = LineGridOfLineAxisAttributes | PolarGridOfLineAxisAttributes;
-export type SubGridAttributesForAxis = {
-    visible?: boolean;
-} & Pick<GridBaseAttributes, 'alternateColor' | 'style' | 'zIndex'>;
 export interface ILine3dType {
     alpha: number;
     anchor3d?: [number, number];
 }
-export interface IGrid3dType {
-    beta: number;
-    anchor3d?: [number, number];
-}
 export interface LineAxisAttributes extends Omit<AxisBaseAttributes, 'label'> {
     start: Point;
     end: Point;
-    grid?: LineAxisGridAttributes;
     verticalLimitSize?: number;
     verticalMinSize?: number;
     label?: LabelAttributes & {
@@ -110,10 +60,6 @@ export interface LineAxisAttributes extends Omit<AxisBaseAttributes, 'label'> {
         state?: AxisItemStateStyle<Partial<IRectGraphicAttribute>>;
     };
 }
-export interface CircleAxisGridAttributes extends Omit<LineGridAttributes, 'items'> {
-    type: 'line';
-    visible?: boolean;
-}
 export interface CircleAxisAttributes extends AxisBaseAttributes {
     inside?: boolean;
     center: Point;
@@ -121,7 +67,6 @@ export interface CircleAxisAttributes extends AxisBaseAttributes {
     endAngle?: number;
     radius: number;
     innerRadius?: number;
-    grid?: CircleAxisGridAttributes;
 }
 export interface TitleAttributes extends Omit<TagAttributes, 'shape' | 'space' | 'text' | 'panel' | 'state'> {
     visible?: boolean;

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';\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 type GridItem = {\n  /**\n   * 标识符\n   */\n  id?: string | number;\n  /** 网格线点集合 */\n  points: Point[];\n  [key: string]: any;\n};\n\n// 网格线配置\nexport type GridBaseAttributes = {\n  type: 'line' | 'circle' | 'polygon';\n  /**\n   * 网格线绘制点数据\n   */\n  items: GridItem[];\n  /**\n   * 栅格线是否封闭\n   */\n  closed?: boolean;\n  /**\n   * 线样式配置\n   */\n  style?: ILineGraphicAttribute | callbackFunc<Partial<ILineGraphicAttribute> | undefined>;\n  /**\n   * 两个栅格线间的填充色\n   */\n  alternateColor?: string | string[];\n  /**\n   * 网格线的绘图层级\n   */\n  zIndex?: number;\n  /** grid 是否与 label 对齐 */\n  alignWithLabel?: boolean;\n} & IGroupGraphicAttribute;\n\nexport type LineGridAttributes = {\n  type: 'line';\n  /**\n   * 当用户配置了 alternateColor 属性时，填充区域是否进行弧线连接\n   */\n  smoothLink?: boolean;\n  center?: Point;\n  /**\n   * 3d网格线的深度\n   */\n  depth?: number;\n} & GridBaseAttributes;\n\nexport type PolygonGridAttributes = {\n  type: 'polygon';\n} & GridBaseAttributes;\n\nexport type CircleGridAttributes = {\n  type: 'circle';\n  /**\n   * 用于圆弧型网格线的圆心位置声明\n   */\n  center: Point;\n} & GridBaseAttributes;\n\nexport type GridAttributes = LineGridAttributes | CircleGridAttributes | PolygonGridAttributes;\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   */\n  grid?: LineAxisGridAttributes | CircleAxisGridAttributes;\n  /**\n   * 子刻度对应网格线配置\n   */\n  subGrid?: SubGridAttributesForAxis;\n}\n\nexport type LineGridOfLineAxisAttributes = Omit<LineGridAttributes, 'items'> & {\n  /**\n   * 是否展示网格线\n   */\n  visible?: boolean;\n  /**\n   * 网格线的长度\n   */\n  length: number;\n};\n\nexport type PolarGridOfLineAxisAttributes = (\n  | Omit<PolygonGridAttributes, 'items'>\n  | Omit<CircleGridAttributes, 'items'>\n) & {\n  /**\n   * 是否展示网格线\n   */\n  visible?: boolean;\n  /**\n   * 圆心\n   */\n  center?: Point;\n  /**\n   * 边数\n   */\n  sides?: number;\n  /**\n   * **弧度值**，起始弧度，默认 -0.5 * Math.PI\n   *\n   */\n  startAngle?: number;\n  /**\n   * **弧度值**，结束弧度，默认 1.5 * Math.PI\n   */\n  endAngle?: number;\n};\n\nexport type LineAxisGridAttributes = LineGridOfLineAxisAttributes | PolarGridOfLineAxisAttributes;\nexport type SubGridAttributesForAxis = {\n  /**\n   * 是否展示网格线\n   */\n  visible?: boolean;\n} & Pick<GridBaseAttributes, 'alternateColor' | 'style' | 'zIndex'>;\n\nexport interface ILine3dType {\n  alpha: number;\n  anchor3d?: [number, number];\n}\n\nexport interface IGrid3dType {\n  beta: 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  grid?: LineAxisGridAttributes;\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 CircleAxisGridAttributes extends Omit<LineGridAttributes, 'items'> {\n  type: 'line';\n  /**\n   * 是否展示网格线\n   */\n  visible?: boolean;\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   */\n  grid?: CircleAxisGridAttributes;\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';\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\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"]}

package/es/core/base.d.ts

@@ -1,4 +1,5 @@
-import { Group, IGroupGraphicAttribute } from '@visactor/vrender';
+import type { IGroupGraphicAttribute } from '@visactor/vrender';
+import { Group } from '@visactor/vrender';
 export declare abstract class AbstractComponent<T extends IGroupGraphicAttribute = IGroupGraphicAttribute> extends Group {
     attribute: Partial<T>;
     protected mode: '2d' | '3d';

package/es/core/base.js

@@ -1,6 +1,6 @@
 import { Group } from "@visactor/vrender";
 
-import { merge, isPlainObject, isNil } from "@visactor/vutils";
+import { merge, isFunction, isPlainObject, isNil } from "@visactor/vutils";
 
 const GROUP_ATTRIBUTES = [ "x", "y", "dx", "dy", "scaleX", "scaleY", "angle", "anchor", "postMatrix", "visible", "clip", "pickable", "childrenPickable", "zIndex" ];
 
@@ -15,7 +15,7 @@ export class AbstractComponent extends Group {
         }));
     }
     setAttribute(key, value, forceUpdateTag) {
-        isPlainObject(this.attribute[key]) ? merge(this.attribute[key], value) : this.attribute[key] = value, 
+        !isPlainObject(this.attribute[key]) || isFunction(this.attribute[key]) || isFunction(value) ? this.attribute[key] = value : merge(this.attribute[key], value), 
         GROUP_ATTRIBUTES.includes(key) || this.render(), this.valid = this.isValid(), this.updateShapeAndBoundsTagSetted() || !forceUpdateTag && !this.needUpdateTag(key) ? this.addUpdateBoundTag() : this.addUpdateShapeAndBoundsTag(), 
         this.addUpdatePositionTag(), this.onAttributeUpdate();
     }
@@ -29,7 +29,7 @@ export class AbstractComponent extends Group {
         isNil(keys) && (keys = Object.keys(params));
         for (let i = 0; i < keys.length; i++) {
             const key = keys[i];
-            isPlainObject(this.attribute[key]) ? merge(this.attribute[key], params[key]) : this.attribute[key] = params[key];
+            !isPlainObject(this.attribute[key]) || isFunction(this.attribute[key]) || isFunction(params[key]) ? this.attribute[key] = params[key] : merge(this.attribute[key], params[key]);
         }
     }
     bindEvents() {}

package/es/core/base.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/base.ts"],"names":[],"mappings":"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","file":"base.js","sourcesContent":["/**\n * @description 组件基类\n */\nimport { Group, IGroupGraphicAttribute } from '@visactor/vrender';\nimport { merge, isPlainObject, isNil } from '@visactor/vutils';\n\nconst GROUP_ATTRIBUTES = [\n  'x',\n  'y',\n  'dx',\n  'dy',\n  'scaleX',\n  'scaleY',\n  'angle',\n  'anchor',\n  'postMatrix',\n  'visible',\n  'clip',\n  'pickable',\n  'childrenPickable',\n  'zIndex'\n];\n\nexport abstract class AbstractComponent<T extends IGroupGraphicAttribute = IGroupGraphicAttribute> extends Group {\n  declare attribute: Partial<T>;\n\n  protected mode: '2d' | '3d';\n\n  constructor(attributes: T, mode: '2d' | '3d' = '2d') {\n    super(attributes);\n    this.mode = mode;\n    // 组件需要精准 bounds，所以将这个 strokeBoundsBuffer 设置为 0，否则会影响包围盒的获取\n    this.setTheme({\n      common: {\n        strokeBoundsBuffer: 0\n      }\n    });\n    this.attribute = attributes;\n    // 这里调用渲染和事件绑定逻辑\n    this.onSetStage(() => {\n      this.render();\n      this.bindEvents();\n    });\n  }\n\n  /**\n   * @override\n   * 更新单个属性值\n   * @param key\n   * @param value\n   * @param forceUpdateTag\n   */\n  // @ts-ignore\n  setAttribute(key: keyof T, value: any, forceUpdateTag?: boolean | undefined): void {\n    if (isPlainObject(this.attribute[key])) {\n      merge(this.attribute[key], value);\n    } else {\n      this.attribute[key] = value;\n    }\n\n    // HACK: 待优化\n    if (!GROUP_ATTRIBUTES.includes(key as string)) {\n      this.render();\n    }\n\n    this.valid = this.isValid();\n    if (!this.updateShapeAndBoundsTagSetted() && (forceUpdateTag || this.needUpdateTag(key as string))) {\n      this.addUpdateShapeAndBoundsTag();\n    } else {\n      this.addUpdateBoundTag();\n    }\n    this.addUpdatePositionTag();\n    this.onAttributeUpdate();\n  }\n\n  // @ts-ignore\n  setAttributes(params: Partial<T>, forceUpdateTag?: boolean | undefined): void {\n    const keys = Object.keys(params) as (keyof T)[];\n    this._mergeAttributes(params, keys);\n\n    // HACK: 待优化\n    if (!keys.every(key => GROUP_ATTRIBUTES.includes(key as string))) {\n      this.render();\n    }\n\n    this.valid = this.isValid();\n    // 没有设置shape&bounds的tag\n    if (!this.updateShapeAndBoundsTagSetted() && (forceUpdateTag || this.needUpdateTags(keys as string[]))) {\n      this.addUpdateShapeAndBoundsTag();\n    } else {\n      this.addUpdateBoundTag();\n    }\n    this.addUpdatePositionTag();\n    this.onAttributeUpdate();\n  }\n\n  protected _mergeAttributes(params: Partial<T>, keys?: (keyof T)[]) {\n    if (isNil(keys)) {\n      keys = Object.keys(params) as (keyof T)[];\n    }\n    for (let i = 0; i < keys.length; i++) {\n      const key = keys[i] as keyof Partial<T>;\n      if (isPlainObject(this.attribute[key])) {\n        merge(this.attribute[key], params[key]);\n      } else {\n        this.attribute[key] = params[key];\n      }\n    }\n  }\n\n  protected bindEvents() {\n    // please override\n  }\n\n  protected abstract render(): void;\n\n  // 图形元素 id\n  protected _getNodeId(id: string) {\n    return `${this.id}-${this.name}-${id}`;\n  }\n}\n"]}
+{"version":3,"sources":["../src/core/base.ts"],"names":[],"mappings":"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","file":"base.js","sourcesContent":["/**\n * @description 组件基类\n */\nimport type { IGroupGraphicAttribute } from '@visactor/vrender';\nimport { Group } from '@visactor/vrender';\nimport { merge, isFunction, isPlainObject, isNil } from '@visactor/vutils';\n\nconst GROUP_ATTRIBUTES = [\n  'x',\n  'y',\n  'dx',\n  'dy',\n  'scaleX',\n  'scaleY',\n  'angle',\n  'anchor',\n  'postMatrix',\n  'visible',\n  'clip',\n  'pickable',\n  'childrenPickable',\n  'zIndex'\n];\n\nexport abstract class AbstractComponent<T extends IGroupGraphicAttribute = IGroupGraphicAttribute> extends Group {\n  declare attribute: Partial<T>;\n\n  protected mode: '2d' | '3d';\n\n  constructor(attributes: T, mode: '2d' | '3d' = '2d') {\n    super(attributes);\n    this.mode = mode;\n    // 组件需要精准 bounds，所以将这个 strokeBoundsBuffer 设置为 0，否则会影响包围盒的获取\n    this.setTheme({\n      common: {\n        strokeBoundsBuffer: 0\n      }\n    });\n    this.attribute = attributes;\n    // 这里调用渲染和事件绑定逻辑\n    this.onSetStage(() => {\n      this.render();\n      this.bindEvents();\n    });\n  }\n\n  /**\n   * @override\n   * 更新单个属性值\n   * @param key\n   * @param value\n   * @param forceUpdateTag\n   */\n  // @ts-ignore\n  setAttribute(key: keyof T, value: any, forceUpdateTag?: boolean | undefined): void {\n    // overwrite when previous or next attribute is function\n    if (isPlainObject(this.attribute[key]) && !isFunction(this.attribute[key]) && !isFunction(value)) {\n      merge(this.attribute[key], value);\n    } else {\n      this.attribute[key] = value;\n    }\n\n    // HACK: 待优化\n    if (!GROUP_ATTRIBUTES.includes(key as string)) {\n      this.render();\n    }\n\n    this.valid = this.isValid();\n    if (!this.updateShapeAndBoundsTagSetted() && (forceUpdateTag || this.needUpdateTag(key as string))) {\n      this.addUpdateShapeAndBoundsTag();\n    } else {\n      this.addUpdateBoundTag();\n    }\n    this.addUpdatePositionTag();\n    this.onAttributeUpdate();\n  }\n\n  // @ts-ignore\n  setAttributes(params: Partial<T>, forceUpdateTag?: boolean | undefined): void {\n    const keys = Object.keys(params) as (keyof T)[];\n    this._mergeAttributes(params, keys);\n\n    // HACK: 待优化\n    if (!keys.every(key => GROUP_ATTRIBUTES.includes(key as string))) {\n      this.render();\n    }\n\n    this.valid = this.isValid();\n    // 没有设置shape&bounds的tag\n    if (!this.updateShapeAndBoundsTagSetted() && (forceUpdateTag || this.needUpdateTags(keys as string[]))) {\n      this.addUpdateShapeAndBoundsTag();\n    } else {\n      this.addUpdateBoundTag();\n    }\n    this.addUpdatePositionTag();\n    this.onAttributeUpdate();\n  }\n\n  protected _mergeAttributes(params: Partial<T>, keys?: (keyof T)[]) {\n    if (isNil(keys)) {\n      keys = Object.keys(params) as (keyof T)[];\n    }\n    for (let i = 0; i < keys.length; i++) {\n      const key = keys[i] as keyof Partial<T>;\n      // overwrite when previous or next attribute is function\n      if (isPlainObject(this.attribute[key]) && !isFunction(this.attribute[key]) && !isFunction(params[key])) {\n        merge(this.attribute[key], params[key]);\n      } else {\n        this.attribute[key] = params[key];\n      }\n    }\n  }\n\n  protected bindEvents() {\n    // please override\n  }\n\n  protected abstract render(): void;\n\n  // 图形元素 id\n  protected _getNodeId(id: string) {\n    return `${this.id}-${this.name}-${id}`;\n  }\n}\n"]}

package/es/core/type.js

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

package/es/crosshair/base.js

@@ -7,5 +7,4 @@ export class CrosshairBase extends AbstractComponent {
     render() {
         this.renderCrosshair(this);
     }
-}
-//# sourceMappingURL=base.js.map
+}

package/es/index.d.ts

@@ -1,4 +1,4 @@
-export declare const version = "0.15.0-alpha.16";
+export declare const version = "0.15.0-alpha.17";
 export * from './core/base';
 export * from './scrollbar';
 export * from './tag';
@@ -6,6 +6,7 @@ export * from './poptip';
 export * from './crosshair';
 export * from './label';
 export * from './axis';
+export * from './axis/grid';
 export * from './segment';
 export * from './data-zoom';
 export * from './marker';
@@ -19,3 +20,4 @@ export * from './player';
 export * from './brush';
 export * from './tooltip';
 export * from './interface';
+export * from './jsx';

package/es/index.js

@@ -1,4 +1,4 @@
-export const version = "0.15.0-alpha.16";
+export const version = "0.15.0-alpha.17";
 
 export * from "./core/base";
 
@@ -14,6 +14,8 @@ export * from "./label";
 
 export * from "./axis";
 
+export * from "./axis/grid";
+
 export * from "./segment";
 
 export * from "./data-zoom";
@@ -39,4 +41,6 @@ export * from "./brush";
 export * from "./tooltip";
 
 export * from "./interface";
+
+export * from "./jsx";
 //# sourceMappingURL=index.js.map

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,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","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.15.0-alpha.16\";\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 './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';\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","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.15.0-alpha.17\";\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';\n"]}

package/es/indicator/type.js

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

package/es/jsx/component-type.d.ts

@@ -0,0 +1,4 @@
+import type { IDefaultGraphicParamsType } from '@visactor/vrender';
+import type { TagAttributes } from '../tag';
+import { Tag } from '../tag';
+export declare function VTag(params: IDefaultGraphicParamsType<TagAttributes>): Tag;

package/es/jsx/component-type.js

@@ -0,0 +1,5 @@
+import { Tag } from "../tag";
+
+export function VTag(params) {
+    return new Tag(params ? params.attribute : {});
+}

package/es/jsx/component-type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/jsx/component-type.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B,MAAM,UAAU,IAAI,CAAC,MAAgD;IACnE,OAAO,IAAI,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AACjD,CAAC","file":"component-type.js","sourcesContent":["import type { IDefaultGraphicParamsType } from '@visactor/vrender';\nimport type { TagAttributes } from '../tag';\nimport { Tag } from '../tag';\n\nexport function VTag(params: IDefaultGraphicParamsType<TagAttributes>) {\n  return new Tag(params ? params.attribute : {});\n}\n"]}

package/es/jsx/index.d.ts

@@ -0,0 +1 @@
+export * from './component-type';

package/es/jsx/index.js

@@ -0,0 +1,2 @@
+export * from "./component-type";
+//# sourceMappingURL=index.js.map

package/es/jsx/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/jsx/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC","file":"index.js","sourcesContent":["export * from './component-type';\n"]}

package/es/label/arc.js

@@ -403,13 +403,12 @@ export class ArcLabel extends LabelBase {
         }
     }
     _labelLine(text) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
         return (null === (_a = text.attribute) || void 0 === _a ? void 0 : _a.points) ? createLine({
             visible: null === (_g = null !== (_e = (null === (_c = null === (_b = text.attribute) || void 0 === _b ? void 0 : _b.line) || void 0 === _c ? void 0 : _c.visible) && (null === (_d = text.attribute) || void 0 === _d ? void 0 : _d.visible)) && void 0 !== _e ? _e : null === (_f = text.attribute) || void 0 === _f ? void 0 : _f.visible) || void 0 === _g || _g,
             stroke: null !== (_k = null === (_j = null === (_h = text.attribute) || void 0 === _h ? void 0 : _h.line) || void 0 === _j ? void 0 : _j.stroke) && void 0 !== _k ? _k : null === (_l = text.attribute) || void 0 === _l ? void 0 : _l.fill,
             lineWidth: null !== (_p = null === (_o = null === (_m = text.attribute) || void 0 === _m ? void 0 : _m.line) || void 0 === _o ? void 0 : _o.lineWidth) && void 0 !== _p ? _p : 1,
-            points: null === (_q = text.attribute) || void 0 === _q ? void 0 : _q.points,
-            curveType: (null === (_s = null === (_r = text.attribute) || void 0 === _r ? void 0 : _r.line) || void 0 === _s ? void 0 : _s.smooth) ? "basis" : null
+            points: null === (_q = text.attribute) || void 0 === _q ? void 0 : _q.points
         }) : void 0;
     }
     computeRadius(r, width, height, centerOffset, k) {