@orbcharts/core 3.0.0-beta.6 → 3.0.0-beta.8

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 (69) hide show
  1. package/LICENSE +200 -200
  2. package/dist/orbcharts-core.es.js +486 -483
  3. package/dist/orbcharts-core.umd.js +3 -3
  4. package/dist/src/defaults.d.ts +1 -1
  5. package/lib/core-types.ts +7 -7
  6. package/package.json +42 -42
  7. package/src/AbstractChart.ts +57 -57
  8. package/src/GridChart.ts +24 -24
  9. package/src/MultiGridChart.ts +24 -24
  10. package/src/MultiValueChart.ts +24 -24
  11. package/src/RelationshipChart.ts +24 -24
  12. package/src/SeriesChart.ts +24 -24
  13. package/src/TreeChart.ts +24 -24
  14. package/src/base/createBaseChart.ts +505 -505
  15. package/src/base/createBasePlugin.ts +153 -153
  16. package/src/base/validators/chartOptionsValidator.ts +23 -23
  17. package/src/base/validators/chartParamsValidator.ts +133 -133
  18. package/src/base/validators/elementValidator.ts +13 -13
  19. package/src/base/validators/pluginsValidator.ts +14 -14
  20. package/src/defaults.ts +238 -235
  21. package/src/defineGridPlugin.ts +3 -3
  22. package/src/defineMultiGridPlugin.ts +3 -3
  23. package/src/defineMultiValuePlugin.ts +3 -3
  24. package/src/defineNoneDataPlugin.ts +4 -4
  25. package/src/defineRelationshipPlugin.ts +3 -3
  26. package/src/defineSeriesPlugin.ts +3 -3
  27. package/src/defineTreePlugin.ts +3 -3
  28. package/src/grid/computedDataFn.ts +129 -129
  29. package/src/grid/contextObserverCallback.ts +176 -176
  30. package/src/grid/dataFormatterValidator.ts +101 -101
  31. package/src/grid/dataValidator.ts +12 -12
  32. package/src/index.ts +20 -20
  33. package/src/multiGrid/computedDataFn.ts +123 -123
  34. package/src/multiGrid/contextObserverCallback.ts +41 -41
  35. package/src/multiGrid/dataFormatterValidator.ts +115 -115
  36. package/src/multiGrid/dataValidator.ts +12 -12
  37. package/src/multiValue/computedDataFn.ts +110 -110
  38. package/src/multiValue/contextObserverCallback.ts +160 -160
  39. package/src/multiValue/dataFormatterValidator.ts +9 -9
  40. package/src/multiValue/dataValidator.ts +9 -9
  41. package/src/relationship/computedDataFn.ts +144 -144
  42. package/src/relationship/contextObserverCallback.ts +80 -80
  43. package/src/relationship/dataFormatterValidator.ts +9 -9
  44. package/src/relationship/dataValidator.ts +9 -9
  45. package/src/series/computedDataFn.ts +88 -88
  46. package/src/series/contextObserverCallback.ts +100 -100
  47. package/src/series/dataFormatterValidator.ts +41 -41
  48. package/src/series/dataValidator.ts +12 -12
  49. package/src/tree/computedDataFn.ts +129 -129
  50. package/src/tree/contextObserverCallback.ts +58 -58
  51. package/src/tree/dataFormatterValidator.ts +13 -13
  52. package/src/tree/dataValidator.ts +13 -13
  53. package/src/utils/commonUtils.ts +55 -55
  54. package/src/utils/d3Scale.ts +198 -198
  55. package/src/utils/errorMessage.ts +42 -42
  56. package/src/utils/gridObservables.ts +683 -683
  57. package/src/utils/index.ts +9 -9
  58. package/src/utils/multiGridObservables.ts +392 -392
  59. package/src/utils/multiValueObservables.ts +661 -661
  60. package/src/utils/observables.ts +219 -219
  61. package/src/utils/orbchartsUtils.ts +377 -377
  62. package/src/utils/relationshipObservables.ts +84 -84
  63. package/src/utils/seriesObservables.ts +175 -175
  64. package/src/utils/treeObservables.ts +105 -105
  65. package/src/utils/validator.ts +126 -126
  66. package/tsconfig.base.json +13 -13
  67. package/tsconfig.json +2 -2
  68. package/vite-env.d.ts +6 -6
  69. package/vite.config.js +22 -22
@@ -1,85 +1,85 @@
1
- import {
2
- combineLatest,
3
- distinctUntilChanged,
4
- filter,
5
- map,
6
- merge,
7
- takeUntil,
8
- shareReplay,
9
- switchMap,
10
- Subject,
11
- Observable } from 'rxjs'
12
- import type {
13
- ChartParams,
14
- ComputedDataRelationship,
15
- ComputedDataTypeMap,
16
- ComputedNode,
17
- ComputedEdge,
18
- DataFormatterTree } from '../../lib/core-types'
19
-
20
-
21
- export const categoryLabelsObservable = (
22
- CategoryNodeMap$: Observable<Map<string, ComputedNode[]>>,
23
- CategoryEdgeMap$: Observable<Map<string, ComputedEdge[]>>
24
- ): Observable<string[]> => {
25
- return combineLatest({
26
- CategoryNodeMap: CategoryNodeMap$,
27
- CategoryEdgeMap: CategoryEdgeMap$
28
- }).pipe(
29
- switchMap(async d => d),
30
- map(data => {
31
- return [...Array.from(data.CategoryNodeMap.keys()), ...Array.from(data.CategoryEdgeMap.keys())]
32
- }),
33
- distinctUntilChanged((a, b) => {
34
- return JSON.stringify(a).length === JSON.stringify(b).length
35
- }),
36
- )
37
- }
38
-
39
- export const NodeMapObservable = (computedData$: Observable<ComputedDataRelationship>) => {
40
- return computedData$.pipe(
41
- map(data => {
42
- const nodeMap = new Map<string, ComputedNode>()
43
- data.nodes.forEach(node => {
44
- nodeMap.set(node.id, node)
45
- })
46
- return nodeMap
47
- }),
48
- )
49
- }
50
-
51
- export const EdgeMapObservable = (computedData$: Observable<ComputedDataRelationship>) => {
52
- return computedData$.pipe(
53
- map(data => {
54
- const edgeMap = new Map<string, ComputedEdge>()
55
- data.edges.forEach(edge => {
56
- edgeMap.set(edge.id, edge)
57
- })
58
- return edgeMap
59
- }),
60
- )
61
- }
62
-
63
- // 所有可見的節點
64
- export const relationshipVisibleComputedDataObservable = ({ computedData$, NodeMap$ }: {
65
- computedData$: Observable<ComputedDataRelationship>
66
- NodeMap$: Observable<Map<string, ComputedNode>>
67
- }) => {
68
- return combineLatest({
69
- computedData: computedData$,
70
- NodeMap: NodeMap$
71
- }).pipe(
72
- switchMap(async d => d),
73
- map(data => {
74
- return {
75
- nodes: data.computedData.nodes.filter(node => node.visible),
76
- edges: data.computedData.edges
77
- .filter(edge => edge.visible)
78
- // 依照節點是否存在篩選
79
- .filter(edge => {
80
- return data.NodeMap.has(edge.startNode.id) && data.NodeMap.has(edge.endNode.id)
81
- })
82
- }
83
- })
84
- )
1
+ import {
2
+ combineLatest,
3
+ distinctUntilChanged,
4
+ filter,
5
+ map,
6
+ merge,
7
+ takeUntil,
8
+ shareReplay,
9
+ switchMap,
10
+ Subject,
11
+ Observable } from 'rxjs'
12
+ import type {
13
+ ChartParams,
14
+ ComputedDataRelationship,
15
+ ComputedDataTypeMap,
16
+ ComputedNode,
17
+ ComputedEdge,
18
+ DataFormatterTree } from '../../lib/core-types'
19
+
20
+
21
+ export const categoryLabelsObservable = (
22
+ CategoryNodeMap$: Observable<Map<string, ComputedNode[]>>,
23
+ CategoryEdgeMap$: Observable<Map<string, ComputedEdge[]>>
24
+ ): Observable<string[]> => {
25
+ return combineLatest({
26
+ CategoryNodeMap: CategoryNodeMap$,
27
+ CategoryEdgeMap: CategoryEdgeMap$
28
+ }).pipe(
29
+ switchMap(async d => d),
30
+ map(data => {
31
+ return [...Array.from(data.CategoryNodeMap.keys()), ...Array.from(data.CategoryEdgeMap.keys())]
32
+ }),
33
+ distinctUntilChanged((a, b) => {
34
+ return JSON.stringify(a).length === JSON.stringify(b).length
35
+ }),
36
+ )
37
+ }
38
+
39
+ export const NodeMapObservable = (computedData$: Observable<ComputedDataRelationship>) => {
40
+ return computedData$.pipe(
41
+ map(data => {
42
+ const nodeMap = new Map<string, ComputedNode>()
43
+ data.nodes.forEach(node => {
44
+ nodeMap.set(node.id, node)
45
+ })
46
+ return nodeMap
47
+ }),
48
+ )
49
+ }
50
+
51
+ export const EdgeMapObservable = (computedData$: Observable<ComputedDataRelationship>) => {
52
+ return computedData$.pipe(
53
+ map(data => {
54
+ const edgeMap = new Map<string, ComputedEdge>()
55
+ data.edges.forEach(edge => {
56
+ edgeMap.set(edge.id, edge)
57
+ })
58
+ return edgeMap
59
+ }),
60
+ )
61
+ }
62
+
63
+ // 所有可見的節點
64
+ export const relationshipVisibleComputedDataObservable = ({ computedData$, NodeMap$ }: {
65
+ computedData$: Observable<ComputedDataRelationship>
66
+ NodeMap$: Observable<Map<string, ComputedNode>>
67
+ }) => {
68
+ return combineLatest({
69
+ computedData: computedData$,
70
+ NodeMap: NodeMap$
71
+ }).pipe(
72
+ switchMap(async d => d),
73
+ map(data => {
74
+ return {
75
+ nodes: data.computedData.nodes.filter(node => node.visible),
76
+ edges: data.computedData.edges
77
+ .filter(edge => edge.visible)
78
+ // 依照節點是否存在篩選
79
+ .filter(edge => {
80
+ return data.NodeMap.has(edge.startNode.id) && data.NodeMap.has(edge.endNode.id)
81
+ })
82
+ }
83
+ })
84
+ )
85
85
  }
@@ -1,176 +1,176 @@
1
- import {
2
- combineLatest,
3
- distinctUntilChanged,
4
- filter,
5
- map,
6
- merge,
7
- takeUntil,
8
- shareReplay,
9
- switchMap,
10
- Subject,
11
- Observable } from 'rxjs'
12
- import type {
13
- ChartParams,
14
- ComputedDatumSeries,
15
- ComputedDataTypeMap,
16
- DataFormatterTypeMap,
17
- ContainerPosition,
18
- Layout } from '../../lib/core-types'
19
- import { calcSeriesContainerLayout } from './orbchartsUtils'
20
-
21
- export const separateSeriesObservable = ({ fullDataFormatter$ }: { fullDataFormatter$: Observable<DataFormatterTypeMap<'series'>> }) => {
22
- return fullDataFormatter$.pipe(
23
- map(data => data.separateSeries),
24
- distinctUntilChanged(),
25
- )
26
- }
27
-
28
- export const seriesLabelsObservable = ({ computedData$ }: { computedData$: Observable<ComputedDataTypeMap<'series'>> }) => {
29
- return computedData$.pipe(
30
- map(data => {
31
- return data
32
- .filter(series => series.length)
33
- .map(series => {
34
- return series[0].seriesLabel
35
- })
36
- }),
37
- distinctUntilChanged((a, b) => {
38
- return JSON.stringify(a).length === JSON.stringify(b).length
39
- }),
40
- )
41
- }
42
-
43
- export const seriesVisibleComputedDataObservable = ({ computedData$ }: { computedData$: Observable<ComputedDataTypeMap<'series'>> }) => {
44
- return computedData$.pipe(
45
- map(data => {
46
- return data.map(series => {
47
- return series.filter(datum => datum.visible != false)
48
- })
49
- })
50
- )
51
- }
52
-
53
- export const seriesComputedLayoutDataObservable = ({ computedData$, fullDataFormatter$ }: {
54
- computedData$: Observable<ComputedDataTypeMap<'series'>>,
55
- fullDataFormatter$: Observable<DataFormatterTypeMap<'series'>>
56
- }) => {
57
- return combineLatest({
58
- computedData: computedData$,
59
- fullDataFormatter: fullDataFormatter$
60
- }).pipe(
61
- switchMap(async (d) => d),
62
- map(data => {
63
- const sumData: ComputedDatumSeries[][] = data.fullDataFormatter.sumSeries == true
64
- ? data.computedData.map(d => {
65
- return [
66
- // 加總為一筆資料
67
- d.reduce((acc, current) => {
68
- if (acc == null) {
69
- return current // 取得第一筆資料
70
- }
71
- acc.value = acc.value + current.value
72
- return acc
73
- }, null)
74
- ]
75
- })
76
- : data.computedData
77
-
78
- return data.fullDataFormatter.separateSeries == true
79
- // 有拆分的話每個series為一組
80
- ? sumData
81
- .map(series => {
82
- return series.sort((a, b) => a.seq - b.seq)
83
- })
84
- // 無拆分的話所有資料為一組
85
- : [
86
- sumData
87
- .flat()
88
- .sort((a, b) => a.seq - b.seq)
89
- ]
90
- })
91
- )
92
- }
93
-
94
-
95
- // 所有container位置(對應series)
96
- export const seriesContainerPositionObservable = ({ computedData$, fullDataFormatter$, layout$ }: {
97
- computedData$: Observable<ComputedDataTypeMap<'series'>>
98
- fullDataFormatter$: Observable<DataFormatterTypeMap<'series'>>
99
- layout$: Observable<Layout>
100
- }): Observable<ContainerPosition[]> => {
101
-
102
- const gridContainerPosition$ = combineLatest({
103
- computedData: computedData$,
104
- fullDataFormatter: fullDataFormatter$,
105
- layout: layout$,
106
- }).pipe(
107
- switchMap(async (d) => d),
108
- map(data => {
109
-
110
- if (data.fullDataFormatter.separateSeries) {
111
- // -- 依slotIndexes計算 --
112
- return calcSeriesContainerLayout(data.layout, data.fullDataFormatter.container, data.computedData.length)
113
- // return data.computedData.map((seriesData, seriesIndex) => {
114
- // const columnIndex = seriesIndex % data.fullDataFormatter.container.columnAmount
115
- // const rowIndex = Math.floor(seriesIndex / data.fullDataFormatter.container.columnAmount)
116
- // const { startX, startY, centerX, centerY, width, height } = calcContainerPosition(data.layout, data.fullDataFormatter.container, rowIndex, columnIndex)
117
- // return {
118
- // slotIndex: seriesIndex,
119
- // rowIndex,
120
- // columnIndex,
121
- // startX,
122
- // startY,
123
- // centerX,
124
- // centerY,
125
- // width,
126
- // height,
127
- // }
128
- // })
129
- } else {
130
- // -- 無拆分 --
131
- return calcSeriesContainerLayout(data.layout, data.fullDataFormatter.container, 1)
132
- // const columnIndex = 0
133
- // const rowIndex = 0
134
- // return data.computedData.map((seriesData, seriesIndex) => {
135
- // const { startX, startY, centerX, centerY, width, height } = calcContainerPosition(data.layout, data.fullDataFormatter.container, rowIndex, columnIndex)
136
- // return {
137
- // slotIndex: 0,
138
- // rowIndex,
139
- // columnIndex,
140
- // startX,
141
- // startY,
142
- // centerX,
143
- // centerY,
144
- // width,
145
- // height,
146
- // }
147
- // })
148
- }
149
- })
150
- )
151
-
152
- return gridContainerPosition$
153
- }
154
-
155
- export const seriesContainerPositionMapObservable = ({ seriesContainerPosition$, seriesLabels$, separateSeries$ }: {
156
- seriesContainerPosition$: Observable<ContainerPosition[]>
157
- seriesLabels$: Observable<string[]>
158
- separateSeries$: Observable<boolean>
159
- }) => {
160
- return combineLatest({
161
- seriesContainerPosition: seriesContainerPosition$,
162
- seriesLabels: seriesLabels$,
163
- separateSeries: separateSeries$,
164
- }).pipe(
165
- switchMap(async (d) => d),
166
- map(data => {
167
- return data.separateSeries
168
- ? new Map<string, ContainerPosition>(data.seriesLabels.map((seriesLabel, seriesIndex) => {
169
- return [seriesLabel, data.seriesContainerPosition[seriesIndex] ?? data.seriesContainerPosition[0]]
170
- }))
171
- : new Map<string, ContainerPosition>(data.seriesLabels.map((seriesLabel, seriesIndex) => {
172
- return [seriesLabel, data.seriesContainerPosition[0]]
173
- }))
174
- })
175
- )
1
+ import {
2
+ combineLatest,
3
+ distinctUntilChanged,
4
+ filter,
5
+ map,
6
+ merge,
7
+ takeUntil,
8
+ shareReplay,
9
+ switchMap,
10
+ Subject,
11
+ Observable } from 'rxjs'
12
+ import type {
13
+ ChartParams,
14
+ ComputedDatumSeries,
15
+ ComputedDataTypeMap,
16
+ DataFormatterTypeMap,
17
+ ContainerPosition,
18
+ Layout } from '../../lib/core-types'
19
+ import { calcSeriesContainerLayout } from './orbchartsUtils'
20
+
21
+ export const separateSeriesObservable = ({ fullDataFormatter$ }: { fullDataFormatter$: Observable<DataFormatterTypeMap<'series'>> }) => {
22
+ return fullDataFormatter$.pipe(
23
+ map(data => data.separateSeries),
24
+ distinctUntilChanged(),
25
+ )
26
+ }
27
+
28
+ export const seriesLabelsObservable = ({ computedData$ }: { computedData$: Observable<ComputedDataTypeMap<'series'>> }) => {
29
+ return computedData$.pipe(
30
+ map(data => {
31
+ return data
32
+ .filter(series => series.length)
33
+ .map(series => {
34
+ return series[0].seriesLabel
35
+ })
36
+ }),
37
+ distinctUntilChanged((a, b) => {
38
+ return JSON.stringify(a).length === JSON.stringify(b).length
39
+ }),
40
+ )
41
+ }
42
+
43
+ export const seriesVisibleComputedDataObservable = ({ computedData$ }: { computedData$: Observable<ComputedDataTypeMap<'series'>> }) => {
44
+ return computedData$.pipe(
45
+ map(data => {
46
+ return data.map(series => {
47
+ return series.filter(datum => datum.visible != false)
48
+ })
49
+ })
50
+ )
51
+ }
52
+
53
+ export const seriesComputedLayoutDataObservable = ({ computedData$, fullDataFormatter$ }: {
54
+ computedData$: Observable<ComputedDataTypeMap<'series'>>,
55
+ fullDataFormatter$: Observable<DataFormatterTypeMap<'series'>>
56
+ }) => {
57
+ return combineLatest({
58
+ computedData: computedData$,
59
+ fullDataFormatter: fullDataFormatter$
60
+ }).pipe(
61
+ switchMap(async (d) => d),
62
+ map(data => {
63
+ const sumData: ComputedDatumSeries[][] = data.fullDataFormatter.sumSeries == true
64
+ ? data.computedData.map(d => {
65
+ return [
66
+ // 加總為一筆資料
67
+ d.reduce((acc, current) => {
68
+ if (acc == null) {
69
+ return current // 取得第一筆資料
70
+ }
71
+ acc.value = acc.value + current.value
72
+ return acc
73
+ }, null)
74
+ ]
75
+ })
76
+ : data.computedData
77
+
78
+ return data.fullDataFormatter.separateSeries == true
79
+ // 有拆分的話每個series為一組
80
+ ? sumData
81
+ .map(series => {
82
+ return series.sort((a, b) => a.seq - b.seq)
83
+ })
84
+ // 無拆分的話所有資料為一組
85
+ : [
86
+ sumData
87
+ .flat()
88
+ .sort((a, b) => a.seq - b.seq)
89
+ ]
90
+ })
91
+ )
92
+ }
93
+
94
+
95
+ // 所有container位置(對應series)
96
+ export const seriesContainerPositionObservable = ({ computedData$, fullDataFormatter$, layout$ }: {
97
+ computedData$: Observable<ComputedDataTypeMap<'series'>>
98
+ fullDataFormatter$: Observable<DataFormatterTypeMap<'series'>>
99
+ layout$: Observable<Layout>
100
+ }): Observable<ContainerPosition[]> => {
101
+
102
+ const gridContainerPosition$ = combineLatest({
103
+ computedData: computedData$,
104
+ fullDataFormatter: fullDataFormatter$,
105
+ layout: layout$,
106
+ }).pipe(
107
+ switchMap(async (d) => d),
108
+ map(data => {
109
+
110
+ if (data.fullDataFormatter.separateSeries) {
111
+ // -- 依slotIndexes計算 --
112
+ return calcSeriesContainerLayout(data.layout, data.fullDataFormatter.container, data.computedData.length)
113
+ // return data.computedData.map((seriesData, seriesIndex) => {
114
+ // const columnIndex = seriesIndex % data.fullDataFormatter.container.columnAmount
115
+ // const rowIndex = Math.floor(seriesIndex / data.fullDataFormatter.container.columnAmount)
116
+ // const { startX, startY, centerX, centerY, width, height } = calcContainerPosition(data.layout, data.fullDataFormatter.container, rowIndex, columnIndex)
117
+ // return {
118
+ // slotIndex: seriesIndex,
119
+ // rowIndex,
120
+ // columnIndex,
121
+ // startX,
122
+ // startY,
123
+ // centerX,
124
+ // centerY,
125
+ // width,
126
+ // height,
127
+ // }
128
+ // })
129
+ } else {
130
+ // -- 無拆分 --
131
+ return calcSeriesContainerLayout(data.layout, data.fullDataFormatter.container, 1)
132
+ // const columnIndex = 0
133
+ // const rowIndex = 0
134
+ // return data.computedData.map((seriesData, seriesIndex) => {
135
+ // const { startX, startY, centerX, centerY, width, height } = calcContainerPosition(data.layout, data.fullDataFormatter.container, rowIndex, columnIndex)
136
+ // return {
137
+ // slotIndex: 0,
138
+ // rowIndex,
139
+ // columnIndex,
140
+ // startX,
141
+ // startY,
142
+ // centerX,
143
+ // centerY,
144
+ // width,
145
+ // height,
146
+ // }
147
+ // })
148
+ }
149
+ })
150
+ )
151
+
152
+ return gridContainerPosition$
153
+ }
154
+
155
+ export const seriesContainerPositionMapObservable = ({ seriesContainerPosition$, seriesLabels$, separateSeries$ }: {
156
+ seriesContainerPosition$: Observable<ContainerPosition[]>
157
+ seriesLabels$: Observable<string[]>
158
+ separateSeries$: Observable<boolean>
159
+ }) => {
160
+ return combineLatest({
161
+ seriesContainerPosition: seriesContainerPosition$,
162
+ seriesLabels: seriesLabels$,
163
+ separateSeries: separateSeries$,
164
+ }).pipe(
165
+ switchMap(async (d) => d),
166
+ map(data => {
167
+ return data.separateSeries
168
+ ? new Map<string, ContainerPosition>(data.seriesLabels.map((seriesLabel, seriesIndex) => {
169
+ return [seriesLabel, data.seriesContainerPosition[seriesIndex] ?? data.seriesContainerPosition[0]]
170
+ }))
171
+ : new Map<string, ContainerPosition>(data.seriesLabels.map((seriesLabel, seriesIndex) => {
172
+ return [seriesLabel, data.seriesContainerPosition[0]]
173
+ }))
174
+ })
175
+ )
176
176
  }