@visactor/vchart 1.13.7-alpha.0 → 2.0.0-alpha.0

package/cjs/mark/interface/common.d.ts

@@ -2,11 +2,11 @@ import type { IGlobalScale } from '../../scale/interface';
 import type { ICommonSpec, VisualType, ValueType, FunctionType } from '../../typings/visual';
 import type { IModel } from '../../model/interface';
 import type { IBaseScale } from '@visactor/vscale';
-import type { MarkType } from './type';
-import type { ICompilableMark, ICompilableMarkOption, IModelMarkAttributeContext, StateValueType } from '../../compile/mark/interface';
-import type { StringOrNumber } from '../../typings';
-import type { IMarkConfig } from '@visactor/vgrammar-core';
-import type { ICustomPath2D } from '@visactor/vrender-core';
+import type { MarkType, MarkTypeEnum } from './type';
+import type { ICompilableMark, ICompilableMarkOption, IMarkConfig, IModelMarkAttributeContext, StateValueType } from '../../compile/mark/interface';
+import type { Datum, StringOrNumber } from '../../typings';
+import type { IGraphic } from '@visactor/vrender-core';
+import type { IGroupMark } from './mark';
 export interface VisualScaleType {
     scale: IBaseScale;
     field: StringOrNumber;
@@ -33,22 +33,52 @@ export type IMarkStateStyle<T extends ICommonSpec> = Record<StateValueType, Part
 export type IMarkStyle<T extends ICommonSpec> = {
     [key in keyof T]: MarkInputStyle<T[key]>;
 };
+export type DiffStateValues = 'update' | 'enter' | 'exit';
+export interface IGraphicContext {
+    markType: MarkTypeEnum;
+    markId: number;
+    modelId: number;
+    markUserId?: number | string;
+    modelUserId?: number | string;
+    diffState?: DiffStateValues;
+    data?: Datum[];
+    uniqueKey?: string;
+    key?: string;
+    groupKey?: string;
+    states?: string[];
+}
+export interface IMarkGraphic extends IGraphic {
+    runtimeStateCache?: Record<string, any>;
+    context?: IGraphicContext;
+}
 export interface IMarkRaw<T extends ICommonSpec> extends ICompilableMark {
     readonly stateStyle: IMarkStateStyle<T>;
-    getAttribute: <U extends keyof T>(key: U, datum: any, state?: StateValueType, opt?: any) => unknown;
+    getAttributesOfState: (datum: Datum, state?: StateValueType) => Partial<T>;
+    getAttribute: <U extends keyof T>(key: U, datum: any, state?: StateValueType) => unknown;
     setAttribute: <U extends keyof T>(attr: U, style: StyleConvert<T[U]>, state?: StateValueType, level?: number) => void;
     setStyle: (style: Partial<IMarkStyle<T>>, state?: StateValueType, level?: number) => void;
-    setReferer: (mark: IMarkRaw<T>, styleKey?: string, state?: StateValueType, stateStyle?: IMarkStateStyle<T>) => void;
-    initStyleWithSpec: (spec: any, key?: string) => void;
+    setSimpleStyle: (s: T) => void;
+    getSimpleStyle: () => T;
+    setReferer: (mark: IMarkRaw<T>, styleKey?: string, state?: StateValueType) => void;
+    initStyleWithSpec: (spec: any) => void;
     created: () => void;
     setPostProcess: <U extends keyof T, A>(key: U, postProcessFunc: IAttrConfig<A, T>['postProcess'], state?: StateValueType) => void;
+    updateMarkState: (key: string) => void;
+    render: () => void;
+    getGraphics: () => IMarkGraphic[];
+    reuse: (mark: IMark) => void;
+    isProgressive: () => boolean;
+    isDoingProgressive: () => boolean;
+    clearProgressive: () => void;
+    restartProgressive: () => void;
+    renderProgressive: () => void;
+    canAnimateAfterProgressive: () => boolean;
 }
 export type IMark = IMarkRaw<ICommonSpec>;
 export interface ICompileMarkConfig extends IMarkConfig {
     morph?: boolean;
     morphElementKey?: string;
     support3d?: boolean;
-    setCustomizedShape?: (datum: any[], attrs: any, path: ICustomPath2D) => ICustomPath2D;
     clip?: boolean;
     skipTheme?: boolean;
 }
@@ -59,6 +89,7 @@ export interface IMarkOption extends ICompilableMarkOption {
     seriesId?: number;
     componentType?: string;
     attributeContext?: IModelMarkAttributeContext;
+    parent?: IGroupMark | false;
 }
 export interface IMarkConstructor {
     type: MarkType;
@@ -85,3 +116,24 @@ export interface IMarkOverlap {
     pointDisMul?: number;
     markOverlap?: boolean;
 }
+export type GroupedData<T> = {
+    keys: string[];
+    data: Map<string, T[]>;
+};
+export interface IProgressiveTransformResult<Output = any> {
+    unfinished: () => boolean;
+    output: () => Output;
+    progressiveOutput: () => Output;
+    progressiveRun: () => void;
+    release: () => void;
+    canAnimate?: () => boolean;
+}
+export type IMarkDataTransform<Options = any, Input = any, Output = any> = (options: Options, data: Input) => Output | IProgressiveTransformResult<Output>;
+export interface ProgressiveContext {
+    currentIndex: number;
+    totalStep: number;
+    step: number;
+    data: any[];
+    groupKeys?: string[];
+    groupedData?: Map<string, any[]>;
+}

package/cjs/mark/interface/common.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/mark/interface/common.ts"],"names":[],"mappings":"","file":"common.js","sourcesContent":["import type { IGlobalScale } from '../../scale/interface';\nimport type { ICommonSpec, VisualType, ValueType, FunctionType } from '../../typings/visual';\nimport type { IModel } from '../../model/interface';\nimport type { IBaseScale } from '@visactor/vscale';\nimport type { MarkType } from './type';\nimport type {\n  ICompilableMark,\n  ICompilableMarkOption,\n  IModelMarkAttributeContext,\n  StateValueType\n} from '../../compile/mark/interface';\nimport type { StringOrNumber } from '../../typings';\nimport type { IMarkConfig } from '@visactor/vgrammar-core';\nimport type { ICustomPath2D } from '@visactor/vrender-core';\n\nexport interface VisualScaleType {\n  scale: IBaseScale;\n  field: StringOrNumber;\n  changeDomain?: 'none' | 'replace' | 'expand'; //default 'none'\n}\n\nexport type MarkInputStyle<T> = StyleConvert<T> | VisualType<T>;\n\n/** 用户将属性类型转化为 mark-style 中某个属性的 style */\nexport type StyleConvert<T> = ValueType<T> | FunctionType<T> | VisualScaleType;\n\n/** mark-style 中某个属性的样式信息，包含层级等信息 */\nexport interface IAttrConfig<A, R extends ICommonSpec> {\n  level: number;\n  style: StyleConvert<A>;\n  referer?: IMarkRaw<R>;\n  postProcess?: (result: A, ...args: Parameters<FunctionType<A>>) => A;\n}\n/** mark-style 中某状态下的一组样式信息 */\nexport type IAttrs<T extends ICommonSpec> = {\n  [K in keyof T]: IAttrConfig<T[K], T>;\n};\n\nexport type IMarkProgressiveConfig = {\n  /** 是否开启大数据渲染模式，开启后会降低渲染的精度 */\n  large?: boolean;\n  /** 开启大数据渲染优化的阀值，对应的是data的长度;推荐 largeThreshold < progressiveThreshold  */\n  largeThreshold?: number;\n  /** 分片长度 */\n  progressiveStep?: number;\n  /** 开启分片渲染的阀值，对应的是单系列data的长度 */\n  progressiveThreshold?: number;\n};\n\n/** mark-state-style */\nexport type IMarkStateStyle<T extends ICommonSpec> = Record<StateValueType, Partial<IAttrs<T>>>;\n\n/** mark-style 一组style */\nexport type IMarkStyle<T extends ICommonSpec> = {\n  [key in keyof T]: MarkInputStyle<T[key]>;\n};\n/**********   mark  ***************/\nexport interface IMarkRaw<T extends ICommonSpec> extends ICompilableMark {\n  readonly stateStyle: IMarkStateStyle<T>;\n\n  getAttribute: <U extends keyof T>(key: U, datum: any, state?: StateValueType, opt?: any) => unknown;\n  setAttribute: <U extends keyof T>(attr: U, style: StyleConvert<T[U]>, state?: StateValueType, level?: number) => void;\n\n  // 需要支持优先级并且可以使用优先级覆盖\n  /** @deprecated VChart 层尽量使用 IModel.setMarkStyle() */\n  setStyle: (style: Partial<IMarkStyle<T>>, state?: StateValueType, level?: number) => void;\n\n  setReferer: (mark: IMarkRaw<T>, styleKey?: string, state?: StateValueType, stateStyle?: IMarkStateStyle<T>) => void;\n\n  /** @deprecated VChart 层尽量使用 IModel.initMarkStyleWithSpec() */\n  initStyleWithSpec: (spec: any, key?: string) => void;\n\n  created: () => void;\n\n  setPostProcess: <U extends keyof T, A>(\n    key: U,\n    postProcessFunc: IAttrConfig<A, T>['postProcess'],\n    state?: StateValueType\n  ) => void;\n}\n\nexport type IMark = IMarkRaw<ICommonSpec>;\n\nexport interface ICompileMarkConfig extends IMarkConfig {\n  /** morph 配置开关 */\n  morph?: boolean;\n\n  /** morph元素的唯一key */\n  morphElementKey?: string;\n  /**\n   * 是否支持 3d\n   */\n  support3d?: boolean;\n  /* customized shape of mark  */\n  setCustomizedShape?: (datum: any[], attrs: any, path: ICustomPath2D) => ICustomPath2D;\n  /**\n   * 裁剪配置\n   * @since 1.10.0\n   */\n  clip?: boolean;\n  /** skip theme of vgrammar or not */\n  skipTheme?: boolean;\n}\n\nexport interface IMarkOption extends ICompilableMarkOption {\n  model: IModel;\n  map: Map<StringOrNumber, IModel | IMark>;\n\n  globalScale: IGlobalScale;\n  seriesId?: number;\n\n  /** 组件 mark 的具体类型 */\n  componentType?: string;\n  attributeContext?: IModelMarkAttributeContext;\n}\nexport interface IMarkConstructor {\n  type: MarkType;\n  constructorType?: MarkType;\n  new (name: string, options: IMarkOption): IMark;\n}\n\nexport interface IComponentMarkConstructor {\n  type: MarkType;\n  constructorType?: MarkType;\n  new (componentType: string, name: string, options: IMarkOption): IMark;\n}\n\nexport type MarkConstructor = IMarkConstructor | IComponentMarkConstructor;\n\nexport interface IMarkDataInitOption extends IMarkOption {\n  mark: IMark;\n}\n\nexport type ISamplingMethod = 'lttb' | 'min' | 'max' | 'sum' | 'average';\n\nexport interface IDataSamping {\n  /**\n   * 是否使用额外的 activePoint 显示交互点，可以在点隐藏时显示被交互的点\n   * @default false\n   * @since 1.3.0\n   */\n  activePoint?: boolean;\n  /**\n   * 数据采样 - 采样方法\n   * @since 1.6.0\n   */\n  sampling?: ISamplingMethod;\n  /**\n   * 数据采样 - 采样系数\n   * @since 1.6.0\n   * @default 1\n   */\n  samplingFactor?: number;\n}\n\nexport interface IMarkOverlap {\n  /**\n   * 标记点之间的距离，px\n   * @since 1.6.0\n   */\n  pointDis?: number;\n  /**\n   * 标记点之间的距离， pointSize 的倍数\n   * @since 1.6.0\n   * @default 1\n   */\n  pointDisMul?: number;\n  /**\n   * 是否允许标记图形相互覆盖\n   * @since 1.6.0\n   * @default false\n   */\n  markOverlap?: boolean;\n}\n"]}
+{"version":3,"sources":["../src/mark/interface/common.ts"],"names":[],"mappings":"","file":"common.js","sourcesContent":["import type { IGlobalScale } from '../../scale/interface';\nimport type { ICommonSpec, VisualType, ValueType, FunctionType } from '../../typings/visual';\nimport type { IModel } from '../../model/interface';\nimport type { IBaseScale } from '@visactor/vscale';\nimport type { MarkType, MarkTypeEnum } from './type';\nimport type {\n  ICompilableMark,\n  ICompilableMarkOption,\n  IMarkConfig,\n  IModelMarkAttributeContext,\n  StateValueType\n} from '../../compile/mark/interface';\nimport type { Datum, StringOrNumber } from '../../typings';\nimport type { ICustomPath2D, IGraphic } from '@visactor/vrender-core';\nimport type { IGroupMark } from './mark';\n\nexport interface VisualScaleType {\n  scale: IBaseScale;\n  field: StringOrNumber;\n  changeDomain?: 'none' | 'replace' | 'expand'; //default 'none'\n}\n\nexport type MarkInputStyle<T> = StyleConvert<T> | VisualType<T>;\n\n/** 用户将属性类型转化为 mark-style 中某个属性的 style */\nexport type StyleConvert<T> = ValueType<T> | FunctionType<T> | VisualScaleType;\n\n/** mark-style 中某个属性的样式信息，包含层级等信息 */\nexport interface IAttrConfig<A, R extends ICommonSpec> {\n  level: number;\n  style: StyleConvert<A>;\n  referer?: IMarkRaw<R>;\n  postProcess?: (result: A, ...args: Parameters<FunctionType<A>>) => A;\n}\n/** mark-style 中某状态下的一组样式信息 */\nexport type IAttrs<T extends ICommonSpec> = {\n  [K in keyof T]: IAttrConfig<T[K], T>;\n};\n\nexport type IMarkProgressiveConfig = {\n  /** 是否开启大数据渲染模式，开启后会降低渲染的精度 */\n  large?: boolean;\n  /** 开启大数据渲染优化的阀值，对应的是data的长度;推荐 largeThreshold < progressiveThreshold  */\n  largeThreshold?: number;\n  /** 分片长度 */\n  progressiveStep?: number;\n  /** 开启分片渲染的阀值，对应的是单系列data的长度 */\n  progressiveThreshold?: number;\n};\n\n/** mark-state-style */\nexport type IMarkStateStyle<T extends ICommonSpec> = Record<StateValueType, Partial<IAttrs<T>>>;\n\n/** mark-style 一组style */\nexport type IMarkStyle<T extends ICommonSpec> = {\n  [key in keyof T]: MarkInputStyle<T[key]>;\n};\n\nexport type DiffStateValues = 'update' | 'enter' | 'exit';\n\nexport interface IGraphicContext {\n  markType: MarkTypeEnum;\n  /**\n   * 图形所属mark对应的id，自增id\n   */\n  markId: number;\n  /**\n   * 图形所属model对应的id，自增id\n   */\n  modelId: number;\n  /**\n   * 图形所属mark对应的用户设置id\n   */\n  markUserId?: number | string;\n  /**\n   * 图形所属model对应的用户设置id\n   */\n  modelUserId?: number | string;\n  /**\n   * 数据对比状态\n   */\n  diffState?: DiffStateValues;\n  /**\n   * 数据\n   */\n  data?: Datum[];\n  /**\n   * 用于区分图形的唯一key，\n   * 对于line/mark而言，和`groupKey` 是一致的\n   * 对于其他图元，由 `groupKey` 和 `key` 拼装得到\n   */\n  uniqueKey?: string;\n  /**\n   * 唯一key\n   */\n  key?: string;\n  /**\n   * 分组key\n   */\n  groupKey?: string;\n  /**\n   * 状态\n   */\n  states?: string[];\n}\n\nexport interface IMarkGraphic extends IGraphic {\n  /**\n   * 缓存运行时的状态编码数据\n   */\n  runtimeStateCache?: Record<string, any>;\n\n  /**\n   * 上下文数据\n   */\n  context?: IGraphicContext;\n}\n\n/**********   mark  ***************/\nexport interface IMarkRaw<T extends ICommonSpec> extends ICompilableMark {\n  readonly stateStyle: IMarkStateStyle<T>;\n\n  getAttributesOfState: (datum: Datum, state?: StateValueType) => Partial<T>;\n  getAttribute: <U extends keyof T>(key: U, datum: any, state?: StateValueType) => unknown;\n  setAttribute: <U extends keyof T>(attr: U, style: StyleConvert<T[U]>, state?: StateValueType, level?: number) => void;\n\n  // 需要支持优先级并且可以使用优先级覆盖\n  /** @deprecated VChart 层尽量使用 IModel.setMarkStyle() */\n  setStyle: (style: Partial<IMarkStyle<T>>, state?: StateValueType, level?: number) => void;\n  setSimpleStyle: (s: T) => void;\n  getSimpleStyle: () => T;\n\n  setReferer: (mark: IMarkRaw<T>, styleKey?: string, state?: StateValueType) => void;\n\n  /** @deprecated VChart 层尽量使用 IModel.initMarkStyleWithSpec() */\n  initStyleWithSpec: (spec: any) => void;\n\n  created: () => void;\n\n  setPostProcess: <U extends keyof T, A>(\n    key: U,\n    postProcessFunc: IAttrConfig<A, T>['postProcess'],\n    state?: StateValueType\n  ) => void;\n\n  /** 更新某一个状态 */\n  updateMarkState: (key: string) => void;\n\n  render: () => void;\n\n  getGraphics: () => IMarkGraphic[];\n\n  reuse: (mark: IMark) => void;\n\n  /** 是否启动了增量渲染模式 */\n  isProgressive: () => boolean;\n  /** 是否正在执行增量渲染 */\n  isDoingProgressive: () => boolean;\n  /** 清除增量渲染相关状态 */\n  clearProgressive: () => void;\n  /** 从第一帧开始增量计算 */\n  restartProgressive: () => void;\n  /** 分片执行 */\n  renderProgressive: () => void;\n  /** 增量流程后，是否执行动画 */\n  canAnimateAfterProgressive: () => boolean;\n}\n\nexport type IMark = IMarkRaw<ICommonSpec>;\n\nexport interface ICompileMarkConfig extends IMarkConfig {\n  /** morph 配置开关 */\n  morph?: boolean;\n\n  /** morph元素的唯一key */\n  morphElementKey?: string;\n  /**\n   * 是否支持 3d\n   */\n  support3d?: boolean;\n  /**\n   * 裁剪配置\n   * @since 1.10.0\n   */\n  clip?: boolean;\n  /** skip theme of vgrammar or not */\n  skipTheme?: boolean;\n}\n\nexport interface IMarkOption extends ICompilableMarkOption {\n  model: IModel;\n  map: Map<StringOrNumber, IModel | IMark>;\n\n  globalScale: IGlobalScale;\n  seriesId?: number;\n\n  /** 组件 mark 的具体类型 */\n  componentType?: string;\n  attributeContext?: IModelMarkAttributeContext;\n\n  /** 父级 mark */\n  parent?: IGroupMark | false;\n}\nexport interface IMarkConstructor {\n  type: MarkType;\n  constructorType?: MarkType;\n  new (name: string, options: IMarkOption): IMark;\n}\n\nexport interface IComponentMarkConstructor {\n  type: MarkType;\n  constructorType?: MarkType;\n  new (componentType: string, name: string, options: IMarkOption): IMark;\n}\n\nexport type MarkConstructor = IMarkConstructor | IComponentMarkConstructor;\n\nexport interface IMarkDataInitOption extends IMarkOption {\n  mark: IMark;\n}\n\nexport type ISamplingMethod = 'lttb' | 'min' | 'max' | 'sum' | 'average';\n\nexport interface IDataSamping {\n  /**\n   * 是否使用额外的 activePoint 显示交互点，可以在点隐藏时显示被交互的点\n   * @default false\n   * @since 1.3.0\n   */\n  activePoint?: boolean;\n  /**\n   * 数据采样 - 采样方法\n   * @since 1.6.0\n   */\n  sampling?: ISamplingMethod;\n  /**\n   * 数据采样 - 采样系数\n   * @since 1.6.0\n   * @default 1\n   */\n  samplingFactor?: number;\n}\n\nexport interface IMarkOverlap {\n  /**\n   * 标记点之间的距离，px\n   * @since 1.6.0\n   */\n  pointDis?: number;\n  /**\n   * 标记点之间的距离， pointSize 的倍数\n   * @since 1.6.0\n   * @default 1\n   */\n  pointDisMul?: number;\n  /**\n   * 是否允许标记图形相互覆盖\n   * @since 1.6.0\n   * @default false\n   */\n  markOverlap?: boolean;\n}\n\nexport type GroupedData<T> = {\n  // iterating over array is faster than set\n  keys: string[];\n  // operation on map is faster than object\n  data: Map<string, T[]>;\n};\n\nexport interface IProgressiveTransformResult<Output = any> {\n  /** is progressive finished */\n  unfinished: () => boolean;\n  /** return all the result */\n  output: () => Output;\n  /** the output result of current progressive run */\n  progressiveOutput: () => Output;\n  /** run in progressive mode */\n  progressiveRun: () => void;\n  /** release the progressive context */\n  release: () => void;\n  /**\n   * can animate after progressive\n   */\n  canAnimate?: () => boolean;\n}\n\nexport type IMarkDataTransform<Options = any, Input = any, Output = any> = (\n  options: Options,\n  data: Input\n) => Output | IProgressiveTransformResult<Output>;\n\nexport interface ProgressiveContext {\n  currentIndex: number;\n  totalStep: number;\n  step: number;\n  data: any[];\n  groupKeys?: string[];\n  groupedData?: Map<string, any[]>;\n}\n"]}

package/cjs/mark/interface/enum.d.ts

@@ -0,0 +1,6 @@
+export declare enum DiffState {
+    enter = "enter",
+    update = "update",
+    exit = "exit",
+    unChange = "unChange"
+}

package/cjs/mark/interface/enum.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var DiffState;
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.DiffState = void 0, function(DiffState) {
+    DiffState.enter = "enter", DiffState.update = "update", DiffState.exit = "exit", 
+    DiffState.unChange = "unChange";
+}(DiffState = exports.DiffState || (exports.DiffState = {}));
+//# sourceMappingURL=enum.js.map

package/cjs/mark/interface/enum.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/mark/interface/enum.ts"],"names":[],"mappings":";;;AAAA,IAAY,SAKX;AALD,WAAY,SAAS;IACnB,4BAAe,CAAA;IACf,8BAAiB,CAAA;IACjB,0BAAa,CAAA;IACb,kCAAqB,CAAA;AACvB,CAAC,EALW,SAAS,GAAT,iBAAS,KAAT,iBAAS,QAKpB","file":"enum.js","sourcesContent":["export enum DiffState {\n  enter = 'enter',\n  update = 'update',\n  exit = 'exit',\n  unChange = 'unChange'\n}\n"]}

package/cjs/mark/interface/index.d.ts

@@ -1,3 +1,4 @@
 export * from './common';
 export * from './type';
 export * from './mark';
+export * from './enum';

package/cjs/mark/interface/index.js

@@ -18,5 +18,5 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), __exportStar(require("./common"), exports), __exportStar(require("./type"), exports), 
-__exportStar(require("./mark"), exports);
+__exportStar(require("./mark"), exports), __exportStar(require("./enum"), exports);
 //# sourceMappingURL=index.js.map

package/cjs/mark/interface/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/mark/interface/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,yCAAuB;AACvB,yCAAuB","file":"index.js","sourcesContent":["export * from './common';\nexport * from './type';\nexport * from './mark';\n"]}
+{"version":3,"sources":["../src/mark/interface/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,yCAAuB;AACvB,yCAAuB;AACvB,yCAAuB","file":"index.js","sourcesContent":["export * from './common';\nexport * from './type';\nexport * from './mark';\nexport * from './enum';\n"]}

package/cjs/mark/interface/mark.d.ts

@@ -1,8 +1,22 @@
+import type { IGraphic } from '@visactor/vrender-core';
 import type { IMarkSpec } from '../../typings';
 import type { IArc3dMarkSpec, IArcMarkSpec, IAreaMarkSpec, IBoxPlotMarkSpec, ICellMarkSpec, ICommonSpec, IComposedTextMarkSpec, IGroupMarkSpec, IImageMarkSpec, ILineMarkSpec, ILinkPathMarkSpec, IPathMarkSpec, IPolygonMarkSpec, IPyramid3dMarkSpec, IRect3dMarkSpec, IRectMarkSpec, IRippleMarkSpec, IRuleMarkSpec, ISymbolMarkSpec } from '../../typings/visual';
 import type { IMark, IMarkRaw } from './common';
 import type { MarkType } from './type';
-export type IComponentMark = IMarkRaw<ICommonSpec>;
+export interface IComponentMark extends IMarkRaw<ICommonSpec> {
+    renderInner: () => void;
+    getComponent: () => IGraphic;
+    setAttributeTransform: (t: (attrs: any) => any) => any;
+}
+export interface IGlyphMark<T extends ICommonSpec = ICommonSpec, C = any> extends IMarkRaw<T> {
+    setGlyphConfig: (cfg: C) => void;
+    getGlyphConfig: () => C;
+    getSubMarks: () => Record<string, {
+        type: MarkType;
+        defaultAttributes?: any;
+    }>;
+    getPositionChannels: () => string[];
+}
 export interface ILabelMark extends ITextMark {
     skipEncode: boolean;
     getRule: () => string;
@@ -42,3 +56,6 @@ export interface IGroupMark extends IMarkRaw<IGroupMarkSpec> {
     getMarkInId: (id: number) => IMark | undefined;
     getMarkInName: (name: string) => IMark[] | undefined;
 }
+export interface ILinkPathConfig {
+    direction?: 'horizontal' | 'vertical' | 'LR' | 'RL' | 'TB' | 'BL' | 'radial';
+}

package/cjs/mark/interface/mark.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/mark/interface/mark.ts"],"names":[],"mappings":"","file":"mark.js","sourcesContent":["import type { IMarkSpec } from '../../typings';\nimport type {\n  IArc3dMarkSpec,\n  IArcMarkSpec,\n  IAreaMarkSpec,\n  IBoxPlotMarkSpec,\n  ICellMarkSpec,\n  ICommonSpec,\n  IComposedTextMarkSpec,\n  IGroupMarkSpec,\n  IImageMarkSpec,\n  ILineMarkSpec,\n  ILinkPathMarkSpec,\n  IPathMarkSpec,\n  IPolygonMarkSpec,\n  IPyramid3dMarkSpec,\n  IRect3dMarkSpec,\n  IRectMarkSpec,\n  IRippleMarkSpec,\n  IRuleMarkSpec,\n  ISymbolMarkSpec\n} from '../../typings/visual';\nimport type { IMark, IMarkRaw } from './common';\nimport type { MarkType } from './type';\n\nexport type IComponentMark = IMarkRaw<ICommonSpec>;\n\nexport interface ILabelMark extends ITextMark {\n  skipEncode: boolean;\n\n  getRule: () => string;\n  setRule: (rule: string) => void;\n\n  getTarget: () => IMark;\n  setTarget: (target: IMark) => void;\n\n  getComponent: () => IComponentMark;\n  setComponent: (component: IComponentMark) => void;\n}\n\nexport type ITextMark = IMarkRaw<IComposedTextMarkSpec> & { getTextType: () => 'text' | 'rich' };\n\nexport type ITextSpec<T> = IMarkSpec<T> & { textType?: 'rich' | 'text' };\n\nexport type IArc3dMark = IMarkRaw<IArc3dMarkSpec>;\n\nexport type IPolygonMark = IMarkRaw<IPolygonMarkSpec>;\n\nexport type IPyramid3dMark = IMarkRaw<IPyramid3dMarkSpec>;\n\nexport type IArcMark = IMarkRaw<IArcMarkSpec>;\n\nexport type IAreaMark = IMarkRaw<IAreaMarkSpec>;\n\nexport type IBoxPlotMark = IMarkRaw<IBoxPlotMarkSpec>;\n\nexport type ICellMark = IMarkRaw<ICellMarkSpec>;\n\nexport type IImageMark = IMarkRaw<IImageMarkSpec>;\n\nexport type ILineMark = IMarkRaw<ILineMarkSpec>;\n\nexport type ILinkPathMark = IMarkRaw<ILinkPathMarkSpec>;\n\nexport type IPathMark = IMarkRaw<IPathMarkSpec>;\n\nexport type IRect3dMark = IMarkRaw<IRect3dMarkSpec>;\n\nexport type IRectMark = IMarkRaw<IRectMarkSpec>;\n\nexport type IRippleMark = IMarkRaw<IRippleMarkSpec>;\n\nexport type IRuleMark = IMarkRaw<IRuleMarkSpec>;\n\nexport type ISymbolMark = IMarkRaw<ISymbolMarkSpec>;\n\nexport interface IGroupMark extends IMarkRaw<IGroupMarkSpec> {\n  // groupMark的zIndex只能配在外层，encode里不生效，且无法写成signal\n  // {type:'group', zIndex: 100} ✅\n  // {type:'group', encode:{enter:{zIndex:{value:100}}}} ❌\n  // {type:'group', zIndex: {signal: }} ❌\n\n  addMark: (m: IMark) => boolean;\n  removeMark: (m: IMark) => boolean;\n  // TODO: 这里可能会出现mark嵌套的问题\n  getMarks: () => IMark[];\n  getMarkInType: (type: MarkType) => IMark[];\n  getMarkInId: (id: number) => IMark | undefined;\n  getMarkInName: (name: string) => IMark[] | undefined;\n}\n"]}
+{"version":3,"sources":["../src/mark/interface/mark.ts"],"names":[],"mappings":"","file":"mark.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender-core';\nimport type { IMarkSpec } from '../../typings';\nimport type {\n  IArc3dMarkSpec,\n  IArcMarkSpec,\n  IAreaMarkSpec,\n  IBoxPlotMarkSpec,\n  ICellMarkSpec,\n  ICommonSpec,\n  IComposedTextMarkSpec,\n  IGroupMarkSpec,\n  IImageMarkSpec,\n  ILineMarkSpec,\n  ILinkPathMarkSpec,\n  IPathMarkSpec,\n  IPolygonMarkSpec,\n  IPyramid3dMarkSpec,\n  IRect3dMarkSpec,\n  IRectMarkSpec,\n  IRippleMarkSpec,\n  IRuleMarkSpec,\n  ISymbolMarkSpec\n} from '../../typings/visual';\nimport type { IMark, IMarkRaw } from './common';\nimport type { MarkType } from './type';\n\nexport interface IComponentMark extends IMarkRaw<ICommonSpec> {\n  renderInner: () => void;\n  getComponent: () => IGraphic;\n  setAttributeTransform: (t: (attrs: any) => any) => any;\n}\n\nexport interface IGlyphMark<T extends ICommonSpec = ICommonSpec, C = any> extends IMarkRaw<T> {\n  setGlyphConfig: (cfg: C) => void;\n  getGlyphConfig: () => C;\n\n  getSubMarks: () => Record<\n    string,\n    {\n      type: MarkType;\n      defaultAttributes?: any;\n    }\n  >;\n\n  getPositionChannels: () => string[];\n}\n\nexport interface ILabelMark extends ITextMark {\n  skipEncode: boolean;\n\n  getRule: () => string;\n  setRule: (rule: string) => void;\n\n  getTarget: () => IMark;\n  setTarget: (target: IMark) => void;\n\n  getComponent: () => IComponentMark;\n  setComponent: (component: IComponentMark) => void;\n}\n\nexport type ITextMark = IMarkRaw<IComposedTextMarkSpec> & { getTextType: () => 'text' | 'rich' };\n\nexport type ITextSpec<T> = IMarkSpec<T> & { textType?: 'rich' | 'text' };\n\nexport type IArc3dMark = IMarkRaw<IArc3dMarkSpec>;\n\nexport type IPolygonMark = IMarkRaw<IPolygonMarkSpec>;\n\nexport type IPyramid3dMark = IMarkRaw<IPyramid3dMarkSpec>;\n\nexport type IArcMark = IMarkRaw<IArcMarkSpec>;\n\nexport type IAreaMark = IMarkRaw<IAreaMarkSpec>;\n\nexport type IBoxPlotMark = IMarkRaw<IBoxPlotMarkSpec>;\n\nexport type ICellMark = IMarkRaw<ICellMarkSpec>;\n\nexport type IImageMark = IMarkRaw<IImageMarkSpec>;\n\nexport type ILineMark = IMarkRaw<ILineMarkSpec>;\n\nexport type ILinkPathMark = IMarkRaw<ILinkPathMarkSpec>;\n\nexport type IPathMark = IMarkRaw<IPathMarkSpec>;\n\nexport type IRect3dMark = IMarkRaw<IRect3dMarkSpec>;\n\nexport type IRectMark = IMarkRaw<IRectMarkSpec>;\n\nexport type IRippleMark = IMarkRaw<IRippleMarkSpec>;\n\nexport type IRuleMark = IMarkRaw<IRuleMarkSpec>;\n\nexport type ISymbolMark = IMarkRaw<ISymbolMarkSpec>;\n\nexport interface IGroupMark extends IMarkRaw<IGroupMarkSpec> {\n  // groupMark的zIndex只能配在外层，encode里不生效，且无法写成signal\n  // {type:'group', zIndex: 100} ✅\n  // {type:'group', encode:{enter:{zIndex:{value:100}}}} ❌\n  // {type:'group', zIndex: {signal: }} ❌\n\n  addMark: (m: IMark) => boolean;\n  removeMark: (m: IMark) => boolean;\n  // TODO: 这里可能会出现mark嵌套的问题\n  getMarks: () => IMark[];\n  getMarkInType: (type: MarkType) => IMark[];\n  getMarkInId: (id: number) => IMark | undefined;\n  getMarkInName: (name: string) => IMark[] | undefined;\n}\n\nexport interface ILinkPathConfig {\n  direction?: 'horizontal' | 'vertical' | 'LR' | 'RL' | 'TB' | 'BL' | 'radial';\n}\n"]}

package/cjs/mark/interface/type.d.ts

@@ -20,6 +20,7 @@ export declare const enum MarkTypeEnum {
     ripple = "ripple",
     liquid = "liquid",
     component = "component",
+    dataLabel = "dataLabel",
     label = "label",
     pictogram = "pictogram"
 }

package/cjs/mark/interface/type.js

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "__esModule", {
     MarkTypeEnum.area = "area", MarkTypeEnum.arc = "arc", MarkTypeEnum.arc3d = "arc3d", 
     MarkTypeEnum.polygon = "polygon", MarkTypeEnum.pyramid3d = "pyramid3d", MarkTypeEnum.boxPlot = "boxPlot", 
     MarkTypeEnum.linkPath = "linkPath", MarkTypeEnum.cell = "cell", MarkTypeEnum.ripple = "ripple", 
-    MarkTypeEnum.liquid = "liquid", MarkTypeEnum.component = "component", MarkTypeEnum.label = "label", 
-    MarkTypeEnum.pictogram = "pictogram";
+    MarkTypeEnum.liquid = "liquid", MarkTypeEnum.component = "component", MarkTypeEnum.dataLabel = "dataLabel", 
+    MarkTypeEnum.label = "label", MarkTypeEnum.pictogram = "pictogram";
 }(MarkTypeEnum = exports.MarkTypeEnum || (exports.MarkTypeEnum = {}));
 //# sourceMappingURL=type.js.map

package/cjs/mark/interface/type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/mark/interface/type.ts"],"names":[],"mappings":";;;AAEA,IAAkB,YA0BjB;AA1BD,WAAkB,YAAY;IAC5B,+BAAe,CAAA;IAEf,iCAAiB,CAAA;IACjB,6BAAa,CAAA;IACb,6BAAa,CAAA;IACb,6BAAa,CAAA;IACb,6BAAa,CAAA;IACb,iCAAiB,CAAA;IACjB,+BAAe,CAAA;IACf,6BAAa,CAAA;IACb,6BAAa,CAAA;IACb,2BAAW,CAAA;IACX,+BAAe,CAAA;IACf,mCAAmB,CAAA;IACnB,uCAAuB,CAAA;IACvB,mCAAmB,CAAA;IACnB,qCAAqB,CAAA;IACrB,6BAAa,CAAA;IACb,iCAAiB,CAAA;IACjB,iCAAiB,CAAA;IAEjB,uCAAuB,CAAA;IACvB,+BAAe,CAAA;IAEf,uCAAuB,CAAA;AACzB,CAAC,EA1BiB,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QA0B7B","file":"type.js","sourcesContent":["export type MarkType = keyof typeof MarkTypeEnum | string;\n\nexport const enum MarkTypeEnum {\n  group = 'group',\n\n  symbol = 'symbol',\n  rule = 'rule',\n  line = 'line',\n  text = 'text',\n  rect = 'rect',\n  rect3d = 'rect3d',\n  image = 'image',\n  path = 'path',\n  area = 'area',\n  arc = 'arc',\n  arc3d = 'arc3d',\n  polygon = 'polygon',\n  pyramid3d = 'pyramid3d',\n  boxPlot = 'boxPlot',\n  linkPath = 'linkPath',\n  cell = 'cell',\n  ripple = 'ripple',\n  liquid = 'liquid',\n\n  component = 'component',\n  label = 'label',\n\n  pictogram = 'pictogram'\n}\n"]}
+{"version":3,"sources":["../src/mark/interface/type.ts"],"names":[],"mappings":";;;AAEA,IAAkB,YA2BjB;AA3BD,WAAkB,YAAY;IAC5B,+BAAe,CAAA;IAEf,iCAAiB,CAAA;IACjB,6BAAa,CAAA;IACb,6BAAa,CAAA;IACb,6BAAa,CAAA;IACb,6BAAa,CAAA;IACb,iCAAiB,CAAA;IACjB,+BAAe,CAAA;IACf,6BAAa,CAAA;IACb,6BAAa,CAAA;IACb,2BAAW,CAAA;IACX,+BAAe,CAAA;IACf,mCAAmB,CAAA;IACnB,uCAAuB,CAAA;IACvB,mCAAmB,CAAA;IACnB,qCAAqB,CAAA;IACrB,6BAAa,CAAA;IACb,iCAAiB,CAAA;IACjB,iCAAiB,CAAA;IAEjB,uCAAuB,CAAA;IACvB,uCAAuB,CAAA;IACvB,+BAAe,CAAA;IAEf,uCAAuB,CAAA;AACzB,CAAC,EA3BiB,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QA2B7B","file":"type.js","sourcesContent":["export type MarkType = keyof typeof MarkTypeEnum | string;\n\nexport const enum MarkTypeEnum {\n  group = 'group',\n\n  symbol = 'symbol',\n  rule = 'rule',\n  line = 'line',\n  text = 'text',\n  rect = 'rect',\n  rect3d = 'rect3d',\n  image = 'image',\n  path = 'path',\n  area = 'area',\n  arc = 'arc',\n  arc3d = 'arc3d',\n  polygon = 'polygon',\n  pyramid3d = 'pyramid3d',\n  boxPlot = 'boxPlot',\n  linkPath = 'linkPath',\n  cell = 'cell',\n  ripple = 'ripple',\n  liquid = 'liquid',\n\n  component = 'component',\n  dataLabel = 'dataLabel',\n  label = 'label',\n\n  pictogram = 'pictogram'\n}\n"]}

package/cjs/mark/label.d.ts

@@ -1,7 +1,7 @@
 import type { IMark } from './interface/common';
 import { MarkTypeEnum } from './interface/type';
 import { TextMark } from './text';
-import type { ILabelMark } from './interface/mark';
+import type { IComponentMark, ILabelMark } from './interface/mark';
 export declare class LabelMark extends TextMark implements ILabelMark {
     static readonly type = MarkTypeEnum.text;
     static readonly constructorType = MarkTypeEnum.label;
@@ -13,7 +13,8 @@ export declare class LabelMark extends TextMark implements ILabelMark {
     getTarget(): IMark;
     setTarget(target: IMark): void;
     private _component;
-    getComponent(): IMark;
-    setComponent(component: IMark): void;
+    getComponent(): IComponentMark;
+    setComponent(component: IComponentMark): void;
+    render(): void;
 }
 export declare const registerLabelMark: () => void;

package/cjs/mark/label.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.registerLabelMark = exports.LabelMark = void 0;
 
-const vgrammar_core_1 = require("@visactor/vgrammar-core"), factory_1 = require("./../core/factory"), text_1 = require("./text");
+const factory_1 = require("./../core/factory"), text_1 = require("./text");
 
 class LabelMark extends text_1.TextMark {
     constructor() {
@@ -28,12 +28,13 @@ class LabelMark extends text_1.TextMark {
     setComponent(component) {
         this._component = component;
     }
+    render() {}
 }
 
 exports.LabelMark = LabelMark, LabelMark.type = "text", LabelMark.constructorType = "label";
 
 const registerLabelMark = () => {
-    factory_1.Factory.registerMark(LabelMark.constructorType, LabelMark), (0, vgrammar_core_1.registerTextGraphic)();
+    (0, text_1.registerTextMark)(), factory_1.Factory.registerMark(LabelMark.constructorType, LabelMark);
 };
 
 exports.registerLabelMark = registerLabelMark;

package/cjs/mark/label.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/mark/label.ts"],"names":[],"mappings":";;;AAAA,2DAA8D;AAC9D,+CAA4C;AAG5C,iCAAkC;AAGlC,MAAa,SAAU,SAAQ,eAAQ;IAAvC;;QAIE,eAAU,GAAG,KAAK,CAAC;IA4BrB,CAAC;IAzBC,OAAO;QACL,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IACD,OAAO,CAAC,IAAY;QAClB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;IACpB,CAAC;IAGD,SAAS;QACP,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IACD,SAAS,CAAC,MAAa;QACrB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YACf,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;SAC3B;IACH,CAAC;IAGD,YAAY;QACV,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IACD,YAAY,CAAC,SAAgB;QAC3B,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;IAC9B,CAAC;;AA/BH,8BAgCC;AA/BiB,cAAI,UAAqB;AACzB,yBAAe,WAAsB;AAgChD,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,iBAAO,CAAC,YAAY,CAAC,SAAS,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;IAC3D,IAAA,mCAAmB,GAAE,CAAC;AACxB,CAAC,CAAC;AAHW,QAAA,iBAAiB,qBAG5B","file":"label.js","sourcesContent":["import { registerTextGraphic } from '@visactor/vgrammar-core';\nimport { Factory } from './../core/factory';\nimport type { IMark } from './interface/common';\nimport { MarkTypeEnum } from './interface/type';\nimport { TextMark } from './text';\nimport type { ILabelMark } from './interface/mark';\n\nexport class LabelMark extends TextMark implements ILabelMark {\n  static readonly type = MarkTypeEnum.text;\n  static readonly constructorType = MarkTypeEnum.label;\n\n  skipEncode = false;\n\n  private _rule: string;\n  getRule() {\n    return this._rule;\n  }\n  setRule(rule: string) {\n    this._rule = rule;\n  }\n\n  private _target: IMark;\n  getTarget() {\n    return this._target;\n  }\n  setTarget(target: IMark) {\n    this._target = target;\n    if (!this._rule) {\n      this.setRule(target.type);\n    }\n  }\n\n  private _component: IMark;\n  getComponent() {\n    return this._component;\n  }\n  setComponent(component: IMark) {\n    this._component = component;\n  }\n}\n\nexport const registerLabelMark = () => {\n  Factory.registerMark(LabelMark.constructorType, LabelMark);\n  registerTextGraphic();\n};\n"]}
+{"version":3,"sources":["../src/mark/label.ts"],"names":[],"mappings":";;;AAAA,+CAA4C;AAG5C,iCAAoD;AAGpD,MAAa,SAAU,SAAQ,eAAQ;IAAvC;;QAIE,eAAU,GAAG,KAAK,CAAC;IAgCrB,CAAC;IA7BC,OAAO;QACL,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IACD,OAAO,CAAC,IAAY;QAClB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;IACpB,CAAC;IAGD,SAAS;QACP,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IACD,SAAS,CAAC,MAAa;QACrB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YACf,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;SAC3B;IACH,CAAC;IAGD,YAAY;QACV,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IACD,YAAY,CAAC,SAAyB;QACpC,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;IAC9B,CAAC;IAED,MAAM;IAEN,CAAC;;AAnCH,8BAoCC;AAnCiB,cAAI,UAAqB;AACzB,yBAAe,WAAsB;AAoChD,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,IAAA,uBAAgB,GAAE,CAAC;IACnB,iBAAO,CAAC,YAAY,CAAC,SAAS,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;AAC7D,CAAC,CAAC;AAHW,QAAA,iBAAiB,qBAG5B","file":"label.js","sourcesContent":["import { Factory } from './../core/factory';\nimport type { IMark } from './interface/common';\nimport { MarkTypeEnum } from './interface/type';\nimport { registerTextMark, TextMark } from './text';\nimport type { IComponentMark, ILabelMark } from './interface/mark';\n\nexport class LabelMark extends TextMark implements ILabelMark {\n  static readonly type = MarkTypeEnum.text;\n  static readonly constructorType = MarkTypeEnum.label;\n\n  skipEncode = false;\n\n  private _rule: string;\n  getRule() {\n    return this._rule;\n  }\n  setRule(rule: string) {\n    this._rule = rule;\n  }\n\n  private _target: IMark;\n  getTarget() {\n    return this._target;\n  }\n  setTarget(target: IMark) {\n    this._target = target;\n    if (!this._rule) {\n      this.setRule(target.type);\n    }\n  }\n\n  private _component: IComponentMark;\n  getComponent() {\n    return this._component;\n  }\n  setComponent(component: IComponentMark) {\n    this._component = component;\n  }\n\n  render(): void {\n    // no need to render\n  }\n}\n\nexport const registerLabelMark = () => {\n  registerTextMark();\n  Factory.registerMark(LabelMark.constructorType, LabelMark);\n};\n"]}

package/cjs/mark/line.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.registerLineMark = exports.LineMark = void 0;
 
-const factory_1 = require("./../core/factory"), type_1 = require("../series/interface/type"), base_line_1 = require("./base/base-line"), vgrammar_core_1 = require("@visactor/vgrammar-core"), config_1 = require("../animation/config");
+const factory_1 = require("./../core/factory"), type_1 = require("../series/interface/type"), base_line_1 = require("./base/base-line"), config_1 = require("../animation/config"), vrender_core_1 = require("@visactor/vrender-core"), vrender_kits_1 = require("@visactor/vrender-kits"), vrender_components_1 = require("@visactor/vrender-components");
 
 class LineMark extends base_line_1.BaseLineMark {
     constructor() {
@@ -24,8 +24,10 @@ class LineMark extends base_line_1.BaseLineMark {
 exports.LineMark = LineMark, LineMark.type = "line";
 
 const registerLineMark = () => {
-    factory_1.Factory.registerMark(LineMark.type, LineMark), (0, vgrammar_core_1.registerLineGraphic)(), 
-    (0, config_1.registerVGrammarLineOrAreaAnimation)();
+    factory_1.Factory.registerMark(LineMark.type, LineMark), (0, vrender_kits_1.registerShadowRoot)(), 
+    (0, vrender_kits_1.registerLine)(), (0, vrender_components_1.registerLineDataLabel)(), 
+    (0, vrender_components_1.registerSymbolDataLabel)(), (0, config_1.registerVGrammarLineOrAreaAnimation)(), 
+    factory_1.Factory.registerGraphicComponent("line", vrender_core_1.createLine);
 };
 
 exports.registerLineMark = registerLineMark;

package/cjs/mark/line.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/mark/line.ts"],"names":[],"mappings":";;;AAAA,+CAA4C;AAC5C,mDAA0D;AAE1D,gDAAgD;AAIhD,2DAA8D;AAC9D,gDAA0E;AAE1E,MAAa,QAAS,SAAQ,wBAA2B;IAAzD;;QAEW,SAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;IAqBhC,CAAC;IAnBW,gBAAgB;QACxB,MAAM,YAAY,mCACb,KAAK,CAAC,gBAAgB,EAAE,KAC3B,SAAS,EAAE,CAAC,GACb,CAAC;QACF,OAAO,YAAY,CAAC;IACtB,CAAC;IAOS,oBAAoB;;QAC5B,IAAI,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,IAAI,MAAK,qBAAc,CAAC,KAAK,IAAI,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,UAAU,MAAK,OAAO,EAAE;YACnF,OAAO,EAAE,CAAC;SACX;QACD,OAAO,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IACjC,CAAC;;AAtBH,4BAuBC;AAtBiB,aAAI,UAAqB;AAwBpC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,iBAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAC9C,IAAA,mCAAmB,GAAE,CAAC;IACtB,IAAA,4CAAmC,GAAE,CAAC;AACxC,CAAC,CAAC;AAJW,QAAA,gBAAgB,oBAI3B","file":"line.js","sourcesContent":["import { Factory } from './../core/factory';\nimport { SeriesTypeEnum } from '../series/interface/type';\nimport type { ILineMarkSpec } from '../typings/visual';\nimport { BaseLineMark } from './base/base-line';\nimport type { ILineMark, IMarkStyle } from './interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { MarkTypeEnum } from './interface/type';\nimport { registerLineGraphic } from '@visactor/vgrammar-core';\nimport { registerVGrammarLineOrAreaAnimation } from '../animation/config';\n\nexport class LineMark extends BaseLineMark<ILineMarkSpec> implements ILineMark {\n  static readonly type = MarkTypeEnum.line;\n  readonly type = LineMark.type;\n\n  protected _getDefaultStyle() {\n    const defaultStyle: IMarkStyle<ILineMarkSpec> = {\n      ...super._getDefaultStyle(),\n      lineWidth: 1\n    };\n    return defaultStyle;\n  }\n\n  /**\n   * TODO: SeriesTypeEnum 移到最外层\n   * @override 线不支持填充\n   * @returns\n   */\n  protected _getIgnoreAttributes(): string[] {\n    if (this.model?.type === SeriesTypeEnum.radar && this.model?.coordinate === 'polar') {\n      return [];\n    }\n    return ['fill', 'fillOpacity'];\n  }\n}\n\nexport const registerLineMark = () => {\n  Factory.registerMark(LineMark.type, LineMark);\n  registerLineGraphic();\n  registerVGrammarLineOrAreaAnimation();\n};\n"]}
+{"version":3,"sources":["../src/mark/line.ts"],"names":[],"mappings":";;;AAAA,+CAA4C;AAC5C,mDAA0D;AAE1D,gDAAgD;AAIhD,gDAA0E;AAE1E,yDAAoD;AACpD,yDAA0E;AAC1E,qEAA8F;AAE9F,MAAa,QAAS,SAAQ,wBAA2B;IAAzD;;QAEW,SAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;IAqBhC,CAAC;IAnBW,gBAAgB;QACxB,MAAM,YAAY,mCACb,KAAK,CAAC,gBAAgB,EAAE,KAC3B,SAAS,EAAE,CAAC,GACb,CAAC;QACF,OAAO,YAAY,CAAC;IACtB,CAAC;IAOS,oBAAoB;;QAC5B,IAAI,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,IAAI,MAAK,qBAAc,CAAC,KAAK,IAAI,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,UAAU,MAAK,OAAO,EAAE;YACnF,OAAO,EAAE,CAAC;SACX;QACD,OAAO,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IACjC,CAAC;;AAtBH,4BAuBC;AAtBiB,aAAI,UAAqB;AAwBpC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,iBAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAC9C,IAAA,iCAAkB,GAAE,CAAC;IACrB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,0CAAqB,GAAE,CAAC;IACxB,IAAA,4CAAuB,GAAE,CAAC;IAC1B,IAAA,4CAAmC,GAAE,CAAC;IAEtC,iBAAO,CAAC,wBAAwB,SAAoB,yBAAU,CAAC,CAAC;AAClE,CAAC,CAAC;AATW,QAAA,gBAAgB,oBAS3B","file":"line.js","sourcesContent":["import { Factory } from './../core/factory';\nimport { SeriesTypeEnum } from '../series/interface/type';\nimport type { ILineMarkSpec } from '../typings/visual';\nimport { BaseLineMark } from './base/base-line';\nimport type { ILineMark, IMarkStyle } from './interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { MarkTypeEnum } from './interface/type';\nimport { registerVGrammarLineOrAreaAnimation } from '../animation/config';\nimport type { IGraphic, ILineGraphicAttribute } from '@visactor/vrender-core';\nimport { createLine } from '@visactor/vrender-core';\nimport { registerLine, registerShadowRoot } from '@visactor/vrender-kits';\nimport { registerLineDataLabel, registerSymbolDataLabel } from '@visactor/vrender-components';\n\nexport class LineMark extends BaseLineMark<ILineMarkSpec> implements ILineMark {\n  static readonly type = MarkTypeEnum.line;\n  readonly type = LineMark.type;\n\n  protected _getDefaultStyle() {\n    const defaultStyle: IMarkStyle<ILineMarkSpec> = {\n      ...super._getDefaultStyle(),\n      lineWidth: 1\n    };\n    return defaultStyle;\n  }\n\n  /**\n   * TODO: SeriesTypeEnum 移到最外层\n   * @override 线不支持填充\n   * @returns\n   */\n  protected _getIgnoreAttributes(): string[] {\n    if (this.model?.type === SeriesTypeEnum.radar && this.model?.coordinate === 'polar') {\n      return [];\n    }\n    return ['fill', 'fillOpacity'];\n  }\n}\n\nexport const registerLineMark = () => {\n  Factory.registerMark(LineMark.type, LineMark);\n  registerShadowRoot();\n  registerLine();\n  registerLineDataLabel();\n  registerSymbolDataLabel();\n  registerVGrammarLineOrAreaAnimation();\n\n  Factory.registerGraphicComponent(MarkTypeEnum.line, createLine);\n};\n"]}

package/cjs/mark/link-path.d.ts

@@ -1,12 +1,42 @@
-import { BaseMark } from './base/base-mark';
 import type { ILinkPathMarkSpec } from '../typings/visual';
-import type { ILinkPathMark, IMarkStyle } from './interface';
+import type { ILinkPathConfig, ILinkPathMark, IMarkStyle } from './interface';
 import { MarkTypeEnum } from './interface/type';
-import type { IGroupMark } from '@visactor/vgrammar-core';
-export declare class LinkPathMark extends BaseMark<ILinkPathMarkSpec> implements ILinkPathMark {
+import { GlyphMark } from './glyph';
+import type { IGlyph } from '@visactor/vrender-core';
+import type { Datum } from '../typings/common';
+export declare const getHorizontalPath: (options: ILinkPathMarkSpec, ratio?: number) => string;
+export declare const getVerticalPath: (options: ILinkPathMarkSpec, ratio?: number) => string;
+export declare class LinkPathMark extends GlyphMark<ILinkPathMarkSpec, ILinkPathConfig> implements ILinkPathMark {
     static readonly type = MarkTypeEnum.linkPath;
     readonly type = MarkTypeEnum.linkPath;
     protected _getDefaultStyle(): IMarkStyle<ILinkPathMarkSpec>;
-    protected _initProduct(group?: string | IGroupMark): void;
+    protected _subMarks: {
+        back: {
+            type: string;
+            defaultAttributes: {
+                zIndex: number;
+            };
+        };
+        front: {
+            type: string;
+            defaultAttributes: {
+                zIndex: number;
+            };
+        };
+    };
+    protected _positionChannels: string[];
+    protected _channelEncoder: {
+        backgroundStyle: (val: any) => {
+            back: any;
+        };
+    };
+    protected _positionEncoder: (glyphAttrs: any, datum: Datum, g: IGlyph) => {
+        back: {
+            path: string;
+        };
+        front: {
+            path: string;
+        };
+    };
 }
 export declare const registerLinkPathMark: () => void;

package/cjs/mark/link-path.js

@@ -2,13 +2,72 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.registerLinkPathMark = exports.LinkPathMark = void 0;
+}), exports.registerLinkPathMark = exports.LinkPathMark = exports.getVerticalPath = exports.getHorizontalPath = void 0;
 
-const factory_1 = require("./../core/factory"), base_mark_1 = require("./base/base-mark"), vgrammar_core_1 = require("@visactor/vgrammar-core");
+const factory_1 = require("./../core/factory"), glyph_1 = require("./glyph"), vrender_core_1 = require("@visactor/vrender-core"), vrender_kits_1 = require("@visactor/vrender-kits"), getHorizontalPath = (options, ratio) => {
+    var _a;
+    const curvature = null !== (_a = options.curvature) && void 0 !== _a ? _a : .5, thickness = "number" == typeof ratio ? options.thickness * ratio : options.thickness;
+    let x0 = options.x0, x1 = options.x1, y00 = options.y0, y10 = options.y1, cpx0 = x0 + curvature * (x1 - x0), cpx1 = x1 + curvature * (x0 - x1), formatter = v => v;
+    !1 !== options.round && (x0 = Math.round(x0), x1 = Math.round(x1), y00 = Math.round(y00), 
+    y10 = Math.round(y10), cpx0 = Math.round(cpx0), cpx1 = Math.round(cpx1), formatter = Math.round);
+    "line" === options.pathType || options.pathType;
+    "center" === options.align ? (y00 = formatter(options.y0 - thickness / 2), y10 = formatter(options.y1 - thickness / 2)) : "end" === options.align ? (y00 = formatter(options.y0 + options.thickness / 2 - thickness), 
+    y10 = formatter(options.y1 + options.thickness / 2 - thickness)) : (y00 = formatter(options.y0 - options.thickness / 2), 
+    y10 = formatter(options.y1 - options.thickness / 2));
+    const y01 = formatter(y00 + thickness), y11 = formatter(y10 + thickness), hasLength = Math.abs(x1 - x0) > 1e-6, endArrowPath = options.endArrow && hasLength ? `L${x1},${formatter(y10 - thickness / 2)}L${formatter(x1 + thickness)},${formatter((y10 + y11) / 2)}L${x1},${formatter(y11 + thickness / 2)}` : "", startArrowPath = options.startArrow && hasLength ? `L${x0},${formatter(y01 + thickness / 2)}L${formatter(x0 - thickness)},${formatter((y00 + y01) / 2)}L${x0},${formatter(y00 - thickness / 2)}` : "";
+    return "line" === options.pathType ? `M${x0},${y00}L${x1},${y10}${endArrowPath}L${x1},${y11}L${x0},${y01}${startArrowPath}Z` : "polyline" === options.pathType ? `M${x0},${y00}L${cpx0},${y00}L${cpx0},${y10}L${x1},${y10}\n    ${endArrowPath}L${x1},${y11}L${cpx0},${y11}L${cpx0},${y01}L${x0},${y01}${startArrowPath}Z` : `M${x0},${y00}C${cpx0},${y00},${cpx1},${y10},${x1},${y10}\n  ${endArrowPath}L${x1},${y11}C${cpx1},${y11},${cpx0},${y01},${x0},${y01}${startArrowPath}Z`;
+};
+
+exports.getHorizontalPath = getHorizontalPath;
+
+const getVerticalPath = (options, ratio) => {
+    var _a;
+    const curvature = null !== (_a = options.curvature) && void 0 !== _a ? _a : .5, thickness = "number" == typeof ratio ? options.thickness * ratio : options.thickness;
+    let y0 = options.y0, y1 = options.y1, x00 = options.x0, x10 = options.x1, cpy0 = y0 + curvature * (y1 - y0), cpy1 = y1 + curvature * (y0 - y1), formatter = v => v;
+    !1 !== options.round && (formatter = Math.round, y0 = Math.round(y0), y1 = Math.round(y1), 
+    x00 = Math.round(x00), x10 = Math.round(x10), cpy0 = Math.round(cpy0), cpy1 = Math.round(cpy1));
+    "line" === options.pathType || options.pathType;
+    "center" === options.align ? (x00 = formatter(options.x0 - thickness / 2), x10 = formatter(options.x1 - thickness / 2)) : "end" === options.align ? (x00 = formatter(options.x0 + options.thickness / 2 - thickness), 
+    x10 = formatter(options.x1 + options.thickness / 2 - thickness)) : (x00 = formatter(options.x0 - options.thickness / 2), 
+    x10 = formatter(options.x1 - options.thickness / 2));
+    const x01 = formatter(x00 + thickness), x11 = formatter(x10 + thickness), hasLength = Math.abs(y1 - y0) > 1e-6, endArrowPath = options.endArrow && hasLength ? `L${formatter(x10 - thickness / 2)},${y1}L${formatter((x10 + x11) / 2)},${formatter(y1 + thickness)}L${formatter(x11 + thickness / 2)},${y1}` : "", startArrowPath = options.startArrow && hasLength ? `L${formatter(x01 + thickness / 2)},${y0}L${formatter((x01 + x00) / 2)},${formatter(y0 - thickness)}L${formatter(x00 - thickness / 2)},${y0}` : "";
+    return "line" === options.pathType ? `M${x00},${y0}L${x10},${y1}${endArrowPath}L${x11},${y1}L${x01},${y0}${startArrowPath}Z` : "polyline" === options.pathType ? `M${x00},${y0}L${x00},${cpy0}L${x10},${cpy0}L${x10},${y1}\n    ${endArrowPath}L${x11},${y1}L${x11},${cpy0}L${x01},${cpy0}L${x01},${y0}${startArrowPath}Z` : `M${x00},${y0}C${x00},${cpy0},${x10},${cpy1},${x10},${y1}\n  ${endArrowPath}L${x11},${y1}C${x11},${cpy1},${x01},${cpy0},${x01},${y0}${startArrowPath}Z`;
+};
+
+exports.getVerticalPath = getVerticalPath;
 
-class LinkPathMark extends base_mark_1.BaseMark {
+class LinkPathMark extends glyph_1.GlyphMark {
     constructor() {
-        super(...arguments), this.type = LinkPathMark.type;
+        super(...arguments), this.type = LinkPathMark.type, this._subMarks = {
+            back: {
+                type: "path",
+                defaultAttributes: {
+                    zIndex: 0
+                }
+            },
+            front: {
+                type: "path",
+                defaultAttributes: {
+                    zIndex: 1
+                }
+            }
+        }, this._positionChannels = [ "x0", "y0", "x1", "y1", "thickness", "round", "curvature", "ratio", "pathType", "align", "endArrow", "startArrow", "ratio" ], 
+        this._channelEncoder = {
+            backgroundStyle: val => ({
+                back: val
+            })
+        }, this._positionEncoder = (glyphAttrs, datum, g) => {
+            var _a, _b;
+            const newAttrs = Object.assign(Object.assign({}, g.attribute), glyphAttrs), direction = null !== (_a = newAttrs.direction) && void 0 !== _a ? _a : null === (_b = this._glyphConfig) || void 0 === _b ? void 0 : _b.direction, parsePath = [ "vertical", "TB", "BT" ].includes(direction) ? exports.getVerticalPath : exports.getHorizontalPath, isRatioShow = "number" == typeof newAttrs.ratio && newAttrs.ratio >= 0 && newAttrs.ratio <= 1;
+            return {
+                back: {
+                    path: isRatioShow ? parsePath(newAttrs, 1) : ""
+                },
+                front: {
+                    path: parsePath(newAttrs, isRatioShow ? newAttrs.ratio : 1)
+                }
+            };
+        };
     }
     _getDefaultStyle() {
         return Object.assign(Object.assign({}, super._getDefaultStyle()), {
@@ -22,18 +81,13 @@ class LinkPathMark extends base_mark_1.BaseMark {
             round: !0
         });
     }
-    _initProduct(group) {
-        const view = this.getVGrammarView(), id = this.getProductId(), direction = this.getStyle("direction");
-        this._product = view.glyph("linkPath", null != group ? group : view.rootMark).id(id).configureGlyph({
-            direction: direction
-        }), this._compiledProductId = id;
-    }
 }
 
 exports.LinkPathMark = LinkPathMark, LinkPathMark.type = "linkPath";
 
 const registerLinkPathMark = () => {
-    (0, vgrammar_core_1.registerLinkPathGlyph)(), factory_1.Factory.registerMark(LinkPathMark.type, LinkPathMark);
+    (0, glyph_1.registerGlyphMark)(), (0, vrender_kits_1.registerPath)(), factory_1.Factory.registerGraphicComponent("path", (attrs => (0, 
+    vrender_core_1.createPath)(attrs))), factory_1.Factory.registerMark(LinkPathMark.type, LinkPathMark);
 };
 
 exports.registerLinkPathMark = registerLinkPathMark;

package/cjs/mark/link-path.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/mark/link-path.ts"],"names":[],"mappings":";;;AAAA,+CAA4C;AAC5C,gDAA4C;AAK5C,2DAAgE;AAIhE,MAAa,YAAa,SAAQ,oBAA2B;IAA7D;;QAEW,SAAI,GAAG,YAAY,CAAC,IAAI,CAAC;IA8BpC,CAAC;IA5BW,gBAAgB;QACxB,MAAM,YAAY,mCACb,KAAK,CAAC,gBAAgB,EAAE,KAC3B,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,GAAG,EACP,EAAE,EAAE,GAAG,EACP,SAAS,EAAE,CAAC,EACZ,KAAK,EAAE,IAAI,GACZ,CAAC;QACF,OAAO,YAAY,CAAC;IACtB,CAAC;IAES,YAAY,CAAC,KAA2B;QAChD,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAGpC,MAAM,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QAC/B,MAAM,SAAS,GAAG,UAAU,CAAC;QAC7B,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;QAC7C,IAAI,CAAC,QAAQ,GAAG,IAAI;aACjB,KAAK,CAAC,SAAS,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,IAAI,CAAC,QAAQ,CAAC;aACxC,EAAE,CAAC,EAAE,CAAC;aACN,cAAc,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC;QAC5C,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC;IAC/B,CAAC;;AA/BH,oCAgCC;AA/BiB,iBAAI,cAAyB;AAiCxC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,IAAA,qCAAqB,GAAE,CAAC;IACxB,iBAAO,CAAC,YAAY,CAAC,YAAY,CAAC,IAAI,EAAE,YAAmB,CAAC,CAAC;AAC/D,CAAC,CAAC;AAHW,QAAA,oBAAoB,wBAG/B","file":"link-path.js","sourcesContent":["import { Factory } from './../core/factory';\nimport { BaseMark } from './base/base-mark';\nimport type { ILinkPathMarkSpec } from '../typings/visual';\nimport type { ILinkPathMark, IMarkStyle } from './interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { MarkTypeEnum } from './interface/type';\nimport { registerLinkPathGlyph } from '@visactor/vgrammar-core';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IGroupMark } from '@visactor/vgrammar-core';\n\nexport class LinkPathMark extends BaseMark<ILinkPathMarkSpec> implements ILinkPathMark {\n  static readonly type = MarkTypeEnum.linkPath;\n  readonly type = LinkPathMark.type;\n\n  protected _getDefaultStyle() {\n    const defaultStyle: IMarkStyle<ILinkPathMarkSpec> = {\n      ...super._getDefaultStyle(),\n      x: 0,\n      y: 0,\n      x0: 0,\n      y0: 0,\n      x1: 100,\n      y1: 100,\n      thickness: 1,\n      round: true\n    };\n    return defaultStyle;\n  }\n\n  protected _initProduct(group?: string | IGroupMark) {\n    const view = this.getVGrammarView();\n\n    // 声明语法元素\n    const id = this.getProductId();\n    const glyphType = 'linkPath';\n    const direction = this.getStyle('direction');\n    this._product = view\n      .glyph(glyphType, group ?? view.rootMark)\n      .id(id)\n      .configureGlyph({ direction: direction });\n    this._compiledProductId = id;\n  }\n}\n\nexport const registerLinkPathMark = () => {\n  registerLinkPathGlyph();\n  Factory.registerMark(LinkPathMark.type, LinkPathMark as any);\n};\n"]}
+{"version":3,"sources":["../src/mark/link-path.ts"],"names":[],"mappings":"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","file":"link-path.js","sourcesContent":["import { Factory } from './../core/factory';\nimport type { ILinkPathMarkSpec } from '../typings/visual';\nimport type { ILinkPathConfig, ILinkPathMark, IMarkStyle } from './interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { MarkTypeEnum } from './interface/type';\nimport { GlyphMark, registerGlyphMark } from './glyph';\nimport type { IGlyph, IPathGraphicAttribute } from '@visactor/vrender-core';\nimport { createPath } from '@visactor/vrender-core';\nimport { registerPath } from '@visactor/vrender-kits';\nimport type { Datum } from '../typings/common';\n\nexport const getHorizontalPath = (options: ILinkPathMarkSpec, ratio?: number) => {\n  const curvature = options.curvature ?? 0.5;\n  const hasThickness = true;\n  const thickness = typeof ratio === 'number' ? options.thickness * ratio : options.thickness;\n\n  let x0 = options.x0;\n  let x1 = options.x1;\n  let y00 = options.y0;\n  let y10 = options.y1;\n  let cpx0 = x0 + curvature * (x1 - x0);\n  let cpx1 = x1 + curvature * (x0 - x1);\n  let formatter = (v: number) => v;\n\n  if (options.round !== false) {\n    x0 = Math.round(x0);\n    x1 = Math.round(x1);\n    y00 = Math.round(y00);\n    y10 = Math.round(y10);\n    cpx0 = Math.round(cpx0);\n    cpx1 = Math.round(cpx1);\n    formatter = Math.round;\n  }\n  const topPath =\n    options.pathType === 'line'\n      ? `M${x0},${y00}L${x1},${y10}`\n      : options.pathType === 'polyline'\n      ? `M${x0},${y00}L${cpx0},${y00}L${cpx0},${y10}L${x1},${y10}`\n      : `M${x0},${y00}C${cpx0},${y00},${cpx1},${y10},${x1},${y10}`;\n\n  if (!hasThickness) {\n    // simplified to a single path\n    return topPath;\n  }\n\n  if (options.align === 'center') {\n    y00 = formatter(options.y0 - thickness / 2);\n    y10 = formatter(options.y1 - thickness / 2);\n  } else if (options.align === 'end') {\n    y00 = formatter(options.y0 + options.thickness / 2 - thickness);\n    y10 = formatter(options.y1 + options.thickness / 2 - thickness);\n  } else {\n    y00 = formatter(options.y0 - options.thickness / 2);\n    y10 = formatter(options.y1 - options.thickness / 2);\n  }\n\n  const y01 = formatter(y00 + thickness);\n  const y11 = formatter(y10 + thickness);\n\n  const hasLength = Math.abs(x1 - x0) > 1e-6;\n  const endArrowPath =\n    options.endArrow && hasLength\n      ? `L${x1},${formatter(y10 - thickness / 2)}L${formatter(x1 + thickness)},${formatter(\n          (y10 + y11) / 2\n        )}L${x1},${formatter(y11 + thickness / 2)}`\n      : '';\n  const startArrowPath =\n    options.startArrow && hasLength\n      ? `L${x0},${formatter(y01 + thickness / 2)}L${formatter(x0 - thickness)},${formatter(\n          (y00 + y01) / 2\n        )}L${x0},${formatter(y00 - thickness / 2)}`\n      : '';\n\n  if (options.pathType === 'line') {\n    return `M${x0},${y00}L${x1},${y10}${endArrowPath}L${x1},${y11}L${x0},${y01}${startArrowPath}Z`;\n  } else if (options.pathType === 'polyline') {\n    return `M${x0},${y00}L${cpx0},${y00}L${cpx0},${y10}L${x1},${y10}\n    ${endArrowPath}L${x1},${y11}L${cpx0},${y11}L${cpx0},${y01}L${x0},${y01}${startArrowPath}Z`;\n  }\n\n  return `M${x0},${y00}C${cpx0},${y00},${cpx1},${y10},${x1},${y10}\n  ${endArrowPath}L${x1},${y11}C${cpx1},${y11},${cpx0},${y01},${x0},${y01}${startArrowPath}Z`;\n};\n\nexport const getVerticalPath = (options: ILinkPathMarkSpec, ratio?: number) => {\n  const curvature = options.curvature ?? 0.5;\n  const hasThickness = true;\n  const thickness = typeof ratio === 'number' ? options.thickness * ratio : options.thickness;\n  let y0 = options.y0;\n  let y1 = options.y1;\n  let x00 = options.x0;\n  let x10 = options.x1;\n  let cpy0 = y0 + curvature * (y1 - y0);\n  let cpy1 = y1 + curvature * (y0 - y1);\n  let formatter = (v: number) => v;\n\n  if (options.round !== false) {\n    formatter = Math.round;\n    y0 = Math.round(y0);\n    y1 = Math.round(y1);\n    x00 = Math.round(x00);\n    x10 = Math.round(x10);\n    cpy0 = Math.round(cpy0);\n    cpy1 = Math.round(cpy1);\n  }\n  const leftpath =\n    options.pathType === 'line'\n      ? `M${x00},${y0}L${x10},${y1}`\n      : options.pathType === 'polyline'\n      ? `M${x00},${y0}L${x00},${cpy0}L${x10},${cpy0}L${x10},${y1}`\n      : `M${x00},${y0}C${x00},${cpy0},${x10},${cpy1},${x10},${y1}`;\n  if (!hasThickness) {\n    // simplified to a single path\n    return leftpath;\n  }\n\n  if (options.align === 'center') {\n    x00 = formatter(options.x0 - thickness / 2);\n    x10 = formatter(options.x1 - thickness / 2);\n  } else if (options.align === 'end') {\n    x00 = formatter(options.x0 + options.thickness / 2 - thickness);\n    x10 = formatter(options.x1 + options.thickness / 2 - thickness);\n  } else {\n    x00 = formatter(options.x0 - options.thickness / 2);\n    x10 = formatter(options.x1 - options.thickness / 2);\n  }\n\n  const x01 = formatter(x00 + thickness);\n  const x11 = formatter(x10 + thickness);\n\n  const hasLength = Math.abs(y1 - y0) > 1e-6;\n  const endArrowPath =\n    options.endArrow && hasLength\n      ? `L${formatter(x10 - thickness / 2)},${y1}L${formatter((x10 + x11) / 2)},${formatter(\n          y1 + thickness\n        )}L${formatter(x11 + thickness / 2)},${y1}`\n      : '';\n  const startArrowPath =\n    options.startArrow && hasLength\n      ? `L${formatter(x01 + thickness / 2)},${y0}L${formatter((x01 + x00) / 2)},${formatter(\n          y0 - thickness\n        )}L${formatter(x00 - thickness / 2)},${y0}`\n      : '';\n\n  if (options.pathType === 'line') {\n    return `M${x00},${y0}L${x10},${y1}${endArrowPath}L${x11},${y1}L${x01},${y0}${startArrowPath}Z`;\n  } else if (options.pathType === 'polyline') {\n    return `M${x00},${y0}L${x00},${cpy0}L${x10},${cpy0}L${x10},${y1}\n    ${endArrowPath}L${x11},${y1}L${x11},${cpy0}L${x01},${cpy0}L${x01},${y0}${startArrowPath}Z`;\n  }\n\n  return `M${x00},${y0}C${x00},${cpy0},${x10},${cpy1},${x10},${y1}\n  ${endArrowPath}L${x11},${y1}C${x11},${cpy1},${x01},${cpy0},${x01},${y0}${startArrowPath}Z`;\n};\n\nexport class LinkPathMark extends GlyphMark<ILinkPathMarkSpec, ILinkPathConfig> implements ILinkPathMark {\n  static readonly type = MarkTypeEnum.linkPath;\n  readonly type = LinkPathMark.type;\n\n  protected _getDefaultStyle() {\n    const defaultStyle: IMarkStyle<ILinkPathMarkSpec> = {\n      ...super._getDefaultStyle(),\n      x: 0,\n      y: 0,\n      x0: 0,\n      y0: 0,\n      x1: 100,\n      y1: 100,\n      thickness: 1,\n      round: true\n    };\n    return defaultStyle;\n  }\n\n  protected _subMarks = {\n    back: {\n      type: 'path',\n      defaultAttributes: {\n        zIndex: 0\n      }\n    },\n    front: {\n      type: 'path',\n      defaultAttributes: {\n        zIndex: 1\n      }\n    }\n  };\n\n  protected _positionChannels: string[] = [\n    'x0',\n    'y0',\n    'x1',\n    'y1',\n    'thickness',\n    'round',\n    'curvature',\n    'ratio',\n    'pathType',\n    'align',\n    'endArrow',\n    'startArrow',\n    'ratio'\n  ];\n\n  protected _channelEncoder = {\n    backgroundStyle: (val: any) => {\n      return {\n        back: val\n      };\n    }\n  };\n\n  protected _positionEncoder = (glyphAttrs: any, datum: Datum, g: IGlyph) => {\n    const newAttrs = {\n      ...g.attribute,\n      ...glyphAttrs\n    };\n\n    const direction = newAttrs.direction ?? this._glyphConfig?.direction;\n    const parsePath = ['vertical', 'TB', 'BT'].includes(direction) ? getVerticalPath : getHorizontalPath;\n    const isRatioShow = typeof newAttrs.ratio === 'number' && newAttrs.ratio >= 0 && newAttrs.ratio <= 1;\n\n    return {\n      back: {\n        path: isRatioShow ? parsePath(newAttrs, 1) : ''\n      },\n      front: {\n        path: parsePath(newAttrs, isRatioShow ? newAttrs.ratio : 1)\n      }\n    };\n  };\n}\n\nexport const registerLinkPathMark = () => {\n  registerGlyphMark();\n  registerPath();\n  Factory.registerGraphicComponent('path', (attrs: IPathGraphicAttribute) => createPath(attrs));\n  Factory.registerMark(LinkPathMark.type, LinkPathMark as any);\n};\n"]}