@chenkai_ioc/react-charts 0.1.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/LICENSE +15 -0
- package/README.md +46 -0
- package/dist/components/Chart/Bar/index.d.ts +38 -0
- package/dist/components/Chart/Bar/index.d.ts.map +1 -0
- package/dist/components/Chart/CapsuleSwitch/index.d.ts +20 -0
- package/dist/components/Chart/CapsuleSwitch/index.d.ts.map +1 -0
- package/dist/components/Chart/CircleProgress/index.d.ts +138 -0
- package/dist/components/Chart/CircleProgress/index.d.ts.map +1 -0
- package/dist/components/Chart/CodeBlock/index.d.ts +19 -0
- package/dist/components/Chart/CodeBlock/index.d.ts.map +1 -0
- package/dist/components/Chart/DataDisplayItem/index.d.ts +26 -0
- package/dist/components/Chart/DataDisplayItem/index.d.ts.map +1 -0
- package/dist/components/Chart/EnergyCardGrid/index.d.ts +38 -0
- package/dist/components/Chart/EnergyCardGrid/index.d.ts.map +1 -0
- package/dist/components/Chart/Gauge/index.d.ts +30 -0
- package/dist/components/Chart/Gauge/index.d.ts.map +1 -0
- package/dist/components/Chart/HologramBase/index.d.ts +19 -0
- package/dist/components/Chart/HologramBase/index.d.ts.map +1 -0
- package/dist/components/Chart/InspectionDuration/index.d.ts +20 -0
- package/dist/components/Chart/InspectionDuration/index.d.ts.map +1 -0
- package/dist/components/Chart/InspectionPieChart/index.d.ts +77 -0
- package/dist/components/Chart/InspectionPieChart/index.d.ts.map +1 -0
- package/dist/components/Chart/LiquidGauge/index.d.ts +23 -0
- package/dist/components/Chart/LiquidGauge/index.d.ts.map +1 -0
- package/dist/components/Chart/PeakCard/index.d.ts +27 -0
- package/dist/components/Chart/PeakCard/index.d.ts.map +1 -0
- package/dist/components/Chart/PeakValleyElectricityLineChart/index.d.ts +37 -0
- package/dist/components/Chart/PeakValleyElectricityLineChart/index.d.ts.map +1 -0
- package/dist/components/Chart/Pie3D/index.d.ts +190 -0
- package/dist/components/Chart/Pie3D/index.d.ts.map +1 -0
- package/dist/components/Chart/PolarRingChart/index.d.ts +64 -0
- package/dist/components/Chart/PolarRingChart/index.d.ts.map +1 -0
- package/dist/components/Chart/Pyramid3D/index.d.ts +195 -0
- package/dist/components/Chart/Pyramid3D/index.d.ts.map +1 -0
- package/dist/components/Chart/RingProgress/index.d.ts +41 -0
- package/dist/components/Chart/RingProgress/index.d.ts.map +1 -0
- package/dist/components/Chart/StatCard/StatCard.d.ts +70 -0
- package/dist/components/Chart/StatCard/StatCard.d.ts.map +1 -0
- package/dist/components/Chart/StatsCard/index.d.ts +58 -0
- package/dist/components/Chart/StatsCard/index.d.ts.map +1 -0
- package/dist/components/Chart/StatusItem/index.d.ts +26 -0
- package/dist/components/Chart/StatusItem/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleEight/index.d.ts +15 -0
- package/dist/components/Chart/StyleEight/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleEighteen/index.d.ts +61 -0
- package/dist/components/Chart/StyleEighteen/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleEleven/index.d.ts +71 -0
- package/dist/components/Chart/StyleEleven/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleFifteen/index.d.ts +49 -0
- package/dist/components/Chart/StyleFifteen/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleForty/index.d.ts +45 -0
- package/dist/components/Chart/StyleForty/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleFortyOne/index.d.ts +123 -0
- package/dist/components/Chart/StyleFortyOne/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleFourteen/index.d.ts +58 -0
- package/dist/components/Chart/StyleFourteen/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleNine/index.d.ts +45 -0
- package/dist/components/Chart/StyleNine/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleSeventeen/index.d.ts +70 -0
- package/dist/components/Chart/StyleSeventeen/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleSixteen/index.d.ts +58 -0
- package/dist/components/Chart/StyleSixteen/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleTen/index.d.ts +124 -0
- package/dist/components/Chart/StyleTen/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleThirteen/index.d.ts +63 -0
- package/dist/components/Chart/StyleThirteen/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleThirty/index.d.ts +68 -0
- package/dist/components/Chart/StyleThirty/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleThirtyEight/index.d.ts +94 -0
- package/dist/components/Chart/StyleThirtyEight/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleThirtyFive/index.d.ts +42 -0
- package/dist/components/Chart/StyleThirtyFive/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleThirtyFour/index.d.ts +72 -0
- package/dist/components/Chart/StyleThirtyFour/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleThirtyNine/index.d.ts +51 -0
- package/dist/components/Chart/StyleThirtyNine/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleThirtyOne/index.d.ts +43 -0
- package/dist/components/Chart/StyleThirtyOne/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleThirtySeven/index.d.ts +90 -0
- package/dist/components/Chart/StyleThirtySeven/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleThirtySix/index.d.ts +50 -0
- package/dist/components/Chart/StyleThirtySix/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleThirtyThree/index.d.ts +32 -0
- package/dist/components/Chart/StyleThirtyThree/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleThirtyTwo/index.d.ts +36 -0
- package/dist/components/Chart/StyleThirtyTwo/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleTwelve/index.d.ts +70 -0
- package/dist/components/Chart/StyleTwelve/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleTwenty/index.d.ts +42 -0
- package/dist/components/Chart/StyleTwenty/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleTwentyEight/index.d.ts +78 -0
- package/dist/components/Chart/StyleTwentyEight/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleTwentyFive/index.d.ts +60 -0
- package/dist/components/Chart/StyleTwentyFive/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleTwentyFour/index.d.ts +81 -0
- package/dist/components/Chart/StyleTwentyFour/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleTwentyNine/index.d.ts +35 -0
- package/dist/components/Chart/StyleTwentyNine/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleTwentyOne/index.d.ts +42 -0
- package/dist/components/Chart/StyleTwentyOne/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleTwentySeven/index.d.ts +51 -0
- package/dist/components/Chart/StyleTwentySeven/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleTwentySix/index.d.ts +48 -0
- package/dist/components/Chart/StyleTwentySix/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleTwentyThree/index.d.ts +208 -0
- package/dist/components/Chart/StyleTwentyThree/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleTwentyTwo/index.d.ts +86 -0
- package/dist/components/Chart/StyleTwentyTwo/index.d.ts.map +1 -0
- package/dist/components/Chart/StyledProgressBar/index.d.ts +20 -0
- package/dist/components/Chart/StyledProgressBar/index.d.ts.map +1 -0
- package/dist/components/Chart/TabButtons/index.d.ts +19 -0
- package/dist/components/Chart/TabButtons/index.d.ts.map +1 -0
- package/dist/components/Chart/TechPanel/index.d.ts +47 -0
- package/dist/components/Chart/TechPanel/index.d.ts.map +1 -0
- package/dist/components/Chart/formatTooltipValue.d.ts +6 -0
- package/dist/components/Chart/formatTooltipValue.d.ts.map +1 -0
- package/dist/index.cjs +13 -0
- package/dist/index.d.ts +115 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +9559 -0
- package/dist/style.css +1 -0
- package/dist/utils/echartsGL.d.ts +5 -0
- package/dist/utils/echartsGL.d.ts.map +1 -0
- package/package.json +55 -0
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface SeriesData {
|
|
3
|
+
name: string;
|
|
4
|
+
data: number[];
|
|
5
|
+
}
|
|
6
|
+
interface StyleTwentyOneProps {
|
|
7
|
+
style?: React.CSSProperties;
|
|
8
|
+
chartStyle?: React.CSSProperties;
|
|
9
|
+
/** 数据配置 */
|
|
10
|
+
data?: {
|
|
11
|
+
categories: string[];
|
|
12
|
+
series: SeriesData[];
|
|
13
|
+
};
|
|
14
|
+
/** 单位 */
|
|
15
|
+
unit?: string;
|
|
16
|
+
/** 颜色配置 (主色调) */
|
|
17
|
+
colors?: string[];
|
|
18
|
+
/** 网格配置 */
|
|
19
|
+
grid?: {
|
|
20
|
+
top?: string | number;
|
|
21
|
+
bottom?: string | number;
|
|
22
|
+
left?: string | number;
|
|
23
|
+
right?: string | number;
|
|
24
|
+
containLabel?: boolean;
|
|
25
|
+
};
|
|
26
|
+
/** 图例配置 */
|
|
27
|
+
legendConfig?: {
|
|
28
|
+
show?: boolean;
|
|
29
|
+
top?: string | number;
|
|
30
|
+
right?: string | number;
|
|
31
|
+
[key: string]: any;
|
|
32
|
+
};
|
|
33
|
+
/** 提示框配置 */
|
|
34
|
+
tooltipConfig?: {
|
|
35
|
+
show?: boolean;
|
|
36
|
+
trigger?: 'item' | 'axis' | 'none';
|
|
37
|
+
[key: string]: any;
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
declare const StyleTwentyOne: React.FC<StyleTwentyOneProps>;
|
|
41
|
+
export default StyleTwentyOne;
|
|
42
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/StyleTwentyOne/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,UAAU,UAAU;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,EAAE,CAAC;CAChB;AAED,UAAU,mBAAmB;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,WAAW;IACX,IAAI,CAAC,EAAE;QACL,UAAU,EAAE,MAAM,EAAE,CAAC;QACrB,MAAM,EAAE,UAAU,EAAE,CAAC;KACtB,CAAC;IACF,SAAS;IACT,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,WAAW;IACX,IAAI,CAAC,EAAE;QACL,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACtB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACzB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACxB,YAAY,CAAC,EAAE,OAAO,CAAC;KACxB,CAAC;IACF,WAAW;IACX,YAAY,CAAC,EAAE;QACb,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACxB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;IACF,YAAY;IACZ,aAAa,CAAC,EAAE;QACd,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;QACnC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;CACH;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmLjD,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface ChartData {
|
|
3
|
+
name: string;
|
|
4
|
+
value: number;
|
|
5
|
+
percentage?: string;
|
|
6
|
+
count?: string;
|
|
7
|
+
color?: string;
|
|
8
|
+
trackColor?: string;
|
|
9
|
+
}
|
|
10
|
+
export interface StyleTwentySevenProps {
|
|
11
|
+
className?: string;
|
|
12
|
+
style?: React.CSSProperties;
|
|
13
|
+
chartStyle?: React.CSSProperties;
|
|
14
|
+
/** 数据列表 */
|
|
15
|
+
data?: ChartData[];
|
|
16
|
+
/** 基础配置 */
|
|
17
|
+
chartConfig?: {
|
|
18
|
+
width?: string | number;
|
|
19
|
+
height?: string | number;
|
|
20
|
+
center?: [string | number, string | number];
|
|
21
|
+
centerRadius?: string | number;
|
|
22
|
+
};
|
|
23
|
+
/** 仪表盘配置 */
|
|
24
|
+
gaugeConfig?: {
|
|
25
|
+
maxRadius?: number;
|
|
26
|
+
gap?: number;
|
|
27
|
+
trackWidth?: number;
|
|
28
|
+
startAngle?: number;
|
|
29
|
+
endAngle?: number;
|
|
30
|
+
};
|
|
31
|
+
/** 图例配置 */
|
|
32
|
+
legendConfig?: {
|
|
33
|
+
show?: boolean;
|
|
34
|
+
right?: string | number;
|
|
35
|
+
top?: string | number;
|
|
36
|
+
textStyle?: any;
|
|
37
|
+
itemWidth?: number;
|
|
38
|
+
itemHeight?: number;
|
|
39
|
+
itemGap?: number;
|
|
40
|
+
};
|
|
41
|
+
/** 中心图片配置 */
|
|
42
|
+
imageConfig?: {
|
|
43
|
+
show?: boolean;
|
|
44
|
+
src?: string;
|
|
45
|
+
size?: number;
|
|
46
|
+
};
|
|
47
|
+
color?: string;
|
|
48
|
+
}
|
|
49
|
+
declare const StyleTwentySeven: React.FC<StyleTwentySevenProps>;
|
|
50
|
+
export default StyleTwentySeven;
|
|
51
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/StyleTwentySeven/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,WAAW;IACX,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC;IACnB,WAAW;IACX,WAAW,CAAC,EAAE;QACZ,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;QAC5C,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KAChC,CAAC;IACF,YAAY;IACZ,WAAW,CAAC,EAAE;QACZ,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,WAAW;IACX,YAAY,CAAC,EAAE;QACb,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACxB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACtB,SAAS,CAAC,EAAE,GAAG,CAAC;QAChB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,aAAa;IACb,WAAW,CAAC,EAAE;QACZ,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2RrD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/** 图表数据接口 */
|
|
3
|
+
interface ChartData {
|
|
4
|
+
name: string;
|
|
5
|
+
value: number;
|
|
6
|
+
color?: string;
|
|
7
|
+
startColor?: string;
|
|
8
|
+
endColor?: string;
|
|
9
|
+
}
|
|
10
|
+
/** 环形进度图组件属性 */
|
|
11
|
+
interface StyleTwentySixProps {
|
|
12
|
+
style?: React.CSSProperties;
|
|
13
|
+
chartStyle?: React.CSSProperties;
|
|
14
|
+
data?: ChartData;
|
|
15
|
+
layout?: {
|
|
16
|
+
width?: string | number;
|
|
17
|
+
height?: string | number;
|
|
18
|
+
center?: [string | number, string | number];
|
|
19
|
+
};
|
|
20
|
+
titleConfig?: {
|
|
21
|
+
fontSize?: number;
|
|
22
|
+
fontWeight?: string | number;
|
|
23
|
+
color?: string;
|
|
24
|
+
};
|
|
25
|
+
labelConfig?: {
|
|
26
|
+
fontSize?: number;
|
|
27
|
+
color?: string;
|
|
28
|
+
marginTop?: string | number;
|
|
29
|
+
};
|
|
30
|
+
progressConfig?: {
|
|
31
|
+
radius?: string;
|
|
32
|
+
innerRadius?: string;
|
|
33
|
+
width?: number;
|
|
34
|
+
trackOpacity?: number;
|
|
35
|
+
};
|
|
36
|
+
outerConfig?: {
|
|
37
|
+
show?: boolean;
|
|
38
|
+
radius?: string;
|
|
39
|
+
splitNumber?: number;
|
|
40
|
+
tickWidth?: number;
|
|
41
|
+
tickLength?: number;
|
|
42
|
+
tickColor?: string;
|
|
43
|
+
lineOpacity?: number;
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
declare const StyleTwentySix: React.FC<StyleTwentySixProps>;
|
|
47
|
+
export default StyleTwentySix;
|
|
48
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/StyleTwentySix/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,aAAa;AACb,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,gBAAgB;AAChB,UAAU,mBAAmB;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;KAC7C,CAAC;IACF,WAAW,CAAC,EAAE;QACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,WAAW,CAAC,EAAE;QACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KAC7B,CAAC;IACF,cAAc,CAAC,EAAE;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;IACF,WAAW,CAAC,EAAE;QACZ,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACH;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA+NjD,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,208 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface DataItem {
|
|
3
|
+
value: number;
|
|
4
|
+
name: string;
|
|
5
|
+
color?: string;
|
|
6
|
+
}
|
|
7
|
+
interface StyleTwentyThreeProps {
|
|
8
|
+
className?: string;
|
|
9
|
+
style?: React.CSSProperties;
|
|
10
|
+
/** 图表元素自定义样式 */
|
|
11
|
+
chartStyle?: React.CSSProperties;
|
|
12
|
+
/** ECharts 渲染器,数据量大时推荐 canvas */
|
|
13
|
+
chartRenderer?: 'canvas' | 'svg';
|
|
14
|
+
/** 图表容器自定义样式 */
|
|
15
|
+
chartContainerStyle?: React.CSSProperties;
|
|
16
|
+
/** 图例容器自定义样式 */
|
|
17
|
+
legendContainerStyle?: React.CSSProperties;
|
|
18
|
+
/** 图例项容器自定义样式 */
|
|
19
|
+
legendItemStyle?: React.CSSProperties;
|
|
20
|
+
/** 图例项头部自定义样式 */
|
|
21
|
+
legendItemHeaderStyle?: React.CSSProperties;
|
|
22
|
+
/** 图例颜色块自定义样式 */
|
|
23
|
+
legendColorBlockStyle?: React.CSSProperties;
|
|
24
|
+
/** 图例名称自定义样式 */
|
|
25
|
+
legendNameStyle?: React.CSSProperties;
|
|
26
|
+
/** 图例L型线容器自定义样式 */
|
|
27
|
+
legendLineContainerStyle?: React.CSSProperties;
|
|
28
|
+
/** 图例横线自定义样式 */
|
|
29
|
+
legendLineHorizontalStyle?: React.CSSProperties;
|
|
30
|
+
/** 图例数据文本自定义样式 */
|
|
31
|
+
legendDataStyle?: React.CSSProperties;
|
|
32
|
+
/** 图例百分比自定义样式 */
|
|
33
|
+
legendPercentStyle?: React.CSSProperties;
|
|
34
|
+
/** 中心图片URL (优先级低于 centerConfig.image) */
|
|
35
|
+
centerImage?: string;
|
|
36
|
+
/** 主题色 (光晕/仪表盘颜色),默认 '#00f2fe' */
|
|
37
|
+
color?: string;
|
|
38
|
+
/** 图表数据 */
|
|
39
|
+
data?: DataItem[];
|
|
40
|
+
/** 颜色方案 (循环使用),默认 ['#FFFFFF', '#FFD700', '#00FA9A', '#1E90FF', '#00FFFF'] */
|
|
41
|
+
colors?: string[];
|
|
42
|
+
/** 显示在数值后的单位文本 */
|
|
43
|
+
unit?: string;
|
|
44
|
+
/** 中心标题配置 */
|
|
45
|
+
titleConfig?: {
|
|
46
|
+
/** 主标题文本 (数值) */
|
|
47
|
+
text?: string;
|
|
48
|
+
/** 副标题文本 (标签) */
|
|
49
|
+
label?: string;
|
|
50
|
+
/** 水平对齐方式,默认 'center' */
|
|
51
|
+
textAlign?: 'left' | 'center' | 'right';
|
|
52
|
+
/** 垂直对齐方式,默认 'middle' */
|
|
53
|
+
textVerticalAlign?: 'top' | 'middle' | 'bottom';
|
|
54
|
+
/** 层级,默认 11 */
|
|
55
|
+
z?: number;
|
|
56
|
+
/** 主标题样式配置 */
|
|
57
|
+
textStyle?: {
|
|
58
|
+
/** 文字颜色,默认 '#fff' */
|
|
59
|
+
color?: string;
|
|
60
|
+
/** 字体大小,默认 32 */
|
|
61
|
+
fontSize?: number;
|
|
62
|
+
/** 字体粗细,默认 'bold' */
|
|
63
|
+
fontWeight?: string | number;
|
|
64
|
+
/** 行高,默认 40 */
|
|
65
|
+
lineHeight?: number;
|
|
66
|
+
/** 文字对齐,默认 'center' */
|
|
67
|
+
align?: 'left' | 'center' | 'right';
|
|
68
|
+
[key: string]: any;
|
|
69
|
+
};
|
|
70
|
+
/** 副标题样式配置 */
|
|
71
|
+
labelStyle?: {
|
|
72
|
+
/** 文字颜色,默认 '#fff' */
|
|
73
|
+
color?: string;
|
|
74
|
+
/** 字体大小,默认 14 */
|
|
75
|
+
fontSize?: number;
|
|
76
|
+
/** 文字对齐,默认 'center' */
|
|
77
|
+
align?: 'left' | 'center' | 'right';
|
|
78
|
+
[key: string]: any;
|
|
79
|
+
};
|
|
80
|
+
/** 标题左侧位置 */
|
|
81
|
+
left?: string | number;
|
|
82
|
+
/** 标题顶部位置 */
|
|
83
|
+
top?: string | number;
|
|
84
|
+
[key: string]: any;
|
|
85
|
+
};
|
|
86
|
+
/** 图例配置 */
|
|
87
|
+
legendConfig?: {
|
|
88
|
+
/** 是否显示图例,默认 false */
|
|
89
|
+
show?: boolean;
|
|
90
|
+
/** 图例宽度,默认 220 */
|
|
91
|
+
width?: string | number;
|
|
92
|
+
/** 图例列数,默认 2 */
|
|
93
|
+
columns?: number;
|
|
94
|
+
/** 图例间距,默认 { column: 20, row: 20 } */
|
|
95
|
+
gap?: {
|
|
96
|
+
column?: number;
|
|
97
|
+
row?: number;
|
|
98
|
+
};
|
|
99
|
+
/** 图例项宽度,默认 12 (default) / 16 (simple) */
|
|
100
|
+
itemWidth?: number;
|
|
101
|
+
/** 图例项高度,默认 12 (default) / 16 (simple) */
|
|
102
|
+
itemHeight?: number;
|
|
103
|
+
/** 图例文字样式 */
|
|
104
|
+
textStyle?: any;
|
|
105
|
+
/** 图例类型: default=L型样式, simple=简单横向样式,默认 'default' */
|
|
106
|
+
type?: 'default' | 'simple';
|
|
107
|
+
/** 图例虚拟滚动配置,数据量大时只渲染可视区域附近的条目 */
|
|
108
|
+
virtual?: {
|
|
109
|
+
/** 是否启用虚拟滚动 */
|
|
110
|
+
enabled?: boolean;
|
|
111
|
+
/** 单条图例占用高度,单位 px */
|
|
112
|
+
itemHeight?: number;
|
|
113
|
+
/** 可视区域上下额外渲染条数 */
|
|
114
|
+
overscan?: number;
|
|
115
|
+
};
|
|
116
|
+
};
|
|
117
|
+
/** 饼图布局配置 */
|
|
118
|
+
pieConfig?: {
|
|
119
|
+
/** 圆心位置,默认 ['50%', '50%'] */
|
|
120
|
+
center?: [string | number, string | number];
|
|
121
|
+
/** 半径配置 */
|
|
122
|
+
radius?: {
|
|
123
|
+
/** 外圈数据环半径,默认 ['74%', '88%'] */
|
|
124
|
+
outer?: [string | number, string | number];
|
|
125
|
+
/** 内圈数据环半径,默认 ['58%', '68%'] */
|
|
126
|
+
inner?: [string | number, string | number];
|
|
127
|
+
/** 背景光晕环半径,默认 ['50%', '90%'] */
|
|
128
|
+
halo?: [string | number, string | number];
|
|
129
|
+
};
|
|
130
|
+
/** 扇区间隔角度,默认 5 */
|
|
131
|
+
padAngle?: number;
|
|
132
|
+
};
|
|
133
|
+
/** 中心装饰配置 */
|
|
134
|
+
centerConfig?: {
|
|
135
|
+
/** 中心图片URL */
|
|
136
|
+
image?: string;
|
|
137
|
+
/** 中心图片尺寸,默认 135 */
|
|
138
|
+
imageSize?: number;
|
|
139
|
+
/** 中心图片层级,默认 10 */
|
|
140
|
+
imageZ?: number;
|
|
141
|
+
/** 中心图片是否静默(不响应鼠标事件),默认 true */
|
|
142
|
+
imageSilent?: boolean;
|
|
143
|
+
/** 无图片时的中心圆外半径,默认 '50%' */
|
|
144
|
+
radius?: string | number;
|
|
145
|
+
/** 无图片时的中心圆内半径,默认 '0%' */
|
|
146
|
+
innerRadius?: string | number;
|
|
147
|
+
/** 中心装饰是否静默,默认 true */
|
|
148
|
+
silent?: boolean;
|
|
149
|
+
/** 渐变配置 */
|
|
150
|
+
gradient?: {
|
|
151
|
+
/** 渐变色阶,默认从透明到主题色 */
|
|
152
|
+
colorStops?: Array<{
|
|
153
|
+
offset: number;
|
|
154
|
+
color: string;
|
|
155
|
+
}>;
|
|
156
|
+
};
|
|
157
|
+
/** 仪表盘配置 */
|
|
158
|
+
gauge?: {
|
|
159
|
+
/** 起始角度,默认 90 */
|
|
160
|
+
startAngle?: number;
|
|
161
|
+
/** 结束角度,默认 -269.9 */
|
|
162
|
+
endAngle?: number;
|
|
163
|
+
/** 分段数,默认 1 */
|
|
164
|
+
splitNumber?: number;
|
|
165
|
+
/** 轴线宽度,默认 1 */
|
|
166
|
+
lineWidth?: number;
|
|
167
|
+
/** 轴线透明度,默认 0.5 */
|
|
168
|
+
lineOpacity?: number;
|
|
169
|
+
};
|
|
170
|
+
};
|
|
171
|
+
/** 系列样式配置 */
|
|
172
|
+
seriesConfig?: {
|
|
173
|
+
/** 背景光晕配置 */
|
|
174
|
+
halo?: {
|
|
175
|
+
/** 是否静默(不响应鼠标事件),默认 true */
|
|
176
|
+
silent?: boolean;
|
|
177
|
+
/** 透明度,默认 0 */
|
|
178
|
+
opacity?: number;
|
|
179
|
+
/** 层级,默认 0 */
|
|
180
|
+
z?: number;
|
|
181
|
+
};
|
|
182
|
+
/** 数据环配置 */
|
|
183
|
+
dataRing?: {
|
|
184
|
+
/** 系列名称,默认 'Access From' */
|
|
185
|
+
name?: string;
|
|
186
|
+
/** 是否启用防止标签重叠策略,默认 false */
|
|
187
|
+
avoidLabelOverlap?: boolean;
|
|
188
|
+
/** 扇区圆角半径,默认 0 */
|
|
189
|
+
borderRadius?: number;
|
|
190
|
+
/** 阴影模糊大小,默认 10 */
|
|
191
|
+
shadowBlur?: number;
|
|
192
|
+
/** 外圈透明度,默认 0.8 */
|
|
193
|
+
outerOpacity?: number;
|
|
194
|
+
/** 内圈透明度,默认 0.2 */
|
|
195
|
+
innerOpacity?: number;
|
|
196
|
+
/** 高亮效果配置 */
|
|
197
|
+
emphasis?: {
|
|
198
|
+
/** 是否开启缩放,默认 true */
|
|
199
|
+
scale?: boolean;
|
|
200
|
+
/** 缩放大小,默认 10 */
|
|
201
|
+
scaleSize?: number;
|
|
202
|
+
};
|
|
203
|
+
};
|
|
204
|
+
};
|
|
205
|
+
}
|
|
206
|
+
declare const StyleTwentyThree: React.FC<StyleTwentyThreeProps>;
|
|
207
|
+
export default StyleTwentyThree;
|
|
208
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/StyleTwentyThree/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/** 系列数据接口 */
|
|
3
|
+
interface SeriesData {
|
|
4
|
+
name: string;
|
|
5
|
+
data: number[];
|
|
6
|
+
}
|
|
7
|
+
/** 图表数据接口 */
|
|
8
|
+
interface ChartData {
|
|
9
|
+
categories: string[];
|
|
10
|
+
series: SeriesData[];
|
|
11
|
+
}
|
|
12
|
+
/** 渐变色停止点接口 */
|
|
13
|
+
interface ColorStops {
|
|
14
|
+
offset: number;
|
|
15
|
+
color: string;
|
|
16
|
+
}
|
|
17
|
+
/** 渐变色配置接口 */
|
|
18
|
+
interface GradientColor {
|
|
19
|
+
type: string;
|
|
20
|
+
x: number;
|
|
21
|
+
y: number;
|
|
22
|
+
x2: number;
|
|
23
|
+
y2: number;
|
|
24
|
+
colorStops: ColorStops[];
|
|
25
|
+
global: boolean;
|
|
26
|
+
}
|
|
27
|
+
/** 系列颜色配置接口 */
|
|
28
|
+
interface SeriesColorConfig {
|
|
29
|
+
body?: GradientColor | string;
|
|
30
|
+
top?: string;
|
|
31
|
+
bottom?: string;
|
|
32
|
+
}
|
|
33
|
+
/** 颜色配置接口 */
|
|
34
|
+
interface ColorsConfig {
|
|
35
|
+
series1?: SeriesColorConfig;
|
|
36
|
+
series2?: SeriesColorConfig;
|
|
37
|
+
}
|
|
38
|
+
/** 3D柱状图组件属性 */
|
|
39
|
+
interface StyleTwentyTwoProps {
|
|
40
|
+
className?: string;
|
|
41
|
+
style?: React.CSSProperties;
|
|
42
|
+
chartStyle?: React.CSSProperties;
|
|
43
|
+
data?: ChartData;
|
|
44
|
+
unit?: string;
|
|
45
|
+
colors?: ColorsConfig;
|
|
46
|
+
grid?: {
|
|
47
|
+
top?: string | number;
|
|
48
|
+
left?: string | number;
|
|
49
|
+
right?: string | number;
|
|
50
|
+
bottom?: string | number;
|
|
51
|
+
containLabel?: boolean;
|
|
52
|
+
};
|
|
53
|
+
legendConfig?: {
|
|
54
|
+
show?: boolean;
|
|
55
|
+
top?: string | number;
|
|
56
|
+
right?: string | number;
|
|
57
|
+
textStyle?: {
|
|
58
|
+
color?: string;
|
|
59
|
+
fontSize?: number;
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
tooltipConfig?: {
|
|
63
|
+
trigger?: string;
|
|
64
|
+
formatter?: (params: any) => string;
|
|
65
|
+
};
|
|
66
|
+
yAxisConfig?: {
|
|
67
|
+
nameTextStyle?: {
|
|
68
|
+
color?: string;
|
|
69
|
+
fontSize?: number;
|
|
70
|
+
padding?: number[];
|
|
71
|
+
};
|
|
72
|
+
splitLine?: {
|
|
73
|
+
show?: boolean;
|
|
74
|
+
lineStyle?: {
|
|
75
|
+
color?: string;
|
|
76
|
+
};
|
|
77
|
+
};
|
|
78
|
+
axisLabel?: {
|
|
79
|
+
color?: string;
|
|
80
|
+
fontSize?: number;
|
|
81
|
+
};
|
|
82
|
+
};
|
|
83
|
+
}
|
|
84
|
+
declare const StyleTwentyTwo: React.FC<StyleTwentyTwoProps>;
|
|
85
|
+
export default StyleTwentyTwo;
|
|
86
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/StyleTwentyTwo/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
/** 样式化进度条组件属性 */
|
|
3
|
+
export interface StyledProgressBarProps {
|
|
4
|
+
showCorners?: boolean;
|
|
5
|
+
wrapperStyle?: CSSProperties;
|
|
6
|
+
percentage: number;
|
|
7
|
+
showDot?: boolean;
|
|
8
|
+
height?: number;
|
|
9
|
+
trackColor?: string;
|
|
10
|
+
fillGradient?: string;
|
|
11
|
+
borderColor?: string;
|
|
12
|
+
cornerColor?: string;
|
|
13
|
+
style?: CSSProperties;
|
|
14
|
+
trackStyle?: CSSProperties;
|
|
15
|
+
fillStyle?: CSSProperties;
|
|
16
|
+
dotStyle?: CSSProperties;
|
|
17
|
+
}
|
|
18
|
+
declare const StyledProgressBar: ({ percentage, showDot, showCorners, height, trackColor, fillGradient, cornerColor, borderColor, style, wrapperStyle, trackStyle, fillStyle, dotStyle, }: StyledProgressBarProps) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export default StyledProgressBar;
|
|
20
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/StyledProgressBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGtC,iBAAiB;AACjB,MAAM,WAAW,sBAAsB;IACrC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B;AAED,QAAA,MAAM,iBAAiB,4JAcpB,sBAAsB,4CAsCxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
/** 选项对象类型 */
|
|
3
|
+
export interface TabOption<T = string> {
|
|
4
|
+
label: string;
|
|
5
|
+
value: T;
|
|
6
|
+
}
|
|
7
|
+
/** 选项卡按钮组属性 */
|
|
8
|
+
interface TabButtonsProps<T = string> {
|
|
9
|
+
options: string[] | Array<TabOption<T>>;
|
|
10
|
+
value?: T;
|
|
11
|
+
onChange: (value: T) => void;
|
|
12
|
+
style?: CSSProperties;
|
|
13
|
+
className?: string;
|
|
14
|
+
buttonClassName?: string;
|
|
15
|
+
buttonStyle?: CSSProperties;
|
|
16
|
+
}
|
|
17
|
+
declare const TabButtons: <T extends string = string>({ options, value, onChange, style, className, buttonClassName, buttonStyle, }: TabButtonsProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export default TabButtons;
|
|
19
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/TabButtons/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGtC,aAAa;AACb,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,MAAM;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,CAAC;CACV;AAED,eAAe;AACf,UAAU,eAAe,CAAC,CAAC,GAAG,MAAM;IAClC,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,UAAU,GAAI,CAAC,SAAS,MAAM,0FAQjC,eAAe,CAAC,CAAC,CAAC,4CAsBpB,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/** 科技感面板组件属性 */
|
|
3
|
+
export interface TechPanelProps {
|
|
4
|
+
/** 主题色,用于边框、角标和进度条 */
|
|
5
|
+
color?: string;
|
|
6
|
+
/** 标签文字 */
|
|
7
|
+
label?: string;
|
|
8
|
+
/** 数值,默认同时作为展示值和进度值 */
|
|
9
|
+
value?: number;
|
|
10
|
+
/** 独立进度值,未传时使用 value */
|
|
11
|
+
progressValue?: number;
|
|
12
|
+
/** 自定义数值展示,未传时展示百分比 */
|
|
13
|
+
valueFormatter?: (value: number) => React.ReactNode;
|
|
14
|
+
/** 图标,支持 React 元素或图片路径 */
|
|
15
|
+
icon?: React.ReactNode | string;
|
|
16
|
+
/** 外层容器自定义样式 */
|
|
17
|
+
style?: React.CSSProperties;
|
|
18
|
+
/** 进度条总块数,默认 20 */
|
|
19
|
+
totalBlocks?: number;
|
|
20
|
+
/** 背景图片 URL */
|
|
21
|
+
backgroundImage?: string;
|
|
22
|
+
/** 图标容器自定义样式 */
|
|
23
|
+
iconStyle?: React.CSSProperties;
|
|
24
|
+
/** SVG 边框自定义样式 */
|
|
25
|
+
svgStyle?: React.CSSProperties;
|
|
26
|
+
/** 边框自定义样式 */
|
|
27
|
+
borderStyle?: React.CSSProperties;
|
|
28
|
+
/** 四角装饰自定义样式 */
|
|
29
|
+
cornerStyle?: React.CSSProperties;
|
|
30
|
+
/** 内容包裹层自定义样式 */
|
|
31
|
+
contentWrapperStyle?: React.CSSProperties;
|
|
32
|
+
/** 信息区域自定义样式 */
|
|
33
|
+
infoStyle?: React.CSSProperties;
|
|
34
|
+
/** 头部区域自定义样式 */
|
|
35
|
+
headerStyle?: React.CSSProperties;
|
|
36
|
+
/** 标签文字自定义样式 */
|
|
37
|
+
labelStyle?: React.CSSProperties;
|
|
38
|
+
/** 数值文字自定义样式 */
|
|
39
|
+
valueStyle?: React.CSSProperties;
|
|
40
|
+
/** 进度条容器自定义样式 */
|
|
41
|
+
progressBarStyle?: React.CSSProperties;
|
|
42
|
+
/** 进度条单个块自定义样式 */
|
|
43
|
+
blockStyle?: React.CSSProperties;
|
|
44
|
+
}
|
|
45
|
+
declare const TechPanel: React.FC<TechPanelProps>;
|
|
46
|
+
export default TechPanel;
|
|
47
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/TechPanel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,gBAAgB;AAChB,MAAM,WAAW,cAAc;IAC7B,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uBAAuB;IACvB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACpD,0BAA0B;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IAChC,gBAAgB;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB;IAChB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,kBAAkB;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC/B,cAAc;IACd,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,gBAAgB;IAChB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,iBAAiB;IACjB,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC1C,gBAAgB;IAChB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,gBAAgB;IAChB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,gBAAgB;IAChB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,gBAAgB;IAChB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,iBAAiB;IACjB,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACvC,kBAAkB;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAClC;AAWD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiLvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"formatTooltipValue.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/formatTooltipValue.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,kBAAkB,UAAW,OAAO,KAAG,MAInD,CAAC"}
|