@tsingroc/tsingroc-components 4.6.0 → 4.7.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/dist/echarts/coordinateSystems/grid.d.ts +4 -0
- package/dist/echarts/coordinateSystems/grid.js +16 -5
- package/dist/echarts/coordinateSystems/grid.js.map +1 -1
- package/dist/echarts/coordinateSystems/polar.d.ts +4 -0
- package/dist/echarts/coordinateSystems/polar.js +17 -8
- package/dist/echarts/coordinateSystems/polar.js.map +1 -1
- package/package.json +1 -1
- package/src/echarts/coordinateSystems/grid.ts +17 -5
- package/src/echarts/coordinateSystems/polar.ts +18 -8
|
@@ -29,6 +29,10 @@ export interface GridOption {
|
|
|
29
29
|
/** 要绘制在该坐标系上的系列。*/
|
|
30
30
|
series?: EChartsSeries<LineSeriesOption | BarSeriesOption | BoxplotSeriesOption | FlowGLSeriesOption>[];
|
|
31
31
|
}
|
|
32
|
+
/**
|
|
33
|
+
* 添加一个直角坐标系。X 轴和 Y 轴的数据类型默认值与 ECharts 原版一致。
|
|
34
|
+
*/
|
|
35
|
+
export declare function grid(option: GridOption): EChartsComponent;
|
|
32
36
|
/**
|
|
33
37
|
* 添加一个直角坐标系。X 轴和 Y 轴的数据类型默认值与 ECharts 原版一致。
|
|
34
38
|
*
|
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
import { useId } from "react";
|
|
2
2
|
/**
|
|
3
3
|
* 添加一个直角坐标系。X 轴和 Y 轴的数据类型默认值与 ECharts 原版一致。
|
|
4
|
-
*
|
|
5
|
-
* **注意**：该组件是一个 React hook，需要遵守正常使用 hook 的准则。
|
|
6
4
|
*/
|
|
7
|
-
export function
|
|
5
|
+
export function grid(option) {
|
|
8
6
|
const grid = {
|
|
9
|
-
id: useId(),
|
|
10
7
|
left: 0,
|
|
11
8
|
right: 0,
|
|
12
9
|
top: 24,
|
|
@@ -14,7 +11,7 @@ export function useGrid(option) {
|
|
|
14
11
|
containLabel: true,
|
|
15
12
|
...option.option,
|
|
16
13
|
};
|
|
17
|
-
const gridId = grid.id;
|
|
14
|
+
const gridId = String(grid.id ?? "");
|
|
18
15
|
const xAxis = {
|
|
19
16
|
id: gridId + "x",
|
|
20
17
|
gridId,
|
|
@@ -56,6 +53,20 @@ export function useGrid(option) {
|
|
|
56
53
|
})),
|
|
57
54
|
};
|
|
58
55
|
}
|
|
56
|
+
/**
|
|
57
|
+
* 添加一个直角坐标系。X 轴和 Y 轴的数据类型默认值与 ECharts 原版一致。
|
|
58
|
+
*
|
|
59
|
+
* **注意**：该组件是一个 React hook，需要遵守正常使用 hook 的准则。
|
|
60
|
+
*/
|
|
61
|
+
export function useGrid(option) {
|
|
62
|
+
return grid({
|
|
63
|
+
...option,
|
|
64
|
+
option: {
|
|
65
|
+
id: useId(),
|
|
66
|
+
...option.option,
|
|
67
|
+
},
|
|
68
|
+
});
|
|
69
|
+
}
|
|
59
70
|
const MINIMAL_GRID = (grid, xAxis, yAxis) => {
|
|
60
71
|
grid.top = 0;
|
|
61
72
|
xAxis.show = false;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../../src/echarts/coordinateSystems/grid.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AA4C9B
|
|
1
|
+
{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../../src/echarts/coordinateSystems/grid.ts"],"names":[],"mappings":"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"}
|
|
@@ -29,6 +29,10 @@ export interface PolarOption {
|
|
|
29
29
|
/** 要绘制在该坐标系上的系列。*/
|
|
30
30
|
series?: EChartsSeries<LineSeriesOption | BarSeriesOption>[];
|
|
31
31
|
}
|
|
32
|
+
/**
|
|
33
|
+
* 添加一个极坐标系。角度轴和半径轴的数据类型默认值与 ECharts 原版一致。
|
|
34
|
+
*/
|
|
35
|
+
export declare function polar(option: PolarOption): EChartsComponent;
|
|
32
36
|
/**
|
|
33
37
|
* 添加一个极坐标系。角度轴和半径轴的数据类型默认值与 ECharts 原版一致。
|
|
34
38
|
*
|
|
@@ -1,15 +1,10 @@
|
|
|
1
1
|
import { useId } from "react";
|
|
2
2
|
/**
|
|
3
3
|
* 添加一个极坐标系。角度轴和半径轴的数据类型默认值与 ECharts 原版一致。
|
|
4
|
-
*
|
|
5
|
-
* **注意**：该组件是一个 React hook，需要遵守正常使用 hook 的准则。
|
|
6
4
|
*/
|
|
7
|
-
export function
|
|
8
|
-
const polar = {
|
|
9
|
-
|
|
10
|
-
...option.option,
|
|
11
|
-
};
|
|
12
|
-
const polarId = polar.id;
|
|
5
|
+
export function polar(option) {
|
|
6
|
+
const polar = option.option ?? {};
|
|
7
|
+
const polarId = String(polar.id ?? "");
|
|
13
8
|
const angleAxis = {
|
|
14
9
|
id: polarId + "angle",
|
|
15
10
|
polarId,
|
|
@@ -55,6 +50,20 @@ export function usePolar(option) {
|
|
|
55
50
|
})),
|
|
56
51
|
};
|
|
57
52
|
}
|
|
53
|
+
/**
|
|
54
|
+
* 添加一个极坐标系。角度轴和半径轴的数据类型默认值与 ECharts 原版一致。
|
|
55
|
+
*
|
|
56
|
+
* **注意**：该组件是一个 React hook，需要遵守正常使用 hook 的准则。
|
|
57
|
+
*/
|
|
58
|
+
export function usePolar(option) {
|
|
59
|
+
return polar({
|
|
60
|
+
...option,
|
|
61
|
+
option: {
|
|
62
|
+
id: useId(),
|
|
63
|
+
...option.option,
|
|
64
|
+
},
|
|
65
|
+
});
|
|
66
|
+
}
|
|
58
67
|
const WIND_POLAR = (_, angleAxis, radiusAxis) => {
|
|
59
68
|
angleAxis.type = "category";
|
|
60
69
|
angleAxis.data =
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"polar.js","sourceRoot":"","sources":["../../../src/echarts/coordinateSystems/polar.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAuC9B
|
|
1
|
+
{"version":3,"file":"polar.js","sourceRoot":"","sources":["../../../src/echarts/coordinateSystems/polar.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAuC9B;;GAEG;AACH,MAAM,UAAU,KAAK,CAAC,MAAmB;IACvC,MAAM,KAAK,GAAyB,MAAM,CAAC,MAAM,IAAI,EAAE,CAAC;IACxD,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IACvC,MAAM,SAAS,GAAG;QAChB,EAAE,EAAE,OAAO,GAAG,OAAO;QACrB,OAAO;QACP,GAAG,MAAM,CAAC,SAAS;QACnB,SAAS,EAAE;YACT,MAAM,EAAE,CAAC;YACT,QAAQ,EAAE,EAAE;YACZ,GAAG,MAAM,CAAC,SAAS,EAAE,SAAS;SAC/B;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,KAAK;YACX,GAAG,MAAM,CAAC,SAAS,EAAE,QAAQ;SAC9B;QACD,SAAS,EAAE;YACT,IAAI,EAAE,IAAI;YACV,GAAG,MAAM,CAAC,SAAS,EAAE,SAAS;SAC/B;KAC0B,CAAC;IAC9B,MAAM,WAAW,GAAG,SAAS,CAAC,EAAY,CAAC;IAC3C,MAAM,UAAU,GAAG;QACjB,EAAE,EAAE,OAAO,GAAG,QAAQ;QACtB,IAAI,EAAE,OAAO;QACb,OAAO;QACP,GAAG,MAAM,CAAC,UAAU;QACpB,QAAQ,EAAE;YACR,IAAI,EAAE,KAAK;YACX,GAAG,MAAM,CAAC,UAAU,EAAE,QAAQ;SAC/B;KAC2B,CAAC;IAC/B,MAAM,YAAY,GAAG,UAAU,CAAC,EAAY,CAAC;IAC7C,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IAC1E,OAAO;QACL,KAAK,EAAE,CAAC,KAAK,CAAC;QACd,SAAS,EAAE,CAAC,SAAS,CAAC;QACtB,UAAU,EAAE,CAAC,UAAU,CAAC;QACxB,MAAM,EAAE,MAAM,CAAC,MAAM;YACnB,EAAE,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC;aAC/B,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;YAChB,GAAG,MAAM;YACT,gBAAgB,EAAE,OAAO;YACzB,WAAW;YACX,YAAY;SACb,CAAC,CAAC;KACN,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,QAAQ,CAAC,MAAmB;IAC1C,OAAO,KAAK,CAAC;QACX,GAAG,MAAM;QACT,MAAM,EAAE;YACN,EAAE,EAAE,KAAK,EAAE;YACX,GAAG,MAAM,CAAC,MAAM;SACjB;KACF,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,GAAgB,CAAC,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE;IAC3D,SAAS,CAAC,IAAI,GAAG,UAAU,CAAC;IAC3B,SAAoE,CAAC,IAAI;QACxE,oBAAoB,CAAC;IACvB,SAAS,CAAC,UAAU,GAAG,MAAM,CAAC;IAC9B,UAAU,CAAC,SAAS,GAAG;QACrB,GAAG,UAAU,CAAC,SAAS;QACvB,aAAa,EAAE,KAAK;KACrB,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,SAAS;IACvB,OAAO,UAAU,CAAC;AACpB,CAAC;AAED,MAAM,oBAAoB,GAAG;IAC3B,GAAG;IACH,KAAK;IACL,IAAI;IACJ,KAAK;IACL,GAAG;IACH,KAAK;IACL,IAAI;IACJ,KAAK;IACL,GAAG;IACH,KAAK;IACL,IAAI;IACJ,KAAK;IACL,GAAG;IACH,KAAK;IACL,IAAI;IACJ,KAAK;CACG,CAAC"}
|
package/package.json
CHANGED
|
@@ -53,12 +53,9 @@ export interface GridOption {
|
|
|
53
53
|
|
|
54
54
|
/**
|
|
55
55
|
* 添加一个直角坐标系。X 轴和 Y 轴的数据类型默认值与 ECharts 原版一致。
|
|
56
|
-
*
|
|
57
|
-
* **注意**：该组件是一个 React hook，需要遵守正常使用 hook 的准则。
|
|
58
56
|
*/
|
|
59
|
-
export function
|
|
57
|
+
export function grid(option: GridOption): EChartsComponent {
|
|
60
58
|
const grid: GridComponentOption = {
|
|
61
|
-
id: useId(),
|
|
62
59
|
left: 0,
|
|
63
60
|
right: 0,
|
|
64
61
|
top: 24,
|
|
@@ -66,7 +63,7 @@ export function useGrid(option: GridOption): EChartsComponent {
|
|
|
66
63
|
containLabel: true,
|
|
67
64
|
...option.option,
|
|
68
65
|
};
|
|
69
|
-
const gridId = grid.id
|
|
66
|
+
const gridId = String(grid.id ?? "");
|
|
70
67
|
const xAxis: XAXisComponentOption = {
|
|
71
68
|
id: gridId + "x",
|
|
72
69
|
gridId,
|
|
@@ -109,6 +106,21 @@ export function useGrid(option: GridOption): EChartsComponent {
|
|
|
109
106
|
};
|
|
110
107
|
}
|
|
111
108
|
|
|
109
|
+
/**
|
|
110
|
+
* 添加一个直角坐标系。X 轴和 Y 轴的数据类型默认值与 ECharts 原版一致。
|
|
111
|
+
*
|
|
112
|
+
* **注意**：该组件是一个 React hook，需要遵守正常使用 hook 的准则。
|
|
113
|
+
*/
|
|
114
|
+
export function useGrid(option: GridOption): EChartsComponent {
|
|
115
|
+
return grid({
|
|
116
|
+
...option,
|
|
117
|
+
option: {
|
|
118
|
+
id: useId(),
|
|
119
|
+
...option.option,
|
|
120
|
+
},
|
|
121
|
+
});
|
|
122
|
+
}
|
|
123
|
+
|
|
112
124
|
const MINIMAL_GRID: GridPreset = (grid, xAxis, yAxis) => {
|
|
113
125
|
grid.top = 0;
|
|
114
126
|
xAxis.show = false;
|
|
@@ -46,15 +46,10 @@ export interface PolarOption {
|
|
|
46
46
|
|
|
47
47
|
/**
|
|
48
48
|
* 添加一个极坐标系。角度轴和半径轴的数据类型默认值与 ECharts 原版一致。
|
|
49
|
-
*
|
|
50
|
-
* **注意**：该组件是一个 React hook，需要遵守正常使用 hook 的准则。
|
|
51
49
|
*/
|
|
52
|
-
export function
|
|
53
|
-
const polar: PolarComponentOption = {
|
|
54
|
-
|
|
55
|
-
...option.option,
|
|
56
|
-
};
|
|
57
|
-
const polarId = polar.id as string;
|
|
50
|
+
export function polar(option: PolarOption): EChartsComponent {
|
|
51
|
+
const polar: PolarComponentOption = option.option ?? {};
|
|
52
|
+
const polarId = String(polar.id ?? "");
|
|
58
53
|
const angleAxis = {
|
|
59
54
|
id: polarId + "angle",
|
|
60
55
|
polarId,
|
|
@@ -101,6 +96,21 @@ export function usePolar(option: PolarOption): EChartsComponent {
|
|
|
101
96
|
};
|
|
102
97
|
}
|
|
103
98
|
|
|
99
|
+
/**
|
|
100
|
+
* 添加一个极坐标系。角度轴和半径轴的数据类型默认值与 ECharts 原版一致。
|
|
101
|
+
*
|
|
102
|
+
* **注意**：该组件是一个 React hook，需要遵守正常使用 hook 的准则。
|
|
103
|
+
*/
|
|
104
|
+
export function usePolar(option: PolarOption): EChartsComponent {
|
|
105
|
+
return polar({
|
|
106
|
+
...option,
|
|
107
|
+
option: {
|
|
108
|
+
id: useId(),
|
|
109
|
+
...option.option,
|
|
110
|
+
},
|
|
111
|
+
});
|
|
112
|
+
}
|
|
113
|
+
|
|
104
114
|
const WIND_POLAR: PolarPreset = (_, angleAxis, radiusAxis) => {
|
|
105
115
|
angleAxis.type = "category";
|
|
106
116
|
(angleAxis as AngleAxisComponentOption & { data: readonly string[] }).data =
|