@visactor/vchart 1.13.15 → 1.13.16

package/cjs/core/expression-function.js

@@ -26,5 +26,4 @@ class ExpressionFunction {
     }
 }
 
-exports.ExpressionFunction = ExpressionFunction;
-//# sourceMappingURL=expression-function.js.map
+exports.ExpressionFunction = ExpressionFunction;

package/cjs/core/index.d.ts

@@ -1,13 +1,14 @@
 import { VChart } from './vchart';
 import { Factory } from './factory';
 export { VChart, Factory };
-export declare const version = "1.13.15";
+export declare const version = "1.13.16";
 export type { IVChart } from './interface';
 export type { IStateSpec, StateValueType } from '../compile/mark';
 export type { IRegion } from '../region/interface';
 export * from '../typings/spec/common';
 export * from '../event/interface';
 export * from '../theme/interface';
+export * from '../compile/mark/interface';
 export * from './interface';
 export * from '../constant/base';
 export * from '../constant/data';

package/cjs/core/index.js

@@ -35,11 +35,12 @@ Object.defineProperty(exports, "Factory", {
     get: function() {
         return factory_1.Factory;
     }
-}), exports.version = "1.13.15", __exportStar(require("../typings/spec/common"), exports), 
+}), exports.version = "1.13.16", __exportStar(require("../typings/spec/common"), exports), 
 __exportStar(require("../event/interface"), exports), __exportStar(require("../theme/interface"), exports), 
-__exportStar(require("./interface"), exports), __exportStar(require("../constant/base"), exports), 
-__exportStar(require("../constant/data"), exports), __exportStar(require("../typings/spec/index"), exports), 
-__exportStar(require("../typings/tooltip"), exports), __exportStar(require("../theme/index"), exports);
+__exportStar(require("../compile/mark/interface"), exports), __exportStar(require("./interface"), exports), 
+__exportStar(require("../constant/base"), exports), __exportStar(require("../constant/data"), exports), 
+__exportStar(require("../typings/spec/index"), exports), __exportStar(require("../typings/tooltip"), exports), 
+__exportStar(require("../theme/index"), exports);
 
 var vrender_core_1 = require("@visactor/vrender-core");
 

package/cjs/core/index.js.map

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

package/cjs/core/interface.js

@@ -2,4 +2,5 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-});
+});
+//# sourceMappingURL=interface.js.map

package/cjs/series/dot/dot.d.ts

@@ -63,7 +63,7 @@ export declare class DotSeries<T extends IDotSeriesSpec = IDotSeriesSpec> extend
     protected initTooltip(): void;
     onEvaluateEnd(ctx: IModelEvaluateOption): void;
     protected onMarkTreePositionUpdate(marks: IMark[]): void;
-    getDotData(): import("../../compile/mark").IMarkData;
+    getDotData(): import("../..").IMarkData;
     protected _getDataIdKey(): any;
     getStackValueField(): string;
     getActiveMarks(): IMark[];

package/cjs/series/link/link.d.ts

@@ -47,7 +47,7 @@ export declare class LinkSeries<T extends ILinkSeriesSpec = ILinkSeriesSpec> ext
     initInteraction(): void;
     protected initTooltip(): void;
     protected onMarkTreePositionUpdate(marks: IMark[]): void;
-    getDotInfoData(): import("../../compile/mark").IMarkData;
+    getDotInfoData(): import("../..").IMarkData;
     getActiveMarks(): IMark[];
 }
 export declare const registerLinkSeries: () => void;

package/cjs/series/sankey/interface.d.ts

@@ -48,6 +48,8 @@ export interface ISankeySeriesSpec extends Omit<ISeriesSpec, 'data'>, IAnimation
         enable: boolean;
         trigger?: 'click' | 'hover';
         effect: 'self' | 'adjacency' | 'related';
+        highlightState?: string;
+        blurState?: string;
     };
     [SeriesMarkNameEnum.label]?: ISankeyLabelSpec | ISankeyLabelSpec[];
     overflow?: 'scroll' | 'hidden' | 'scroll-x' | 'scroll-y';

package/cjs/series/sankey/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/series/sankey/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { ISeriesSpec, DirectionType, IMarkTheme } from '../../typings';\nimport type { IMarkSpec } from '../../typings/spec/common';\nimport type { IRectMarkSpec, ILinkPathMarkSpec } from '../../typings/visual';\nimport type { IAnimationSpec } from '../../animation/spec';\nimport type { SeriesMarkNameEnum } from '../interface/type';\nimport type { ILabelSpec } from '../../component/label/interface';\n\nexport type SankeyMark = 'node' | 'link' | 'label';\n\nexport type SankeyAppearPreset = 'growIn' | 'fadeIn';\nexport interface ISankeyAnimationParams {\n  direction: DirectionType;\n  growFrom: () => number;\n}\n\nexport type ISankeyLabelSpec = ILabelSpec & {\n  /**\n   * 标签布局方式\n   * @default 'outside'\n   */\n  position?: 'outside' | 'inside-start' | 'inside-middle' | 'inside-end' | 'left' | 'right';\n  /** 标签文字缩略 */\n  limit?: number;\n};\n\nexport interface ISankeySeriesSpec extends Omit<ISeriesSpec, 'data'>, IAnimationSpec<SankeyMark, SankeyAppearPreset> {\n  type: 'sankey';\n\n  /**\n   * 数据字段配置\n   */\n  /** 节点名称字段配置 */\n  categoryField: string;\n  /** 节点之间关系的权重字段 */\n  valueField: string;\n  /** 来源节点数据字段\n   *  层级数据不提供\n   */\n  sourceField?: string;\n  /** 目标节点数据字段\n   *  层级数据不提供\n   */\n  targetField?: string;\n\n  /**\n   * 图表布局方向\n   */\n  direction?: DirectionType;\n  /**\n   * 节点的对齐类型，所有深度相同的节点，采用什么对齐方式，决定了节点在第几层：\n   * - 横向布局的桑基图，用于计算节点x坐标\n   * - 纵向布局的桑基图，用于计算节点y坐标\n   */\n  nodeAlign?: 'left' | 'right' | 'center' | 'justify' | 'start' | 'end';\n  /**\n   * 横向布局的桑基图，设置节点Y坐标的对齐方式：\n   * 'start' - '顶部对齐'\n   * 'end' - '底部对齐'\n   * 'middle' - '居中对齐'\n   *\n   * 纵向布局的桑基图，设置节点X坐标的对齐方式：\n   * 'start' - '左对齐'\n   * 'end' - '右对齐'\n   * 'middle' - '居中对齐'\n   * 'parent' - '父节点'，从1.12.14版本开始支持\n   *\n   * @since 1.12.4\n   */\n  crossNodeAlign?: 'start' | 'end' | 'middle' | 'parent';\n  /**\n   * 是否反向\n   * @since 1.12.2\n   */\n  inverse?: boolean;\n  /**\n   * 同一层中两个节点之间的间隙大小\n   */\n  nodeGap?: number;\n  /**\n   * 每个节点的宽度，支持三种取值\n   * 1. 百分比字符串，例如：{ nodeWidth: '12%' }\n   * 2. 以'px'为单位的简单数字，eg: { nodeWidth: 20 }\n   * 3. function，通过自定义计算指定nodeWidth\n   */\n  nodeWidth?: string | number | ((node: SankeyNodeElement) => number);\n  /**\n   * link宽度，单位px\n   */\n  linkWidth?: number | ((link: SankeyLinkElement) => number);\n  /**\n   * link + node 的最小宽度\n   */\n  minStepWidth?: number;\n  /**\n   * 数据不为零或空时节点的最小大小\n   *  - 这个配置可以用来避免数据太小时看不到太细的节点\n   *  - 建议小于5px\n   */\n  minNodeHeight?: number;\n  /**\n   * 数据不为零或空时边的最小大小\n   *  - 这个配置可以用来避免数据太小的时候看不到太细的链接\n   *  - 建议小于5px\n   *  - 当同时指定 `minNodeHeight` 和 `minLinkHeight` 两个选项时，此选项应小于 `minNodeHeight`\n   */\n  minLinkHeight?: number;\n  /**\n   * 数据不为零或空时节点的最大大小\n   * @since 1.12.14\n   */\n  maxNodeHeight?: number;\n  /**\n   * 数据不为零或空时边的最大大小\n   * - 当同时指定 `maxNodeHeight` 和 `maxLinkHeight` 两个选项时，此选项应小于 `maxNodeHeight`\n   * @since 1.12.14\n   */\n  maxLinkHeight?: number;\n  /** 布局的迭代次数 */\n  iterations?: number;\n  /** 解析node的key，defaultValue */\n  nodeKey?: string | number | ((datum: SankeyNodeDatum) => string | number);\n  /** 按此funtion排序link */\n  linkSortBy?: (a: SankeyLinkElement, b: SankeyLinkElement) => number;\n  /** 按此funtion排序node */\n  nodeSortBy?: (a: SankeyNodeElement, b: SankeyNodeElement) => number;\n  /** 自定义指定节点层 */\n  setNodeLayer?: (datum: SankeyNodeDatum) => number;\n  /**\n   * 是否丢弃孤立的节点\n   * @since 1.11.0\n   */\n  dropIsolatedNode?: boolean;\n  /**\n   * set the height of node\n   * @since 1.11.0\n   */\n  nodeHeight?: number | ((node: SankeyNodeElement) => number);\n  /**\n   * set the height of link\n   * @since 1.11.0\n   */\n  linkHeight?: number | ((link: SankeyLinkElement, sourceNode: SankeyNodeElement, sourceNodeHeight: number) => number);\n  /**\n   * each node has same height\n   * @since 1.11.0\n   */\n  equalNodeHeight?: boolean;\n  /**\n   * the layout type of link\n   * @since 1.11.0\n   */\n  linkOverlap?: 'start' | 'center' | 'end';\n\n  /** 节点配置 */\n  [SeriesMarkNameEnum.node]?: IMarkSpec<IRectMarkSpec>;\n\n  /** 边配置 */\n  [SeriesMarkNameEnum.link]?: IMarkSpec<ILinkPathMarkSpec>;\n\n  /** 联动交互配置 */\n  emphasis?: {\n    /** 是否开启交互 */\n    enable: boolean;\n    /**\n     * 交互触发类型\n     * 默认为‘click'\n     */\n    trigger?: 'click' | 'hover';\n    /**桑基图提供3种在节点上的交互联动效果\n     * self: 仅高亮当前节点。\n     * adjacency: 高亮当前节点上下游节点和关联的边，淡化其它图形元素。\n     * related： 高亮与当前节点相关的整条路径上的节点和边，淡化其它图形元素。 */\n    effect: 'self' | 'adjacency' | 'related';\n  };\n\n  /** 标签配置 */\n  [SeriesMarkNameEnum.label]?: ISankeyLabelSpec | ISankeyLabelSpec[];\n\n  /**\n   * 当制定了节点、边的宽度的时候，可以配置这个属性\n   * 当宽度大于图表region的宽度、高度大于图表resion高度的时候是否自动产生滚动条\n   * @since 1.13.0\n   */\n  overflow?: 'scroll' | 'hidden' | 'scroll-x' | 'scroll-y';\n\n  /** 进度条配置 */\n  // scroll?: IScrollSpec & {\n  //   /** 是否开启进度条 */\n  //   enable: boolean;\n  // };\n}\n\nexport interface SankeyLinkDatum {\n  source: string | number;\n  target: string | number;\n  value?: number;\n}\n\nexport interface SankeyNodeDatum {\n  value?: number;\n}\n\nexport interface HierarchyNodeDatum {\n  value?: number;\n  children?: HierarchyNodeDatum[];\n}\n\nexport type SankeyData =\n  | {\n      nodes?: SankeyNodeDatum[];\n      links: SankeyLinkDatum[];\n    }\n  | {\n      nodes: HierarchyNodeDatum[];\n    };\n\n/**\n * The node element after sankey layout\n */\nexport interface SankeyNodeElement {\n  key: string | number;\n  index: number;\n  /** the depth of node, from source to target */\n  depth: number;\n\n  /** the depth of node, from target to source */\n  endDepth?: number;\n  /** the final layer index after layout */\n  layer?: number;\n  isLastLayer?: boolean;\n  value: number;\n  datum: SankeyNodeDatum;\n  sourceLinks: SankeyLinkElement[];\n  targetLinks: SankeyLinkElement[];\n  x0?: number;\n  y0?: number;\n  x1?: number;\n  y1?: number;\n}\n/**\n * the link element after sankey layout\n */\nexport interface SankeyLinkElement {\n  vertical?: boolean;\n  index: number;\n  source: string | number;\n  target: string | number;\n  value: number;\n  datum: SankeyLinkDatum | SankeyLinkDatum[];\n  thickness?: number;\n  sourceRect?: { x0: number; x1: number; y0: number; y1: number };\n  targetRect?: { x0: number; x1: number; y0: number; y1: number };\n  /** this will only be generate in hierarchy node data*/\n  parents?: (string | number)[];\n  y0?: number;\n  y1?: number;\n  x0?: number;\n  x1?: number;\n}\n\nexport type SankeyLayoutResult = {\n  nodes: SankeyNodeElement[];\n  links: SankeyLinkElement[];\n  columns: SankeyNodeElement[][];\n}[];\n\nexport interface ISankeySeriesTheme {\n  [SeriesMarkNameEnum.node]?: IMarkTheme<IRectMarkSpec>;\n  [SeriesMarkNameEnum.link]?: IMarkTheme<ILinkPathMarkSpec>;\n}\n"]}
+{"version":3,"sources":["../src/series/sankey/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { ISeriesSpec, DirectionType, IMarkTheme } from '../../typings';\nimport type { IMarkSpec } from '../../typings/spec/common';\nimport type { IRectMarkSpec, ILinkPathMarkSpec } from '../../typings/visual';\nimport type { IAnimationSpec } from '../../animation/spec';\nimport type { SeriesMarkNameEnum } from '../interface/type';\nimport type { ILabelSpec } from '../../component/label/interface';\n\nexport type SankeyMark = 'node' | 'link' | 'label';\n\nexport type SankeyAppearPreset = 'growIn' | 'fadeIn';\nexport interface ISankeyAnimationParams {\n  direction: DirectionType;\n  growFrom: () => number;\n}\n\nexport type ISankeyLabelSpec = ILabelSpec & {\n  /**\n   * 标签布局方式\n   * @default 'outside'\n   */\n  position?: 'outside' | 'inside-start' | 'inside-middle' | 'inside-end' | 'left' | 'right';\n  /** 标签文字缩略 */\n  limit?: number;\n};\n\nexport interface ISankeySeriesSpec extends Omit<ISeriesSpec, 'data'>, IAnimationSpec<SankeyMark, SankeyAppearPreset> {\n  type: 'sankey';\n\n  /**\n   * 数据字段配置\n   */\n  /** 节点名称字段配置 */\n  categoryField: string;\n  /** 节点之间关系的权重字段 */\n  valueField: string;\n  /** 来源节点数据字段\n   *  层级数据不提供\n   */\n  sourceField?: string;\n  /** 目标节点数据字段\n   *  层级数据不提供\n   */\n  targetField?: string;\n\n  /**\n   * 图表布局方向\n   */\n  direction?: DirectionType;\n  /**\n   * 节点的对齐类型，所有深度相同的节点，采用什么对齐方式，决定了节点在第几层：\n   * - 横向布局的桑基图，用于计算节点x坐标\n   * - 纵向布局的桑基图，用于计算节点y坐标\n   */\n  nodeAlign?: 'left' | 'right' | 'center' | 'justify' | 'start' | 'end';\n  /**\n   * 横向布局的桑基图，设置节点Y坐标的对齐方式：\n   * 'start' - '顶部对齐'\n   * 'end' - '底部对齐'\n   * 'middle' - '居中对齐'\n   *\n   * 纵向布局的桑基图，设置节点X坐标的对齐方式：\n   * 'start' - '左对齐'\n   * 'end' - '右对齐'\n   * 'middle' - '居中对齐'\n   * 'parent' - '父节点'，从1.12.14版本开始支持\n   *\n   * @since 1.12.4\n   */\n  crossNodeAlign?: 'start' | 'end' | 'middle' | 'parent';\n  /**\n   * 是否反向\n   * @since 1.12.2\n   */\n  inverse?: boolean;\n  /**\n   * 同一层中两个节点之间的间隙大小\n   */\n  nodeGap?: number;\n  /**\n   * 每个节点的宽度，支持三种取值\n   * 1. 百分比字符串，例如：{ nodeWidth: '12%' }\n   * 2. 以'px'为单位的简单数字，eg: { nodeWidth: 20 }\n   * 3. function，通过自定义计算指定nodeWidth\n   */\n  nodeWidth?: string | number | ((node: SankeyNodeElement) => number);\n  /**\n   * link宽度，单位px\n   */\n  linkWidth?: number | ((link: SankeyLinkElement) => number);\n  /**\n   * link + node 的最小宽度\n   */\n  minStepWidth?: number;\n  /**\n   * 数据不为零或空时节点的最小大小\n   *  - 这个配置可以用来避免数据太小时看不到太细的节点\n   *  - 建议小于5px\n   */\n  minNodeHeight?: number;\n  /**\n   * 数据不为零或空时边的最小大小\n   *  - 这个配置可以用来避免数据太小的时候看不到太细的链接\n   *  - 建议小于5px\n   *  - 当同时指定 `minNodeHeight` 和 `minLinkHeight` 两个选项时，此选项应小于 `minNodeHeight`\n   */\n  minLinkHeight?: number;\n  /**\n   * 数据不为零或空时节点的最大大小\n   * @since 1.12.14\n   */\n  maxNodeHeight?: number;\n  /**\n   * 数据不为零或空时边的最大大小\n   * - 当同时指定 `maxNodeHeight` 和 `maxLinkHeight` 两个选项时，此选项应小于 `maxNodeHeight`\n   * @since 1.12.14\n   */\n  maxLinkHeight?: number;\n  /** 布局的迭代次数 */\n  iterations?: number;\n  /** 解析node的key，defaultValue */\n  nodeKey?: string | number | ((datum: SankeyNodeDatum) => string | number);\n  /** 按此funtion排序link */\n  linkSortBy?: (a: SankeyLinkElement, b: SankeyLinkElement) => number;\n  /** 按此funtion排序node */\n  nodeSortBy?: (a: SankeyNodeElement, b: SankeyNodeElement) => number;\n  /** 自定义指定节点层 */\n  setNodeLayer?: (datum: SankeyNodeDatum) => number;\n  /**\n   * 是否丢弃孤立的节点\n   * @since 1.11.0\n   */\n  dropIsolatedNode?: boolean;\n  /**\n   * set the height of node\n   * @since 1.11.0\n   */\n  nodeHeight?: number | ((node: SankeyNodeElement) => number);\n  /**\n   * set the height of link\n   * @since 1.11.0\n   */\n  linkHeight?: number | ((link: SankeyLinkElement, sourceNode: SankeyNodeElement, sourceNodeHeight: number) => number);\n  /**\n   * each node has same height\n   * @since 1.11.0\n   */\n  equalNodeHeight?: boolean;\n  /**\n   * the layout type of link\n   * @since 1.11.0\n   */\n  linkOverlap?: 'start' | 'center' | 'end';\n\n  /** 节点配置 */\n  [SeriesMarkNameEnum.node]?: IMarkSpec<IRectMarkSpec>;\n\n  /** 边配置 */\n  [SeriesMarkNameEnum.link]?: IMarkSpec<ILinkPathMarkSpec>;\n\n  /** 联动交互配置 */\n  emphasis?: {\n    /** 是否开启交互 */\n    enable: boolean;\n    /**\n     * 交互触发类型\n     * 默认为‘click'\n     */\n    trigger?: 'click' | 'hover';\n    /**桑基图提供3种在节点上的交互联动效果\n     * self: 仅高亮当前节点。\n     * adjacency: 高亮当前节点上下游节点和关联的边，淡化其它图形元素。\n     * related： 高亮与当前节点相关的整条路径上的节点和边，淡化其它图形元素。 */\n    effect: 'self' | 'adjacency' | 'related';\n    /**\n     * 高亮状态\n     * @default 'selected'\n     * @since 1.13.13\n     */\n    highlightState?: string;\n    /**\n     * 失焦状态\n     * @default 'blur'\n     * @since 1.13.13\n     */\n    blurState?: string;\n  };\n\n  /** 标签配置 */\n  [SeriesMarkNameEnum.label]?: ISankeyLabelSpec | ISankeyLabelSpec[];\n\n  /**\n   * 当制定了节点、边的宽度的时候，可以配置这个属性\n   * 当宽度大于图表region的宽度、高度大于图表resion高度的时候是否自动产生滚动条\n   * @since 1.13.0\n   */\n  overflow?: 'scroll' | 'hidden' | 'scroll-x' | 'scroll-y';\n\n  /** 进度条配置 */\n  // scroll?: IScrollSpec & {\n  //   /** 是否开启进度条 */\n  //   enable: boolean;\n  // };\n}\n\nexport interface SankeyLinkDatum {\n  source: string | number;\n  target: string | number;\n  value?: number;\n}\n\nexport interface SankeyNodeDatum {\n  value?: number;\n}\n\nexport interface HierarchyNodeDatum {\n  value?: number;\n  children?: HierarchyNodeDatum[];\n}\n\nexport type SankeyData =\n  | {\n      nodes?: SankeyNodeDatum[];\n      links: SankeyLinkDatum[];\n    }\n  | {\n      nodes: HierarchyNodeDatum[];\n    };\n\n/**\n * The node element after sankey layout\n */\nexport interface SankeyNodeElement {\n  key: string | number;\n  index: number;\n  /** the depth of node, from source to target */\n  depth: number;\n\n  /** the depth of node, from target to source */\n  endDepth?: number;\n  /** the final layer index after layout */\n  layer?: number;\n  isLastLayer?: boolean;\n  value: number;\n  datum: SankeyNodeDatum;\n  sourceLinks: SankeyLinkElement[];\n  targetLinks: SankeyLinkElement[];\n  x0?: number;\n  y0?: number;\n  x1?: number;\n  y1?: number;\n}\n/**\n * the link element after sankey layout\n */\nexport interface SankeyLinkElement {\n  vertical?: boolean;\n  index: number;\n  source: string | number;\n  target: string | number;\n  value: number;\n  datum: SankeyLinkDatum | SankeyLinkDatum[];\n  thickness?: number;\n  sourceRect?: { x0: number; x1: number; y0: number; y1: number };\n  targetRect?: { x0: number; x1: number; y0: number; y1: number };\n  /** this will only be generate in hierarchy node data*/\n  parents?: (string | number)[];\n  y0?: number;\n  y1?: number;\n  x0?: number;\n  x1?: number;\n}\n\nexport type SankeyLayoutResult = {\n  nodes: SankeyNodeElement[];\n  links: SankeyLinkElement[];\n  columns: SankeyNodeElement[][];\n}[];\n\nexport interface ISankeySeriesTheme {\n  [SeriesMarkNameEnum.node]?: IMarkTheme<IRectMarkSpec>;\n  [SeriesMarkNameEnum.link]?: IMarkTheme<ILinkPathMarkSpec>;\n}\n"]}

package/cjs/series/sankey/sankey.d.ts

@@ -50,15 +50,16 @@ export declare class SankeySeries<T extends ISankeySeriesSpec = ISankeySeriesSpe
     private _createText;
     initAnimation(): void;
     protected initEvent(): void;
+    protected _initEmphasisEvent(): void;
     private nodesSeriesDataUpdate;
     private linksSeriesDataUpdate;
     protected _handleEmphasisElement: (params: ExtendEventParam) => void;
-    protected _handleClearEmpty: () => void;
-    protected _handleNodeAdjacencyClick: (element: IElement) => void;
-    protected _handleLinkAdjacencyClick: (element: IGlyphElement) => void;
-    protected _handleNodeRelatedClick: (element: IElement) => void;
-    protected _handleLinkRelatedClick: (element: IGlyphElement) => void;
-    protected _highLightElements(vGrammarElements: IVgrammarMark['elements'], highlightNodes: string[]): void;
+    protected _handleClearEmpty: (highlightState: string, blurState: string) => void;
+    protected _handleNodeAdjacencyClick: (element: IElement, highlightState: string, blurState: string) => void;
+    protected _handleLinkAdjacencyClick: (element: IGlyphElement, highlightState: string, blurState: string) => void;
+    protected _handleNodeRelatedClick: (element: IElement, highlightState: string, blurState: string) => void;
+    protected _handleLinkRelatedClick: (element: IGlyphElement, highlightState: string, blurState: string) => void;
+    protected _highLightElements(vGrammarElements: IVgrammarMark['elements'], highlightNodes: string[], highlightState: string, blurState: string): void;
     protected initTooltip(): void;
     _setNodeOrdinalColorScale(): void;
     getNodeList(): any;

package/cjs/series/sankey/sankey.js

@@ -31,23 +31,23 @@ class SankeySeries extends cartesian_1.CartesianSeries {
             const sourceName = (0, vutils_1.isNumber)(datum.source) ? this.getNodeList()[datum.source] : datum.source;
             return null === (_g = this._colorScale) || void 0 === _g ? void 0 : _g.scale(sourceName);
         }, this._handleEmphasisElement = params => {
-            var _a, _b, _c, _d, _e;
-            const emphasisSpec = null !== (_a = this._spec.emphasis) && void 0 !== _a ? _a : {}, element = params.item;
-            "adjacency" === emphasisSpec.effect ? element && element.mark === (null === (_b = this._nodeMark) || void 0 === _b ? void 0 : _b.getProduct()) ? this._handleNodeAdjacencyClick(element) : element && element.mark === (null === (_c = this._linkMark) || void 0 === _c ? void 0 : _c.getProduct()) ? this._handleLinkAdjacencyClick(element) : this._handleClearEmpty() : "related" === emphasisSpec.effect && (element && element.mark === (null === (_d = this._nodeMark) || void 0 === _d ? void 0 : _d.getProduct()) ? this._handleNodeRelatedClick(element) : element && element.mark === (null === (_e = this._linkMark) || void 0 === _e ? void 0 : _e.getProduct()) ? this._handleLinkRelatedClick(element) : this._handleClearEmpty());
-        }, this._handleClearEmpty = () => {
+            var _a, _b, _c, _d, _e, _f, _g;
+            const emphasisSpec = null !== (_a = this._spec.emphasis) && void 0 !== _a ? _a : {}, highlightState = null !== (_b = emphasisSpec.highlightState) && void 0 !== _b ? _b : interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, blurState = null !== (_c = emphasisSpec.blurState) && void 0 !== _c ? _c : interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE, element = params.item;
+            "adjacency" === emphasisSpec.effect ? element && element.mark === (null === (_d = this._nodeMark) || void 0 === _d ? void 0 : _d.getProduct()) ? this._handleNodeAdjacencyClick(element, highlightState, blurState) : element && element.mark === (null === (_e = this._linkMark) || void 0 === _e ? void 0 : _e.getProduct()) ? this._handleLinkAdjacencyClick(element, highlightState, blurState) : this._handleClearEmpty(highlightState, blurState) : "related" === emphasisSpec.effect && (element && element.mark === (null === (_f = this._nodeMark) || void 0 === _f ? void 0 : _f.getProduct()) ? this._handleNodeRelatedClick(element, highlightState, blurState) : element && element.mark === (null === (_g = this._linkMark) || void 0 === _g ? void 0 : _g.getProduct()) ? this._handleLinkRelatedClick(element, highlightState, blurState) : this._handleClearEmpty(highlightState, blurState));
+        }, this._handleClearEmpty = (highlightState, blurState) => {
             var _a, _b;
             if (!this._needClear) return;
             const allNodeElements = null === (_a = this._nodeMark) || void 0 === _a ? void 0 : _a.getProductElements();
             if (!allNodeElements || !allNodeElements.length) return;
             const allLinkElements = null === (_b = this._linkMark) || void 0 === _b ? void 0 : _b.getProductElements();
             if (!allLinkElements || !allLinkElements.length) return;
-            const states = [ interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE ];
+            const states = [ highlightState, blurState ];
             allNodeElements.forEach((el => {
                 el.removeState(states);
             })), allLinkElements.forEach((el => {
                 el.removeState(states);
             })), this._needClear = !1;
-        }, this._handleNodeAdjacencyClick = element => {
+        }, this._handleNodeAdjacencyClick = (element, highlightState, blurState) => {
             const nodeDatum = element.getDatum(), highlightNodes = [ nodeDatum.key ];
             if (this._linkMark) {
                 const allLinkElements = this._linkMark.getProductElements();
@@ -55,30 +55,29 @@ class SankeySeries extends cartesian_1.CartesianSeries {
                 allLinkElements.forEach(((linkEl, i) => {
                     const linkDatum = linkEl.getDatum();
                     linkDatum.source === nodeDatum.key ? (highlightNodes.includes(linkDatum.target) || highlightNodes.push(linkDatum.target), 
-                    linkEl.removeState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE), 
-                    linkEl.addState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS)) : linkDatum.target === nodeDatum.key ? (highlightNodes.includes(linkDatum.source) || highlightNodes.push(linkDatum.source), 
-                    linkEl.removeState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE), 
-                    linkEl.addState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS)) : (linkEl.removeState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS), 
-                    linkEl.addState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE));
+                    linkEl.removeState(blurState), linkEl.addState(highlightState)) : linkDatum.target === nodeDatum.key ? (highlightNodes.includes(linkDatum.source) || highlightNodes.push(linkDatum.source), 
+                    linkEl.removeState(blurState), linkEl.addState(highlightState)) : (linkEl.removeState(highlightState), 
+                    linkEl.addState(blurState));
                 }));
             }
-            this._nodeMark && this._highLightElements(this._nodeMark.getProductElements(), highlightNodes), 
+            this._nodeMark && this._highLightElements(this._nodeMark.getProductElements(), highlightNodes, highlightState, blurState), 
             this._needClear = !0;
-        }, this._handleLinkAdjacencyClick = element => {
+        }, this._handleLinkAdjacencyClick = (element, highlightState, blurState) => {
             const curLinkDatum = element.getDatum(), highlightNodes = [ curLinkDatum.source, curLinkDatum.target ];
             if (this._linkMark) {
                 const allLinkElements = this._linkMark.getProductElements();
                 if (!allLinkElements || !allLinkElements.length) return;
                 allLinkElements.forEach((linkEl => {
-                    linkEl === element ? (linkEl.removeState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE), 
-                    linkEl.addState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, {
+                    linkEl === element ? (linkEl.removeState(blurState), linkEl.addState(highlightState, {
+                        ratio: 1
+                    })) : (linkEl.removeState(highlightState), linkEl.addState(blurState, {
                         ratio: 1
-                    })) : (linkEl.removeState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS), linkEl.addState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE));
+                    }));
                 }));
             }
-            this._nodeMark && this._highLightElements(this._nodeMark.getProductElements(), highlightNodes), 
+            this._nodeMark && this._highLightElements(this._nodeMark.getProductElements(), highlightNodes, highlightState, blurState), 
             this._needClear = !0;
-        }, this._handleNodeRelatedClick = element => {
+        }, this._handleNodeRelatedClick = (element, highlightState, blurState) => {
             var _a;
             const nodeDatum = element.getDatum(), allNodeElements = this._nodeMark.getProductElements();
             if (!allNodeElements || !allNodeElements.length) return;
@@ -131,12 +130,11 @@ class SankeySeries extends cartesian_1.CartesianSeries {
                     if (!allLinkElements || !allLinkElements.length) return;
                     allLinkElements.forEach(((linkEl, i) => {
                         var _a;
-                        highlightLinks.includes(null !== (_a = linkEl.getDatum().key) && void 0 !== _a ? _a : linkEl.getDatum().index) ? (linkEl.removeState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE), 
-                        linkEl.addState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS)) : (linkEl.removeState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS), 
-                        linkEl.addState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE));
+                        highlightLinks.includes(null !== (_a = linkEl.getDatum().key) && void 0 !== _a ? _a : linkEl.getDatum().index) ? (linkEl.removeState(blurState), 
+                        linkEl.addState(highlightState)) : (linkEl.removeState(highlightState), linkEl.addState(blurState));
                     }));
                 }
-                this._nodeMark && this._highLightElements(this._nodeMark.getProductElements(), highlightNodes);
+                this._nodeMark && this._highLightElements(this._nodeMark.getProductElements(), highlightNodes, highlightState, blurState);
             } else {
                 const highlightNodes = [ nodeDatum.key ], upstreamLinks = nodeDatum.targetLinks.reduce(((res, link) => ((0, 
                 vutils_1.array)(link.datum).forEach((dividedLink => {
@@ -156,29 +154,27 @@ class SankeySeries extends cartesian_1.CartesianSeries {
                         highlightNodes.includes(linkDatum.source) || highlightNodes.push(linkDatum.source), 
                         highlightNodes.includes(linkDatum.target) || highlightNodes.push(linkDatum.target);
                         const ratio = selectedDatum.reduce(((sum, d) => sum + d.value), 0) / linkDatum.value;
-                        return linkEl.removeState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE), 
-                        void linkEl.addState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, {
+                        return linkEl.removeState(blurState), void linkEl.addState(highlightState, {
                             ratio: ratio
                         });
                     }
                     if (upSelectedLink) return highlightNodes.includes(linkDatum.source) || highlightNodes.push(linkDatum.source), 
                     highlightNodes.includes(linkDatum.target) || highlightNodes.push(linkDatum.target), 
-                    linkEl.removeState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE), 
-                    void linkEl.addState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, {
+                    linkEl.removeState(blurState), void linkEl.addState(highlightState, {
                         ratio: upSelectedLink.value / linkDatum.value
                     });
-                    linkEl.removeState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS), linkEl.addState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
-                })), this._nodeMark && this._highLightElements(this._nodeMark.getProductElements(), highlightNodes);
+                    linkEl.removeState(highlightState), linkEl.addState(blurState);
+                })), this._nodeMark && this._highLightElements(this._nodeMark.getProductElements(), highlightNodes, highlightState, blurState);
             }
             this._needClear = !0;
-        }, this._handleLinkRelatedClick = element => {
+        }, this._handleLinkRelatedClick = (element, highlightState, blurState) => {
             var _a;
             const allNodeElements = this._nodeMark.getProductElements();
             if (!allNodeElements || !allNodeElements.length) return;
             const allLinkElements = this._linkMark.getProductElements();
             if (!allLinkElements || !allLinkElements.length) return;
             if ("source" === ((null === (_a = element.getDatum()) || void 0 === _a ? void 0 : _a.parents) ? "parents" : "source")) {
-                const states = [ interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE ];
+                const states = [ highlightState, blurState ];
                 this._linkMark && allLinkElements.forEach((linkEl => {
                     linkEl.removeState(states);
                 })), this._nodeMark && allNodeElements.forEach((el => {
@@ -202,8 +198,8 @@ class SankeySeries extends cartesian_1.CartesianSeries {
                     }
                 })), allLinkElements.forEach((linkEl => {
                     const linkDatum = linkEl.getDatum(), originalDatum = linkDatum.datum;
-                    if (linkDatum.source === curLinkDatum.source && linkDatum.target === curLinkDatum.target) return linkEl.removeState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE), 
-                    void linkEl.addState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, {
+                    if (linkDatum.source === curLinkDatum.source && linkDatum.target === curLinkDatum.target) return linkEl.removeState(blurState), 
+                    void linkEl.addState(highlightState, {
                         ratio: 1
                     });
                     const selectedDatum = originalDatum ? originalDatum.filter((entry => {
@@ -217,27 +213,25 @@ class SankeySeries extends cartesian_1.CartesianSeries {
                             var _a;
                             return par.key === curLinkDatum.source && (null === (_a = entry.parents[index + 1]) || void 0 === _a ? void 0 : _a.key) === curLinkDatum.target;
                         })))).reduce(((sum, d) => sum + d.value), 0), ratio = val / linkDatum.value;
-                        return linkEl.removeState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE), 
-                        void linkEl.addState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, {
+                        return linkEl.removeState(blurState), void linkEl.addState(highlightState, {
                             ratio: ratio
                         });
                     }
                     const upSelectedLink = upstreamLinks.find((upLink => upLink.source === linkDatum.source && upLink.target === linkDatum.target));
                     if (upSelectedLink) return highlightNodes.includes(linkDatum.source) || highlightNodes.push(linkDatum.source), 
                     highlightNodes.includes(linkDatum.target) || highlightNodes.push(linkDatum.target), 
-                    linkEl.removeState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE), 
-                    void linkEl.addState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, {
+                    linkEl.removeState(blurState), void linkEl.addState(highlightState, {
                         ratio: upSelectedLink.value / linkDatum.value
                     });
-                    linkEl.removeState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS), linkEl.addState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
-                })), this._highLightElements(allNodeElements, highlightNodes);
+                    linkEl.removeState(highlightState), linkEl.addState(blurState);
+                })), this._highLightElements(allNodeElements, highlightNodes, highlightState, blurState);
             }
             this._needClear = !0;
         };
     }
     get direction() {
-        var _a;
-        return null !== (_a = this._spec.direction) && void 0 !== _a ? _a : "horizontal";
+        var _a, _b;
+        return null !== (_b = null === (_a = this._spec) || void 0 === _a ? void 0 : _a.direction) && void 0 !== _b ? _b : "horizontal";
     }
     getCategoryField() {
         return this._categoryField;
@@ -471,10 +465,14 @@ class SankeySeries extends cartesian_1.CartesianSeries {
         utils_1.userAnimationConfig)("link", this._spec, this._markAttributeContext)));
     }
     initEvent() {
-        var _a, _b, _c;
+        var _a, _b;
         super.initEvent(), null === (_a = this._nodesSeriesData.getDataView()) || void 0 === _a || _a.target.addListener("change", this.nodesSeriesDataUpdate.bind(this)), 
-        null === (_b = this._linksSeriesData.getDataView()) || void 0 === _b || _b.target.addListener("change", this.linksSeriesDataUpdate.bind(this));
-        const emphasisSpec = null !== (_c = this._spec.emphasis) && void 0 !== _c ? _c : {};
+        null === (_b = this._linksSeriesData.getDataView()) || void 0 === _b || _b.target.addListener("change", this.linksSeriesDataUpdate.bind(this)), 
+        this._initEmphasisEvent();
+    }
+    _initEmphasisEvent() {
+        var _a;
+        const emphasisSpec = null !== (_a = this._spec.emphasis) && void 0 !== _a ? _a : {};
         if (!0 !== this._option.disableTriggerEvent && emphasisSpec.enable && ("adjacency" === emphasisSpec.effect || "related" === emphasisSpec.effect)) {
             const event = "hover" === emphasisSpec.trigger ? "pointerover" : "pointerdown";
             this.event.on(event, {
@@ -488,10 +486,9 @@ class SankeySeries extends cartesian_1.CartesianSeries {
     linksSeriesDataUpdate() {
         this._linksSeriesData.updateData();
     }
-    _highLightElements(vGrammarElements, highlightNodes) {
+    _highLightElements(vGrammarElements, highlightNodes, highlightState, blurState) {
         vGrammarElements && vGrammarElements.length && vGrammarElements.forEach((el => {
-            el.removeState([ interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE, interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS ]), 
-            highlightNodes.includes(el.getDatum().key) ? el.addState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS) : el.addState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+            el.removeState([ blurState, highlightState ]), highlightNodes.includes(el.getDatum().key) ? el.addState(highlightState) : el.addState(blurState);
         }));
     }
     initTooltip() {