@visactor/vchart-extension 1.13.22-alpha.4 → 1.13.23-alpha.0
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.
- package/build/index.js +157 -331
- package/build/index.min.js +2 -2
- package/cjs/charts/compare-sankey/compare-sankey.d.ts +2 -0
- package/cjs/charts/compare-sankey/compare-sankey.js +6 -0
- package/cjs/charts/compare-sankey/compare-sankey.js.map +1 -1
- package/cjs/charts/compare-sankey-diff/compare-sankey-diff-transformer.js +2 -1
- package/cjs/charts/compare-sankey-diff/interface.js +1 -2
- package/cjs/charts/sequence-scatter-kde/constant.js +2 -1
- package/cjs/charts/sequence-scatter-kde/interface.js +1 -2
- package/cjs/charts/sequence-scatter-pixel/constant.js +1 -1
- package/cjs/charts/sequence-scatter-pixel/interface.js +1 -1
- package/cjs/charts/sequence-scatter-pixel/sequence-scatter-pixel-transformer.js +1 -1
- package/cjs/charts/sequence-scatter-pixel/sequence-scatter-pixel.js +1 -1
- package/cjs/charts/sequence-scatter-pixel/utils.js +1 -1
- package/cjs/components/bar-link/index.js +2 -1
- package/cjs/components/series-label/constant.js +1 -2
- package/cjs/components/series-label/index.js +1 -1
- package/cjs/components/series-label/series-label.js +1 -1
- package/cjs/components/series-label/type.js +1 -1
- package/cjs/components/series-label/util.js +1 -1
- package/esm/charts/compare-sankey/compare-sankey.d.ts +2 -0
- package/esm/charts/compare-sankey/compare-sankey.js +6 -0
- package/esm/charts/compare-sankey/compare-sankey.js.map +1 -1
- package/esm/charts/compare-sankey-diff/compare-sankey-diff-transformer.js +2 -1
- package/esm/charts/compare-sankey-diff/interface.js +1 -2
- package/esm/charts/sequence-scatter-kde/constant.js +2 -1
- package/esm/charts/sequence-scatter-kde/interface.js +1 -2
- package/esm/charts/sequence-scatter-pixel/constant.js +1 -1
- package/esm/charts/sequence-scatter-pixel/interface.js +1 -1
- package/esm/charts/sequence-scatter-pixel/sequence-scatter-pixel-transformer.js +1 -1
- package/esm/charts/sequence-scatter-pixel/sequence-scatter-pixel.js +1 -1
- package/esm/charts/sequence-scatter-pixel/utils.js +1 -1
- package/esm/components/bar-link/index.js +2 -1
- package/esm/components/series-label/constant.js +1 -2
- package/esm/components/series-label/index.js +1 -1
- package/esm/components/series-label/series-label.js +1 -1
- package/esm/components/series-label/type.js +1 -1
- package/esm/components/series-label/util.js +1 -1
- package/package.json +14 -9
|
@@ -30,6 +30,8 @@ export declare class CompareSankeySeries extends SankeySeries<ICompareSankeySeri
|
|
|
30
30
|
private _activeTargetLink;
|
|
31
31
|
private _activeSourceLink;
|
|
32
32
|
protected _handleClearEmpty(highlightState: string, blurState: string): void;
|
|
33
|
+
protected _handlePointerOutElement(): void;
|
|
34
|
+
protected _clearAllSelectedState(): void;
|
|
33
35
|
getSubNodeDatum(filter: (n: Datum) => boolean): IElement[];
|
|
34
36
|
getNodeDatumInTree(filter: (n: any) => boolean): any[];
|
|
35
37
|
getNodeDatumInSubTree(filter: (n: any) => boolean): {
|
|
@@ -174,6 +174,12 @@ class CompareSankeySeries extends vchart_1.SankeySeries {
|
|
|
174
174
|
el.removeState(vchart_1.STATE_VALUE_ENUM.STATE_HOVER);
|
|
175
175
|
}));
|
|
176
176
|
}
|
|
177
|
+
_handlePointerOutElement() {
|
|
178
|
+
this._activeLinkData.parseNewData([]);
|
|
179
|
+
}
|
|
180
|
+
_clearAllSelectedState() {
|
|
181
|
+
super._clearAllSelectedState(), this._activeLinkData.parseNewData([]);
|
|
182
|
+
}
|
|
177
183
|
getSubNodeDatum(filter) {
|
|
178
184
|
return (0, utils_1.getSubNodeDatum)(this._nodeMark.getProductElements(), filter);
|
|
179
185
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["charts/compare-sankey/compare-sankey.ts"],"names":[],"mappings":"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","file":"compare-sankey.js","sourcesContent":["import type { SankeyLinkElement } from '@visactor/vgrammar-sankey';\nimport type { ICompareSankeyChartSpecBase, ICompareSankeySeriesSpecBase } from './interface';\nimport type { ILinkPathMarkSpec, IRectMarkSpec } from '@visactor/vchart';\nimport {\n VChart,\n SankeyChart,\n SankeySeries,\n registerDataSetInstanceTransform,\n STATE_VALUE_ENUM,\n AttributeLevel,\n DEFAULT_DATA_INDEX,\n DEFAULT_DATA_KEY\n} from '@visactor/vchart';\nimport { DataView } from '@visactor/vdataset';\nimport { CompareSankeyChartSpecTransformer } from './compare-sankey-transformer';\nimport { compareSankeySubNodes } from './compare-sankey-sub-nodes';\nimport type { ILinkPathMark } from '@visactor/vchart/src/mark/interface';\nimport { compareSankeySubData } from './compare-sankey-sub-data';\nimport type { IElement } from '@visactor/vgrammar-core';\nimport { getDatumOfGraphic } from '../../utils/mark';\nimport { getNodeDatumInSubTree, getNodeDatumInTree, getSubNodeDatum } from './utils';\n\ntype Datum = any;\n\nexport class CompareSankeyChart extends SankeyChart<ICompareSankeyChartSpecBase> {\n type = 'compareSankey';\n static type = 'compareSankey';\n readonly seriesType = CompareSankeySeries.type;\n\n declare _spec: ICompareSankeyChartSpecBase;\n\n static readonly transformerConstructor = CompareSankeyChartSpecTransformer;\n readonly transformerConstructor = CompareSankeyChartSpecTransformer;\n}\n\nexport class CompareSankeySeries extends SankeySeries<ICompareSankeySeriesSpecBase> {\n // @ts-ignore\n type = 'compareSankey';\n static type = 'compareSankey';\n\n private _subData: DataView;\n\n private _activeLinkData: DataView;\n private _activeLinkMark: ILinkPathMark;\n\n initData() {\n super.initData();\n // 此时 viewData 已经初始化完成\n // 创建 第二层 viewDataActive\n //\n const { dataSet } = this._option;\n\n const compareSubData = new DataView(dataSet, { name: `compare-sankey-sub-data-${this.id}-data` });\n compareSubData.parse([this.getViewData()], {\n type: 'dataview'\n });\n this._subData = compareSubData;\n\n const compareNodeData = new DataView(dataSet, { name: `compare-sankey-node-${this.id}-data` });\n compareNodeData.parse([compareSubData], {\n type: 'dataview'\n });\n\n // 注册对比布局函数,计算拆解 nodes 的信息\n registerDataSetInstanceTransform(this._dataSet, 'compareSankeySubData', compareSankeySubData);\n compareSubData.transform({\n type: 'compareSankeySubData',\n options: {\n rawData: () => this.getRawData(),\n valueField: this._valueField,\n nodeKey: this._spec.nodeKey,\n subNodeGap: this._spec.subNodeGap ?? 2,\n subNodeMinSize: this._spec.subNodeMinSize ?? 0\n }\n });\n registerDataSetInstanceTransform(this._dataSet, 'compareSankeySubNodes', compareSankeySubNodes);\n compareNodeData.transform({\n type: 'compareSankeySubNodes'\n });\n this._nodesSeriesData.getDataView().parse([compareNodeData], {\n type: 'dataview'\n });\n\n // 激活时的linkData\n this._activeLinkData = new DataView(dataSet, { name: `compare-sankey-link-${this.id}-data` });\n }\n\n initEvent() {\n super.initEvent();\n this._activeLinkData?.target.addListener('change', this.activeLinkDataUpdate.bind(this));\n }\n\n initMark() {\n super.initMark();\n\n const linkMark = this._createMark(\n { ...SankeySeries.mark.link, name: 'activeLink' },\n {\n dataView: this._activeLinkData\n }\n ) as ILinkPathMark;\n if (linkMark) {\n this._activeLinkMark = linkMark;\n }\n }\n compileData() {\n super.compileData();\n this._activeLinkMark?.compileData();\n }\n\n _initLinkMarkStyle() {\n super._initLinkMarkStyle();\n // (this._activeLinkMark as any).setGlyphConfig({\n // direction: this.direction\n // });\n this._activeLinkMark.setAttribute('direction', this.direction);\n\n this.setMarkStyle<ILinkPathMarkSpec>(\n this._activeLinkMark,\n {\n x0: (datum: Datum) => datum.x0,\n x1: (datum: Datum) => datum.x1,\n y0: (datum: Datum) => datum.y0,\n y1: (datum: Datum) => datum.y1,\n thickness: (datum: Datum) => datum.thickness\n },\n STATE_VALUE_ENUM.STATE_NORMAL,\n AttributeLevel.Series\n );\n\n this.setMarkStyle(\n this._activeLinkMark,\n {\n fill: this._fillActiveLink\n },\n STATE_VALUE_ENUM.STATE_NORMAL,\n AttributeLevel.User_Mark\n );\n }\n\n _initNodeMarkStyle() {\n super._initNodeMarkStyle();\n if (this._spec.compareNodeColor) {\n this.setMarkStyle<IRectMarkSpec>(\n this._nodeMark,\n {\n fill: this._fillCompareNode\n },\n 'normal',\n AttributeLevel.User_Mark\n );\n }\n }\n\n private activeLinkDataUpdate() {\n this._activeLinkMark.getData().updateData();\n }\n\n protected _fillCompareNode = (datum: Datum) => {\n if (this._spec.compareNodeColor?.[datum.type]) {\n return this._spec.compareNodeColor[datum.type];\n }\n return this._spec.node.style?.fill ?? this._fillByNode(datum);\n };\n\n protected _fillActiveLink = (datum: Datum) => {\n if (this._spec.compareLinkColor?.[datum.type]) {\n return this._spec.compareLinkColor[datum.type];\n }\n return this._spec.link.style?.fill ?? this._fillByLink(datum);\n };\n\n protected _handleNodeRelatedClick(element: IElement, highlightState: string, blurState: string) {\n const nodeDatum = element.getDatum();\n // 节点\n const allNodeElements = this._nodeMark.getProductElements();\n if (!allNodeElements || !allNodeElements.length) {\n return;\n }\n // 边\n const allLinkElements = this._linkMark.getProductElements();\n if (!allLinkElements || !allLinkElements.length) {\n return;\n }\n\n // 原始 link 全部进入blur状态\n allLinkElements.forEach(el => {\n el.removeState([STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS]);\n });\n this._highLightElements(allLinkElements, [], highlightState, blurState);\n\n const nodeDatums = allNodeElements.map(el => getDatumOfGraphic(el) as Datum);\n const pickNodeDatums = nodeDatums.filter(d => d.key === nodeDatum.key);\n // 层级型数据\n const highlightLinksData: any[] = [];\n // 高亮节点key\n const highlightNodeKeys: (string | number)[] = pickNodeDatums.map(d => d.key);\n\n // 上游路径始终只选取第一个\n this._activeTargetLink(\n nodeDatum,\n pickNodeDatums,\n allNodeElements,\n allLinkElements,\n highlightNodeKeys,\n highlightLinksData,\n highlightState,\n blurState\n );\n this._activeSourceLink(\n nodeDatum,\n pickNodeDatums,\n nodeDatums,\n allNodeElements,\n highlightNodeKeys,\n highlightLinksData,\n highlightState,\n blurState\n );\n this._highLightElements(allNodeElements, highlightNodeKeys as string[], highlightState, blurState);\n this._activeLinkData.parseNewData(highlightLinksData);\n\n this._needClear = true;\n }\n\n private _activeTargetLink(\n nodeDatum: Datum,\n pickNodeDatums: Datum[],\n allNodeElements: any[],\n allLinkElements: any[],\n highlightNodeKeys: (string | number)[],\n highlightLinksData: any[],\n highlightState: string,\n blurState: string\n ) {\n this._handleClearEmpty(highlightState, blurState);\n const sourceNode = nodeDatum.sourceNode;\n // 上游路径始终只选取第一个\n const firstTarget = sourceNode.targetLinks[0];\n if (!firstTarget) {\n return;\n }\n let percent = 0;\n pickNodeDatums.forEach(n => {\n const link = n.targetLinks.find((l: any) => l.key === firstTarget.key);\n if (link) {\n const p = link.value / firstTarget.value;\n const key = firstTarget.key + '_' + n.type;\n const activeLink = {\n ...firstTarget,\n // 起点重新分配\n y0: firstTarget.y0 - firstTarget.thickness / 2 + (percent + p / 2) * firstTarget.thickness,\n y1: n.y0 + (p * firstTarget.thickness) / 2,\n thickness: p * firstTarget.thickness,\n key,\n type: n.type,\n [DEFAULT_DATA_INDEX]: highlightLinksData.length,\n [DEFAULT_DATA_KEY]: key\n };\n highlightLinksData.push(activeLink);\n percent += p;\n }\n });\n\n // 第一个 path 中上流路径上的 node 全部高亮\n highlightNodeKeys.push(...firstTarget.parents, nodeDatum.key);\n const linkKeys: string[] = [];\n // 找到对应的原始 link 也都高亮\n for (let i = 0; i < firstTarget.parents.length - 1; i++) {\n linkKeys.push(firstTarget.parents[i] + '-' + firstTarget.parents[i + 1]);\n }\n this._highLightElements(allLinkElements, linkKeys, highlightState, blurState);\n }\n\n private _activeSourceLink(\n nodeDatum: Datum,\n pickNodeDatums: Datum[],\n allNodeDatums: Datum[],\n allNodeElements: any[],\n highlightNodeKeys: (string | number)[],\n highlightLinksData: any[],\n highlightState: string,\n blurState: string\n ) {\n this._handleClearEmpty(highlightState, blurState);\n const sourceNode = nodeDatum.sourceNode;\n // 下游路径始需要全部处理\n const sourceLinks = sourceNode.sourceLinks;\n if (!sourceLinks?.length) {\n return;\n }\n\n const sourceValueTemp: { [key: string]: number } = {};\n sourceLinks.forEach((sourceLink: SankeyLinkElement) => {\n highlightNodeKeys.push(sourceLink.target);\n pickNodeDatums.forEach((n, index) => {\n sourceValueTemp[n.type] = sourceValueTemp[n.type] ?? 0;\n const link = n.sourceLinks.find((l: SankeyLinkElement) => l.key === sourceLink.key);\n if (link) {\n const p = link.value / n.value;\n const totalSize = n.y1 - n.y0;\n const size = totalSize * p;\n const key = sourceLink.key + '_' + n.type;\n const activeLink = {\n ...sourceLink,\n // 起点重新分配\n y0: n.y0 + sourceValueTemp[n.type] * totalSize + size / 2,\n thickness: size,\n key,\n type: n.type,\n [DEFAULT_DATA_INDEX]: highlightLinksData.length,\n [DEFAULT_DATA_KEY]: key\n };\n // y1 分为第一个和在其他\n if (index === 0) {\n // 与原始link的起点\n activeLink.y1 = sourceLink.y1 - sourceLink.thickness / 2 + size / 2;\n } else {\n // 与目标子 node 的 y0 对齐\n const targetNode = allNodeDatums.find(_n => _n.key === link.target && _n.type === n.type);\n if (targetNode) {\n activeLink.y1 = targetNode.y0 + size / 2;\n } else {\n // 错误的情况\n return;\n }\n }\n highlightLinksData.push(activeLink);\n sourceValueTemp[n.type] += p;\n }\n });\n });\n }\n\n protected _handleClearEmpty(highlightState: string, blurState: string) {\n super._handleClearEmpty(highlightState, blurState);\n this._activeLinkData.parseNewData([]);\n\n // 同时需要清除 hover\n const allNodeElements = this._nodeMark.getProductElements();\n if (allNodeElements || !allNodeElements.length) {\n allNodeElements.forEach(el => {\n el.removeState(STATE_VALUE_ENUM.STATE_HOVER);\n });\n }\n\n // 同时需要清除 hover\n const allLinkElements = this._linkMark.getProductElements();\n if (allLinkElements || !allLinkElements.length) {\n allLinkElements.forEach(el => {\n el.removeState(STATE_VALUE_ENUM.STATE_HOVER);\n });\n }\n }\n\n public getSubNodeDatum(filter: (n: Datum) => boolean) {\n return getSubNodeDatum(this._nodeMark.getProductElements(), filter);\n }\n\n public getNodeDatumInTree(filter: (n: any) => boolean) {\n return getNodeDatumInTree(this._rawData.latestData[0].nodes, filter);\n }\n\n public getNodeDatumInSubTree(filter: (n: any) => boolean) {\n return getNodeDatumInSubTree(this._rawData.latestData[0].subNode, filter);\n }\n}\n\nexport const registerCompareSankeyChart = (option?: { VChart?: typeof VChart }) => {\n const vchartConstructor = option?.VChart || VChart;\n if (vchartConstructor) {\n vchartConstructor.useChart([CompareSankeyChart]);\n vchartConstructor.useSeries([CompareSankeySeries]);\n }\n};\n"]}
|
|
1
|
+
{"version":3,"sources":["charts/compare-sankey/compare-sankey.ts"],"names":[],"mappings":";;;AAGA,6CAS0B;AAC1B,iDAA8C;AAC9C,6EAAiF;AACjF,yEAAmE;AAEnE,uEAAiE;AAEjE,2CAAqD;AACrD,mCAAqF;AAIrF,MAAa,kBAAmB,SAAQ,oBAAwC;IAAhF;;QACE,SAAI,GAAG,eAAe,CAAC;QAEd,eAAU,GAAG,mBAAmB,CAAC,IAAI,CAAC;QAKtC,2BAAsB,GAAG,8DAAiC,CAAC;IACtE,CAAC;;AATD,gDASC;AAPQ,uBAAI,GAAG,eAAe,CAAC;AAKd,yCAAsB,GAAG,8DAAiC,CAAC;AAI7E,MAAa,mBAAoB,SAAQ,qBAA0C;IAAnF;;QAEE,SAAI,GAAG,eAAe,CAAC;QAyHb,qBAAgB,GAAG,CAAC,KAAY,EAAE,EAAE;;YAC5C,IAAI,MAAA,IAAI,CAAC,KAAK,CAAC,gBAAgB,0CAAG,KAAK,CAAC,IAAI,CAAC,EAAE;gBAC7C,OAAO,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;aAChD;YACD,OAAO,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,0CAAE,IAAI,mCAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAChE,CAAC,CAAC;QAEQ,oBAAe,GAAG,CAAC,KAAY,EAAE,EAAE;;YAC3C,IAAI,MAAA,IAAI,CAAC,KAAK,CAAC,gBAAgB,0CAAG,KAAK,CAAC,IAAI,CAAC,EAAE;gBAC7C,OAAO,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;aAChD;YACD,OAAO,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,0CAAE,IAAI,mCAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAChE,CAAC,CAAC;IAgNJ,CAAC;IA7UC,QAAQ;;QACN,KAAK,CAAC,QAAQ,EAAE,CAAC;QAIjB,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QAEjC,MAAM,cAAc,GAAG,IAAI,mBAAQ,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,2BAA2B,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;QAClG,cAAc,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,EAAE;YACzC,IAAI,EAAE,UAAU;SACjB,CAAC,CAAC;QACH,IAAI,CAAC,QAAQ,GAAG,cAAc,CAAC;QAE/B,MAAM,eAAe,GAAG,IAAI,mBAAQ,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,uBAAuB,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;QAC/F,eAAe,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,EAAE;YACtC,IAAI,EAAE,UAAU;SACjB,CAAC,CAAC;QAGH,IAAA,yCAAgC,EAAC,IAAI,CAAC,QAAQ,EAAE,sBAAsB,EAAE,8CAAoB,CAAC,CAAC;QAC9F,cAAc,CAAC,SAAS,CAAC;YACvB,IAAI,EAAE,sBAAsB;YAC5B,OAAO,EAAE;gBACP,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE;gBAChC,UAAU,EAAE,IAAI,CAAC,WAAW;gBAC5B,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO;gBAC3B,UAAU,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,mCAAI,CAAC;gBACtC,cAAc,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,cAAc,mCAAI,CAAC;aAC/C;SACF,CAAC,CAAC;QACH,IAAA,yCAAgC,EAAC,IAAI,CAAC,QAAQ,EAAE,uBAAuB,EAAE,gDAAqB,CAAC,CAAC;QAChG,eAAe,CAAC,SAAS,CAAC;YACxB,IAAI,EAAE,uBAAuB;SAC9B,CAAC,CAAC;QACH,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,EAAE;YAC3D,IAAI,EAAE,UAAU;SACjB,CAAC,CAAC;QAGH,IAAI,CAAC,eAAe,GAAG,IAAI,mBAAQ,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,uBAAuB,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;IAChG,CAAC;IAED,SAAS;;QACP,KAAK,CAAC,SAAS,EAAE,CAAC;QAClB,MAAA,IAAI,CAAC,eAAe,0CAAE,MAAM,CAAC,WAAW,CAAC,QAAQ,EAAE,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC3F,CAAC;IAED,QAAQ;QACN,KAAK,CAAC,QAAQ,EAAE,CAAC;QAEjB,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,iCAC1B,qBAAY,CAAC,IAAI,CAAC,IAAI,KAAE,IAAI,EAAE,YAAY,KAC/C;YACE,QAAQ,EAAE,IAAI,CAAC,eAAe;SAC/B,CACe,CAAC;QACnB,IAAI,QAAQ,EAAE;YACZ,IAAI,CAAC,eAAe,GAAG,QAAQ,CAAC;SACjC;IACH,CAAC;IACD,WAAW;;QACT,KAAK,CAAC,WAAW,EAAE,CAAC;QACpB,MAAA,IAAI,CAAC,eAAe,0CAAE,WAAW,EAAE,CAAC;IACtC,CAAC;IAED,kBAAkB;QAChB,KAAK,CAAC,kBAAkB,EAAE,CAAC;QAI3B,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QAE/D,IAAI,CAAC,YAAY,CACf,IAAI,CAAC,eAAe,EACpB;YACE,EAAE,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE;YAC9B,EAAE,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE;YAC9B,EAAE,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE;YAC9B,EAAE,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE;YAC9B,SAAS,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS;SAC7C,EACD,yBAAgB,CAAC,YAAY,EAC7B,uBAAc,CAAC,MAAM,CACtB,CAAC;QAEF,IAAI,CAAC,YAAY,CACf,IAAI,CAAC,eAAe,EACpB;YACE,IAAI,EAAE,IAAI,CAAC,eAAe;SAC3B,EACD,yBAAgB,CAAC,YAAY,EAC7B,uBAAc,CAAC,SAAS,CACzB,CAAC;IACJ,CAAC;IAED,kBAAkB;QAChB,KAAK,CAAC,kBAAkB,EAAE,CAAC;QAC3B,IAAI,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE;YAC/B,IAAI,CAAC,YAAY,CACf,IAAI,CAAC,SAAS,EACd;gBACE,IAAI,EAAE,IAAI,CAAC,gBAAgB;aAC5B,EACD,QAAQ,EACR,uBAAc,CAAC,SAAS,CACzB,CAAC;SACH;IACH,CAAC;IAEO,oBAAoB;QAC1B,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC,UAAU,EAAE,CAAC;IAC9C,CAAC;IAgBS,uBAAuB,CAAC,OAAiB,EAAE,cAAsB,EAAE,SAAiB;QAC5F,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC;QAErC,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC,kBAAkB,EAAE,CAAC;QAC5D,IAAI,CAAC,eAAe,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE;YAC/C,OAAO;SACR;QAED,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC,kBAAkB,EAAE,CAAC;QAC5D,IAAI,CAAC,eAAe,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE;YAC/C,OAAO;SACR;QAGD,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;YAC3B,EAAE,CAAC,WAAW,CAAC,CAAC,yBAAgB,CAAC,qBAAqB,CAAC,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,kBAAkB,CAAC,eAAe,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,CAAC,CAAC;QAExE,MAAM,UAAU,GAAG,eAAe,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,IAAA,wBAAiB,EAAC,EAAE,CAAU,CAAC,CAAC;QAC7E,MAAM,cAAc,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,SAAS,CAAC,GAAG,CAAC,CAAC;QAEvE,MAAM,kBAAkB,GAAU,EAAE,CAAC;QAErC,MAAM,iBAAiB,GAAwB,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QAG9E,IAAI,CAAC,iBAAiB,CACpB,SAAS,EACT,cAAc,EACd,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,SAAS,CACV,CAAC;QACF,IAAI,CAAC,iBAAiB,CACpB,SAAS,EACT,cAAc,EACd,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,SAAS,CACV,CAAC;QACF,IAAI,CAAC,kBAAkB,CAAC,eAAe,EAAE,iBAA6B,EAAE,cAAc,EAAE,SAAS,CAAC,CAAC;QACnG,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC;QAEtD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;IACzB,CAAC;IAEO,iBAAiB,CACvB,SAAgB,EAChB,cAAuB,EACvB,eAAsB,EACtB,eAAsB,EACtB,iBAAsC,EACtC,kBAAyB,EACzB,cAAsB,EACtB,SAAiB;QAEjB,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;QAClD,MAAM,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC;QAExC,MAAM,WAAW,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;QAC9C,IAAI,CAAC,WAAW,EAAE;YAChB,OAAO;SACR;QACD,IAAI,OAAO,GAAG,CAAC,CAAC;QAChB,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YACzB,MAAM,IAAI,GAAG,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,WAAW,CAAC,GAAG,CAAC,CAAC;YACvE,IAAI,IAAI,EAAE;gBACR,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC;gBACzC,MAAM,GAAG,GAAG,WAAW,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,IAAI,CAAC;gBAC3C,MAAM,UAAU,mCACX,WAAW,KAEd,EAAE,EAAE,WAAW,CAAC,EAAE,GAAG,WAAW,CAAC,SAAS,GAAG,CAAC,GAAG,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC,SAAS,EAC1F,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC,SAAS,CAAC,GAAG,CAAC,EAC1C,SAAS,EAAE,CAAC,GAAG,WAAW,CAAC,SAAS,EACpC,GAAG,EACH,IAAI,EAAE,CAAC,CAAC,IAAI,EACZ,CAAC,2BAAkB,CAAC,EAAE,kBAAkB,CAAC,MAAM,EAC/C,CAAC,yBAAgB,CAAC,EAAE,GAAG,GACxB,CAAC;gBACF,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBACpC,OAAO,IAAI,CAAC,CAAC;aACd;QACH,CAAC,CAAC,CAAC;QAGH,iBAAiB,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC,OAAO,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;QAC9D,MAAM,QAAQ,GAAa,EAAE,CAAC;QAE9B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,WAAW,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;YACvD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;SAC1E;QACD,IAAI,CAAC,kBAAkB,CAAC,eAAe,EAAE,QAAQ,EAAE,cAAc,EAAE,SAAS,CAAC,CAAC;IAChF,CAAC;IAEO,iBAAiB,CACvB,SAAgB,EAChB,cAAuB,EACvB,aAAsB,EACtB,eAAsB,EACtB,iBAAsC,EACtC,kBAAyB,EACzB,cAAsB,EACtB,SAAiB;QAEjB,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;QAClD,MAAM,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC;QAExC,MAAM,WAAW,GAAG,UAAU,CAAC,WAAW,CAAC;QAC3C,IAAI,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,CAAA,EAAE;YACxB,OAAO;SACR;QAED,MAAM,eAAe,GAA8B,EAAE,CAAC;QACtD,WAAW,CAAC,OAAO,CAAC,CAAC,UAA6B,EAAE,EAAE;YACpD,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;YAC1C,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;;gBAClC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,MAAA,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,mCAAI,CAAC,CAAC;gBACvD,MAAM,IAAI,GAAG,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAoB,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,UAAU,CAAC,GAAG,CAAC,CAAC;gBACpF,IAAI,IAAI,EAAE;oBACR,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC;oBAC/B,MAAM,SAAS,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC;oBAC9B,MAAM,IAAI,GAAG,SAAS,GAAG,CAAC,CAAC;oBAC3B,MAAM,GAAG,GAAG,UAAU,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,IAAI,CAAC;oBAC1C,MAAM,UAAU,mCACX,UAAU,KAEb,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,IAAI,GAAG,CAAC,EACzD,SAAS,EAAE,IAAI,EACf,GAAG,EACH,IAAI,EAAE,CAAC,CAAC,IAAI,EACZ,CAAC,2BAAkB,CAAC,EAAE,kBAAkB,CAAC,MAAM,EAC/C,CAAC,yBAAgB,CAAC,EAAE,GAAG,GACxB,CAAC;oBAEF,IAAI,KAAK,KAAK,CAAC,EAAE;wBAEf,UAAU,CAAC,EAAE,GAAG,UAAU,CAAC,EAAE,GAAG,UAAU,CAAC,SAAS,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC;qBACrE;yBAAM;wBAEL,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC;wBAC1F,IAAI,UAAU,EAAE;4BACd,UAAU,CAAC,EAAE,GAAG,UAAU,CAAC,EAAE,GAAG,IAAI,GAAG,CAAC,CAAC;yBAC1C;6BAAM;4BAEL,OAAO;yBACR;qBACF;oBACD,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;oBACpC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;iBAC9B;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAES,iBAAiB,CAAC,cAAsB,EAAE,SAAiB;QACnE,KAAK,CAAC,iBAAiB,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;QACnD,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;QAGtC,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC,kBAAkB,EAAE,CAAC;QAC5D,IAAI,eAAe,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE;YAC9C,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;gBAC3B,EAAE,CAAC,WAAW,CAAC,yBAAgB,CAAC,WAAW,CAAC,CAAC;YAC/C,CAAC,CAAC,CAAC;SACJ;QAGD,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC,kBAAkB,EAAE,CAAC;QAC5D,IAAI,eAAe,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE;YAC9C,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;gBAC3B,EAAE,CAAC,WAAW,CAAC,yBAAgB,CAAC,WAAW,CAAC,CAAC;YAC/C,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;IAES,wBAAwB;QAChC,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;IACxC,CAAC;IAKS,sBAAsB;QAC9B,KAAK,CAAC,sBAAsB,EAAE,CAAC;QAC/B,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;IACxC,CAAC;IAEM,eAAe,CAAC,MAA6B;QAClD,OAAO,IAAA,uBAAe,EAAC,IAAI,CAAC,SAAS,CAAC,kBAAkB,EAAE,EAAE,MAAM,CAAC,CAAC;IACtE,CAAC;IAEM,kBAAkB,CAAC,MAA2B;QACnD,OAAO,IAAA,0BAAkB,EAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACvE,CAAC;IAEM,qBAAqB,CAAC,MAA2B;QACtD,OAAO,IAAA,6BAAqB,EAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAC5E,CAAC;;AAtVH,kDAuVC;AApVQ,wBAAI,GAAG,eAAe,CAAC;AAsVzB,MAAM,0BAA0B,GAAG,CAAC,MAAmC,EAAE,EAAE;IAChF,MAAM,iBAAiB,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,KAAI,eAAM,CAAC;IACnD,IAAI,iBAAiB,EAAE;QACrB,iBAAiB,CAAC,QAAQ,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC;QACjD,iBAAiB,CAAC,SAAS,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC;KACpD;AACH,CAAC,CAAC;AANW,QAAA,0BAA0B,8BAMrC","file":"compare-sankey.js","sourcesContent":["import type { SankeyLinkElement } from '@visactor/vgrammar-sankey';\nimport type { ICompareSankeyChartSpecBase, ICompareSankeySeriesSpecBase } from './interface';\nimport type { ILinkPathMarkSpec, IRectMarkSpec } from '@visactor/vchart';\nimport {\n VChart,\n SankeyChart,\n SankeySeries,\n registerDataSetInstanceTransform,\n STATE_VALUE_ENUM,\n AttributeLevel,\n DEFAULT_DATA_INDEX,\n DEFAULT_DATA_KEY\n} from '@visactor/vchart';\nimport { DataView } from '@visactor/vdataset';\nimport { CompareSankeyChartSpecTransformer } from './compare-sankey-transformer';\nimport { compareSankeySubNodes } from './compare-sankey-sub-nodes';\nimport type { ILinkPathMark } from '@visactor/vchart/src/mark/interface';\nimport { compareSankeySubData } from './compare-sankey-sub-data';\nimport type { IElement } from '@visactor/vgrammar-core';\nimport { getDatumOfGraphic } from '../../utils/mark';\nimport { getNodeDatumInSubTree, getNodeDatumInTree, getSubNodeDatum } from './utils';\n\ntype Datum = any;\n\nexport class CompareSankeyChart extends SankeyChart<ICompareSankeyChartSpecBase> {\n type = 'compareSankey';\n static type = 'compareSankey';\n readonly seriesType = CompareSankeySeries.type;\n\n declare _spec: ICompareSankeyChartSpecBase;\n\n static readonly transformerConstructor = CompareSankeyChartSpecTransformer;\n readonly transformerConstructor = CompareSankeyChartSpecTransformer;\n}\n\nexport class CompareSankeySeries extends SankeySeries<ICompareSankeySeriesSpecBase> {\n // @ts-ignore\n type = 'compareSankey';\n static type = 'compareSankey';\n\n private _subData: DataView;\n\n private _activeLinkData: DataView;\n private _activeLinkMark: ILinkPathMark;\n\n initData() {\n super.initData();\n // 此时 viewData 已经初始化完成\n // 创建 第二层 viewDataActive\n //\n const { dataSet } = this._option;\n\n const compareSubData = new DataView(dataSet, { name: `compare-sankey-sub-data-${this.id}-data` });\n compareSubData.parse([this.getViewData()], {\n type: 'dataview'\n });\n this._subData = compareSubData;\n\n const compareNodeData = new DataView(dataSet, { name: `compare-sankey-node-${this.id}-data` });\n compareNodeData.parse([compareSubData], {\n type: 'dataview'\n });\n\n // 注册对比布局函数,计算拆解 nodes 的信息\n registerDataSetInstanceTransform(this._dataSet, 'compareSankeySubData', compareSankeySubData);\n compareSubData.transform({\n type: 'compareSankeySubData',\n options: {\n rawData: () => this.getRawData(),\n valueField: this._valueField,\n nodeKey: this._spec.nodeKey,\n subNodeGap: this._spec.subNodeGap ?? 2,\n subNodeMinSize: this._spec.subNodeMinSize ?? 0\n }\n });\n registerDataSetInstanceTransform(this._dataSet, 'compareSankeySubNodes', compareSankeySubNodes);\n compareNodeData.transform({\n type: 'compareSankeySubNodes'\n });\n this._nodesSeriesData.getDataView().parse([compareNodeData], {\n type: 'dataview'\n });\n\n // 激活时的linkData\n this._activeLinkData = new DataView(dataSet, { name: `compare-sankey-link-${this.id}-data` });\n }\n\n initEvent() {\n super.initEvent();\n this._activeLinkData?.target.addListener('change', this.activeLinkDataUpdate.bind(this));\n }\n\n initMark() {\n super.initMark();\n\n const linkMark = this._createMark(\n { ...SankeySeries.mark.link, name: 'activeLink' },\n {\n dataView: this._activeLinkData\n }\n ) as ILinkPathMark;\n if (linkMark) {\n this._activeLinkMark = linkMark;\n }\n }\n compileData() {\n super.compileData();\n this._activeLinkMark?.compileData();\n }\n\n _initLinkMarkStyle() {\n super._initLinkMarkStyle();\n // (this._activeLinkMark as any).setGlyphConfig({\n // direction: this.direction\n // });\n this._activeLinkMark.setAttribute('direction', this.direction);\n\n this.setMarkStyle<ILinkPathMarkSpec>(\n this._activeLinkMark,\n {\n x0: (datum: Datum) => datum.x0,\n x1: (datum: Datum) => datum.x1,\n y0: (datum: Datum) => datum.y0,\n y1: (datum: Datum) => datum.y1,\n thickness: (datum: Datum) => datum.thickness\n },\n STATE_VALUE_ENUM.STATE_NORMAL,\n AttributeLevel.Series\n );\n\n this.setMarkStyle(\n this._activeLinkMark,\n {\n fill: this._fillActiveLink\n },\n STATE_VALUE_ENUM.STATE_NORMAL,\n AttributeLevel.User_Mark\n );\n }\n\n _initNodeMarkStyle() {\n super._initNodeMarkStyle();\n if (this._spec.compareNodeColor) {\n this.setMarkStyle<IRectMarkSpec>(\n this._nodeMark,\n {\n fill: this._fillCompareNode\n },\n 'normal',\n AttributeLevel.User_Mark\n );\n }\n }\n\n private activeLinkDataUpdate() {\n this._activeLinkMark.getData().updateData();\n }\n\n protected _fillCompareNode = (datum: Datum) => {\n if (this._spec.compareNodeColor?.[datum.type]) {\n return this._spec.compareNodeColor[datum.type];\n }\n return this._spec.node.style?.fill ?? this._fillByNode(datum);\n };\n\n protected _fillActiveLink = (datum: Datum) => {\n if (this._spec.compareLinkColor?.[datum.type]) {\n return this._spec.compareLinkColor[datum.type];\n }\n return this._spec.link.style?.fill ?? this._fillByLink(datum);\n };\n\n protected _handleNodeRelatedClick(element: IElement, highlightState: string, blurState: string) {\n const nodeDatum = element.getDatum();\n // 节点\n const allNodeElements = this._nodeMark.getProductElements();\n if (!allNodeElements || !allNodeElements.length) {\n return;\n }\n // 边\n const allLinkElements = this._linkMark.getProductElements();\n if (!allLinkElements || !allLinkElements.length) {\n return;\n }\n\n // 原始 link 全部进入blur状态\n allLinkElements.forEach(el => {\n el.removeState([STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS]);\n });\n this._highLightElements(allLinkElements, [], highlightState, blurState);\n\n const nodeDatums = allNodeElements.map(el => getDatumOfGraphic(el) as Datum);\n const pickNodeDatums = nodeDatums.filter(d => d.key === nodeDatum.key);\n // 层级型数据\n const highlightLinksData: any[] = [];\n // 高亮节点key\n const highlightNodeKeys: (string | number)[] = pickNodeDatums.map(d => d.key);\n\n // 上游路径始终只选取第一个\n this._activeTargetLink(\n nodeDatum,\n pickNodeDatums,\n allNodeElements,\n allLinkElements,\n highlightNodeKeys,\n highlightLinksData,\n highlightState,\n blurState\n );\n this._activeSourceLink(\n nodeDatum,\n pickNodeDatums,\n nodeDatums,\n allNodeElements,\n highlightNodeKeys,\n highlightLinksData,\n highlightState,\n blurState\n );\n this._highLightElements(allNodeElements, highlightNodeKeys as string[], highlightState, blurState);\n this._activeLinkData.parseNewData(highlightLinksData);\n\n this._needClear = true;\n }\n\n private _activeTargetLink(\n nodeDatum: Datum,\n pickNodeDatums: Datum[],\n allNodeElements: any[],\n allLinkElements: any[],\n highlightNodeKeys: (string | number)[],\n highlightLinksData: any[],\n highlightState: string,\n blurState: string\n ) {\n this._handleClearEmpty(highlightState, blurState);\n const sourceNode = nodeDatum.sourceNode;\n // 上游路径始终只选取第一个\n const firstTarget = sourceNode.targetLinks[0];\n if (!firstTarget) {\n return;\n }\n let percent = 0;\n pickNodeDatums.forEach(n => {\n const link = n.targetLinks.find((l: any) => l.key === firstTarget.key);\n if (link) {\n const p = link.value / firstTarget.value;\n const key = firstTarget.key + '_' + n.type;\n const activeLink = {\n ...firstTarget,\n // 起点重新分配\n y0: firstTarget.y0 - firstTarget.thickness / 2 + (percent + p / 2) * firstTarget.thickness,\n y1: n.y0 + (p * firstTarget.thickness) / 2,\n thickness: p * firstTarget.thickness,\n key,\n type: n.type,\n [DEFAULT_DATA_INDEX]: highlightLinksData.length,\n [DEFAULT_DATA_KEY]: key\n };\n highlightLinksData.push(activeLink);\n percent += p;\n }\n });\n\n // 第一个 path 中上流路径上的 node 全部高亮\n highlightNodeKeys.push(...firstTarget.parents, nodeDatum.key);\n const linkKeys: string[] = [];\n // 找到对应的原始 link 也都高亮\n for (let i = 0; i < firstTarget.parents.length - 1; i++) {\n linkKeys.push(firstTarget.parents[i] + '-' + firstTarget.parents[i + 1]);\n }\n this._highLightElements(allLinkElements, linkKeys, highlightState, blurState);\n }\n\n private _activeSourceLink(\n nodeDatum: Datum,\n pickNodeDatums: Datum[],\n allNodeDatums: Datum[],\n allNodeElements: any[],\n highlightNodeKeys: (string | number)[],\n highlightLinksData: any[],\n highlightState: string,\n blurState: string\n ) {\n this._handleClearEmpty(highlightState, blurState);\n const sourceNode = nodeDatum.sourceNode;\n // 下游路径始需要全部处理\n const sourceLinks = sourceNode.sourceLinks;\n if (!sourceLinks?.length) {\n return;\n }\n\n const sourceValueTemp: { [key: string]: number } = {};\n sourceLinks.forEach((sourceLink: SankeyLinkElement) => {\n highlightNodeKeys.push(sourceLink.target);\n pickNodeDatums.forEach((n, index) => {\n sourceValueTemp[n.type] = sourceValueTemp[n.type] ?? 0;\n const link = n.sourceLinks.find((l: SankeyLinkElement) => l.key === sourceLink.key);\n if (link) {\n const p = link.value / n.value;\n const totalSize = n.y1 - n.y0;\n const size = totalSize * p;\n const key = sourceLink.key + '_' + n.type;\n const activeLink = {\n ...sourceLink,\n // 起点重新分配\n y0: n.y0 + sourceValueTemp[n.type] * totalSize + size / 2,\n thickness: size,\n key,\n type: n.type,\n [DEFAULT_DATA_INDEX]: highlightLinksData.length,\n [DEFAULT_DATA_KEY]: key\n };\n // y1 分为第一个和在其他\n if (index === 0) {\n // 与原始link的起点\n activeLink.y1 = sourceLink.y1 - sourceLink.thickness / 2 + size / 2;\n } else {\n // 与目标子 node 的 y0 对齐\n const targetNode = allNodeDatums.find(_n => _n.key === link.target && _n.type === n.type);\n if (targetNode) {\n activeLink.y1 = targetNode.y0 + size / 2;\n } else {\n // 错误的情况\n return;\n }\n }\n highlightLinksData.push(activeLink);\n sourceValueTemp[n.type] += p;\n }\n });\n });\n }\n\n protected _handleClearEmpty(highlightState: string, blurState: string) {\n super._handleClearEmpty(highlightState, blurState);\n this._activeLinkData.parseNewData([]);\n\n // 同时需要清除 hover\n const allNodeElements = this._nodeMark.getProductElements();\n if (allNodeElements || !allNodeElements.length) {\n allNodeElements.forEach(el => {\n el.removeState(STATE_VALUE_ENUM.STATE_HOVER);\n });\n }\n\n // 同时需要清除 hover\n const allLinkElements = this._linkMark.getProductElements();\n if (allLinkElements || !allLinkElements.length) {\n allLinkElements.forEach(el => {\n el.removeState(STATE_VALUE_ENUM.STATE_HOVER);\n });\n }\n }\n\n protected _handlePointerOutElement() {\n this._activeLinkData.parseNewData([]);\n }\n\n /**\n * 清空所有选中与 hover 相关状态(包含旧模式与单选模式的全部状态位)。\n */\n protected _clearAllSelectedState() {\n super._clearAllSelectedState();\n this._activeLinkData.parseNewData([]);\n }\n\n public getSubNodeDatum(filter: (n: Datum) => boolean) {\n return getSubNodeDatum(this._nodeMark.getProductElements(), filter);\n }\n\n public getNodeDatumInTree(filter: (n: any) => boolean) {\n return getNodeDatumInTree(this._rawData.latestData[0].nodes, filter);\n }\n\n public getNodeDatumInSubTree(filter: (n: any) => boolean) {\n return getNodeDatumInSubTree(this._rawData.latestData[0].subNode, filter);\n }\n}\n\nexport const registerCompareSankeyChart = (option?: { VChart?: typeof VChart }) => {\n const vchartConstructor = option?.VChart || VChart;\n if (vchartConstructor) {\n vchartConstructor.useChart([CompareSankeyChart]);\n vchartConstructor.useSeries([CompareSankeySeries]);\n }\n};\n"]}
|
|
@@ -21,4 +21,5 @@ class CompareSankeyDiffChartSpecTransformer extends vchart_1.SankeyChartSpecTran
|
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
exports.CompareSankeyDiffChartSpecTransformer = CompareSankeyDiffChartSpecTransformer;
|
|
24
|
+
exports.CompareSankeyDiffChartSpecTransformer = CompareSankeyDiffChartSpecTransformer;
|
|
25
|
+
//# sourceMappingURL=compare-sankey-diff-transformer.js.map
|
|
@@ -3,4 +3,5 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: !0
|
|
5
5
|
}), exports.EXPAND_RATIO = exports.BACKGROUND_KEY = exports.DATA_KEY = void 0, exports.DATA_KEY = "dataKey",
|
|
6
|
-
exports.BACKGROUND_KEY = "background", exports.EXPAND_RATIO = .2;
|
|
6
|
+
exports.BACKGROUND_KEY = "background", exports.EXPAND_RATIO = .2;
|
|
7
|
+
//# sourceMappingURL=constant.js.map
|
|
@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: !0
|
|
5
5
|
}), exports.EXPAND_RATIO = exports.BACKGROUND_KEY = exports.DATA_KEY = void 0, exports.DATA_KEY = "dataKey",
|
|
6
6
|
exports.BACKGROUND_KEY = "background", exports.EXPAND_RATIO = .2;
|
|
7
|
-
//# sourceMappingURL=constant.js.map
|
|
7
|
+
//# sourceMappingURL=constant.js.map
|
|
@@ -65,4 +65,4 @@ class SequenceScatterPixelChartSpecTransformer extends vchart_1.CommonChartSpecT
|
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
exports.SequenceScatterPixelChartSpecTransformer = SequenceScatterPixelChartSpecTransformer;
|
|
68
|
-
//# sourceMappingURL=sequence-scatter-pixel-transformer.js.map
|
|
68
|
+
//# sourceMappingURL=sequence-scatter-pixel-transformer.js.map
|
|
@@ -149,4 +149,4 @@ function appendSeriesLabelConfig(rawSpec, seriesLabelSpec) {
|
|
|
149
149
|
|
|
150
150
|
exports.dodge = dodge, exports.dodgeHorizontal = dodgeHorizontal, exports.getSeriesLabelConfig = getSeriesLabelConfig,
|
|
151
151
|
exports.appendSeriesLabelConfig = appendSeriesLabelConfig;
|
|
152
|
-
//# sourceMappingURL=util.js.map
|
|
152
|
+
//# sourceMappingURL=util.js.map
|
|
@@ -30,6 +30,8 @@ export declare class CompareSankeySeries extends SankeySeries<ICompareSankeySeri
|
|
|
30
30
|
private _activeTargetLink;
|
|
31
31
|
private _activeSourceLink;
|
|
32
32
|
protected _handleClearEmpty(highlightState: string, blurState: string): void;
|
|
33
|
+
protected _handlePointerOutElement(): void;
|
|
34
|
+
protected _clearAllSelectedState(): void;
|
|
33
35
|
getSubNodeDatum(filter: (n: Datum) => boolean): IElement[];
|
|
34
36
|
getNodeDatumInTree(filter: (n: any) => boolean): any[];
|
|
35
37
|
getNodeDatumInSubTree(filter: (n: any) => boolean): {
|
|
@@ -179,6 +179,12 @@ export class CompareSankeySeries extends SankeySeries {
|
|
|
179
179
|
el.removeState(STATE_VALUE_ENUM.STATE_HOVER);
|
|
180
180
|
}));
|
|
181
181
|
}
|
|
182
|
+
_handlePointerOutElement() {
|
|
183
|
+
this._activeLinkData.parseNewData([]);
|
|
184
|
+
}
|
|
185
|
+
_clearAllSelectedState() {
|
|
186
|
+
super._clearAllSelectedState(), this._activeLinkData.parseNewData([]);
|
|
187
|
+
}
|
|
182
188
|
getSubNodeDatum(filter) {
|
|
183
189
|
return getSubNodeDatum(this._nodeMark.getProductElements(), filter);
|
|
184
190
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["charts/compare-sankey/compare-sankey.ts"],"names":[],"mappings":"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","file":"compare-sankey.js","sourcesContent":["import type { SankeyLinkElement } from '@visactor/vgrammar-sankey';\nimport type { ICompareSankeyChartSpecBase, ICompareSankeySeriesSpecBase } from './interface';\nimport type { ILinkPathMarkSpec, IRectMarkSpec } from '@visactor/vchart';\nimport {\n VChart,\n SankeyChart,\n SankeySeries,\n registerDataSetInstanceTransform,\n STATE_VALUE_ENUM,\n AttributeLevel,\n DEFAULT_DATA_INDEX,\n DEFAULT_DATA_KEY\n} from '@visactor/vchart';\nimport { DataView } from '@visactor/vdataset';\nimport { CompareSankeyChartSpecTransformer } from './compare-sankey-transformer';\nimport { compareSankeySubNodes } from './compare-sankey-sub-nodes';\nimport type { ILinkPathMark } from '@visactor/vchart/src/mark/interface';\nimport { compareSankeySubData } from './compare-sankey-sub-data';\nimport type { IElement } from '@visactor/vgrammar-core';\nimport { getDatumOfGraphic } from '../../utils/mark';\nimport { getNodeDatumInSubTree, getNodeDatumInTree, getSubNodeDatum } from './utils';\n\ntype Datum = any;\n\nexport class CompareSankeyChart extends SankeyChart<ICompareSankeyChartSpecBase> {\n type = 'compareSankey';\n static type = 'compareSankey';\n readonly seriesType = CompareSankeySeries.type;\n\n declare _spec: ICompareSankeyChartSpecBase;\n\n static readonly transformerConstructor = CompareSankeyChartSpecTransformer;\n readonly transformerConstructor = CompareSankeyChartSpecTransformer;\n}\n\nexport class CompareSankeySeries extends SankeySeries<ICompareSankeySeriesSpecBase> {\n // @ts-ignore\n type = 'compareSankey';\n static type = 'compareSankey';\n\n private _subData: DataView;\n\n private _activeLinkData: DataView;\n private _activeLinkMark: ILinkPathMark;\n\n initData() {\n super.initData();\n // 此时 viewData 已经初始化完成\n // 创建 第二层 viewDataActive\n //\n const { dataSet } = this._option;\n\n const compareSubData = new DataView(dataSet, { name: `compare-sankey-sub-data-${this.id}-data` });\n compareSubData.parse([this.getViewData()], {\n type: 'dataview'\n });\n this._subData = compareSubData;\n\n const compareNodeData = new DataView(dataSet, { name: `compare-sankey-node-${this.id}-data` });\n compareNodeData.parse([compareSubData], {\n type: 'dataview'\n });\n\n // 注册对比布局函数,计算拆解 nodes 的信息\n registerDataSetInstanceTransform(this._dataSet, 'compareSankeySubData', compareSankeySubData);\n compareSubData.transform({\n type: 'compareSankeySubData',\n options: {\n rawData: () => this.getRawData(),\n valueField: this._valueField,\n nodeKey: this._spec.nodeKey,\n subNodeGap: this._spec.subNodeGap ?? 2,\n subNodeMinSize: this._spec.subNodeMinSize ?? 0\n }\n });\n registerDataSetInstanceTransform(this._dataSet, 'compareSankeySubNodes', compareSankeySubNodes);\n compareNodeData.transform({\n type: 'compareSankeySubNodes'\n });\n this._nodesSeriesData.getDataView().parse([compareNodeData], {\n type: 'dataview'\n });\n\n // 激活时的linkData\n this._activeLinkData = new DataView(dataSet, { name: `compare-sankey-link-${this.id}-data` });\n }\n\n initEvent() {\n super.initEvent();\n this._activeLinkData?.target.addListener('change', this.activeLinkDataUpdate.bind(this));\n }\n\n initMark() {\n super.initMark();\n\n const linkMark = this._createMark(\n { ...SankeySeries.mark.link, name: 'activeLink' },\n {\n dataView: this._activeLinkData\n }\n ) as ILinkPathMark;\n if (linkMark) {\n this._activeLinkMark = linkMark;\n }\n }\n compileData() {\n super.compileData();\n this._activeLinkMark?.compileData();\n }\n\n _initLinkMarkStyle() {\n super._initLinkMarkStyle();\n // (this._activeLinkMark as any).setGlyphConfig({\n // direction: this.direction\n // });\n this._activeLinkMark.setAttribute('direction', this.direction);\n\n this.setMarkStyle<ILinkPathMarkSpec>(\n this._activeLinkMark,\n {\n x0: (datum: Datum) => datum.x0,\n x1: (datum: Datum) => datum.x1,\n y0: (datum: Datum) => datum.y0,\n y1: (datum: Datum) => datum.y1,\n thickness: (datum: Datum) => datum.thickness\n },\n STATE_VALUE_ENUM.STATE_NORMAL,\n AttributeLevel.Series\n );\n\n this.setMarkStyle(\n this._activeLinkMark,\n {\n fill: this._fillActiveLink\n },\n STATE_VALUE_ENUM.STATE_NORMAL,\n AttributeLevel.User_Mark\n );\n }\n\n _initNodeMarkStyle() {\n super._initNodeMarkStyle();\n if (this._spec.compareNodeColor) {\n this.setMarkStyle<IRectMarkSpec>(\n this._nodeMark,\n {\n fill: this._fillCompareNode\n },\n 'normal',\n AttributeLevel.User_Mark\n );\n }\n }\n\n private activeLinkDataUpdate() {\n this._activeLinkMark.getData().updateData();\n }\n\n protected _fillCompareNode = (datum: Datum) => {\n if (this._spec.compareNodeColor?.[datum.type]) {\n return this._spec.compareNodeColor[datum.type];\n }\n return this._spec.node.style?.fill ?? this._fillByNode(datum);\n };\n\n protected _fillActiveLink = (datum: Datum) => {\n if (this._spec.compareLinkColor?.[datum.type]) {\n return this._spec.compareLinkColor[datum.type];\n }\n return this._spec.link.style?.fill ?? this._fillByLink(datum);\n };\n\n protected _handleNodeRelatedClick(element: IElement, highlightState: string, blurState: string) {\n const nodeDatum = element.getDatum();\n // 节点\n const allNodeElements = this._nodeMark.getProductElements();\n if (!allNodeElements || !allNodeElements.length) {\n return;\n }\n // 边\n const allLinkElements = this._linkMark.getProductElements();\n if (!allLinkElements || !allLinkElements.length) {\n return;\n }\n\n // 原始 link 全部进入blur状态\n allLinkElements.forEach(el => {\n el.removeState([STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS]);\n });\n this._highLightElements(allLinkElements, [], highlightState, blurState);\n\n const nodeDatums = allNodeElements.map(el => getDatumOfGraphic(el) as Datum);\n const pickNodeDatums = nodeDatums.filter(d => d.key === nodeDatum.key);\n // 层级型数据\n const highlightLinksData: any[] = [];\n // 高亮节点key\n const highlightNodeKeys: (string | number)[] = pickNodeDatums.map(d => d.key);\n\n // 上游路径始终只选取第一个\n this._activeTargetLink(\n nodeDatum,\n pickNodeDatums,\n allNodeElements,\n allLinkElements,\n highlightNodeKeys,\n highlightLinksData,\n highlightState,\n blurState\n );\n this._activeSourceLink(\n nodeDatum,\n pickNodeDatums,\n nodeDatums,\n allNodeElements,\n highlightNodeKeys,\n highlightLinksData,\n highlightState,\n blurState\n );\n this._highLightElements(allNodeElements, highlightNodeKeys as string[], highlightState, blurState);\n this._activeLinkData.parseNewData(highlightLinksData);\n\n this._needClear = true;\n }\n\n private _activeTargetLink(\n nodeDatum: Datum,\n pickNodeDatums: Datum[],\n allNodeElements: any[],\n allLinkElements: any[],\n highlightNodeKeys: (string | number)[],\n highlightLinksData: any[],\n highlightState: string,\n blurState: string\n ) {\n this._handleClearEmpty(highlightState, blurState);\n const sourceNode = nodeDatum.sourceNode;\n // 上游路径始终只选取第一个\n const firstTarget = sourceNode.targetLinks[0];\n if (!firstTarget) {\n return;\n }\n let percent = 0;\n pickNodeDatums.forEach(n => {\n const link = n.targetLinks.find((l: any) => l.key === firstTarget.key);\n if (link) {\n const p = link.value / firstTarget.value;\n const key = firstTarget.key + '_' + n.type;\n const activeLink = {\n ...firstTarget,\n // 起点重新分配\n y0: firstTarget.y0 - firstTarget.thickness / 2 + (percent + p / 2) * firstTarget.thickness,\n y1: n.y0 + (p * firstTarget.thickness) / 2,\n thickness: p * firstTarget.thickness,\n key,\n type: n.type,\n [DEFAULT_DATA_INDEX]: highlightLinksData.length,\n [DEFAULT_DATA_KEY]: key\n };\n highlightLinksData.push(activeLink);\n percent += p;\n }\n });\n\n // 第一个 path 中上流路径上的 node 全部高亮\n highlightNodeKeys.push(...firstTarget.parents, nodeDatum.key);\n const linkKeys: string[] = [];\n // 找到对应的原始 link 也都高亮\n for (let i = 0; i < firstTarget.parents.length - 1; i++) {\n linkKeys.push(firstTarget.parents[i] + '-' + firstTarget.parents[i + 1]);\n }\n this._highLightElements(allLinkElements, linkKeys, highlightState, blurState);\n }\n\n private _activeSourceLink(\n nodeDatum: Datum,\n pickNodeDatums: Datum[],\n allNodeDatums: Datum[],\n allNodeElements: any[],\n highlightNodeKeys: (string | number)[],\n highlightLinksData: any[],\n highlightState: string,\n blurState: string\n ) {\n this._handleClearEmpty(highlightState, blurState);\n const sourceNode = nodeDatum.sourceNode;\n // 下游路径始需要全部处理\n const sourceLinks = sourceNode.sourceLinks;\n if (!sourceLinks?.length) {\n return;\n }\n\n const sourceValueTemp: { [key: string]: number } = {};\n sourceLinks.forEach((sourceLink: SankeyLinkElement) => {\n highlightNodeKeys.push(sourceLink.target);\n pickNodeDatums.forEach((n, index) => {\n sourceValueTemp[n.type] = sourceValueTemp[n.type] ?? 0;\n const link = n.sourceLinks.find((l: SankeyLinkElement) => l.key === sourceLink.key);\n if (link) {\n const p = link.value / n.value;\n const totalSize = n.y1 - n.y0;\n const size = totalSize * p;\n const key = sourceLink.key + '_' + n.type;\n const activeLink = {\n ...sourceLink,\n // 起点重新分配\n y0: n.y0 + sourceValueTemp[n.type] * totalSize + size / 2,\n thickness: size,\n key,\n type: n.type,\n [DEFAULT_DATA_INDEX]: highlightLinksData.length,\n [DEFAULT_DATA_KEY]: key\n };\n // y1 分为第一个和在其他\n if (index === 0) {\n // 与原始link的起点\n activeLink.y1 = sourceLink.y1 - sourceLink.thickness / 2 + size / 2;\n } else {\n // 与目标子 node 的 y0 对齐\n const targetNode = allNodeDatums.find(_n => _n.key === link.target && _n.type === n.type);\n if (targetNode) {\n activeLink.y1 = targetNode.y0 + size / 2;\n } else {\n // 错误的情况\n return;\n }\n }\n highlightLinksData.push(activeLink);\n sourceValueTemp[n.type] += p;\n }\n });\n });\n }\n\n protected _handleClearEmpty(highlightState: string, blurState: string) {\n super._handleClearEmpty(highlightState, blurState);\n this._activeLinkData.parseNewData([]);\n\n // 同时需要清除 hover\n const allNodeElements = this._nodeMark.getProductElements();\n if (allNodeElements || !allNodeElements.length) {\n allNodeElements.forEach(el => {\n el.removeState(STATE_VALUE_ENUM.STATE_HOVER);\n });\n }\n\n // 同时需要清除 hover\n const allLinkElements = this._linkMark.getProductElements();\n if (allLinkElements || !allLinkElements.length) {\n allLinkElements.forEach(el => {\n el.removeState(STATE_VALUE_ENUM.STATE_HOVER);\n });\n }\n }\n\n public getSubNodeDatum(filter: (n: Datum) => boolean) {\n return getSubNodeDatum(this._nodeMark.getProductElements(), filter);\n }\n\n public getNodeDatumInTree(filter: (n: any) => boolean) {\n return getNodeDatumInTree(this._rawData.latestData[0].nodes, filter);\n }\n\n public getNodeDatumInSubTree(filter: (n: any) => boolean) {\n return getNodeDatumInSubTree(this._rawData.latestData[0].subNode, filter);\n }\n}\n\nexport const registerCompareSankeyChart = (option?: { VChart?: typeof VChart }) => {\n const vchartConstructor = option?.VChart || VChart;\n if (vchartConstructor) {\n vchartConstructor.useChart([CompareSankeyChart]);\n vchartConstructor.useSeries([CompareSankeySeries]);\n }\n};\n"]}
|
|
1
|
+
{"version":3,"sources":["charts/compare-sankey/compare-sankey.ts"],"names":[],"mappings":"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","file":"compare-sankey.js","sourcesContent":["import type { SankeyLinkElement } from '@visactor/vgrammar-sankey';\nimport type { ICompareSankeyChartSpecBase, ICompareSankeySeriesSpecBase } from './interface';\nimport type { ILinkPathMarkSpec, IRectMarkSpec } from '@visactor/vchart';\nimport {\n VChart,\n SankeyChart,\n SankeySeries,\n registerDataSetInstanceTransform,\n STATE_VALUE_ENUM,\n AttributeLevel,\n DEFAULT_DATA_INDEX,\n DEFAULT_DATA_KEY\n} from '@visactor/vchart';\nimport { DataView } from '@visactor/vdataset';\nimport { CompareSankeyChartSpecTransformer } from './compare-sankey-transformer';\nimport { compareSankeySubNodes } from './compare-sankey-sub-nodes';\nimport type { ILinkPathMark } from '@visactor/vchart/src/mark/interface';\nimport { compareSankeySubData } from './compare-sankey-sub-data';\nimport type { IElement } from '@visactor/vgrammar-core';\nimport { getDatumOfGraphic } from '../../utils/mark';\nimport { getNodeDatumInSubTree, getNodeDatumInTree, getSubNodeDatum } from './utils';\n\ntype Datum = any;\n\nexport class CompareSankeyChart extends SankeyChart<ICompareSankeyChartSpecBase> {\n type = 'compareSankey';\n static type = 'compareSankey';\n readonly seriesType = CompareSankeySeries.type;\n\n declare _spec: ICompareSankeyChartSpecBase;\n\n static readonly transformerConstructor = CompareSankeyChartSpecTransformer;\n readonly transformerConstructor = CompareSankeyChartSpecTransformer;\n}\n\nexport class CompareSankeySeries extends SankeySeries<ICompareSankeySeriesSpecBase> {\n // @ts-ignore\n type = 'compareSankey';\n static type = 'compareSankey';\n\n private _subData: DataView;\n\n private _activeLinkData: DataView;\n private _activeLinkMark: ILinkPathMark;\n\n initData() {\n super.initData();\n // 此时 viewData 已经初始化完成\n // 创建 第二层 viewDataActive\n //\n const { dataSet } = this._option;\n\n const compareSubData = new DataView(dataSet, { name: `compare-sankey-sub-data-${this.id}-data` });\n compareSubData.parse([this.getViewData()], {\n type: 'dataview'\n });\n this._subData = compareSubData;\n\n const compareNodeData = new DataView(dataSet, { name: `compare-sankey-node-${this.id}-data` });\n compareNodeData.parse([compareSubData], {\n type: 'dataview'\n });\n\n // 注册对比布局函数,计算拆解 nodes 的信息\n registerDataSetInstanceTransform(this._dataSet, 'compareSankeySubData', compareSankeySubData);\n compareSubData.transform({\n type: 'compareSankeySubData',\n options: {\n rawData: () => this.getRawData(),\n valueField: this._valueField,\n nodeKey: this._spec.nodeKey,\n subNodeGap: this._spec.subNodeGap ?? 2,\n subNodeMinSize: this._spec.subNodeMinSize ?? 0\n }\n });\n registerDataSetInstanceTransform(this._dataSet, 'compareSankeySubNodes', compareSankeySubNodes);\n compareNodeData.transform({\n type: 'compareSankeySubNodes'\n });\n this._nodesSeriesData.getDataView().parse([compareNodeData], {\n type: 'dataview'\n });\n\n // 激活时的linkData\n this._activeLinkData = new DataView(dataSet, { name: `compare-sankey-link-${this.id}-data` });\n }\n\n initEvent() {\n super.initEvent();\n this._activeLinkData?.target.addListener('change', this.activeLinkDataUpdate.bind(this));\n }\n\n initMark() {\n super.initMark();\n\n const linkMark = this._createMark(\n { ...SankeySeries.mark.link, name: 'activeLink' },\n {\n dataView: this._activeLinkData\n }\n ) as ILinkPathMark;\n if (linkMark) {\n this._activeLinkMark = linkMark;\n }\n }\n compileData() {\n super.compileData();\n this._activeLinkMark?.compileData();\n }\n\n _initLinkMarkStyle() {\n super._initLinkMarkStyle();\n // (this._activeLinkMark as any).setGlyphConfig({\n // direction: this.direction\n // });\n this._activeLinkMark.setAttribute('direction', this.direction);\n\n this.setMarkStyle<ILinkPathMarkSpec>(\n this._activeLinkMark,\n {\n x0: (datum: Datum) => datum.x0,\n x1: (datum: Datum) => datum.x1,\n y0: (datum: Datum) => datum.y0,\n y1: (datum: Datum) => datum.y1,\n thickness: (datum: Datum) => datum.thickness\n },\n STATE_VALUE_ENUM.STATE_NORMAL,\n AttributeLevel.Series\n );\n\n this.setMarkStyle(\n this._activeLinkMark,\n {\n fill: this._fillActiveLink\n },\n STATE_VALUE_ENUM.STATE_NORMAL,\n AttributeLevel.User_Mark\n );\n }\n\n _initNodeMarkStyle() {\n super._initNodeMarkStyle();\n if (this._spec.compareNodeColor) {\n this.setMarkStyle<IRectMarkSpec>(\n this._nodeMark,\n {\n fill: this._fillCompareNode\n },\n 'normal',\n AttributeLevel.User_Mark\n );\n }\n }\n\n private activeLinkDataUpdate() {\n this._activeLinkMark.getData().updateData();\n }\n\n protected _fillCompareNode = (datum: Datum) => {\n if (this._spec.compareNodeColor?.[datum.type]) {\n return this._spec.compareNodeColor[datum.type];\n }\n return this._spec.node.style?.fill ?? this._fillByNode(datum);\n };\n\n protected _fillActiveLink = (datum: Datum) => {\n if (this._spec.compareLinkColor?.[datum.type]) {\n return this._spec.compareLinkColor[datum.type];\n }\n return this._spec.link.style?.fill ?? this._fillByLink(datum);\n };\n\n protected _handleNodeRelatedClick(element: IElement, highlightState: string, blurState: string) {\n const nodeDatum = element.getDatum();\n // 节点\n const allNodeElements = this._nodeMark.getProductElements();\n if (!allNodeElements || !allNodeElements.length) {\n return;\n }\n // 边\n const allLinkElements = this._linkMark.getProductElements();\n if (!allLinkElements || !allLinkElements.length) {\n return;\n }\n\n // 原始 link 全部进入blur状态\n allLinkElements.forEach(el => {\n el.removeState([STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS]);\n });\n this._highLightElements(allLinkElements, [], highlightState, blurState);\n\n const nodeDatums = allNodeElements.map(el => getDatumOfGraphic(el) as Datum);\n const pickNodeDatums = nodeDatums.filter(d => d.key === nodeDatum.key);\n // 层级型数据\n const highlightLinksData: any[] = [];\n // 高亮节点key\n const highlightNodeKeys: (string | number)[] = pickNodeDatums.map(d => d.key);\n\n // 上游路径始终只选取第一个\n this._activeTargetLink(\n nodeDatum,\n pickNodeDatums,\n allNodeElements,\n allLinkElements,\n highlightNodeKeys,\n highlightLinksData,\n highlightState,\n blurState\n );\n this._activeSourceLink(\n nodeDatum,\n pickNodeDatums,\n nodeDatums,\n allNodeElements,\n highlightNodeKeys,\n highlightLinksData,\n highlightState,\n blurState\n );\n this._highLightElements(allNodeElements, highlightNodeKeys as string[], highlightState, blurState);\n this._activeLinkData.parseNewData(highlightLinksData);\n\n this._needClear = true;\n }\n\n private _activeTargetLink(\n nodeDatum: Datum,\n pickNodeDatums: Datum[],\n allNodeElements: any[],\n allLinkElements: any[],\n highlightNodeKeys: (string | number)[],\n highlightLinksData: any[],\n highlightState: string,\n blurState: string\n ) {\n this._handleClearEmpty(highlightState, blurState);\n const sourceNode = nodeDatum.sourceNode;\n // 上游路径始终只选取第一个\n const firstTarget = sourceNode.targetLinks[0];\n if (!firstTarget) {\n return;\n }\n let percent = 0;\n pickNodeDatums.forEach(n => {\n const link = n.targetLinks.find((l: any) => l.key === firstTarget.key);\n if (link) {\n const p = link.value / firstTarget.value;\n const key = firstTarget.key + '_' + n.type;\n const activeLink = {\n ...firstTarget,\n // 起点重新分配\n y0: firstTarget.y0 - firstTarget.thickness / 2 + (percent + p / 2) * firstTarget.thickness,\n y1: n.y0 + (p * firstTarget.thickness) / 2,\n thickness: p * firstTarget.thickness,\n key,\n type: n.type,\n [DEFAULT_DATA_INDEX]: highlightLinksData.length,\n [DEFAULT_DATA_KEY]: key\n };\n highlightLinksData.push(activeLink);\n percent += p;\n }\n });\n\n // 第一个 path 中上流路径上的 node 全部高亮\n highlightNodeKeys.push(...firstTarget.parents, nodeDatum.key);\n const linkKeys: string[] = [];\n // 找到对应的原始 link 也都高亮\n for (let i = 0; i < firstTarget.parents.length - 1; i++) {\n linkKeys.push(firstTarget.parents[i] + '-' + firstTarget.parents[i + 1]);\n }\n this._highLightElements(allLinkElements, linkKeys, highlightState, blurState);\n }\n\n private _activeSourceLink(\n nodeDatum: Datum,\n pickNodeDatums: Datum[],\n allNodeDatums: Datum[],\n allNodeElements: any[],\n highlightNodeKeys: (string | number)[],\n highlightLinksData: any[],\n highlightState: string,\n blurState: string\n ) {\n this._handleClearEmpty(highlightState, blurState);\n const sourceNode = nodeDatum.sourceNode;\n // 下游路径始需要全部处理\n const sourceLinks = sourceNode.sourceLinks;\n if (!sourceLinks?.length) {\n return;\n }\n\n const sourceValueTemp: { [key: string]: number } = {};\n sourceLinks.forEach((sourceLink: SankeyLinkElement) => {\n highlightNodeKeys.push(sourceLink.target);\n pickNodeDatums.forEach((n, index) => {\n sourceValueTemp[n.type] = sourceValueTemp[n.type] ?? 0;\n const link = n.sourceLinks.find((l: SankeyLinkElement) => l.key === sourceLink.key);\n if (link) {\n const p = link.value / n.value;\n const totalSize = n.y1 - n.y0;\n const size = totalSize * p;\n const key = sourceLink.key + '_' + n.type;\n const activeLink = {\n ...sourceLink,\n // 起点重新分配\n y0: n.y0 + sourceValueTemp[n.type] * totalSize + size / 2,\n thickness: size,\n key,\n type: n.type,\n [DEFAULT_DATA_INDEX]: highlightLinksData.length,\n [DEFAULT_DATA_KEY]: key\n };\n // y1 分为第一个和在其他\n if (index === 0) {\n // 与原始link的起点\n activeLink.y1 = sourceLink.y1 - sourceLink.thickness / 2 + size / 2;\n } else {\n // 与目标子 node 的 y0 对齐\n const targetNode = allNodeDatums.find(_n => _n.key === link.target && _n.type === n.type);\n if (targetNode) {\n activeLink.y1 = targetNode.y0 + size / 2;\n } else {\n // 错误的情况\n return;\n }\n }\n highlightLinksData.push(activeLink);\n sourceValueTemp[n.type] += p;\n }\n });\n });\n }\n\n protected _handleClearEmpty(highlightState: string, blurState: string) {\n super._handleClearEmpty(highlightState, blurState);\n this._activeLinkData.parseNewData([]);\n\n // 同时需要清除 hover\n const allNodeElements = this._nodeMark.getProductElements();\n if (allNodeElements || !allNodeElements.length) {\n allNodeElements.forEach(el => {\n el.removeState(STATE_VALUE_ENUM.STATE_HOVER);\n });\n }\n\n // 同时需要清除 hover\n const allLinkElements = this._linkMark.getProductElements();\n if (allLinkElements || !allLinkElements.length) {\n allLinkElements.forEach(el => {\n el.removeState(STATE_VALUE_ENUM.STATE_HOVER);\n });\n }\n }\n\n protected _handlePointerOutElement() {\n this._activeLinkData.parseNewData([]);\n }\n\n /**\n * 清空所有选中与 hover 相关状态(包含旧模式与单选模式的全部状态位)。\n */\n protected _clearAllSelectedState() {\n super._clearAllSelectedState();\n this._activeLinkData.parseNewData([]);\n }\n\n public getSubNodeDatum(filter: (n: Datum) => boolean) {\n return getSubNodeDatum(this._nodeMark.getProductElements(), filter);\n }\n\n public getNodeDatumInTree(filter: (n: any) => boolean) {\n return getNodeDatumInTree(this._rawData.latestData[0].nodes, filter);\n }\n\n public getNodeDatumInSubTree(filter: (n: any) => boolean) {\n return getNodeDatumInSubTree(this._rawData.latestData[0].subNode, filter);\n }\n}\n\nexport const registerCompareSankeyChart = (option?: { VChart?: typeof VChart }) => {\n const vchartConstructor = option?.VChart || VChart;\n if (vchartConstructor) {\n vchartConstructor.useChart([CompareSankeyChart]);\n vchartConstructor.useSeries([CompareSankeySeries]);\n }\n};\n"]}
|
|
@@ -13,4 +13,5 @@ export class CompareSankeyDiffChartSpecTransformer extends SankeyChartSpecTransf
|
|
|
13
13
|
seriesSpec.compareNodeColor = spec.compareNodeColor, seriesSpec.compareLinkColor = spec.compareLinkColor,
|
|
14
14
|
seriesSpec;
|
|
15
15
|
}
|
|
16
|
-
}
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=compare-sankey-diff-transformer.js.map
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export { };
|
|
2
|
-
//# sourceMappingURL=interface.js.map
|
|
1
|
+
export { };
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export { };
|
|
2
|
-
//# sourceMappingURL=interface.js.map
|
|
1
|
+
export { };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { };
|
|
2
|
-
//# sourceMappingURL=interface.js.map
|
|
2
|
+
//# sourceMappingURL=interface.js.map
|
|
@@ -25,4 +25,4 @@ export const registerSequenceScatterPixel = option => {
|
|
|
25
25
|
const vchartConstructor = (null == option ? void 0 : option.VChart) || VChart;
|
|
26
26
|
vchartConstructor && vchartConstructor.useChart([ SequenceScatterPixel, ScatterChart ]);
|
|
27
27
|
};
|
|
28
|
-
//# sourceMappingURL=sequence-scatter-pixel.js.map
|
|
28
|
+
//# sourceMappingURL=sequence-scatter-pixel.js.map
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export const SERIES_LABEL = "seriesLabel";
|
|
2
|
-
//# sourceMappingURL=constant.js.map
|
|
1
|
+
export const SERIES_LABEL = "seriesLabel";
|
|
@@ -107,4 +107,4 @@ export class SeriesLabelComponent extends AbstractComponent {
|
|
|
107
107
|
export const registerSeriesLabel = () => {
|
|
108
108
|
Factory.registerGraphicComponent("seriesLabel", (attrs => new SeriesLabelComponent(attrs)));
|
|
109
109
|
};
|
|
110
|
-
//# sourceMappingURL=series-label.js.map
|
|
110
|
+
//# sourceMappingURL=series-label.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { };
|
|
2
|
-
//# sourceMappingURL=type.js.map
|
|
2
|
+
//# sourceMappingURL=type.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@visactor/vchart-extension",
|
|
3
|
-
"version": "1.13.
|
|
3
|
+
"version": "1.13.23-alpha.0",
|
|
4
4
|
"description": "vchart extension package, including extension plugins and components",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "cjs/index.js",
|
|
@@ -12,14 +12,14 @@
|
|
|
12
12
|
"build"
|
|
13
13
|
],
|
|
14
14
|
"dependencies": {
|
|
15
|
-
"@visactor/vrender-core": "0.22.
|
|
16
|
-
"@visactor/vrender-kits": "0.22.
|
|
17
|
-
"@visactor/vrender-components": "0.22.
|
|
18
|
-
"@visactor/vgrammar-core": "0.16.
|
|
19
|
-
"@visactor/vgrammar-sankey": "0.16.
|
|
15
|
+
"@visactor/vrender-core": "0.22.19",
|
|
16
|
+
"@visactor/vrender-kits": "0.22.19",
|
|
17
|
+
"@visactor/vrender-components": "0.22.19",
|
|
18
|
+
"@visactor/vgrammar-core": "0.16.16",
|
|
19
|
+
"@visactor/vgrammar-sankey": "0.16.16",
|
|
20
20
|
"@visactor/vutils": "~0.19.7",
|
|
21
21
|
"@visactor/vdataset": "~0.19.7",
|
|
22
|
-
"@visactor/vchart": "1.13.
|
|
22
|
+
"@visactor/vchart": "1.13.23-alpha.0"
|
|
23
23
|
},
|
|
24
24
|
"devDependencies": {
|
|
25
25
|
"@rushstack/eslint-patch": "~1.1.4",
|
|
@@ -43,14 +43,19 @@
|
|
|
43
43
|
"rollup-plugin-bundle-size": "1.0.3",
|
|
44
44
|
"rollup-plugin-sizes": "1.0.5",
|
|
45
45
|
"rollup": "3.20.5",
|
|
46
|
-
"@internal/ts-config": "0.0.1",
|
|
47
46
|
"@internal/bundler": "0.0.1",
|
|
48
|
-
"@internal/eslint-config": "0.0.1"
|
|
47
|
+
"@internal/eslint-config": "0.0.1",
|
|
48
|
+
"@internal/ts-config": "0.0.1"
|
|
49
49
|
},
|
|
50
50
|
"publishConfig": {
|
|
51
51
|
"access": "public",
|
|
52
52
|
"registry": "https://registry.npmjs.org/"
|
|
53
53
|
},
|
|
54
|
+
"repository": {
|
|
55
|
+
"type": "git",
|
|
56
|
+
"url": "https://github.com/VisActor/VChart",
|
|
57
|
+
"directory": "packages/vchart-extension"
|
|
58
|
+
},
|
|
54
59
|
"license": "MIT",
|
|
55
60
|
"scripts": {
|
|
56
61
|
"compile": "tsc --noEmit",
|