@visactor/vchart 1.13.13-alpha.0 → 1.13.13-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/build/es5/index.js +1 -1
  2. package/build/index.es.js +85 -75
  3. package/build/index.js +149 -139
  4. package/build/index.min.js +1 -1
  5. package/build/tsconfig.tsbuildinfo +1 -1
  6. package/cjs/component/brush/brush.js +6 -6
  7. package/cjs/component/brush/brush.js.map +1 -1
  8. package/cjs/component/brush/interface.d.ts +1 -0
  9. package/cjs/component/brush/interface.js.map +1 -1
  10. package/cjs/component/crosshair/base.d.ts +0 -1
  11. package/cjs/component/crosshair/base.js +1 -4
  12. package/cjs/component/crosshair/base.js.map +1 -1
  13. package/cjs/core/index.d.ts +2 -1
  14. package/cjs/core/index.js +5 -4
  15. package/cjs/core/index.js.map +1 -1
  16. package/cjs/plugin/components/tooltip-handler/utils/style.js +4 -4
  17. package/cjs/plugin/components/tooltip-handler/utils/style.js.map +1 -1
  18. package/cjs/series/dot/dot.d.ts +1 -1
  19. package/cjs/series/link/link.d.ts +1 -1
  20. package/cjs/series/sankey/interface.d.ts +2 -0
  21. package/cjs/series/sankey/interface.js.map +1 -1
  22. package/cjs/series/sankey/sankey.d.ts +7 -6
  23. package/cjs/series/sankey/sankey.js +43 -46
  24. package/cjs/series/sankey/sankey.js.map +1 -1
  25. package/esm/component/brush/brush.js +6 -6
  26. package/esm/component/brush/brush.js.map +1 -1
  27. package/esm/component/brush/interface.d.ts +1 -0
  28. package/esm/component/brush/interface.js.map +1 -1
  29. package/esm/component/crosshair/base.d.ts +0 -1
  30. package/esm/component/crosshair/base.js +1 -4
  31. package/esm/component/crosshair/base.js.map +1 -1
  32. package/esm/core/index.d.ts +2 -1
  33. package/esm/core/index.js +3 -1
  34. package/esm/core/index.js.map +1 -1
  35. package/esm/plugin/components/tooltip-handler/utils/style.js +5 -4
  36. package/esm/plugin/components/tooltip-handler/utils/style.js.map +1 -1
  37. package/esm/series/dot/dot.d.ts +1 -1
  38. package/esm/series/link/link.d.ts +1 -1
  39. package/esm/series/sankey/interface.d.ts +2 -0
  40. package/esm/series/sankey/interface.js.map +1 -1
  41. package/esm/series/sankey/sankey.d.ts +7 -6
  42. package/esm/series/sankey/sankey.js +43 -40
  43. package/esm/series/sankey/sankey.js.map +1 -1
  44. package/package.json +5 -5
package/esm/plugin/components/tooltip-handler/utils/style.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/plugin/components/tooltip-handler/utils/style.ts"],"names":[],"mappings":"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","file":"style.js","sourcesContent":["import { isArray, isValid, isValidNumber, normalizePadding } from '@visactor/vutils';\nimport type { ITooltipSpec, ITooltipTextTheme, ITooltipTheme } from '../../../../component/tooltip';\nimport { calcLayoutNumber } from '../../../../util/space';\nimport type { ILayoutNumber } from '../../../../typings/layout';\nconst DEFAULT_SHAPE_SPACING = 8;\nconst DEFAULT_KEY_SPACING = 26;\nconst DEFAULT_VALUE_SPACING = 0;\n\nexport const getPixelPropertyStr = (num?: number | number[], defaultStr?: string) => {\n if (isValid(num)) {\n if (isArray(num)) {\n return num.map(n => `${n}px`).join(' ');\n }\n return `${num}px`;\n }\n return defaultStr ?? 'initial';\n};\n\nexport const getTextStyle = (style: ITooltipTextTheme = {}, textStyle: Partial<CSSStyleDeclaration> = {}) => {\n if (isValid(style.fontFamily)) {\n textStyle.fontFamily = style.fontFamily;\n }\n const color = style.fill ?? style.fontColor;\n\n if (isValid(color)) {\n textStyle.color = color;\n }\n if (isValid(style.fontWeight)) {\n textStyle.fontWeight = style.fontWeight as string;\n }\n if (isValid(style.textAlign)) {\n textStyle.textAlign = style.textAlign as string;\n }\n if (isValid(style.fontSize)) {\n textStyle.fontSize = getPixelPropertyStr(style.fontSize as number);\n }\n\n if (isValid(style.maxWidth)) {\n textStyle.maxWidth = getPixelPropertyStr(style.maxWidth as number);\n }\n\n if (style.multiLine || (isValid(style.maxWidth) && style.multiLine !== false)) {\n textStyle.whiteSpace = 'initial';\n textStyle.wordBreak = style.wordBreak ?? 'break-word';\n } else {\n textStyle.wordBreak = 'normal';\n textStyle.whiteSpace = 'nowrap';\n }\n\n return textStyle;\n};\n\nexport const getLineHeight = (style: ITooltipTextTheme = {}) => {\n const { lineHeight } = style;\n\n if (style.fontSize) {\n return calcLayoutNumber(lineHeight as ILayoutNumber, style.fontSize as number);\n }\n\n return 0;\n};\n\nexport const getDomStyle = (spec: ITooltipSpec = {}) => {\n const { style = {}, enterable, transitionDuration } = spec;\n const { panel = {}, titleLabel, shape, keyLabel, valueLabel, spaceRow: commonSpaceRow, align } = style;\n const { panelStyle, panelPadding } = getPanelStyle(panel);\n const rowStyle: Partial<CSSStyleDeclaration> = {\n marginTop: '0px',\n marginBottom: '0px'\n };\n\n panelStyle.pointerEvents = enterable ? 'auto' : 'none';\n if (transitionDuration) {\n panelStyle.transitionDuration = transitionDuration ? `${transitionDuration}ms` : 'initial';\n panelStyle.transitionProperty = transitionDuration ? 'transform' : 'initial';\n panelStyle.transitionTimingFunction = transitionDuration ? 'ease-out' : 'initial';\n }\n\n if (isValidNumber(commonSpaceRow)) {\n rowStyle.marginBottom = `${commonSpaceRow}px`;\n }\n\n const shapeStyle: Partial<CSSStyleDeclaration> = {\n // TODO 默认值优化\n width: getPixelPropertyStr(shape?.size ?? 8)\n };\n const titleStyle = getTextStyle(titleLabel);\n const keyStyle = getTextStyle(keyLabel);\n const valueStyle = getTextStyle(valueLabel);\n const marginKey = align === 'right' ? 'marginLeft' : 'marginRight';\n\n if (align === 'right') {\n // rtl\n panelStyle.direction = 'rtl';\n titleStyle.textAlign = 'right';\n keyStyle.textAlign = 'right';\n valueStyle.textAlign = 'left';\n } else {\n titleStyle.textAlign = 'left';\n keyStyle.textAlign = 'left';\n valueStyle.textAlign = 'right';\n }\n shapeStyle[marginKey] = getPixelPropertyStr(shape.spacing ?? DEFAULT_SHAPE_SPACING);\n keyStyle[marginKey] = getPixelPropertyStr(keyLabel.spacing ?? DEFAULT_KEY_SPACING);\n valueStyle[marginKey] = getPixelPropertyStr(valueLabel.spacing ?? DEFAULT_VALUE_SPACING);\n const lineHeight = Math.max(getLineHeight(valueLabel), getLineHeight(keyLabel));\n\n // 如果不设置lineHeight，会导致横向不对齐的问题\n rowStyle.lineHeight = lineHeight > 0 ? `${lineHeight}px` : '20px';\n\n return {\n panelPadding,\n row: rowStyle,\n panel: panelStyle,\n title: titleStyle,\n shape: shapeStyle,\n key: keyStyle,\n value: valueStyle\n };\n};\n\nexport const getPanelStyle = (\n style: ITooltipTheme['panel']\n): { panelStyle: Partial<CSSStyleDeclaration>; panelPadding?: number[] } => {\n const { backgroundColor, border, shadow, padding } = style;\n const panelStyle: Partial<CSSStyleDeclaration> = {\n borderWidth: `${border?.width ?? 0}px`\n };\n let panelPadding: number[] = null;\n\n if (border?.color) {\n panelStyle.borderColor = border.color as string;\n }\n if (backgroundColor) {\n panelStyle.backgroundColor = backgroundColor as string;\n }\n panelStyle.boxShadow = shadow\n ? `${shadow.x}px ${shadow.y}px ${shadow.blur}px ${shadow.spread}px ${shadow.color}`\n : 'initial';\n const { radius } = border ?? {};\n\n if (isValid(radius)) {\n panelStyle.borderRadius = isValidNumber(radius) ? `${radius}px` : `${radius}`;\n }\n\n if (padding) {\n panelPadding = normalizePadding(padding);\n panelStyle.padding = getPixelPropertyStr(panelPadding);\n }\n\n return { panelStyle, panelPadding };\n};\n\nexport function setStyleToDom(dom: HTMLElement, style: Partial<CSSStyleDeclaration>) {\n if (!dom || !dom.style || !style) {\n return;\n }\n\n Object.keys(style).forEach(key => {\n (dom.style as any)[key] = (style as any)[key];\n });\n}\n"]}
1
+ {"version":3,"sources":["../src/plugin/components/tooltip-handler/utils/style.ts"],"names":[],"mappings":"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","file":"style.js","sourcesContent":["import { isArray, isNil, isValid, isValidNumber, normalizePadding } from '@visactor/vutils';\nimport type { ITooltipSpec, ITooltipTextTheme, ITooltipTheme } from '../../../../component/tooltip';\nimport { calcLayoutNumber } from '../../../../util/space';\nimport type { ILayoutNumber } from '../../../../typings/layout';\nconst DEFAULT_SHAPE_SPACING = 8;\nconst DEFAULT_KEY_SPACING = 26;\nconst DEFAULT_VALUE_SPACING = 0;\n\nexport const getPixelPropertyStr = (num?: number | number[], defaultStr?: string) => {\n if (isValid(num)) {\n if (isArray(num)) {\n return num.map(n => `${n}px`).join(' ');\n }\n return `${num}px`;\n }\n return defaultStr ?? 'initial';\n};\n\nexport const getTextStyle = (style: ITooltipTextTheme = {}, textStyle: Partial<CSSStyleDeclaration> = {}) => {\n if (isValid(style.fontFamily)) {\n textStyle.fontFamily = style.fontFamily;\n }\n const color = style.fill ?? style.fontColor;\n\n if (isValid(color)) {\n textStyle.color = color;\n }\n if (isValid(style.fontWeight)) {\n textStyle.fontWeight = style.fontWeight as string;\n }\n if (isValid(style.textAlign)) {\n textStyle.textAlign = style.textAlign as string;\n }\n if (isValid(style.fontSize)) {\n textStyle.fontSize = getPixelPropertyStr(style.fontSize as number);\n }\n\n if (isValid(style.maxWidth)) {\n textStyle.maxWidth = getPixelPropertyStr(style.maxWidth as number);\n }\n\n if (style.multiLine || (isValid(style.maxWidth) && style.multiLine !== false)) {\n textStyle.whiteSpace = 'initial';\n textStyle.wordBreak = style.wordBreak ?? 'break-word';\n } else {\n textStyle.wordBreak = 'normal';\n textStyle.whiteSpace = 'nowrap';\n }\n\n return textStyle;\n};\n\nexport const getLineHeight = (style: ITooltipTextTheme = {}) => {\n const { lineHeight } = style;\n\n if (style.fontSize) {\n return calcLayoutNumber(lineHeight as ILayoutNumber, style.fontSize as number);\n }\n\n return 0;\n};\n\nexport const getDomStyle = (spec: ITooltipSpec = {}) => {\n const { style = {}, enterable, transitionDuration } = spec;\n const { panel = {}, titleLabel, shape, keyLabel, valueLabel, spaceRow: commonSpaceRow, align } = style;\n const { panelStyle, panelPadding } = getPanelStyle(panel);\n const rowStyle: Partial<CSSStyleDeclaration> = {\n marginTop: '0px',\n marginBottom: '0px'\n };\n\n panelStyle.pointerEvents = enterable ? 'auto' : 'none';\n if (transitionDuration) {\n panelStyle.transitionDuration = transitionDuration ? `${transitionDuration}ms` : 'initial';\n panelStyle.transitionProperty = transitionDuration ? 'transform' : 'initial';\n panelStyle.transitionTimingFunction = transitionDuration ? 'ease-out' : 'initial';\n }\n\n if (isValidNumber(commonSpaceRow)) {\n rowStyle.marginBottom = `${commonSpaceRow}px`;\n }\n\n const shapeStyle: Partial<CSSStyleDeclaration> = {\n // TODO 默认值优化\n width: getPixelPropertyStr(shape?.size ?? 8)\n };\n const titleStyle = getTextStyle(titleLabel);\n const keyStyle = getTextStyle(keyLabel);\n const valueStyle = getTextStyle(valueLabel);\n const marginKey = align === 'right' ? 'marginLeft' : 'marginRight';\n\n if (align === 'right') {\n // rtl\n panelStyle.direction = 'rtl';\n }\n if (isNil(titleStyle.textAlign)) {\n titleStyle.textAlign = align === 'right' ? 'right' : 'left';\n }\n if (isNil(keyStyle.textAlign)) {\n keyStyle.textAlign = align === 'right' ? 'right' : 'left';\n }\n if (isNil(valueStyle.textAlign)) {\n valueStyle.textAlign = align === 'right' ? 'left' : 'right';\n }\n shapeStyle[marginKey] = getPixelPropertyStr(shape.spacing ?? DEFAULT_SHAPE_SPACING);\n keyStyle[marginKey] = getPixelPropertyStr(keyLabel.spacing ?? DEFAULT_KEY_SPACING);\n valueStyle[marginKey] = getPixelPropertyStr(valueLabel.spacing ?? DEFAULT_VALUE_SPACING);\n const lineHeight = Math.max(getLineHeight(valueLabel), getLineHeight(keyLabel));\n\n // 如果不设置lineHeight，会导致横向不对齐的问题\n rowStyle.lineHeight = lineHeight > 0 ? `${lineHeight}px` : '20px';\n\n return {\n panelPadding,\n row: rowStyle,\n panel: panelStyle,\n title: titleStyle,\n shape: shapeStyle,\n key: keyStyle,\n value: valueStyle\n };\n};\n\nexport const getPanelStyle = (\n style: ITooltipTheme['panel']\n): { panelStyle: Partial<CSSStyleDeclaration>; panelPadding?: number[] } => {\n const { backgroundColor, border, shadow, padding } = style;\n const panelStyle: Partial<CSSStyleDeclaration> = {\n borderWidth: `${border?.width ?? 0}px`\n };\n let panelPadding: number[] = null;\n\n if (border?.color) {\n panelStyle.borderColor = border.color as string;\n }\n if (backgroundColor) {\n panelStyle.backgroundColor = backgroundColor as string;\n }\n panelStyle.boxShadow = shadow\n ? `${shadow.x}px ${shadow.y}px ${shadow.blur}px ${shadow.spread}px ${shadow.color}`\n : 'initial';\n const { radius } = border ?? {};\n\n if (isValid(radius)) {\n panelStyle.borderRadius = isValidNumber(radius) ? `${radius}px` : `${radius}`;\n }\n\n if (padding) {\n panelPadding = normalizePadding(padding);\n panelStyle.padding = getPixelPropertyStr(panelPadding);\n }\n\n return { panelStyle, panelPadding };\n};\n\nexport function setStyleToDom(dom: HTMLElement, style: Partial<CSSStyleDeclaration>) {\n if (!dom || !dom.style || !style) {\n return;\n }\n\n Object.keys(style).forEach(key => {\n (dom.style as any)[key] = (style as any)[key];\n });\n}\n"]}
package/esm/series/dot/dot.d.ts CHANGED
@@ -63,7 +63,7 @@ export declare class DotSeries<T extends IDotSeriesSpec = IDotSeriesSpec> extend
63
63
  protected initTooltip(): void;
64
64
  onEvaluateEnd(ctx: IModelEvaluateOption): void;
65
65
  protected onMarkTreePositionUpdate(marks: IMark[]): void;
66
- getDotData(): import("../../compile/mark").IMarkData;
66
+ getDotData(): import("../..").IMarkData;
67
67
  protected _getDataIdKey(): any;
68
68
  getStackValueField(): string;
69
69
  getActiveMarks(): IMark[];
package/esm/series/link/link.d.ts CHANGED
@@ -47,7 +47,7 @@ export declare class LinkSeries<T extends ILinkSeriesSpec = ILinkSeriesSpec> ext
47
47
  initInteraction(): void;
48
48
  protected initTooltip(): void;
49
49
  protected onMarkTreePositionUpdate(marks: IMark[]): void;
50
- getDotInfoData(): import("../../compile/mark").IMarkData;
50
+ getDotInfoData(): import("../..").IMarkData;
51
51
  getActiveMarks(): IMark[];
52
52
  }
53
53
  export declare const registerLinkSeries: () => void;
package/esm/series/sankey/interface.d.ts CHANGED
@@ -48,6 +48,8 @@ export interface ISankeySeriesSpec extends Omit<ISeriesSpec, 'data'>, IAnimation
48
48
  enable: boolean;
49
49
  trigger?: 'click' | 'hover';
50
50
  effect: 'self' | 'adjacency' | 'related';
51
+ highlightState?: string;
52
+ blurState?: string;
51
53
  };
52
54
  [SeriesMarkNameEnum.label]?: ISankeyLabelSpec | ISankeyLabelSpec[];
53
55
  overflow?: 'scroll' | 'hidden' | 'scroll-x' | 'scroll-y';
package/esm/series/sankey/interface.js.map CHANGED
@@ -1 +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"]}
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 * @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/esm/series/sankey/sankey.d.ts CHANGED
@@ -50,15 +50,16 @@ export declare class SankeySeries<T extends ISankeySeriesSpec = ISankeySeriesSpe
50
50
  private _createText;
51
51
  initAnimation(): void;
52
52
  protected initEvent(): void;
53
+ protected _initEmphasisEvent(): void;
53
54
  private nodesSeriesDataUpdate;
54
55
  private linksSeriesDataUpdate;
55
56
  protected _handleEmphasisElement: (params: ExtendEventParam) => void;
56
- protected _handleClearEmpty: () => void;
57
- protected _handleNodeAdjacencyClick: (element: IElement) => void;
58
- protected _handleLinkAdjacencyClick: (element: IGlyphElement) => void;
59
- protected _handleNodeRelatedClick: (element: IElement) => void;
60
- protected _handleLinkRelatedClick: (element: IGlyphElement) => void;
61
- protected _highLightElements(vGrammarElements: IVgrammarMark['elements'], highlightNodes: string[]): void;
57
+ protected _handleClearEmpty: (highlightState: string, blurState: string) => void;
58
+ protected _handleNodeAdjacencyClick: (element: IElement, highlightState: string, blurState: string) => void;
59
+ protected _handleLinkAdjacencyClick: (element: IGlyphElement, highlightState: string, blurState: string) => void;
60
+ protected _handleNodeRelatedClick: (element: IElement, highlightState: string, blurState: string) => void;
61
+ protected _handleLinkRelatedClick: (element: IGlyphElement, highlightState: string, blurState: string) => void;
62
+ protected _highLightElements(vGrammarElements: IVgrammarMark['elements'], highlightNodes: string[], highlightState: string, blurState: string): void;
62
63
  protected initTooltip(): void;
63
64
  _setNodeOrdinalColorScale(): void;
64
65
  getNodeList(): any;
package/esm/series/sankey/sankey.js CHANGED
@@ -81,23 +81,23 @@ export class SankeySeries extends CartesianSeries {
81
81
  const sourceName = isNumber(datum.source) ? this.getNodeList()[datum.source] : datum.source;
82
82
  return null === (_g = this._colorScale) || void 0 === _g ? void 0 : _g.scale(sourceName);
83
83
  }, this._handleEmphasisElement = params => {
84
- var _a, _b, _c, _d, _e;
85
- const emphasisSpec = null !== (_a = this._spec.emphasis) && void 0 !== _a ? _a : {}, element = params.item;
86
- "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());
87
- }, this._handleClearEmpty = () => {
84
+ var _a, _b, _c, _d, _e, _f, _g;
85
+ const emphasisSpec = null !== (_a = this._spec.emphasis) && void 0 !== _a ? _a : {}, highlightState = null !== (_b = emphasisSpec.highlightState) && void 0 !== _b ? _b : STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, blurState = null !== (_c = emphasisSpec.blurState) && void 0 !== _c ? _c : STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE, element = params.item;
86
+ "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));
87
+ }, this._handleClearEmpty = (highlightState, blurState) => {
88
88
  var _a, _b;
89
89
  if (!this._needClear) return;
90
90
  const allNodeElements = null === (_a = this._nodeMark) || void 0 === _a ? void 0 : _a.getProductElements();
91
91
  if (!allNodeElements || !allNodeElements.length) return;
92
92
  const allLinkElements = null === (_b = this._linkMark) || void 0 === _b ? void 0 : _b.getProductElements();
93
93
  if (!allLinkElements || !allLinkElements.length) return;
94
- const states = [ STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE ];
94
+ const states = [ highlightState, blurState ];
95
95
  allNodeElements.forEach((el => {
96
96
  el.removeState(states);
97
97
  })), allLinkElements.forEach((el => {
98
98
  el.removeState(states);
99
99
  })), this._needClear = !1;
100
- }, this._handleNodeAdjacencyClick = element => {
100
+ }, this._handleNodeAdjacencyClick = (element, highlightState, blurState) => {
101
101
  const nodeDatum = element.getDatum(), highlightNodes = [ nodeDatum.key ];
102
102
  if (this._linkMark) {
103
103
  const allLinkElements = this._linkMark.getProductElements();
@@ -105,28 +105,29 @@ export class SankeySeries extends CartesianSeries {
105
105
  allLinkElements.forEach(((linkEl, i) => {
106
106
  const linkDatum = linkEl.getDatum();
107
107
  linkDatum.source === nodeDatum.key ? (highlightNodes.includes(linkDatum.target) || highlightNodes.push(linkDatum.target),
108
- linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE), linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS)) : linkDatum.target === nodeDatum.key ? (highlightNodes.includes(linkDatum.source) || highlightNodes.push(linkDatum.source),
109
- linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE), linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS)) : (linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS),
110
- linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE));
108
+ linkEl.removeState(blurState), linkEl.addState(highlightState)) : linkDatum.target === nodeDatum.key ? (highlightNodes.includes(linkDatum.source) || highlightNodes.push(linkDatum.source),
109
+ linkEl.removeState(blurState), linkEl.addState(highlightState)) : (linkEl.removeState(highlightState),
110
+ linkEl.addState(blurState));
111
111
  }));
112
112
  }
113
- this._nodeMark && this._highLightElements(this._nodeMark.getProductElements(), highlightNodes),
113
+ this._nodeMark && this._highLightElements(this._nodeMark.getProductElements(), highlightNodes, highlightState, blurState),
114
114
  this._needClear = !0;
115
- }, this._handleLinkAdjacencyClick = element => {
115
+ }, this._handleLinkAdjacencyClick = (element, highlightState, blurState) => {
116
116
  const curLinkDatum = element.getDatum(), highlightNodes = [ curLinkDatum.source, curLinkDatum.target ];
117
117
  if (this._linkMark) {
118
118
  const allLinkElements = this._linkMark.getProductElements();
119
119
  if (!allLinkElements || !allLinkElements.length) return;
120
120
  allLinkElements.forEach((linkEl => {
121
- linkEl === element ? (linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE),
122
- linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, {
121
+ linkEl === element ? (linkEl.removeState(blurState), linkEl.addState(highlightState, {
122
+ ratio: 1
123
+ })) : (linkEl.removeState(highlightState), linkEl.addState(blurState, {
123
124
  ratio: 1
124
- })) : (linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS), linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE));
125
+ }));
125
126
  }));
126
127
  }
127
- this._nodeMark && this._highLightElements(this._nodeMark.getProductElements(), highlightNodes),
128
+ this._nodeMark && this._highLightElements(this._nodeMark.getProductElements(), highlightNodes, highlightState, blurState),
128
129
  this._needClear = !0;
129
- }, this._handleNodeRelatedClick = element => {
130
+ }, this._handleNodeRelatedClick = (element, highlightState, blurState) => {
130
131
  var _a;
131
132
  const nodeDatum = element.getDatum(), allNodeElements = this._nodeMark.getProductElements();
132
133
  if (!allNodeElements || !allNodeElements.length) return;
@@ -179,12 +180,11 @@ export class SankeySeries extends CartesianSeries {
179
180
  if (!allLinkElements || !allLinkElements.length) return;
180
181
  allLinkElements.forEach(((linkEl, i) => {
181
182
  var _a;
182
- highlightLinks.includes(null !== (_a = linkEl.getDatum().key) && void 0 !== _a ? _a : linkEl.getDatum().index) ? (linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE),
183
- linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS)) : (linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS),
184
- linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE));
183
+ highlightLinks.includes(null !== (_a = linkEl.getDatum().key) && void 0 !== _a ? _a : linkEl.getDatum().index) ? (linkEl.removeState(blurState),
184
+ linkEl.addState(highlightState)) : (linkEl.removeState(highlightState), linkEl.addState(blurState));
185
185
  }));
186
186
  }
187
- this._nodeMark && this._highLightElements(this._nodeMark.getProductElements(), highlightNodes);
187
+ this._nodeMark && this._highLightElements(this._nodeMark.getProductElements(), highlightNodes, highlightState, blurState);
188
188
  } else {
189
189
  const highlightNodes = [ nodeDatum.key ], upstreamLinks = nodeDatum.targetLinks.reduce(((res, link) => (array(link.datum).forEach((dividedLink => {
190
190
  const parents = dividedLink.parents, len = parents.length;
@@ -203,27 +203,27 @@ export class SankeySeries extends CartesianSeries {
203
203
  highlightNodes.includes(linkDatum.source) || highlightNodes.push(linkDatum.source),
204
204
  highlightNodes.includes(linkDatum.target) || highlightNodes.push(linkDatum.target);
205
205
  const ratio = selectedDatum.reduce(((sum, d) => sum + d.value), 0) / linkDatum.value;
206
- return linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE), void linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, {
206
+ return linkEl.removeState(blurState), void linkEl.addState(highlightState, {
207
207
  ratio: ratio
208
208
  });
209
209
  }
210
210
  if (upSelectedLink) return highlightNodes.includes(linkDatum.source) || highlightNodes.push(linkDatum.source),
211
211
  highlightNodes.includes(linkDatum.target) || highlightNodes.push(linkDatum.target),
212
- linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE), void linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, {
212
+ linkEl.removeState(blurState), void linkEl.addState(highlightState, {
213
213
  ratio: upSelectedLink.value / linkDatum.value
214
214
  });
215
- linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS), linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
216
- })), this._nodeMark && this._highLightElements(this._nodeMark.getProductElements(), highlightNodes);
215
+ linkEl.removeState(highlightState), linkEl.addState(blurState);
216
+ })), this._nodeMark && this._highLightElements(this._nodeMark.getProductElements(), highlightNodes, highlightState, blurState);
217
217
  }
218
218
  this._needClear = !0;
219
- }, this._handleLinkRelatedClick = element => {
219
+ }, this._handleLinkRelatedClick = (element, highlightState, blurState) => {
220
220
  var _a;
221
221
  const allNodeElements = this._nodeMark.getProductElements();
222
222
  if (!allNodeElements || !allNodeElements.length) return;
223
223
  const allLinkElements = this._linkMark.getProductElements();
224
224
  if (!allLinkElements || !allLinkElements.length) return;
225
225
  if ("source" === ((null === (_a = element.getDatum()) || void 0 === _a ? void 0 : _a.parents) ? "parents" : "source")) {
226
- const states = [ STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE ];
226
+ const states = [ highlightState, blurState ];
227
227
  this._linkMark && allLinkElements.forEach((linkEl => {
228
228
  linkEl.removeState(states);
229
229
  })), this._nodeMark && allNodeElements.forEach((el => {
@@ -247,8 +247,8 @@ export class SankeySeries extends CartesianSeries {
247
247
  }
248
248
  })), allLinkElements.forEach((linkEl => {
249
249
  const linkDatum = linkEl.getDatum(), originalDatum = linkDatum.datum;
250
- if (linkDatum.source === curLinkDatum.source && linkDatum.target === curLinkDatum.target) return linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE),
251
- void linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, {
250
+ if (linkDatum.source === curLinkDatum.source && linkDatum.target === curLinkDatum.target) return linkEl.removeState(blurState),
251
+ void linkEl.addState(highlightState, {
252
252
  ratio: 1
253
253
  });
254
254
  const selectedDatum = originalDatum ? originalDatum.filter((entry => {
@@ -262,25 +262,25 @@ export class SankeySeries extends CartesianSeries {
262
262
  var _a;
263
263
  return par.key === curLinkDatum.source && (null === (_a = entry.parents[index + 1]) || void 0 === _a ? void 0 : _a.key) === curLinkDatum.target;
264
264
  })))).reduce(((sum, d) => sum + d.value), 0), ratio = val / linkDatum.value;
265
- return linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE), void linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, {
265
+ return linkEl.removeState(blurState), void linkEl.addState(highlightState, {
266
266
  ratio: ratio
267
267
  });
268
268
  }
269
269
  const upSelectedLink = upstreamLinks.find((upLink => upLink.source === linkDatum.source && upLink.target === linkDatum.target));
270
270
  if (upSelectedLink) return highlightNodes.includes(linkDatum.source) || highlightNodes.push(linkDatum.source),
271
271
  highlightNodes.includes(linkDatum.target) || highlightNodes.push(linkDatum.target),
272
- linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE), void linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, {
272
+ linkEl.removeState(blurState), void linkEl.addState(highlightState, {
273
273
  ratio: upSelectedLink.value / linkDatum.value
274
274
  });
275
- linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS), linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
276
- })), this._highLightElements(allNodeElements, highlightNodes);
275
+ linkEl.removeState(highlightState), linkEl.addState(blurState);
276
+ })), this._highLightElements(allNodeElements, highlightNodes, highlightState, blurState);
277
277
  }
278
278
  this._needClear = !0;
279
279
  };
280
280
  }
281
281
  get direction() {
282
- var _a;
283
- return null !== (_a = this._spec.direction) && void 0 !== _a ? _a : "horizontal";
282
+ var _a, _b;
283
+ return null !== (_b = null === (_a = this._spec) || void 0 === _a ? void 0 : _a.direction) && void 0 !== _b ? _b : "horizontal";
284
284
  }
285
285
  getCategoryField() {
286
286
  return this._categoryField;
@@ -506,10 +506,14 @@ export class SankeySeries extends CartesianSeries {
506
506
  this._linkMark && this._linkMark.setAnimationConfig(animationConfig(null === (_d = Factory.getAnimationInKey("sankeyLinkPath")) || void 0 === _d ? void 0 : _d(animationParams, appearPreset), userAnimationConfig("link", this._spec, this._markAttributeContext)));
507
507
  }
508
508
  initEvent() {
509
- var _a, _b, _c;
509
+ var _a, _b;
510
510
  super.initEvent(), null === (_a = this._nodesSeriesData.getDataView()) || void 0 === _a || _a.target.addListener("change", this.nodesSeriesDataUpdate.bind(this)),
511
- null === (_b = this._linksSeriesData.getDataView()) || void 0 === _b || _b.target.addListener("change", this.linksSeriesDataUpdate.bind(this));
512
- const emphasisSpec = null !== (_c = this._spec.emphasis) && void 0 !== _c ? _c : {};
511
+ null === (_b = this._linksSeriesData.getDataView()) || void 0 === _b || _b.target.addListener("change", this.linksSeriesDataUpdate.bind(this)),
512
+ this._initEmphasisEvent();
513
+ }
514
+ _initEmphasisEvent() {
515
+ var _a;
516
+ const emphasisSpec = null !== (_a = this._spec.emphasis) && void 0 !== _a ? _a : {};
513
517
  if (!0 !== this._option.disableTriggerEvent && emphasisSpec.enable && ("adjacency" === emphasisSpec.effect || "related" === emphasisSpec.effect)) {
514
518
  const event = "hover" === emphasisSpec.trigger ? "pointerover" : "pointerdown";
515
519
  this.event.on(event, {
@@ -523,10 +527,9 @@ export class SankeySeries extends CartesianSeries {
523
527
  linksSeriesDataUpdate() {
524
528
  this._linksSeriesData.updateData();
525
529
  }
526
- _highLightElements(vGrammarElements, highlightNodes) {
530
+ _highLightElements(vGrammarElements, highlightNodes, highlightState, blurState) {
527
531
  vGrammarElements && vGrammarElements.length && vGrammarElements.forEach((el => {
528
- el.removeState([ STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE, STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS ]),
529
- highlightNodes.includes(el.getDatum().key) ? el.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS) : el.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
532
+ el.removeState([ blurState, highlightState ]), highlightNodes.includes(el.getDatum().key) ? el.addState(highlightState) : el.addState(blurState);
530
533
  }));
531
534
  }
532
535
  initTooltip() {