@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.
Files changed (124) hide show
  1. package/LICENSE +15 -0
  2. package/README.md +46 -0
  3. package/dist/components/Chart/Bar/index.d.ts +38 -0
  4. package/dist/components/Chart/Bar/index.d.ts.map +1 -0
  5. package/dist/components/Chart/CapsuleSwitch/index.d.ts +20 -0
  6. package/dist/components/Chart/CapsuleSwitch/index.d.ts.map +1 -0
  7. package/dist/components/Chart/CircleProgress/index.d.ts +138 -0
  8. package/dist/components/Chart/CircleProgress/index.d.ts.map +1 -0
  9. package/dist/components/Chart/CodeBlock/index.d.ts +19 -0
  10. package/dist/components/Chart/CodeBlock/index.d.ts.map +1 -0
  11. package/dist/components/Chart/DataDisplayItem/index.d.ts +26 -0
  12. package/dist/components/Chart/DataDisplayItem/index.d.ts.map +1 -0
  13. package/dist/components/Chart/EnergyCardGrid/index.d.ts +38 -0
  14. package/dist/components/Chart/EnergyCardGrid/index.d.ts.map +1 -0
  15. package/dist/components/Chart/Gauge/index.d.ts +30 -0
  16. package/dist/components/Chart/Gauge/index.d.ts.map +1 -0
  17. package/dist/components/Chart/HologramBase/index.d.ts +19 -0
  18. package/dist/components/Chart/HologramBase/index.d.ts.map +1 -0
  19. package/dist/components/Chart/InspectionDuration/index.d.ts +20 -0
  20. package/dist/components/Chart/InspectionDuration/index.d.ts.map +1 -0
  21. package/dist/components/Chart/InspectionPieChart/index.d.ts +77 -0
  22. package/dist/components/Chart/InspectionPieChart/index.d.ts.map +1 -0
  23. package/dist/components/Chart/LiquidGauge/index.d.ts +23 -0
  24. package/dist/components/Chart/LiquidGauge/index.d.ts.map +1 -0
  25. package/dist/components/Chart/PeakCard/index.d.ts +27 -0
  26. package/dist/components/Chart/PeakCard/index.d.ts.map +1 -0
  27. package/dist/components/Chart/PeakValleyElectricityLineChart/index.d.ts +37 -0
  28. package/dist/components/Chart/PeakValleyElectricityLineChart/index.d.ts.map +1 -0
  29. package/dist/components/Chart/Pie3D/index.d.ts +190 -0
  30. package/dist/components/Chart/Pie3D/index.d.ts.map +1 -0
  31. package/dist/components/Chart/PolarRingChart/index.d.ts +64 -0
  32. package/dist/components/Chart/PolarRingChart/index.d.ts.map +1 -0
  33. package/dist/components/Chart/Pyramid3D/index.d.ts +195 -0
  34. package/dist/components/Chart/Pyramid3D/index.d.ts.map +1 -0
  35. package/dist/components/Chart/RingProgress/index.d.ts +41 -0
  36. package/dist/components/Chart/RingProgress/index.d.ts.map +1 -0
  37. package/dist/components/Chart/StatCard/StatCard.d.ts +70 -0
  38. package/dist/components/Chart/StatCard/StatCard.d.ts.map +1 -0
  39. package/dist/components/Chart/StatsCard/index.d.ts +58 -0
  40. package/dist/components/Chart/StatsCard/index.d.ts.map +1 -0
  41. package/dist/components/Chart/StatusItem/index.d.ts +26 -0
  42. package/dist/components/Chart/StatusItem/index.d.ts.map +1 -0
  43. package/dist/components/Chart/StyleEight/index.d.ts +15 -0
  44. package/dist/components/Chart/StyleEight/index.d.ts.map +1 -0
  45. package/dist/components/Chart/StyleEighteen/index.d.ts +61 -0
  46. package/dist/components/Chart/StyleEighteen/index.d.ts.map +1 -0
  47. package/dist/components/Chart/StyleEleven/index.d.ts +71 -0
  48. package/dist/components/Chart/StyleEleven/index.d.ts.map +1 -0
  49. package/dist/components/Chart/StyleFifteen/index.d.ts +49 -0
  50. package/dist/components/Chart/StyleFifteen/index.d.ts.map +1 -0
  51. package/dist/components/Chart/StyleForty/index.d.ts +45 -0
  52. package/dist/components/Chart/StyleForty/index.d.ts.map +1 -0
  53. package/dist/components/Chart/StyleFortyOne/index.d.ts +123 -0
  54. package/dist/components/Chart/StyleFortyOne/index.d.ts.map +1 -0
  55. package/dist/components/Chart/StyleFourteen/index.d.ts +58 -0
  56. package/dist/components/Chart/StyleFourteen/index.d.ts.map +1 -0
  57. package/dist/components/Chart/StyleNine/index.d.ts +45 -0
  58. package/dist/components/Chart/StyleNine/index.d.ts.map +1 -0
  59. package/dist/components/Chart/StyleSeventeen/index.d.ts +70 -0
  60. package/dist/components/Chart/StyleSeventeen/index.d.ts.map +1 -0
  61. package/dist/components/Chart/StyleSixteen/index.d.ts +58 -0
  62. package/dist/components/Chart/StyleSixteen/index.d.ts.map +1 -0
  63. package/dist/components/Chart/StyleTen/index.d.ts +124 -0
  64. package/dist/components/Chart/StyleTen/index.d.ts.map +1 -0
  65. package/dist/components/Chart/StyleThirteen/index.d.ts +63 -0
  66. package/dist/components/Chart/StyleThirteen/index.d.ts.map +1 -0
  67. package/dist/components/Chart/StyleThirty/index.d.ts +68 -0
  68. package/dist/components/Chart/StyleThirty/index.d.ts.map +1 -0
  69. package/dist/components/Chart/StyleThirtyEight/index.d.ts +94 -0
  70. package/dist/components/Chart/StyleThirtyEight/index.d.ts.map +1 -0
  71. package/dist/components/Chart/StyleThirtyFive/index.d.ts +42 -0
  72. package/dist/components/Chart/StyleThirtyFive/index.d.ts.map +1 -0
  73. package/dist/components/Chart/StyleThirtyFour/index.d.ts +72 -0
  74. package/dist/components/Chart/StyleThirtyFour/index.d.ts.map +1 -0
  75. package/dist/components/Chart/StyleThirtyNine/index.d.ts +51 -0
  76. package/dist/components/Chart/StyleThirtyNine/index.d.ts.map +1 -0
  77. package/dist/components/Chart/StyleThirtyOne/index.d.ts +43 -0
  78. package/dist/components/Chart/StyleThirtyOne/index.d.ts.map +1 -0
  79. package/dist/components/Chart/StyleThirtySeven/index.d.ts +90 -0
  80. package/dist/components/Chart/StyleThirtySeven/index.d.ts.map +1 -0
  81. package/dist/components/Chart/StyleThirtySix/index.d.ts +50 -0
  82. package/dist/components/Chart/StyleThirtySix/index.d.ts.map +1 -0
  83. package/dist/components/Chart/StyleThirtyThree/index.d.ts +32 -0
  84. package/dist/components/Chart/StyleThirtyThree/index.d.ts.map +1 -0
  85. package/dist/components/Chart/StyleThirtyTwo/index.d.ts +36 -0
  86. package/dist/components/Chart/StyleThirtyTwo/index.d.ts.map +1 -0
  87. package/dist/components/Chart/StyleTwelve/index.d.ts +70 -0
  88. package/dist/components/Chart/StyleTwelve/index.d.ts.map +1 -0
  89. package/dist/components/Chart/StyleTwenty/index.d.ts +42 -0
  90. package/dist/components/Chart/StyleTwenty/index.d.ts.map +1 -0
  91. package/dist/components/Chart/StyleTwentyEight/index.d.ts +78 -0
  92. package/dist/components/Chart/StyleTwentyEight/index.d.ts.map +1 -0
  93. package/dist/components/Chart/StyleTwentyFive/index.d.ts +60 -0
  94. package/dist/components/Chart/StyleTwentyFive/index.d.ts.map +1 -0
  95. package/dist/components/Chart/StyleTwentyFour/index.d.ts +81 -0
  96. package/dist/components/Chart/StyleTwentyFour/index.d.ts.map +1 -0
  97. package/dist/components/Chart/StyleTwentyNine/index.d.ts +35 -0
  98. package/dist/components/Chart/StyleTwentyNine/index.d.ts.map +1 -0
  99. package/dist/components/Chart/StyleTwentyOne/index.d.ts +42 -0
  100. package/dist/components/Chart/StyleTwentyOne/index.d.ts.map +1 -0
  101. package/dist/components/Chart/StyleTwentySeven/index.d.ts +51 -0
  102. package/dist/components/Chart/StyleTwentySeven/index.d.ts.map +1 -0
  103. package/dist/components/Chart/StyleTwentySix/index.d.ts +48 -0
  104. package/dist/components/Chart/StyleTwentySix/index.d.ts.map +1 -0
  105. package/dist/components/Chart/StyleTwentyThree/index.d.ts +208 -0
  106. package/dist/components/Chart/StyleTwentyThree/index.d.ts.map +1 -0
  107. package/dist/components/Chart/StyleTwentyTwo/index.d.ts +86 -0
  108. package/dist/components/Chart/StyleTwentyTwo/index.d.ts.map +1 -0
  109. package/dist/components/Chart/StyledProgressBar/index.d.ts +20 -0
  110. package/dist/components/Chart/StyledProgressBar/index.d.ts.map +1 -0
  111. package/dist/components/Chart/TabButtons/index.d.ts +19 -0
  112. package/dist/components/Chart/TabButtons/index.d.ts.map +1 -0
  113. package/dist/components/Chart/TechPanel/index.d.ts +47 -0
  114. package/dist/components/Chart/TechPanel/index.d.ts.map +1 -0
  115. package/dist/components/Chart/formatTooltipValue.d.ts +6 -0
  116. package/dist/components/Chart/formatTooltipValue.d.ts.map +1 -0
  117. package/dist/index.cjs +13 -0
  118. package/dist/index.d.ts +115 -0
  119. package/dist/index.d.ts.map +1 -0
  120. package/dist/index.js +9559 -0
  121. package/dist/style.css +1 -0
  122. package/dist/utils/echartsGL.d.ts +5 -0
  123. package/dist/utils/echartsGL.d.ts.map +1 -0
  124. 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"}