@orbcharts/core 3.0.5 → 3.0.6
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/LICENSE +200 -200
- package/dist/orbcharts-core.es.js +2217 -2164
- package/dist/orbcharts-core.umd.js +5 -5
- package/lib/core-types.ts +7 -7
- package/package.json +46 -46
- package/src/AbstractChart.ts +57 -57
- package/src/GridChart.ts +24 -24
- package/src/MultiGridChart.ts +24 -24
- package/src/MultiValueChart.ts +24 -24
- package/src/RelationshipChart.ts +24 -24
- package/src/SeriesChart.ts +24 -24
- package/src/TreeChart.ts +24 -24
- package/src/base/createBaseChart.ts +524 -524
- package/src/base/createBasePlugin.ts +154 -154
- package/src/base/validators/chartOptionsValidator.ts +23 -23
- package/src/base/validators/chartParamsValidator.ts +133 -133
- package/src/base/validators/elementValidator.ts +13 -13
- package/src/base/validators/pluginsValidator.ts +14 -14
- package/src/defaults.ts +284 -284
- package/src/defineGridPlugin.ts +3 -3
- package/src/defineMultiGridPlugin.ts +3 -3
- package/src/defineMultiValuePlugin.ts +3 -3
- package/src/defineNoneDataPlugin.ts +4 -4
- package/src/defineRelationshipPlugin.ts +3 -3
- package/src/defineSeriesPlugin.ts +3 -3
- package/src/defineTreePlugin.ts +3 -3
- package/src/grid/computedDataFn.ts +129 -129
- package/src/grid/contextObserverCallback.ts +209 -201
- package/src/grid/dataFormatterValidator.ts +125 -125
- package/src/grid/dataValidator.ts +12 -12
- package/src/grid/gridObservables.ts +698 -694
- package/src/index.ts +20 -20
- package/src/multiGrid/computedDataFn.ts +123 -123
- package/src/multiGrid/contextObserverCallback.ts +109 -75
- package/src/multiGrid/dataFormatterValidator.ts +120 -120
- package/src/multiGrid/dataValidator.ts +12 -12
- package/src/multiGrid/multiGridObservables.ts +366 -357
- package/src/multiValue/computedDataFn.ts +113 -113
- package/src/multiValue/contextObserverCallback.ts +328 -328
- package/src/multiValue/dataFormatterValidator.ts +94 -94
- package/src/multiValue/dataValidator.ts +12 -12
- package/src/multiValue/multiValueObservables.ts +865 -865
- package/src/relationship/computedDataFn.ts +159 -159
- package/src/relationship/contextObserverCallback.ts +80 -80
- package/src/relationship/dataFormatterValidator.ts +13 -13
- package/src/relationship/dataValidator.ts +13 -13
- package/src/relationship/relationshipObservables.ts +84 -84
- package/src/series/computedDataFn.ts +88 -88
- package/src/series/contextObserverCallback.ts +132 -132
- package/src/series/dataFormatterValidator.ts +46 -46
- package/src/series/dataValidator.ts +12 -12
- package/src/series/seriesObservables.ts +209 -209
- package/src/tree/computedDataFn.ts +129 -129
- package/src/tree/contextObserverCallback.ts +58 -58
- package/src/tree/dataFormatterValidator.ts +13 -13
- package/src/tree/dataValidator.ts +13 -13
- package/src/tree/treeObservables.ts +105 -105
- package/src/utils/commonUtils.ts +55 -55
- package/src/utils/d3Scale.ts +198 -198
- package/src/utils/errorMessage.ts +40 -40
- package/src/utils/index.ts +3 -3
- package/src/utils/observables.ts +308 -308
- package/src/utils/orbchartsUtils.ts +396 -396
- package/src/utils/validator.ts +126 -126
- package/tsconfig.base.json +13 -13
- package/tsconfig.json +2 -2
- package/vite-env.d.ts +6 -6
- package/vite.config.js +22 -22
@@ -1,121 +1,121 @@
|
|
1
|
-
import type { DataFormatterValidator, DataFormatterTypeMap, ValidatorResult } from '../../lib/core-types'
|
2
|
-
import { validateColumns } from '../utils/validator'
|
3
|
-
|
4
|
-
export const dataFormatterValidator: DataFormatterValidator<'multiGrid'> = (dataFormatter: DataFormatterTypeMap<'multiGrid'>) => {
|
5
|
-
const result = validateColumns(dataFormatter, {
|
6
|
-
visibleFilter: {
|
7
|
-
toBeTypes: ['Function']
|
8
|
-
},
|
9
|
-
gridList: {
|
10
|
-
toBeTypes: ['object[]']
|
11
|
-
},
|
12
|
-
container: {
|
13
|
-
toBeTypes: ['object']
|
14
|
-
},
|
15
|
-
separateGrid: {
|
16
|
-
toBeTypes: ['boolean']
|
17
|
-
}
|
18
|
-
})
|
19
|
-
if (dataFormatter.gridList) {
|
20
|
-
const gridListResultArr = dataFormatter.gridList.map((grid, index) => {
|
21
|
-
const gridResult = validateColumns(grid, {
|
22
|
-
seriesDirection: {
|
23
|
-
toBe: '"row" | "column"',
|
24
|
-
test: (value) => value === 'row' || value === 'column'
|
25
|
-
},
|
26
|
-
rowLabels: {
|
27
|
-
toBeTypes: ['string[]']
|
28
|
-
},
|
29
|
-
columnLabels: {
|
30
|
-
toBeTypes: ['string[]']
|
31
|
-
},
|
32
|
-
valueAxis: {
|
33
|
-
toBeTypes: ['object']
|
34
|
-
},
|
35
|
-
groupAxis: {
|
36
|
-
toBeTypes: ['object']
|
37
|
-
},
|
38
|
-
separateSeries: {
|
39
|
-
toBeTypes: ['boolean']
|
40
|
-
}
|
41
|
-
})
|
42
|
-
if (gridResult.status === 'error') {
|
43
|
-
return gridResult
|
44
|
-
} else {
|
45
|
-
if (grid.valueAxis) {
|
46
|
-
const valueAxisResult = validateColumns(grid.valueAxis, {
|
47
|
-
position: {
|
48
|
-
toBe: '"top" | "bottom" | "left" | "right"',
|
49
|
-
test: (value) => value === 'top' || value === 'bottom' || value === 'left' || value === 'right'
|
50
|
-
},
|
51
|
-
scaleDomain: {
|
52
|
-
toBe: '[number | "min" | "auto", number | "max" | "auto"]',
|
53
|
-
test: (value) => Array.isArray(value) && value.length === 2 && (typeof value[0] === 'number' || value[0] === 'min' || value[0] === 'auto') && (typeof value[1] === 'number' || value[1] === 'max' || value[1] === 'auto')
|
54
|
-
},
|
55
|
-
scaleRange: {
|
56
|
-
toBe: '[number, number]',
|
57
|
-
test: (value) => Array.isArray(value) && value.length === 2 && typeof value[0] === 'number' && typeof value[1] === 'number'
|
58
|
-
},
|
59
|
-
label: {
|
60
|
-
toBeTypes: ['string']
|
61
|
-
}
|
62
|
-
})
|
63
|
-
if (valueAxisResult.status === 'error') {
|
64
|
-
return valueAxisResult
|
65
|
-
}
|
66
|
-
} else if (grid.groupAxis) {
|
67
|
-
const groupAxisResult = validateColumns(grid.groupAxis, {
|
68
|
-
position: {
|
69
|
-
toBe: '"top" | "bottom" | "left" | "right"',
|
70
|
-
test: (value) => value === 'top' || value === 'bottom' || value === 'left' || value === 'right'
|
71
|
-
},
|
72
|
-
scaleDomain: {
|
73
|
-
toBe: '[number, number | "max"]',
|
74
|
-
test: (value) => Array.isArray(value) && value.length === 2 && typeof value[0] === 'number' && (typeof value[1] === 'number' || value[1] === 'max')
|
75
|
-
},
|
76
|
-
scalePadding: {
|
77
|
-
toBeTypes: ['number']
|
78
|
-
},
|
79
|
-
label: {
|
80
|
-
toBeTypes: ['string']
|
81
|
-
}
|
82
|
-
})
|
83
|
-
if (groupAxisResult.status === 'error') {
|
84
|
-
return groupAxisResult
|
85
|
-
}
|
86
|
-
}
|
87
|
-
return <ValidatorResult>{
|
88
|
-
status: 'success',
|
89
|
-
columnName: '',
|
90
|
-
expectToBe: ''
|
91
|
-
}
|
92
|
-
}
|
93
|
-
})
|
94
|
-
const gridListResult = gridListResultArr.find((gridResult) => gridResult.status === 'error')
|
95
|
-
if (gridListResult) {
|
96
|
-
return gridListResult
|
97
|
-
}
|
98
|
-
}
|
99
|
-
if (dataFormatter.container) {
|
100
|
-
const containerResult = validateColumns(dataFormatter.container, {
|
101
|
-
columnAmount: {
|
102
|
-
toBeTypes: ['number']
|
103
|
-
},
|
104
|
-
rowAmount: {
|
105
|
-
toBeTypes: ['number']
|
106
|
-
},
|
107
|
-
columnGap: {
|
108
|
-
toBe: '"auto" | number',
|
109
|
-
test: (value: any) => value === 'auto' || typeof value === 'number'
|
110
|
-
},
|
111
|
-
rowGap: {
|
112
|
-
toBe: '"auto" | number',
|
113
|
-
test: (value: any) => value === 'auto' || typeof value === 'number'
|
114
|
-
},
|
115
|
-
})
|
116
|
-
if (containerResult.status === 'error') {
|
117
|
-
return containerResult
|
118
|
-
}
|
119
|
-
}
|
120
|
-
return result
|
1
|
+
import type { DataFormatterValidator, DataFormatterTypeMap, ValidatorResult } from '../../lib/core-types'
|
2
|
+
import { validateColumns } from '../utils/validator'
|
3
|
+
|
4
|
+
export const dataFormatterValidator: DataFormatterValidator<'multiGrid'> = (dataFormatter: DataFormatterTypeMap<'multiGrid'>) => {
|
5
|
+
const result = validateColumns(dataFormatter, {
|
6
|
+
visibleFilter: {
|
7
|
+
toBeTypes: ['Function']
|
8
|
+
},
|
9
|
+
gridList: {
|
10
|
+
toBeTypes: ['object[]']
|
11
|
+
},
|
12
|
+
container: {
|
13
|
+
toBeTypes: ['object']
|
14
|
+
},
|
15
|
+
separateGrid: {
|
16
|
+
toBeTypes: ['boolean']
|
17
|
+
}
|
18
|
+
})
|
19
|
+
if (dataFormatter.gridList) {
|
20
|
+
const gridListResultArr = dataFormatter.gridList.map((grid, index) => {
|
21
|
+
const gridResult = validateColumns(grid, {
|
22
|
+
seriesDirection: {
|
23
|
+
toBe: '"row" | "column"',
|
24
|
+
test: (value) => value === 'row' || value === 'column'
|
25
|
+
},
|
26
|
+
rowLabels: {
|
27
|
+
toBeTypes: ['string[]']
|
28
|
+
},
|
29
|
+
columnLabels: {
|
30
|
+
toBeTypes: ['string[]']
|
31
|
+
},
|
32
|
+
valueAxis: {
|
33
|
+
toBeTypes: ['object']
|
34
|
+
},
|
35
|
+
groupAxis: {
|
36
|
+
toBeTypes: ['object']
|
37
|
+
},
|
38
|
+
separateSeries: {
|
39
|
+
toBeTypes: ['boolean']
|
40
|
+
}
|
41
|
+
})
|
42
|
+
if (gridResult.status === 'error') {
|
43
|
+
return gridResult
|
44
|
+
} else {
|
45
|
+
if (grid.valueAxis) {
|
46
|
+
const valueAxisResult = validateColumns(grid.valueAxis, {
|
47
|
+
position: {
|
48
|
+
toBe: '"top" | "bottom" | "left" | "right"',
|
49
|
+
test: (value) => value === 'top' || value === 'bottom' || value === 'left' || value === 'right'
|
50
|
+
},
|
51
|
+
scaleDomain: {
|
52
|
+
toBe: '[number | "min" | "auto", number | "max" | "auto"]',
|
53
|
+
test: (value) => Array.isArray(value) && value.length === 2 && (typeof value[0] === 'number' || value[0] === 'min' || value[0] === 'auto') && (typeof value[1] === 'number' || value[1] === 'max' || value[1] === 'auto')
|
54
|
+
},
|
55
|
+
scaleRange: {
|
56
|
+
toBe: '[number, number]',
|
57
|
+
test: (value) => Array.isArray(value) && value.length === 2 && typeof value[0] === 'number' && typeof value[1] === 'number'
|
58
|
+
},
|
59
|
+
label: {
|
60
|
+
toBeTypes: ['string']
|
61
|
+
}
|
62
|
+
})
|
63
|
+
if (valueAxisResult.status === 'error') {
|
64
|
+
return valueAxisResult
|
65
|
+
}
|
66
|
+
} else if (grid.groupAxis) {
|
67
|
+
const groupAxisResult = validateColumns(grid.groupAxis, {
|
68
|
+
position: {
|
69
|
+
toBe: '"top" | "bottom" | "left" | "right"',
|
70
|
+
test: (value) => value === 'top' || value === 'bottom' || value === 'left' || value === 'right'
|
71
|
+
},
|
72
|
+
scaleDomain: {
|
73
|
+
toBe: '[number, number | "max"]',
|
74
|
+
test: (value) => Array.isArray(value) && value.length === 2 && typeof value[0] === 'number' && (typeof value[1] === 'number' || value[1] === 'max')
|
75
|
+
},
|
76
|
+
scalePadding: {
|
77
|
+
toBeTypes: ['number']
|
78
|
+
},
|
79
|
+
label: {
|
80
|
+
toBeTypes: ['string']
|
81
|
+
}
|
82
|
+
})
|
83
|
+
if (groupAxisResult.status === 'error') {
|
84
|
+
return groupAxisResult
|
85
|
+
}
|
86
|
+
}
|
87
|
+
return <ValidatorResult>{
|
88
|
+
status: 'success',
|
89
|
+
columnName: '',
|
90
|
+
expectToBe: ''
|
91
|
+
}
|
92
|
+
}
|
93
|
+
})
|
94
|
+
const gridListResult = gridListResultArr.find((gridResult) => gridResult.status === 'error')
|
95
|
+
if (gridListResult) {
|
96
|
+
return gridListResult
|
97
|
+
}
|
98
|
+
}
|
99
|
+
if (dataFormatter.container) {
|
100
|
+
const containerResult = validateColumns(dataFormatter.container, {
|
101
|
+
columnAmount: {
|
102
|
+
toBeTypes: ['number']
|
103
|
+
},
|
104
|
+
rowAmount: {
|
105
|
+
toBeTypes: ['number']
|
106
|
+
},
|
107
|
+
columnGap: {
|
108
|
+
toBe: '"auto" | number',
|
109
|
+
test: (value: any) => value === 'auto' || typeof value === 'number'
|
110
|
+
},
|
111
|
+
rowGap: {
|
112
|
+
toBe: '"auto" | number',
|
113
|
+
test: (value: any) => value === 'auto' || typeof value === 'number'
|
114
|
+
},
|
115
|
+
})
|
116
|
+
if (containerResult.status === 'error') {
|
117
|
+
return containerResult
|
118
|
+
}
|
119
|
+
}
|
120
|
+
return result
|
121
121
|
}
|
@@ -1,13 +1,13 @@
|
|
1
|
-
import type { DataValidator, DataTypeMap } from '../../lib/core-types'
|
2
|
-
import { validateColumns } from '../utils/validator'
|
3
|
-
|
4
|
-
export const dataValidator: DataValidator<'multiGrid'> = (data: DataTypeMap<'multiGrid'>) => {
|
5
|
-
const result = validateColumns({ data }, {
|
6
|
-
data: {
|
7
|
-
toBe: 'DataGrid[]',
|
8
|
-
// 畢免資料量過大檢查不完,不深度檢查
|
9
|
-
test: (value) => Array.isArray(value)
|
10
|
-
}
|
11
|
-
})
|
12
|
-
return result
|
1
|
+
import type { DataValidator, DataTypeMap } from '../../lib/core-types'
|
2
|
+
import { validateColumns } from '../utils/validator'
|
3
|
+
|
4
|
+
export const dataValidator: DataValidator<'multiGrid'> = (data: DataTypeMap<'multiGrid'>) => {
|
5
|
+
const result = validateColumns({ data }, {
|
6
|
+
data: {
|
7
|
+
toBe: 'DataGrid[]',
|
8
|
+
// 畢免資料量過大檢查不完,不深度檢查
|
9
|
+
test: (value) => Array.isArray(value)
|
10
|
+
}
|
11
|
+
})
|
12
|
+
return result
|
13
13
|
}
|