@visactor/vchart-extension 1.13.22-alpha.1 → 1.13.22-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.
- package/build/index.js +256 -24
- package/build/index.min.js +2 -2
- package/cjs/charts/compare-sankey/compare-sankey.d.ts +1 -3
- package/cjs/charts/compare-sankey/compare-sankey.js +3 -24
- package/cjs/charts/compare-sankey/compare-sankey.js.map +1 -1
- package/cjs/charts/compare-sankey/utils.d.ts +8 -0
- package/cjs/charts/compare-sankey/utils.js +36 -2
- package/cjs/charts/compare-sankey/utils.js.map +1 -1
- package/cjs/charts/compare-sankey-diff/compare-sankey-diff-data.d.ts +8 -0
- package/cjs/charts/compare-sankey-diff/compare-sankey-diff-data.js +85 -0
- package/cjs/charts/compare-sankey-diff/compare-sankey-diff-data.js.map +1 -0
- package/cjs/charts/compare-sankey-diff/compare-sankey-diff-transformer.d.ts +7 -0
- package/cjs/charts/compare-sankey-diff/compare-sankey-diff-transformer.js +25 -0
- package/cjs/charts/compare-sankey-diff/compare-sankey-diff-transformer.js.map +1 -0
- package/cjs/charts/compare-sankey-diff/compare-sankey-diff.d.ts +34 -0
- package/cjs/charts/compare-sankey-diff/compare-sankey-diff.js +98 -0
- package/cjs/charts/compare-sankey-diff/compare-sankey-diff.js.map +1 -0
- package/cjs/charts/compare-sankey-diff/index.d.ts +2 -0
- package/cjs/charts/compare-sankey-diff/index.js +20 -0
- package/cjs/charts/compare-sankey-diff/index.js.map +1 -0
- package/cjs/charts/compare-sankey-diff/interface.d.ts +24 -0
- package/cjs/charts/compare-sankey-diff/interface.js +6 -0
- package/cjs/charts/compare-sankey-diff/interface.js.map +1 -0
- package/cjs/charts/conversion-funnel/index.js +2 -1
- package/cjs/charts/sequence-scatter-kde/constant.js +1 -2
- package/cjs/charts/sequence-scatter-link/interface.js +2 -1
- package/cjs/components/bar-link/index.js +1 -2
- package/cjs/components/series-break/series-break.js +2 -1
- package/cjs/components/series-label/constant.js +1 -1
- 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/cjs/index.d.ts +1 -0
- package/cjs/index.js +3 -2
- package/cjs/index.js.map +1 -1
- package/esm/charts/compare-sankey/compare-sankey.d.ts +1 -3
- package/esm/charts/compare-sankey/compare-sankey.js +4 -25
- package/esm/charts/compare-sankey/compare-sankey.js.map +1 -1
- package/esm/charts/compare-sankey/utils.d.ts +8 -0
- package/esm/charts/compare-sankey/utils.js +33 -0
- package/esm/charts/compare-sankey/utils.js.map +1 -1
- package/esm/charts/compare-sankey-diff/compare-sankey-diff-data.d.ts +8 -0
- package/esm/charts/compare-sankey-diff/compare-sankey-diff-data.js +77 -0
- package/esm/charts/compare-sankey-diff/compare-sankey-diff-data.js.map +1 -0
- package/esm/charts/compare-sankey-diff/compare-sankey-diff-transformer.d.ts +7 -0
- package/esm/charts/compare-sankey-diff/compare-sankey-diff-transformer.js +17 -0
- package/esm/charts/compare-sankey-diff/compare-sankey-diff-transformer.js.map +1 -0
- package/esm/charts/compare-sankey-diff/compare-sankey-diff.d.ts +34 -0
- package/esm/charts/compare-sankey-diff/compare-sankey-diff.js +97 -0
- package/esm/charts/compare-sankey-diff/compare-sankey-diff.js.map +1 -0
- package/esm/charts/compare-sankey-diff/index.d.ts +2 -0
- package/esm/charts/compare-sankey-diff/index.js +3 -0
- package/esm/charts/compare-sankey-diff/index.js.map +1 -0
- package/esm/charts/compare-sankey-diff/interface.d.ts +24 -0
- package/esm/charts/compare-sankey-diff/interface.js +2 -0
- package/esm/charts/compare-sankey-diff/interface.js.map +1 -0
- package/esm/charts/conversion-funnel/index.js +2 -1
- package/esm/charts/sequence-scatter-kde/constant.js +1 -2
- package/esm/charts/sequence-scatter-link/interface.js +2 -1
- package/esm/components/bar-link/index.js +1 -2
- package/esm/components/series-break/series-break.js +2 -1
- package/esm/components/series-label/constant.js +1 -1
- 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/esm/index.d.ts +1 -0
- package/esm/index.js +2 -0
- package/esm/index.js.map +1 -1
- package/package.json +4 -4
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import { VChart, SankeyChart, SankeySeries, registerDataSetInstanceTransform, STATE_VALUE_ENUM, AttributeLevel } from "@visactor/vchart";
|
|
2
|
+
|
|
3
|
+
import { DataView } from "@visactor/vdataset";
|
|
4
|
+
|
|
5
|
+
import { CompareSankeyDiffChartSpecTransformer } from "./compare-sankey-diff-transformer";
|
|
6
|
+
|
|
7
|
+
import { compareSankeyDiffSubData } from "./compare-sankey-diff-data";
|
|
8
|
+
|
|
9
|
+
import { getNodeDatumInSubTree, getNodeDatumInTree, getSubNodeDatum } from "../compare-sankey/utils";
|
|
10
|
+
|
|
11
|
+
export class CompareSankeyDiffChart extends SankeyChart {
|
|
12
|
+
constructor() {
|
|
13
|
+
super(...arguments), this.type = "compareSankeyDiff", this.seriesType = CompareSankeyDiffSeries.type,
|
|
14
|
+
this.transformerConstructor = CompareSankeyDiffChartSpecTransformer;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
CompareSankeyDiffChart.type = "compareSankeyDiff", CompareSankeyDiffChart.transformerConstructor = CompareSankeyDiffChartSpecTransformer;
|
|
19
|
+
|
|
20
|
+
export class CompareSankeyDiffSeries extends SankeySeries {
|
|
21
|
+
constructor() {
|
|
22
|
+
super(...arguments), this.type = "compareSankeyDiff", this._fillCompareNode = datum => {
|
|
23
|
+
var _a, _b, _c, _d;
|
|
24
|
+
const specAny = this._spec;
|
|
25
|
+
return (null === (_a = specAny.compareNodeColor) || void 0 === _a ? void 0 : _a[datum.type]) ? specAny.compareNodeColor[datum.type] : null !== (_d = null === (_c = null === (_b = this._spec.node) || void 0 === _b ? void 0 : _b.style) || void 0 === _c ? void 0 : _c.fill) && void 0 !== _d ? _d : this._fillByNode(datum);
|
|
26
|
+
}, this._fillCompareLink = datum => {
|
|
27
|
+
var _a, _b, _c, _d;
|
|
28
|
+
const specAny = this._spec;
|
|
29
|
+
return (null === (_a = specAny.compareLinkColor) || void 0 === _a ? void 0 : _a[datum.type]) ? specAny.compareLinkColor[datum.type] : null !== (_d = null === (_c = null === (_b = this._spec.link) || void 0 === _b ? void 0 : _b.style) || void 0 === _c ? void 0 : _c.fill) && void 0 !== _d ? _d : this._fillByLink(datum);
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
initData() {
|
|
33
|
+
var _a, _b;
|
|
34
|
+
super.initData();
|
|
35
|
+
const {dataSet: dataSet} = this._option, compareData = new DataView(dataSet, {
|
|
36
|
+
name: `compare-sankey-diff-compare-data-${this.id}-data`
|
|
37
|
+
});
|
|
38
|
+
compareData.parse([ this.getViewData() ], {
|
|
39
|
+
type: "dataview"
|
|
40
|
+
}), registerDataSetInstanceTransform(this._dataSet, "compareSankeyDiffSubData", compareSankeyDiffSubData),
|
|
41
|
+
compareData.transform({
|
|
42
|
+
type: "compareSankeyDiffSubData",
|
|
43
|
+
options: {
|
|
44
|
+
rawData: () => this.getRawData(),
|
|
45
|
+
valueField: this._valueField,
|
|
46
|
+
nodeKey: this._spec.nodeKey,
|
|
47
|
+
subNodeGap: null !== (_a = this._spec.subNodeGap) && void 0 !== _a ? _a : 2,
|
|
48
|
+
subNodeMinSize: null !== (_b = this._spec.subNodeMinSize) && void 0 !== _b ? _b : 0
|
|
49
|
+
}
|
|
50
|
+
}), this._nodesSeriesData.getDataView().parse([ compareData ], {
|
|
51
|
+
type: "dataview"
|
|
52
|
+
}), this._linksSeriesData.getDataView().parse([ compareData ], {
|
|
53
|
+
type: "dataview"
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
compileData() {
|
|
57
|
+
super.compileData();
|
|
58
|
+
}
|
|
59
|
+
_initLinkMarkStyle() {
|
|
60
|
+
super._initLinkMarkStyle(), this._spec.compareLinkColor && this.setMarkStyle(this._linkMark, {
|
|
61
|
+
fill: this._fillCompareLink
|
|
62
|
+
}, "normal", AttributeLevel.User_Mark);
|
|
63
|
+
}
|
|
64
|
+
_initNodeMarkStyle() {
|
|
65
|
+
super._initNodeMarkStyle(), this._spec.compareNodeColor && this.setMarkStyle(this._nodeMark, {
|
|
66
|
+
fill: this._fillCompareNode
|
|
67
|
+
}, "normal", AttributeLevel.User_Mark);
|
|
68
|
+
}
|
|
69
|
+
_handleClearEmpty(highlightState, blurState) {
|
|
70
|
+
super._handleClearEmpty(highlightState, blurState);
|
|
71
|
+
const allNodeElements = this._nodeMark.getProductElements();
|
|
72
|
+
!allNodeElements && allNodeElements.length || allNodeElements.forEach((el => {
|
|
73
|
+
el.removeState(STATE_VALUE_ENUM.STATE_HOVER);
|
|
74
|
+
}));
|
|
75
|
+
const allLinkElements = this._linkMark.getProductElements();
|
|
76
|
+
!allLinkElements && allLinkElements.length || allLinkElements.forEach((el => {
|
|
77
|
+
el.removeState(STATE_VALUE_ENUM.STATE_HOVER);
|
|
78
|
+
}));
|
|
79
|
+
}
|
|
80
|
+
getSubNodeDatum(filter) {
|
|
81
|
+
return getSubNodeDatum(this._nodeMark.getProductElements(), filter);
|
|
82
|
+
}
|
|
83
|
+
getNodeDatumInTree(filter) {
|
|
84
|
+
return getNodeDatumInTree(this._rawData.latestData[0].nodes, filter);
|
|
85
|
+
}
|
|
86
|
+
getNodeDatumInSubTree(filter) {
|
|
87
|
+
return getNodeDatumInSubTree(this._rawData.latestData[0].subNode, filter);
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
CompareSankeyDiffSeries.type = "compareSankeyDiff";
|
|
92
|
+
|
|
93
|
+
export const registerCompareSankeyDiffChart = option => {
|
|
94
|
+
const vchartConstructor = (null == option ? void 0 : option.VChart) || VChart;
|
|
95
|
+
vchartConstructor && (vchartConstructor.useChart([ CompareSankeyDiffChart ]), vchartConstructor.useSeries([ CompareSankeyDiffSeries ]));
|
|
96
|
+
};
|
|
97
|
+
//# sourceMappingURL=compare-sankey-diff.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["charts/compare-sankey-diff/compare-sankey-diff.ts"],"names":[],"mappings":"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","file":"compare-sankey-diff.js","sourcesContent":["import type { ICompareSankeyDiffChartSpecBase, ICompareSankeyDiffSeriesSpecBase } from './interface';\nimport type { IRectMarkSpec } from '@visactor/vchart';\nimport {\n VChart,\n SankeyChart,\n SankeySeries,\n registerDataSetInstanceTransform,\n STATE_VALUE_ENUM,\n AttributeLevel\n} from '@visactor/vchart';\nimport { DataView } from '@visactor/vdataset';\nimport { CompareSankeyDiffChartSpecTransformer } from './compare-sankey-diff-transformer';\nimport { compareSankeyDiffSubData } from './compare-sankey-diff-data';\nimport { getNodeDatumInSubTree, getNodeDatumInTree, getSubNodeDatum } from '../compare-sankey/utils';\n\ntype Datum = any;\n/**\n * compare-sankey-diff 图表类\n */\n// @ts-expect-error\nexport class CompareSankeyDiffChart extends SankeyChart<ICompareSankeyDiffChartSpecBase> {\n type = 'compareSankeyDiff';\n static type = 'compareSankeyDiff';\n readonly seriesType = CompareSankeyDiffSeries.type;\n\n declare _spec: ICompareSankeyDiffChartSpecBase;\n\n static readonly transformerConstructor = CompareSankeyDiffChartSpecTransformer;\n readonly transformerConstructor = CompareSankeyDiffChartSpecTransformer;\n}\n\n/**\n * compare-sankey-diff 系列类\n */\n// @ts-expect-error\nexport class CompareSankeyDiffSeries extends SankeySeries<ICompareSankeyDiffSeriesSpecBase> {\n // @ts-ignore\n type = 'compareSankeyDiff';\n static type = 'compareSankeyDiff';\n\n /**\n * 初始化数据视图,构建子节点数据与对比节点数据\n */\n initData() {\n super.initData();\n const { dataSet } = this._option;\n\n // 数据逻辑变化\n // 使用原始总计数据生成原始节点位置 这里可以不变\n // 使用每一个对比数据生成对比节点和对比边\n // 使用总计数据的节点位置更新对比数据的节点位置\n // 使用对比数据的点更新对比数据的边\n // 新数据以来原始数据,以来原始数据结果\n\n const compareData = new DataView(dataSet, { name: `compare-sankey-diff-compare-data-${this.id}-data` });\n compareData.parse([this.getViewData()], { type: 'dataview' });\n\n // 注册并执行子节点拆解与聚合\n registerDataSetInstanceTransform(this._dataSet, 'compareSankeyDiffSubData', compareSankeyDiffSubData);\n compareData.transform({\n type: 'compareSankeyDiffSubData',\n options: {\n rawData: () => this.getRawData(),\n valueField: this._valueField,\n nodeKey: this._spec.nodeKey,\n subNodeGap: (this._spec as any).subNodeGap ?? 2,\n subNodeMinSize: (this._spec as any).subNodeMinSize ?? 0\n }\n });\n\n this._nodesSeriesData.getDataView().parse([compareData], {\n type: 'dataview'\n });\n this._linksSeriesData.getDataView().parse([compareData], {\n type: 'dataview'\n });\n }\n\n /**\n * 编译数据\n */\n compileData() {\n super.compileData();\n }\n\n /**\n * 初始化链接样式(激活态)\n */\n _initLinkMarkStyle() {\n super._initLinkMarkStyle();\n if ((this._spec as any).compareLinkColor) {\n this.setMarkStyle<IRectMarkSpec>(\n this._linkMark,\n { fill: this._fillCompareLink },\n 'normal',\n AttributeLevel.User_Mark\n );\n }\n }\n\n /**\n * 初始化节点样式(支持对比颜色)\n */\n _initNodeMarkStyle() {\n super._initNodeMarkStyle();\n if ((this._spec as any).compareNodeColor) {\n this.setMarkStyle<IRectMarkSpec>(\n this._nodeMark,\n { fill: this._fillCompareNode },\n 'normal',\n AttributeLevel.User_Mark\n );\n }\n }\n\n /**\n * 计算节点填充色(支持 compareNodeColor)\n */\n protected _fillCompareNode = (datum: any) => {\n const specAny = this._spec as any;\n if (specAny.compareNodeColor?.[datum.type]) {\n return specAny.compareNodeColor[datum.type];\n }\n return this._spec.node?.style?.fill ?? this._fillByNode(datum);\n };\n\n /**\n * 计算激活态链接填充色(支持 compareLinkColor)\n */\n protected _fillCompareLink = (datum: any) => {\n const specAny = this._spec as any;\n if (specAny.compareLinkColor?.[datum.type]) {\n return specAny.compareLinkColor[datum.type];\n }\n return this._spec.link?.style?.fill ?? this._fillByLink(datum);\n };\n\n /**\n * 清除状态时同时清空激活态链接与 hover\n */\n protected _handleClearEmpty(highlightState: string, blurState: string) {\n super._handleClearEmpty(highlightState, blurState);\n\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 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\n/**\n * 注册 compare-sankey-diff 图表与系列\n */\nexport const registerCompareSankeyDiffChart = (option?: { VChart?: typeof VChart }) => {\n const vchartConstructor = option?.VChart || VChart;\n if (vchartConstructor) {\n vchartConstructor.useChart([CompareSankeyDiffChart]);\n vchartConstructor.useSeries([CompareSankeyDiffSeries]);\n }\n};\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["charts/compare-sankey-diff/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC","file":"index.js","sourcesContent":["export * from './interface';\nexport * from './compare-sankey-diff';\n"]}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import type { ISankeyChartSpec, ISankeySeriesSpec } from '@visactor/vchart';
|
|
2
|
+
export interface ICompareSankeyDiffSpec {
|
|
3
|
+
subNodeGap?: number;
|
|
4
|
+
subNodeMinSize?: number;
|
|
5
|
+
compareNodeColor?: {
|
|
6
|
+
[key: string]: string;
|
|
7
|
+
};
|
|
8
|
+
compareLinkColor?: {
|
|
9
|
+
[key: string]: string;
|
|
10
|
+
};
|
|
11
|
+
emphasis?: Omit<ISankeySeriesSpec['emphasis'], 'effect'> & {
|
|
12
|
+
effect?: ISankeySeriesSpec['emphasis']['effect'] | 'related-node';
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
export interface ICompareSankeyDiffSeriesSpecBase extends Omit<ISankeySeriesSpec, 'emphasis'>, ICompareSankeyDiffSpec {
|
|
16
|
+
}
|
|
17
|
+
export interface ICompareSankeyDiffChartSpecBase extends Omit<ISankeyChartSpec, 'emphasis'>, ICompareSankeyDiffSpec {
|
|
18
|
+
}
|
|
19
|
+
export interface ICompareSankeyDiffSeriesSpec extends Omit<ICompareSankeyDiffSeriesSpecBase, 'type' | 'series'> {
|
|
20
|
+
type: 'compareSankeyDiff';
|
|
21
|
+
}
|
|
22
|
+
export interface ICompareSankeyDiffChartSpec extends Omit<ICompareSankeyDiffChartSpecBase, 'type' | 'series'> {
|
|
23
|
+
type: 'compareSankeyDiff';
|
|
24
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["charts/compare-sankey-diff/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { ISankeyChartSpec, ISankeySeriesSpec } from '@visactor/vchart';\n\nexport interface ICompareSankeyDiffSpec {\n /**\n * 子节点间距\n */\n subNodeGap?: number;\n /**\n * 子节点最小高度\n */\n subNodeMinSize?: number;\n /**\n * 对比节点颜色\n */\n compareNodeColor?: { [key: string]: string };\n /**\n * 对比边点颜色\n */\n compareLinkColor?: { [key: string]: string };\n\n /**\n * 强调配置\n */\n emphasis?: Omit<ISankeySeriesSpec['emphasis'], 'effect'> & {\n effect?: ISankeySeriesSpec['emphasis']['effect'] | 'related-node';\n };\n}\n/**\n * compare-sankey-diff 图表的系列配置基类\n */\nexport interface ICompareSankeyDiffSeriesSpecBase extends Omit<ISankeySeriesSpec, 'emphasis'>, ICompareSankeyDiffSpec {}\n\n/**\n * compare-sankey-diff 图表的图表配置基类\n */\nexport interface ICompareSankeyDiffChartSpecBase extends Omit<ISankeyChartSpec, 'emphasis'>, ICompareSankeyDiffSpec {}\n\n/**\n * compare-sankey-diff 系列配置(设置系列类型)\n */\nexport interface ICompareSankeyDiffSeriesSpec extends Omit<ICompareSankeyDiffSeriesSpecBase, 'type' | 'series'> {\n type: 'compareSankeyDiff';\n}\n\n/**\n * compare-sankey-diff 图表配置(设置图表类型)\n */\nexport interface ICompareSankeyDiffChartSpec extends Omit<ICompareSankeyDiffChartSpecBase, 'type' | 'series'> {\n type: 'compareSankeyDiff';\n}\n"]}
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export { };
|
|
1
|
+
export { };
|
|
2
|
+
//# sourceMappingURL=interface.js.map
|
|
@@ -111,4 +111,5 @@ export class SeriesBreakComponent extends AbstractComponent {
|
|
|
111
111
|
|
|
112
112
|
export const registerSeriesBreak = () => {
|
|
113
113
|
Factory.registerGraphicComponent("seriesBreak", (attrs => new SeriesBreakComponent(attrs)));
|
|
114
|
-
};
|
|
114
|
+
};
|
|
115
|
+
//# sourceMappingURL=series-break.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const SERIES_LABEL = "seriesLabel";
|
|
2
|
-
//# sourceMappingURL=constant.js.map
|
|
2
|
+
//# sourceMappingURL=constant.js.map
|
|
@@ -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/esm/index.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ export * from './charts/sequence-scatter-link/sequence-scatter-link';
|
|
|
5
5
|
export * from './charts/sequence-scatter-kde/sequence-scatter-kde';
|
|
6
6
|
export * from './charts/sequence-scatter-pixel/sequence-scatter-pixel';
|
|
7
7
|
export * from './charts/compare-sankey';
|
|
8
|
+
export * from './charts/compare-sankey-diff';
|
|
8
9
|
export * from './components/series-break';
|
|
9
10
|
export * from './components/bar-link';
|
|
10
11
|
export * from './components/series-label';
|
package/esm/index.js
CHANGED
|
@@ -12,6 +12,8 @@ export * from "./charts/sequence-scatter-pixel/sequence-scatter-pixel";
|
|
|
12
12
|
|
|
13
13
|
export * from "./charts/compare-sankey";
|
|
14
14
|
|
|
15
|
+
export * from "./charts/compare-sankey-diff";
|
|
16
|
+
|
|
15
17
|
export * from "./components/series-break";
|
|
16
18
|
|
|
17
19
|
export * from "./components/bar-link";
|
package/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AACnD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sDAAsD,CAAC;AACrE,cAAc,oDAAoD,CAAC;AACnE,cAAc,wDAAwD,CAAC;AACvE,cAAc,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AACnD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sDAAsD,CAAC;AACrE,cAAc,oDAAoD,CAAC;AACnE,cAAc,wDAAwD,CAAC;AACvE,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAE7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC","file":"index.js","sourcesContent":["export * from './charts/ranking-bar/ranking-bar';\nexport * from './charts/ranking-list/ranking-list';\nexport * from './charts/conversion-funnel';\nexport * from './charts/sequence-scatter-link/sequence-scatter-link';\nexport * from './charts/sequence-scatter-kde/sequence-scatter-kde';\nexport * from './charts/sequence-scatter-pixel/sequence-scatter-pixel';\nexport * from './charts/compare-sankey';\nexport * from './charts/compare-sankey-diff';\n\nexport * from './components/series-break';\nexport * from './components/bar-link';\nexport * from './components/series-label';\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@visactor/vchart-extension",
|
|
3
|
-
"version": "1.13.22-alpha.
|
|
3
|
+
"version": "1.13.22-alpha.2",
|
|
4
4
|
"description": "vchart extension package, including extension plugins and components",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "cjs/index.js",
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"@visactor/vgrammar-sankey": "0.16.15",
|
|
20
20
|
"@visactor/vutils": "~0.19.7",
|
|
21
21
|
"@visactor/vdataset": "~0.19.7",
|
|
22
|
-
"@visactor/vchart": "1.13.22-alpha.
|
|
22
|
+
"@visactor/vchart": "1.13.22-alpha.2"
|
|
23
23
|
},
|
|
24
24
|
"devDependencies": {
|
|
25
25
|
"@rushstack/eslint-patch": "~1.1.4",
|
|
@@ -43,9 +43,9 @@
|
|
|
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",
|
|
46
47
|
"@internal/bundler": "0.0.1",
|
|
47
|
-
"@internal/eslint-config": "0.0.1"
|
|
48
|
-
"@internal/ts-config": "0.0.1"
|
|
48
|
+
"@internal/eslint-config": "0.0.1"
|
|
49
49
|
},
|
|
50
50
|
"publishConfig": {
|
|
51
51
|
"access": "public",
|