@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 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/PeakValleyElectricityLineChart/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAG7C,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CACrC;AAED,MAAM,WAAW,YAAY;IAC3B,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAAC;CAC3B;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,mCAAmC;IAClD,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACnC,YAAY,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,aAAa,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACrC,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;CAC9C;AAED;;GAEG;AACH,QAAA,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,mCAAmC,CAkPjF,CAAC;AAEF,eAAe,8BAA8B,CAAC"}
|
|
@@ -0,0 +1,190 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import '@/utils/echartsGL';
|
|
3
|
+
/** 单个 3D 扇形的数据项 */
|
|
4
|
+
export interface PieItem {
|
|
5
|
+
/** 扇形名称,用于标签显示 */
|
|
6
|
+
name: string;
|
|
7
|
+
/** 数值,用于占比计算和高度映射 */
|
|
8
|
+
val: number;
|
|
9
|
+
/** 基础颜色配置,未指定 colors 时作为主色使用 */
|
|
10
|
+
itemStyle?: {
|
|
11
|
+
color: string;
|
|
12
|
+
};
|
|
13
|
+
/** 自定义每个面的颜色(顶面 / 侧面 / 起始面 / 结束面) */
|
|
14
|
+
colors?: {
|
|
15
|
+
top: string;
|
|
16
|
+
side: string;
|
|
17
|
+
start: string;
|
|
18
|
+
end: string;
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
/** 底座圆柱和悬浮光环的几何及颜色配置 */
|
|
22
|
+
export interface Pie3DBaseConfig {
|
|
23
|
+
/** 底座底层圆柱半径 */
|
|
24
|
+
baseR1?: number;
|
|
25
|
+
/** 底座底层圆柱底部 Z 值 */
|
|
26
|
+
baseH1Min?: number;
|
|
27
|
+
/** 底座底层圆柱顶部 Z 值 */
|
|
28
|
+
baseH1Max?: number;
|
|
29
|
+
/** 底座上层圆柱半径 */
|
|
30
|
+
baseR2?: number;
|
|
31
|
+
/** 底座上层圆柱底部 Z 值 */
|
|
32
|
+
baseH2Min?: number;
|
|
33
|
+
/** 底座上层圆柱顶部 Z 值 */
|
|
34
|
+
baseH2Max?: number;
|
|
35
|
+
/** 光环大半径 */
|
|
36
|
+
ringRadius?: number;
|
|
37
|
+
/** 光环管半径 */
|
|
38
|
+
ringTubeRadius?: number;
|
|
39
|
+
/** 光环 Z 轴波动幅度 */
|
|
40
|
+
ringWaveHeight?: number;
|
|
41
|
+
/** 光环中心高度 */
|
|
42
|
+
ringCenterZ?: number;
|
|
43
|
+
/** 底层圆柱侧面颜色 */
|
|
44
|
+
bottomSideColor?: string;
|
|
45
|
+
/** 底层圆柱顶面颜色 */
|
|
46
|
+
bottomTopColor?: string;
|
|
47
|
+
/** 上层圆柱侧面颜色 */
|
|
48
|
+
topSideColor?: string;
|
|
49
|
+
/** 上层圆柱顶面颜色 */
|
|
50
|
+
topTopColor?: string;
|
|
51
|
+
/** 光环颜色 */
|
|
52
|
+
ringColor?: string;
|
|
53
|
+
}
|
|
54
|
+
/** 扇形高度阶梯配置 */
|
|
55
|
+
export interface Pie3DSliceHeightConfig {
|
|
56
|
+
/** 第一块扇形的高度 */
|
|
57
|
+
baseHeight?: number;
|
|
58
|
+
/** 每块比上一块减少的高度 */
|
|
59
|
+
step?: number;
|
|
60
|
+
}
|
|
61
|
+
/** 3D 坐标轴范围配置 */
|
|
62
|
+
export interface Pie3DAxis3DConfig {
|
|
63
|
+
/** xAxis3D 范围设置 */
|
|
64
|
+
xAxis3D?: {
|
|
65
|
+
min?: number;
|
|
66
|
+
max?: number;
|
|
67
|
+
};
|
|
68
|
+
/** yAxis3D 范围设置 */
|
|
69
|
+
yAxis3D?: {
|
|
70
|
+
min?: number;
|
|
71
|
+
max?: number;
|
|
72
|
+
};
|
|
73
|
+
/** zAxis3D 范围设置 */
|
|
74
|
+
zAxis3D?: {
|
|
75
|
+
min?: number;
|
|
76
|
+
max?: number;
|
|
77
|
+
};
|
|
78
|
+
}
|
|
79
|
+
/** grid3D 盒子和视角配置 */
|
|
80
|
+
export interface Pie3DGrid3DConfig {
|
|
81
|
+
/** grid3D 盒子高度 */
|
|
82
|
+
boxHeight?: number;
|
|
83
|
+
/** 视角控制配置 */
|
|
84
|
+
viewControl?: {
|
|
85
|
+
/** 观察点距离模型中心的远近 */
|
|
86
|
+
distance?: number;
|
|
87
|
+
/** 俯仰角,控制从上往下看的角度 */
|
|
88
|
+
alpha?: number;
|
|
89
|
+
/** 水平旋转角度 */
|
|
90
|
+
beta?: number;
|
|
91
|
+
/** 是否自动旋转 */
|
|
92
|
+
autoRotate?: boolean;
|
|
93
|
+
/** 自动旋转速度 */
|
|
94
|
+
autoRotateSpeed?: number;
|
|
95
|
+
/** 平移使用的鼠标按键 */
|
|
96
|
+
panMouseButton?: 'left' | 'right' | 'middle';
|
|
97
|
+
/** 旋转使用的鼠标按键 */
|
|
98
|
+
rotateMouseButton?: 'left' | 'right' | 'middle';
|
|
99
|
+
/** 旋转中心点坐标 */
|
|
100
|
+
center?: [number, number, number];
|
|
101
|
+
};
|
|
102
|
+
/** 光照配置 */
|
|
103
|
+
light?: {
|
|
104
|
+
/** 主光源相关配置 */
|
|
105
|
+
main?: {
|
|
106
|
+
/** 主光源强度 */
|
|
107
|
+
intensity?: number;
|
|
108
|
+
/** 是否开启阴影 */
|
|
109
|
+
shadow?: boolean;
|
|
110
|
+
[key: string]: any;
|
|
111
|
+
};
|
|
112
|
+
/** 环境光配置 */
|
|
113
|
+
ambient?: {
|
|
114
|
+
/** 环境光强度 */
|
|
115
|
+
intensity?: number;
|
|
116
|
+
[key: string]: any;
|
|
117
|
+
};
|
|
118
|
+
[key: string]: any;
|
|
119
|
+
};
|
|
120
|
+
/** 后期特效配置(FXAA 等) */
|
|
121
|
+
postEffect?: {
|
|
122
|
+
enable?: boolean;
|
|
123
|
+
[key: string]: any;
|
|
124
|
+
};
|
|
125
|
+
}
|
|
126
|
+
/** 标签引线几何与样式配置 */
|
|
127
|
+
export interface Pie3DGuideLineConfig {
|
|
128
|
+
/** 引线起点半径(位于扇形中部) */
|
|
129
|
+
rStart?: number;
|
|
130
|
+
/** 引线拐点半径(外扩位置) */
|
|
131
|
+
rTurn?: number;
|
|
132
|
+
/** 引线向上抬升的高度 */
|
|
133
|
+
riseZ?: number;
|
|
134
|
+
/** 引线水平延伸长度 */
|
|
135
|
+
endOffset?: number;
|
|
136
|
+
/** 引线宽度 */
|
|
137
|
+
lineWidth?: number;
|
|
138
|
+
/** 引线颜色 */
|
|
139
|
+
lineColor?: string;
|
|
140
|
+
/** 引线不透明度 */
|
|
141
|
+
lineOpacity?: number;
|
|
142
|
+
}
|
|
143
|
+
/** 标签文本样式配置 */
|
|
144
|
+
export interface Pie3DLabelConfig {
|
|
145
|
+
/** 名称文字颜色 */
|
|
146
|
+
nameColor?: string;
|
|
147
|
+
/** 名称文字大小 */
|
|
148
|
+
nameFontSize?: number;
|
|
149
|
+
/** 百分比文字颜色 */
|
|
150
|
+
percentColor?: string;
|
|
151
|
+
/** 百分比文字大小 */
|
|
152
|
+
percentFontSize?: number;
|
|
153
|
+
}
|
|
154
|
+
/** 3D 饼图组件对外 Props */
|
|
155
|
+
export interface Pie3DProps {
|
|
156
|
+
/** 外层容器类名 */
|
|
157
|
+
className?: string;
|
|
158
|
+
/** 外层容器样式 */
|
|
159
|
+
style?: React.CSSProperties;
|
|
160
|
+
/** 图表样式 */
|
|
161
|
+
chartStyle?: React.CSSProperties;
|
|
162
|
+
/** 饼图数据列表,每一项对应一个 3D 扇形 */
|
|
163
|
+
data?: PieItem[];
|
|
164
|
+
/** 内外半径比例,接近 0 为实心,接近 1 为圆环 */
|
|
165
|
+
innerRatio?: number;
|
|
166
|
+
/** 3D 坐标轴范围配置 */
|
|
167
|
+
axis3DConfig?: Pie3DAxis3DConfig;
|
|
168
|
+
/** grid3D 配置(盒子高度、视角控制、后期特效等) */
|
|
169
|
+
grid3DConfig?: Pie3DGrid3DConfig;
|
|
170
|
+
/** 底座圆柱和悬浮光环的几何及颜色配置 */
|
|
171
|
+
baseConfig?: Pie3DBaseConfig;
|
|
172
|
+
/** 扇形高度阶梯配置(第一块高度、递减步长) */
|
|
173
|
+
sliceHeightConfig?: Pie3DSliceHeightConfig;
|
|
174
|
+
/** 标签引线相关配置 */
|
|
175
|
+
guideLineConfig?: Pie3DGuideLineConfig;
|
|
176
|
+
/** 标签文本样式配置 */
|
|
177
|
+
labelConfig?: Pie3DLabelConfig;
|
|
178
|
+
/** tooltip 提示框配置,不传时默认关闭 tooltip */
|
|
179
|
+
tooltipConfig?: {
|
|
180
|
+
show?: boolean;
|
|
181
|
+
[key: string]: any;
|
|
182
|
+
};
|
|
183
|
+
/** 未提供 itemStyle / colors 时使用的默认主色 */
|
|
184
|
+
defaultItemColor?: string;
|
|
185
|
+
/** 放大 devicePixelRatio 的倍数,用于提升渲染清晰度 */
|
|
186
|
+
devicePixelRatioMultiplier?: number;
|
|
187
|
+
}
|
|
188
|
+
declare const Pie3D: React.FC<Pie3DProps>;
|
|
189
|
+
export default Pie3D;
|
|
190
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/Pie3D/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface StyleTwelveLayoutConfig {
|
|
3
|
+
/** 连接线主干距最外圈的偏移,默认 65 */
|
|
4
|
+
trunkOff?: number;
|
|
5
|
+
/** 每条连接线主干的水平错开量,默认 -20 */
|
|
6
|
+
spread?: number;
|
|
7
|
+
/** 连接线起点半径偏移,默认 0 */
|
|
8
|
+
rOff?: number;
|
|
9
|
+
/** 图例行间距,默认 25 */
|
|
10
|
+
legGap?: number;
|
|
11
|
+
/** 垂直参考线距最外圈的偏移,默认 60 */
|
|
12
|
+
refLineOffset?: number;
|
|
13
|
+
/** 垂直参考线在上下两端的延伸量,默认 8 */
|
|
14
|
+
refLineExtension?: number;
|
|
15
|
+
}
|
|
16
|
+
interface StyleTwelveProps {
|
|
17
|
+
/** 容器样式 */
|
|
18
|
+
style?: React.CSSProperties;
|
|
19
|
+
/** 画布样式 */
|
|
20
|
+
canvasStyle?: React.CSSProperties;
|
|
21
|
+
/** 图表数据数组,包含数值、名称和可选的排名 */
|
|
22
|
+
data?: {
|
|
23
|
+
value: number;
|
|
24
|
+
name: string;
|
|
25
|
+
rank?: string;
|
|
26
|
+
}[];
|
|
27
|
+
/** 图例数值的单位 */
|
|
28
|
+
valueUnit?: string;
|
|
29
|
+
/** 每个数据项的颜色数组 */
|
|
30
|
+
colors?: string[];
|
|
31
|
+
/** 图表刻度的最大值,默认为数据最大值的 1.05 倍 */
|
|
32
|
+
maxValue?: number;
|
|
33
|
+
/** 是否显示调试面板 */
|
|
34
|
+
showDebugPanel?: boolean;
|
|
35
|
+
/** 图例文本颜色配置 */
|
|
36
|
+
legendTextColor?: {
|
|
37
|
+
/** 排名文本颜色,默认 #e2e8f0 */
|
|
38
|
+
rank?: string;
|
|
39
|
+
/** 名称文本颜色,默认 #f1f5f9 */
|
|
40
|
+
name?: string;
|
|
41
|
+
/** 数值文本颜色,默认 #ffffff */
|
|
42
|
+
value?: string;
|
|
43
|
+
};
|
|
44
|
+
/** 图例字体大小配置 */
|
|
45
|
+
legendFontSize?: {
|
|
46
|
+
/** 排名字体大小,默认 13 */
|
|
47
|
+
rank?: number;
|
|
48
|
+
/** 名称字体大小,默认 13 */
|
|
49
|
+
name?: number;
|
|
50
|
+
/** 数值字体大小,默认 13 */
|
|
51
|
+
value?: number;
|
|
52
|
+
};
|
|
53
|
+
/** 弧线起始角度,默认 -70 */
|
|
54
|
+
startAngle?: number;
|
|
55
|
+
/** 弧线结束角度,默认 40 */
|
|
56
|
+
endAngle?: number;
|
|
57
|
+
/** 是否显示背景轨道 */
|
|
58
|
+
showTrack?: boolean;
|
|
59
|
+
/** 布局配置 */
|
|
60
|
+
layoutConfig?: StyleTwelveLayoutConfig;
|
|
61
|
+
}
|
|
62
|
+
declare const StyleTwelve: React.FC<StyleTwelveProps>;
|
|
63
|
+
export default StyleTwelve;
|
|
64
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/PolarRingChart/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAEjF,MAAM,WAAW,uBAAuB;IACtC,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qBAAqB;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kBAAkB;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0BAA0B;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,UAAU,gBAAgB;IACxB,WAAW;IACX,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,WAAW;IACX,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,2BAA2B;IAC3B,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACxD,cAAc;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe;IACf,eAAe,CAAC,EAAE;QAChB,wBAAwB;QACxB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,wBAAwB;QACxB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,wBAAwB;QACxB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,eAAe;IACf,cAAc,CAAC,EAAE;QACf,mBAAmB;QACnB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,mBAAmB;QACnB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,mBAAmB;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,oBAAoB;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW;IACX,YAAY,CAAC,EAAE,uBAAuB,CAAC;CACxC;AAyCD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkc3C,CAAC;AAyBF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,195 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import '@/utils/echartsGL';
|
|
3
|
+
/** 单层四棱台数据项 */
|
|
4
|
+
export interface PyramidLayerItem {
|
|
5
|
+
/** 层名称,用于标签展示 */
|
|
6
|
+
name: string;
|
|
7
|
+
/** 层对应的数值大小 */
|
|
8
|
+
value: number;
|
|
9
|
+
/** 层主体颜色 */
|
|
10
|
+
color: string;
|
|
11
|
+
/** 主体透明度,不传则使用默认值 */
|
|
12
|
+
opacity?: number;
|
|
13
|
+
/** 设备编号 */
|
|
14
|
+
deviceId?: string;
|
|
15
|
+
}
|
|
16
|
+
/** 金字塔整体几何配置 */
|
|
17
|
+
export interface Pyramid3DGeometryConfig {
|
|
18
|
+
/** 每层高度 */
|
|
19
|
+
layerHeight?: number;
|
|
20
|
+
/** 层与层之间的间隔高度 */
|
|
21
|
+
gap?: number;
|
|
22
|
+
/** 宽度随高度缩减的斜率 */
|
|
23
|
+
slope?: number;
|
|
24
|
+
/** zAxis3D 的最大高度范围 */
|
|
25
|
+
zAxisMax?: number;
|
|
26
|
+
}
|
|
27
|
+
/** 3D 坐标轴范围配置 */
|
|
28
|
+
export interface Pyramid3DAxis3DConfig {
|
|
29
|
+
/** xAxis3D 范围设置 */
|
|
30
|
+
xAxis3D?: {
|
|
31
|
+
min?: number;
|
|
32
|
+
max?: number;
|
|
33
|
+
};
|
|
34
|
+
/** yAxis3D 范围设置 */
|
|
35
|
+
yAxis3D?: {
|
|
36
|
+
min?: number;
|
|
37
|
+
max?: number;
|
|
38
|
+
};
|
|
39
|
+
/** zAxis3D 范围设置 */
|
|
40
|
+
zAxis3D?: {
|
|
41
|
+
min?: number;
|
|
42
|
+
max?: number;
|
|
43
|
+
};
|
|
44
|
+
}
|
|
45
|
+
/** grid3D 盒子、视角与光照配置 */
|
|
46
|
+
export interface Pyramid3DGrid3DConfig {
|
|
47
|
+
left?: string | number;
|
|
48
|
+
top?: string | number;
|
|
49
|
+
right?: string | number;
|
|
50
|
+
bottom?: string | number;
|
|
51
|
+
width?: string | number;
|
|
52
|
+
height?: string | number;
|
|
53
|
+
/** grid3D 盒子宽度 */
|
|
54
|
+
boxWidth?: number;
|
|
55
|
+
/** grid3D 盒子深度 */
|
|
56
|
+
boxDepth?: number;
|
|
57
|
+
/** grid3D 盒子高度 */
|
|
58
|
+
boxHeight?: number;
|
|
59
|
+
/** 视角控制配置 */
|
|
60
|
+
viewControl?: {
|
|
61
|
+
/** 观察点距离模型中心的远近 */
|
|
62
|
+
distance?: number;
|
|
63
|
+
/** 俯仰角,控制从上往下看的角度 */
|
|
64
|
+
alpha?: number;
|
|
65
|
+
/** 水平旋转角度 */
|
|
66
|
+
beta?: number;
|
|
67
|
+
/** 是否自动旋转 */
|
|
68
|
+
autoRotate?: boolean;
|
|
69
|
+
/** 自动旋转速度 */
|
|
70
|
+
autoRotateSpeed?: number;
|
|
71
|
+
/** 旋转灵敏度 */
|
|
72
|
+
rotateSensitivity?: number;
|
|
73
|
+
/** 缩放灵敏度 */
|
|
74
|
+
zoomSensitivity?: number;
|
|
75
|
+
/** 相机围绕的中心点 */
|
|
76
|
+
center?: [number, number, number];
|
|
77
|
+
};
|
|
78
|
+
/** 光照配置 */
|
|
79
|
+
light?: {
|
|
80
|
+
/** 主光源配置 */
|
|
81
|
+
main?: {
|
|
82
|
+
/** 主光源强度 */
|
|
83
|
+
intensity?: number;
|
|
84
|
+
/** 是否开启阴影 */
|
|
85
|
+
shadow?: boolean;
|
|
86
|
+
[key: string]: any;
|
|
87
|
+
};
|
|
88
|
+
/** 环境光配置 */
|
|
89
|
+
ambient?: {
|
|
90
|
+
/** 环境光强度 */
|
|
91
|
+
intensity?: number;
|
|
92
|
+
[key: string]: any;
|
|
93
|
+
};
|
|
94
|
+
[key: string]: any;
|
|
95
|
+
};
|
|
96
|
+
}
|
|
97
|
+
/** 引导线几何与样式配置 */
|
|
98
|
+
export interface Pyramid3DGuideLineConfig {
|
|
99
|
+
/** 引线起点 X 位置(百分比或像素),默认 '27%' */
|
|
100
|
+
startX?: string | number;
|
|
101
|
+
/** 引线终点 X 位置(百分比或像素),默认 '46%' */
|
|
102
|
+
endX?: string | number;
|
|
103
|
+
/** 引线颜色 */
|
|
104
|
+
lineColor?: string;
|
|
105
|
+
/** 引线宽度 */
|
|
106
|
+
lineWidth?: number;
|
|
107
|
+
/** 引线不透明度 */
|
|
108
|
+
lineOpacity?: number;
|
|
109
|
+
/** 引线线型 */
|
|
110
|
+
lineType?: 'solid' | 'dashed';
|
|
111
|
+
}
|
|
112
|
+
/** 文本标签样式配置 */
|
|
113
|
+
export interface Pyramid3DLabelConfig {
|
|
114
|
+
/** 标签行纵向起始位置百分比,数值越小越靠上 */
|
|
115
|
+
overlayTopPercent?: number;
|
|
116
|
+
/** 标签行纵向结束位置百分比,数值越大越靠下 */
|
|
117
|
+
overlayBottomPercent?: number;
|
|
118
|
+
/** 中间标签名称文字颜色 */
|
|
119
|
+
midNameColor?: string;
|
|
120
|
+
/** 中间标签名称文字大小 */
|
|
121
|
+
midNameFontSize?: number;
|
|
122
|
+
/** 右侧块中标签文字(如"电损量"),不传则使用默认值 */
|
|
123
|
+
rightLabelText?: string;
|
|
124
|
+
/** 是否展示右侧设备编号块 */
|
|
125
|
+
showRightDeviceId?: boolean;
|
|
126
|
+
/** 是否展示右侧百分比文字 */
|
|
127
|
+
showRightPercent?: boolean;
|
|
128
|
+
/** 右侧块中标签文字颜色 */
|
|
129
|
+
rightLabelColor?: string;
|
|
130
|
+
/** 右侧块中标签文字大小 */
|
|
131
|
+
rightLabelFontSize?: number;
|
|
132
|
+
/** 右侧块中名称文字颜色 */
|
|
133
|
+
rightNameColor?: string;
|
|
134
|
+
/** 右侧块中名称文字大小 */
|
|
135
|
+
rightNameFontSize?: number;
|
|
136
|
+
/** 右侧块中百分比文字颜色 */
|
|
137
|
+
rightPercentColor?: string;
|
|
138
|
+
/** 右侧块中百分比文字大小 */
|
|
139
|
+
rightPercentFontSize?: number;
|
|
140
|
+
/** 右侧块中数值文字颜色 */
|
|
141
|
+
rightValueColor?: string;
|
|
142
|
+
/** 右侧块中数值文字大小 */
|
|
143
|
+
rightValueFontSize?: number;
|
|
144
|
+
/** 右侧块中单位文字颜色 */
|
|
145
|
+
rightUnitColor?: string;
|
|
146
|
+
/** 右侧块中单位文字大小 */
|
|
147
|
+
rightUnitFontSize?: number;
|
|
148
|
+
/** 右侧块中设备编号文字颜色 */
|
|
149
|
+
rightDeviceIdColor?: string;
|
|
150
|
+
/** 右侧块中设备编号文字大小 */
|
|
151
|
+
rightDeviceIdFontSize?: number;
|
|
152
|
+
/** 右侧块背景颜色 */
|
|
153
|
+
rightBlockBgColor?: string;
|
|
154
|
+
/** 右侧块边框颜色 */
|
|
155
|
+
rightBlockBorderColor?: string;
|
|
156
|
+
/** 右侧设备编号块最小宽度 */
|
|
157
|
+
rightBlockMinWidth?: string | number;
|
|
158
|
+
/** 右侧设备编号块高度 */
|
|
159
|
+
rightBlockHeight?: string | number;
|
|
160
|
+
/** 右侧设备编号块内边距 */
|
|
161
|
+
rightBlockPadding?: string | number;
|
|
162
|
+
}
|
|
163
|
+
/** 3D 金字塔组件对外 Props */
|
|
164
|
+
export interface Pyramid3DProps {
|
|
165
|
+
/** 外层容器样式 */
|
|
166
|
+
style?: React.CSSProperties;
|
|
167
|
+
/** 图表样式 */
|
|
168
|
+
chartStyle?: React.CSSProperties;
|
|
169
|
+
/** 单层数据列表 */
|
|
170
|
+
data?: PyramidLayerItem[];
|
|
171
|
+
/** 几何结构配置(高度、间隔、斜率等) */
|
|
172
|
+
geometryConfig?: Pyramid3DGeometryConfig;
|
|
173
|
+
/** 3D 坐标轴范围配置 */
|
|
174
|
+
axis3DConfig?: Pyramid3DAxis3DConfig;
|
|
175
|
+
/** grid3D 盒子、视角与光照配置 */
|
|
176
|
+
grid3DConfig?: Pyramid3DGrid3DConfig;
|
|
177
|
+
/** 引导线配置 */
|
|
178
|
+
guideLineConfig?: Pyramid3DGuideLineConfig;
|
|
179
|
+
/** 文本标签样式配置 */
|
|
180
|
+
labelConfig?: Pyramid3DLabelConfig;
|
|
181
|
+
/** 显示在数值后的单位文本 */
|
|
182
|
+
unit?: string;
|
|
183
|
+
/** tooltip 提示框配置,不传时默认关闭 tooltip */
|
|
184
|
+
tooltipConfig?: {
|
|
185
|
+
show?: boolean;
|
|
186
|
+
[key: string]: any;
|
|
187
|
+
};
|
|
188
|
+
/** 放大 devicePixelRatio 的倍数,用于提升渲染清晰度 */
|
|
189
|
+
devicePixelRatioMultiplier?: number;
|
|
190
|
+
/** 点击金字塔层级时触发,用于父组件打开详情弹窗 */
|
|
191
|
+
onLayerClick?: (layer: PyramidLayerItem, index: number) => void;
|
|
192
|
+
}
|
|
193
|
+
declare const Pyramid3D: React.FC<Pyramid3DProps>;
|
|
194
|
+
export default Pyramid3D;
|
|
195
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/Pyramid3D/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import React, { CSSProperties } from 'react';
|
|
2
|
+
/** 环形进度条样式配置 */
|
|
3
|
+
export interface RingProgressStyleConfig {
|
|
4
|
+
backgroundColor?: string;
|
|
5
|
+
progressColor?: string;
|
|
6
|
+
strokeWidth?: number;
|
|
7
|
+
strokeLinecap?: 'butt' | 'round' | 'square';
|
|
8
|
+
animationDuration?: string;
|
|
9
|
+
}
|
|
10
|
+
/** 环形进度条文本样式配置 */
|
|
11
|
+
export interface RingProgressTextConfig {
|
|
12
|
+
valueColor?: string;
|
|
13
|
+
labelColor?: string;
|
|
14
|
+
valueFontSize?: string | number;
|
|
15
|
+
valueFontWeight?: string | number;
|
|
16
|
+
labelFontSize?: string | number;
|
|
17
|
+
labelFontWeight?: string | number;
|
|
18
|
+
}
|
|
19
|
+
/** 环形进度条数值格式化配置 */
|
|
20
|
+
export interface RingProgressFormatConfig {
|
|
21
|
+
decimalPlaces?: number;
|
|
22
|
+
suffix?: string;
|
|
23
|
+
formatter?: (value: number) => string;
|
|
24
|
+
}
|
|
25
|
+
/** 环形进度条组件属性 */
|
|
26
|
+
export interface RingProgressProps {
|
|
27
|
+
value: number | string;
|
|
28
|
+
label: string;
|
|
29
|
+
size?: number;
|
|
30
|
+
showPercentage?: boolean;
|
|
31
|
+
className?: string;
|
|
32
|
+
style?: CSSProperties;
|
|
33
|
+
svgStyle?: CSSProperties;
|
|
34
|
+
styleConfig?: RingProgressStyleConfig;
|
|
35
|
+
textConfig?: RingProgressTextConfig;
|
|
36
|
+
formatConfig?: RingProgressFormatConfig;
|
|
37
|
+
renderCustomContent?: (value: number) => React.ReactNode;
|
|
38
|
+
}
|
|
39
|
+
declare const RingProgress: React.FC<RingProgressProps>;
|
|
40
|
+
export default RingProgress;
|
|
41
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/RingProgress/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG7C,gBAAgB;AAChB,MAAM,WAAW,uBAAuB;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,kBAAkB;AAClB,MAAM,WAAW,sBAAsB;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACnC;AAED,mBAAmB;AACnB,MAAM,WAAW,wBAAwB;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACvC;AAED,gBAAgB;AAChB,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,YAAY,CAAC,EAAE,wBAAwB,CAAC;IACxC,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CAC1D;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAwH7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface StatCardProps {
|
|
3
|
+
/** 统计数值 */
|
|
4
|
+
value: number | string;
|
|
5
|
+
/** 标签文本 */
|
|
6
|
+
label: string;
|
|
7
|
+
/** 图标配置 */
|
|
8
|
+
iconConfig?: {
|
|
9
|
+
/** 图标(emoji或自定义内容) */
|
|
10
|
+
icon?: React.ReactNode;
|
|
11
|
+
/** 自定义图标图片URL */
|
|
12
|
+
image?: string;
|
|
13
|
+
/** 图标容器宽度 */
|
|
14
|
+
width?: string;
|
|
15
|
+
/** 图标容器高度 */
|
|
16
|
+
height?: string;
|
|
17
|
+
/** 图标字体大小(emoji) */
|
|
18
|
+
fontSize?: string;
|
|
19
|
+
/** 图片宽度 */
|
|
20
|
+
imageWidth?: string;
|
|
21
|
+
/** 图片高度 */
|
|
22
|
+
imageHeight?: string;
|
|
23
|
+
/** 图标背景颜色 */
|
|
24
|
+
backgroundColor?: string;
|
|
25
|
+
/** 图标容器圆角 */
|
|
26
|
+
borderRadius?: string;
|
|
27
|
+
/** 图标容器自定义样式 */
|
|
28
|
+
style?: React.CSSProperties;
|
|
29
|
+
};
|
|
30
|
+
/** 颜色配置 */
|
|
31
|
+
colorConfig?: {
|
|
32
|
+
/** 数值颜色 */
|
|
33
|
+
value?: string;
|
|
34
|
+
/** 背景颜色 */
|
|
35
|
+
background?: string;
|
|
36
|
+
/** 边框样式(完整的CSS border值,如 '1px solid rgba(0, 150, 255, 0.3)') */
|
|
37
|
+
border?: string;
|
|
38
|
+
};
|
|
39
|
+
/** 文本配置 */
|
|
40
|
+
textConfig?: {
|
|
41
|
+
/** 数值字体大小 */
|
|
42
|
+
valueFontSize?: string;
|
|
43
|
+
/** 数值字体粗细 */
|
|
44
|
+
valueFontWeight?: string | number;
|
|
45
|
+
/** 标签字体大小 */
|
|
46
|
+
labelFontSize?: string;
|
|
47
|
+
/** 标签颜色 */
|
|
48
|
+
labelColor?: string;
|
|
49
|
+
/** 数值样式 */
|
|
50
|
+
valueStyle?: React.CSSProperties;
|
|
51
|
+
/** 标签样式 */
|
|
52
|
+
labelStyle?: React.CSSProperties;
|
|
53
|
+
/** 文本容器样式 */
|
|
54
|
+
containerStyle?: React.CSSProperties;
|
|
55
|
+
};
|
|
56
|
+
/** 布局配置 */
|
|
57
|
+
layoutConfig?: {
|
|
58
|
+
/** 内边距 */
|
|
59
|
+
padding?: string;
|
|
60
|
+
/** 图标与文本间距 */
|
|
61
|
+
gap?: string;
|
|
62
|
+
/** 卡片圆角 */
|
|
63
|
+
borderRadius?: string;
|
|
64
|
+
};
|
|
65
|
+
/** 自定义样式 */
|
|
66
|
+
style?: React.CSSProperties;
|
|
67
|
+
}
|
|
68
|
+
declare const StatCard: React.FC<StatCardProps>;
|
|
69
|
+
export default StatCard;
|
|
70
|
+
//# sourceMappingURL=StatCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatCard.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/StatCard/StatCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,aAAa;IAC5B,WAAW;IACX,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW;IACX,UAAU,CAAC,EAAE;QACX,sBAAsB;QACtB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,iBAAiB;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,aAAa;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,aAAa;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,oBAAoB;QACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,WAAW;QACX,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,WAAW;QACX,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,aAAa;QACb,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,aAAa;QACb,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,gBAAgB;QAChB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC7B,CAAC;IACF,WAAW;IACX,WAAW,CAAC,EAAE;QACZ,WAAW;QACX,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW;QACX,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,gEAAgE;QAChE,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,WAAW;IACX,UAAU,CAAC,EAAE;QACX,aAAa;QACb,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,aAAa;QACb,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAClC,aAAa;QACb,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,WAAW;QACX,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,WAAW;QACX,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QACjC,WAAW;QACX,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QACjC,aAAa;QACb,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KACtC,CAAC;IACF,WAAW;IACX,YAAY,CAAC,EAAE;QACb,UAAU;QACV,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,cAAc;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,WAAW;QACX,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;IACF,YAAY;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkFrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import React, { CSSProperties } from 'react';
|
|
2
|
+
/** 单个统计项数据 */
|
|
3
|
+
export interface StatItemData {
|
|
4
|
+
label: string;
|
|
5
|
+
value: number | string;
|
|
6
|
+
unit?: string;
|
|
7
|
+
trend?: number;
|
|
8
|
+
trendLabel?: string;
|
|
9
|
+
dimension?: string;
|
|
10
|
+
secondaryLabel?: string;
|
|
11
|
+
valueColor?: string;
|
|
12
|
+
labelColor?: string;
|
|
13
|
+
icon?: React.ReactNode;
|
|
14
|
+
onClick?: () => void;
|
|
15
|
+
}
|
|
16
|
+
/** 统计卡片颜色配置 */
|
|
17
|
+
export interface StatsCardColorConfig {
|
|
18
|
+
value?: string;
|
|
19
|
+
label?: string;
|
|
20
|
+
dimension?: string;
|
|
21
|
+
trendUp?: string;
|
|
22
|
+
trendDown?: string;
|
|
23
|
+
}
|
|
24
|
+
/** 统计卡片字体配置 */
|
|
25
|
+
export interface StatsCardFontConfig {
|
|
26
|
+
valueSize?: string;
|
|
27
|
+
valueWeight?: string | number;
|
|
28
|
+
labelSize?: string;
|
|
29
|
+
trendSize?: string;
|
|
30
|
+
}
|
|
31
|
+
/** 统计卡片布局配置 */
|
|
32
|
+
export interface StatsCardLayoutConfig {
|
|
33
|
+
direction?: 'horizontal' | 'vertical';
|
|
34
|
+
gap?: string;
|
|
35
|
+
padding?: string;
|
|
36
|
+
align?: 'left' | 'center' | 'right';
|
|
37
|
+
}
|
|
38
|
+
/** 统计卡片分隔线配置 */
|
|
39
|
+
export interface StatsCardDividerConfig {
|
|
40
|
+
show?: boolean;
|
|
41
|
+
color?: string;
|
|
42
|
+
height?: string;
|
|
43
|
+
width?: string;
|
|
44
|
+
}
|
|
45
|
+
/** 统计卡片组件属性 */
|
|
46
|
+
export interface StatsCardProps {
|
|
47
|
+
stats: StatItemData[];
|
|
48
|
+
className?: string;
|
|
49
|
+
style?: CSSProperties;
|
|
50
|
+
colorConfig?: StatsCardColorConfig;
|
|
51
|
+
fontConfig?: StatsCardFontConfig;
|
|
52
|
+
layoutConfig?: StatsCardLayoutConfig;
|
|
53
|
+
dividerConfig?: StatsCardDividerConfig;
|
|
54
|
+
renderStatItem?: (stat: StatItemData, index: number) => React.ReactNode;
|
|
55
|
+
}
|
|
56
|
+
declare const StatsCard: React.FC<StatsCardProps>;
|
|
57
|
+
export default StatsCard;
|
|
58
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/StatsCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG7C,cAAc;AACd,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAe;AACf,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAe;AACf,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAe;AACf,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAED,gBAAgB;AAChB,MAAM,WAAW,sBAAsB;IACrC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAe;AACf,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACzE;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmHvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|