@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
package/LICENSE
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
ISC License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026
|
|
4
|
+
|
|
5
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
6
|
+
purpose with or without fee is hereby granted, provided that the above
|
|
7
|
+
copyright notice and this permission notice appear in all copies.
|
|
8
|
+
|
|
9
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
|
|
10
|
+
WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
|
|
11
|
+
MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
|
|
12
|
+
ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
|
|
13
|
+
WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
|
|
14
|
+
ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
|
|
15
|
+
OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
# @chenkai_ioc/react-charts
|
|
2
|
+
|
|
3
|
+
All reusable components from this repository's `src/components/Chart` directory,
|
|
4
|
+
published as a React component library.
|
|
5
|
+
|
|
6
|
+
## Install
|
|
7
|
+
|
|
8
|
+
```bash
|
|
9
|
+
pnpm add @chenkai_ioc/react-charts echarts echarts-gl echarts-for-react antd @ant-design/icons ahooks classnames
|
|
10
|
+
```
|
|
11
|
+
|
|
12
|
+
The package supports React 18 and React 19. Its UI and chart dependencies are peer
|
|
13
|
+
dependencies, so the consuming application retains one shared copy of each library.
|
|
14
|
+
|
|
15
|
+
## Use
|
|
16
|
+
|
|
17
|
+
```tsx
|
|
18
|
+
import { Bar, Gauge, Pie3D, StyleEleven } from '@chenkai_ioc/react-charts';
|
|
19
|
+
import '@chenkai_ioc/react-charts/style.css';
|
|
20
|
+
|
|
21
|
+
export function Dashboard() {
|
|
22
|
+
return <Bar />;
|
|
23
|
+
}
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
Every Chart subdirectory is exported under its directory name. Component props and
|
|
27
|
+
other public TypeScript types are also exported.
|
|
28
|
+
|
|
29
|
+
## Rendering environment
|
|
30
|
+
|
|
31
|
+
This is a browser-focused component library. In SSR frameworks, render chart
|
|
32
|
+
components on the client only; the 3D charts register `echarts-gl`, which requires
|
|
33
|
+
a browser global.
|
|
34
|
+
|
|
35
|
+
## Publish
|
|
36
|
+
|
|
37
|
+
For the one-command Windows publishing workflow, see [PUBLISH.md](./PUBLISH.md).
|
|
38
|
+
|
|
39
|
+
```bash
|
|
40
|
+
cd packages/react-charts
|
|
41
|
+
pnpm run build
|
|
42
|
+
npm publish --access public
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
Publishing requires an npm account that has permission to publish packages in the
|
|
46
|
+
`@ioc` scope. `npm publish` runs the package build automatically through `prepack`.
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface BarProps {
|
|
3
|
+
style?: React.CSSProperties;
|
|
4
|
+
chartStyle?: React.CSSProperties;
|
|
5
|
+
data?: {
|
|
6
|
+
name: string;
|
|
7
|
+
value: number;
|
|
8
|
+
}[];
|
|
9
|
+
max?: number;
|
|
10
|
+
unit?: string;
|
|
11
|
+
colors?: {
|
|
12
|
+
left: [string, string];
|
|
13
|
+
right: [string, string];
|
|
14
|
+
top: string;
|
|
15
|
+
};
|
|
16
|
+
barWidth?: number;
|
|
17
|
+
grid?: {
|
|
18
|
+
top?: number | string;
|
|
19
|
+
bottom?: number | string;
|
|
20
|
+
left?: number | string;
|
|
21
|
+
right?: number | string;
|
|
22
|
+
};
|
|
23
|
+
axisLabel?: {
|
|
24
|
+
color?: string;
|
|
25
|
+
fontSize?: number;
|
|
26
|
+
margin?: number;
|
|
27
|
+
};
|
|
28
|
+
splitLineColor?: string;
|
|
29
|
+
backgroundColors?: {
|
|
30
|
+
left?: string;
|
|
31
|
+
right?: string;
|
|
32
|
+
top?: string;
|
|
33
|
+
stroke?: string;
|
|
34
|
+
};
|
|
35
|
+
}
|
|
36
|
+
declare const Bar: React.FC<BarProps>;
|
|
37
|
+
export default Bar;
|
|
38
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/Bar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,UAAU,QAAQ;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,IAAI,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACzC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE;QAEP,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QACvB,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QACxB,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE;QAEL,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;KACzB,CAAC;IACF,SAAS,CAAC,EAAE;QAEV,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE;QAEjB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACH;AAED,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAkS3B,CAAC;AAEF,eAAe,GAAG,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
/** 选项类型 */
|
|
3
|
+
export type CapsuleSwitchOption<T extends string = string> = T | {
|
|
4
|
+
label: string;
|
|
5
|
+
value: T;
|
|
6
|
+
};
|
|
7
|
+
/** 胶囊切换器组件属性 */
|
|
8
|
+
export interface CapsuleSwitchProps<T extends string = string> {
|
|
9
|
+
options: CapsuleSwitchOption<T>[];
|
|
10
|
+
value?: T;
|
|
11
|
+
onChange: (value: T) => void;
|
|
12
|
+
style?: CSSProperties;
|
|
13
|
+
sliderStyle?: CSSProperties;
|
|
14
|
+
itemStyle?: CSSProperties;
|
|
15
|
+
activeItemStyle?: CSSProperties;
|
|
16
|
+
gap?: number;
|
|
17
|
+
}
|
|
18
|
+
declare const CapsuleSwitch: <T extends string = string>({ options, value, onChange, style, sliderStyle, itemStyle, activeItemStyle, gap, }: CapsuleSwitchProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export default CapsuleSwitch;
|
|
20
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/CapsuleSwitch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGtC,WAAW;AACX,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,CAAC,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,CAAC,CAAA;CAAE,CAAC;AAE7F,gBAAgB;AAChB,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC3D,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC;IAClC,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,eAAe,CAAC,EAAE,aAAa,CAAC;IAChC,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,QAAA,MAAM,aAAa,GAAI,CAAC,SAAS,MAAM,+FASpC,kBAAkB,CAAC,CAAC,CAAC,4CAsCvB,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
+
export interface CircleProgressStyleConfig {
|
|
3
|
+
/** 进度条渐变起始色 */
|
|
4
|
+
progressGradientStart?: string;
|
|
5
|
+
/** 进度条渐变结束色 */
|
|
6
|
+
progressGradientEnd?: string;
|
|
7
|
+
/** 进度条渐变结束透明度 */
|
|
8
|
+
progressGradientEndOpacity?: number;
|
|
9
|
+
/** 进度条线宽 */
|
|
10
|
+
progressWidth?: number;
|
|
11
|
+
/** 进度条端点样式 */
|
|
12
|
+
strokeLinecap?: 'butt' | 'round' | 'square';
|
|
13
|
+
/** 是否显示底部轨道线 */
|
|
14
|
+
showTrack?: boolean;
|
|
15
|
+
/** 底部轨道线颜色 */
|
|
16
|
+
trackColor?: string;
|
|
17
|
+
/** 底部轨道线宽 */
|
|
18
|
+
trackWidth?: number;
|
|
19
|
+
/** 是否显示底部圆点 */
|
|
20
|
+
showDot?: boolean;
|
|
21
|
+
/** 底部圆点颜色 */
|
|
22
|
+
dotColor?: string;
|
|
23
|
+
/** 底部圆点尺寸 */
|
|
24
|
+
dotSize?: number;
|
|
25
|
+
/** 圆点是否跟随进度终点,默认固定在起始点 */
|
|
26
|
+
dotFollowProgress?: boolean;
|
|
27
|
+
/** 是否显示 SVG 发光滤镜 */
|
|
28
|
+
showGlow?: boolean;
|
|
29
|
+
/** 发光强度 */
|
|
30
|
+
glowIntensity?: number;
|
|
31
|
+
}
|
|
32
|
+
export interface CircleProgressTextConfig {
|
|
33
|
+
/** 数值颜色 */
|
|
34
|
+
valueColor?: string;
|
|
35
|
+
/** 数值字体大小 */
|
|
36
|
+
valueFontSize?: string | number;
|
|
37
|
+
/** 数值字体粗细 */
|
|
38
|
+
valueFontWeight?: string | number;
|
|
39
|
+
/** 数值文字阴影 */
|
|
40
|
+
valueTextShadow?: string;
|
|
41
|
+
/** 标签颜色 */
|
|
42
|
+
labelColor?: string;
|
|
43
|
+
/** 标签字体大小 */
|
|
44
|
+
labelFontSize?: string | number;
|
|
45
|
+
/** 标签字体粗细 */
|
|
46
|
+
labelFontWeight?: string | number;
|
|
47
|
+
/** 标签字间距 */
|
|
48
|
+
labelLetterSpacing?: string | number;
|
|
49
|
+
}
|
|
50
|
+
export interface CircleProgressBackgroundConfig {
|
|
51
|
+
/** 是否显示背景圆环和中心圆盘 */
|
|
52
|
+
showBackground?: boolean;
|
|
53
|
+
/** 外圈环形底盘颜色,未传 background 时生效 */
|
|
54
|
+
ringColor?: string;
|
|
55
|
+
/** 外圈环形底盘内边界百分比,数值越大环越靠外 */
|
|
56
|
+
ringInnerPercent?: number;
|
|
57
|
+
/** 外圈环形底盘外边界百分比,和 ringInnerPercent 的差值决定环宽 */
|
|
58
|
+
ringOuterPercent?: number;
|
|
59
|
+
/** 外圈环形底盘背景,优先级高于 ringColor */
|
|
60
|
+
background?: string;
|
|
61
|
+
/** 外圈环形底盘阴影 */
|
|
62
|
+
boxShadow?: string;
|
|
63
|
+
/** 中心圆盘背景 */
|
|
64
|
+
centerBg?: string;
|
|
65
|
+
/** 中心圆盘阴影 */
|
|
66
|
+
centerBoxShadow?: string;
|
|
67
|
+
}
|
|
68
|
+
export interface CircleProgressLayoutConfig {
|
|
69
|
+
/** SVG 相对容器外扩距离,用于容纳发光和圆点 */
|
|
70
|
+
svgPadding?: number;
|
|
71
|
+
/** 进度圆环向内收缩量,越大越靠内 */
|
|
72
|
+
radiusOffset?: number;
|
|
73
|
+
/** 起始角度,90 表示底部 */
|
|
74
|
+
startAngle?: number;
|
|
75
|
+
/** 最大弧长比例,默认 1 */
|
|
76
|
+
maxPercent?: number;
|
|
77
|
+
/** 外圈环形底盘 inset */
|
|
78
|
+
backgroundInset?: number | string;
|
|
79
|
+
/** 中心圆盘 inset */
|
|
80
|
+
centerInset?: number | string;
|
|
81
|
+
/** 中心文字内容 inset */
|
|
82
|
+
contentInset?: number | string;
|
|
83
|
+
}
|
|
84
|
+
export interface CircleProgressAnimationConfig {
|
|
85
|
+
/** stroke-dasharray 过渡时长,单位 ms */
|
|
86
|
+
duration?: number;
|
|
87
|
+
/** CSS transition easing */
|
|
88
|
+
easing?: string;
|
|
89
|
+
}
|
|
90
|
+
export interface CircleProgressStyleSlots {
|
|
91
|
+
/** 根节点样式 */
|
|
92
|
+
root?: CSSProperties;
|
|
93
|
+
/** 外圈环形底盘样式 */
|
|
94
|
+
background?: CSSProperties;
|
|
95
|
+
/** 中心圆盘样式 */
|
|
96
|
+
center?: CSSProperties;
|
|
97
|
+
/** SVG 样式 */
|
|
98
|
+
svg?: CSSProperties;
|
|
99
|
+
/** 中心内容容器样式 */
|
|
100
|
+
content?: CSSProperties;
|
|
101
|
+
/** 数值文本样式 */
|
|
102
|
+
value?: CSSProperties;
|
|
103
|
+
/** 标签文本样式 */
|
|
104
|
+
label?: CSSProperties;
|
|
105
|
+
}
|
|
106
|
+
export interface CircleProgressProps {
|
|
107
|
+
/** 中心显示数值 */
|
|
108
|
+
value: number;
|
|
109
|
+
/** 中心标签文字 */
|
|
110
|
+
label?: string;
|
|
111
|
+
/** 进度比例,0~1 */
|
|
112
|
+
percent?: number;
|
|
113
|
+
/** 组件宽高 */
|
|
114
|
+
size?: number;
|
|
115
|
+
/** 根节点类名 */
|
|
116
|
+
className?: string;
|
|
117
|
+
/** 根节点样式 */
|
|
118
|
+
style?: CSSProperties;
|
|
119
|
+
/** SVG 样式 */
|
|
120
|
+
svgStyle?: CSSProperties;
|
|
121
|
+
/** 进度条、圆点、轨道样式配置 */
|
|
122
|
+
styleConfig?: CircleProgressStyleConfig;
|
|
123
|
+
/** 文本样式配置 */
|
|
124
|
+
textConfig?: CircleProgressTextConfig;
|
|
125
|
+
/** 背景圆环和中心圆盘配置 */
|
|
126
|
+
backgroundConfig?: CircleProgressBackgroundConfig;
|
|
127
|
+
/** 尺寸和位置配置 */
|
|
128
|
+
layoutConfig?: CircleProgressLayoutConfig;
|
|
129
|
+
/** 动画配置 */
|
|
130
|
+
animationConfig?: CircleProgressAnimationConfig;
|
|
131
|
+
/** 细粒度样式插槽 */
|
|
132
|
+
styles?: CircleProgressStyleSlots;
|
|
133
|
+
/** 自定义中心内容 */
|
|
134
|
+
renderCustomContent?: (value: number) => ReactNode;
|
|
135
|
+
}
|
|
136
|
+
declare const CircleProgress: ({ value, label, percent, size, className, style, svgStyle, styleConfig, textConfig, backgroundConfig, layoutConfig, animationConfig, styles: slotStyles, renderCustomContent, }: CircleProgressProps) => import("react/jsx-runtime").JSX.Element;
|
|
137
|
+
export default CircleProgress;
|
|
138
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/CircleProgress/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/** 代码块组件属性 */
|
|
3
|
+
interface CodeBlockProps {
|
|
4
|
+
code: string;
|
|
5
|
+
title?: string;
|
|
6
|
+
defaultCollapsed?: boolean;
|
|
7
|
+
style?: React.CSSProperties;
|
|
8
|
+
headerStyle?: React.CSSProperties;
|
|
9
|
+
titleAreaStyle?: React.CSSProperties;
|
|
10
|
+
iconStyle?: React.CSSProperties;
|
|
11
|
+
titleTextStyle?: React.CSSProperties;
|
|
12
|
+
copyButtonStyle?: React.CSSProperties;
|
|
13
|
+
contentStyle?: React.CSSProperties;
|
|
14
|
+
preStyle?: React.CSSProperties;
|
|
15
|
+
codeStyle?: React.CSSProperties;
|
|
16
|
+
}
|
|
17
|
+
declare const CodeBlock: React.FC<CodeBlockProps>;
|
|
18
|
+
export default CodeBlock;
|
|
19
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/CodeBlock/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,cAAc;AACd,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACtC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC/B,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACjC;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA8EvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
+
/** 数据展示项组件属性 */
|
|
3
|
+
export interface DataDisplayItemProps {
|
|
4
|
+
icon: string;
|
|
5
|
+
title: string;
|
|
6
|
+
percentage: number;
|
|
7
|
+
value: ReactNode;
|
|
8
|
+
showProgress?: boolean;
|
|
9
|
+
iconSize?: number;
|
|
10
|
+
style?: CSSProperties;
|
|
11
|
+
leftSectionStyle?: CSSProperties;
|
|
12
|
+
iconCircleStyle?: CSSProperties;
|
|
13
|
+
iconStyle?: CSSProperties;
|
|
14
|
+
rightSectionStyle?: CSSProperties;
|
|
15
|
+
topBarStyle?: CSSProperties;
|
|
16
|
+
dataDisplayStyle?: CSSProperties;
|
|
17
|
+
titleStyle?: CSSProperties;
|
|
18
|
+
dashedLineStyle?: CSSProperties;
|
|
19
|
+
dataGroupStyle?: CSSProperties;
|
|
20
|
+
percentageStyle?: CSSProperties;
|
|
21
|
+
valueStyle?: CSSProperties;
|
|
22
|
+
progressBarStyle?: CSSProperties;
|
|
23
|
+
}
|
|
24
|
+
declare const DataDisplayItem: ({ icon, title, percentage, value, showProgress, iconSize, style, leftSectionStyle, iconCircleStyle, iconStyle, rightSectionStyle, topBarStyle, dataDisplayStyle, titleStyle, dashedLineStyle, dataGroupStyle, percentageStyle, valueStyle, progressBarStyle, }: DataDisplayItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
export default DataDisplayItem;
|
|
26
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/DataDisplayItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjD,gBAAgB;AAChB,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,gBAAgB,CAAC,EAAE,aAAa,CAAC;IACjC,eAAe,CAAC,EAAE,aAAa,CAAC;IAChC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAClC,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,gBAAgB,CAAC,EAAE,aAAa,CAAC;IACjC,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,eAAe,CAAC,EAAE,aAAa,CAAC;IAChC,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,eAAe,CAAC,EAAE,aAAa,CAAC;IAChC,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,gBAAgB,CAAC,EAAE,aAAa,CAAC;CAClC;AAED,QAAA,MAAM,eAAe,mQAoBlB,oBAAoB,4CAoCtB,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/** 单个能耗卡片数据 */
|
|
3
|
+
export interface EnergyCardData {
|
|
4
|
+
id: string;
|
|
5
|
+
title: string;
|
|
6
|
+
icon: string;
|
|
7
|
+
value: string | number;
|
|
8
|
+
unit: string;
|
|
9
|
+
trend?: number;
|
|
10
|
+
}
|
|
11
|
+
/** 能耗卡片网格组件属性 */
|
|
12
|
+
export interface EnergyCardGridProps {
|
|
13
|
+
data: EnergyCardData[];
|
|
14
|
+
columns?: 2 | 3 | 4;
|
|
15
|
+
gap?: number;
|
|
16
|
+
showTrend?: boolean;
|
|
17
|
+
trendLabel?: string;
|
|
18
|
+
iconSize?: number;
|
|
19
|
+
valueSize?: number;
|
|
20
|
+
containerStyle?: React.CSSProperties;
|
|
21
|
+
itemStyle?: React.CSSProperties;
|
|
22
|
+
headerStyle?: React.CSSProperties;
|
|
23
|
+
bodyStyle?: React.CSSProperties;
|
|
24
|
+
iconWrapperStyle?: React.CSSProperties;
|
|
25
|
+
iconStyle?: React.CSSProperties;
|
|
26
|
+
valueStyle?: React.CSSProperties;
|
|
27
|
+
unitStyle?: React.CSSProperties;
|
|
28
|
+
trendStyle?: React.CSSProperties;
|
|
29
|
+
trendUpStyle?: React.CSSProperties;
|
|
30
|
+
trendDownStyle?: React.CSSProperties;
|
|
31
|
+
}
|
|
32
|
+
/**
|
|
33
|
+
* 能耗卡片网格组件
|
|
34
|
+
* 用于展示带图标、数值、单位和趋势的卡片网格布局
|
|
35
|
+
*/
|
|
36
|
+
declare const EnergyCardGrid: React.FC<EnergyCardGridProps>;
|
|
37
|
+
export default EnergyCardGrid;
|
|
38
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/EnergyCardGrid/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAe;AACf,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,iBAAiB;AACjB,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACvC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACtC;AAED;;;GAGG;AACH,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmEjD,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface GaugeChartProps {
|
|
3
|
+
value: number;
|
|
4
|
+
title?: string;
|
|
5
|
+
color?: string;
|
|
6
|
+
subTitle?: string;
|
|
7
|
+
width?: number | string;
|
|
8
|
+
height?: number | string;
|
|
9
|
+
radius?: number;
|
|
10
|
+
strokeWidth?: number;
|
|
11
|
+
trackColor?: string;
|
|
12
|
+
ballSize?: number;
|
|
13
|
+
valueFontSize?: number | string;
|
|
14
|
+
titleFontSize?: number | string;
|
|
15
|
+
subTitleFontSize?: number | string;
|
|
16
|
+
containerBg?: string;
|
|
17
|
+
borderColor?: string;
|
|
18
|
+
style?: React.CSSProperties;
|
|
19
|
+
topLineStyle?: React.CSSProperties;
|
|
20
|
+
svgContainerStyle?: React.CSSProperties;
|
|
21
|
+
svgStyle?: React.CSSProperties;
|
|
22
|
+
ballContainerStyle?: React.CSSProperties;
|
|
23
|
+
ballStyle?: React.CSSProperties;
|
|
24
|
+
textContainerStyle?: React.CSSProperties;
|
|
25
|
+
valueTextStyle?: React.CSSProperties;
|
|
26
|
+
labelTextStyle?: React.CSSProperties;
|
|
27
|
+
}
|
|
28
|
+
declare const GaugeChart: React.FC<GaugeChartProps>;
|
|
29
|
+
export default GaugeChart;
|
|
30
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/Gauge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,iBAAiB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC/B,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACzC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACzC,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACtC;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgIzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/** 全息投影颜色类型 */
|
|
3
|
+
export type HologramColor = 'blue' | 'purple' | 'green';
|
|
4
|
+
/** 全息投影底座组件属性 */
|
|
5
|
+
export interface HologramBaseProps {
|
|
6
|
+
color?: HologramColor;
|
|
7
|
+
title?: React.ReactNode;
|
|
8
|
+
icon?: React.ReactNode;
|
|
9
|
+
width?: string | number;
|
|
10
|
+
height?: string | number;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
titleStyle?: React.CSSProperties;
|
|
13
|
+
iconWrapperStyle?: React.CSSProperties;
|
|
14
|
+
beamStyle?: React.CSSProperties;
|
|
15
|
+
baseStyle?: React.CSSProperties;
|
|
16
|
+
}
|
|
17
|
+
declare const HologramBase: React.FC<HologramBaseProps>;
|
|
18
|
+
export default HologramBase;
|
|
19
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/HologramBase/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAe;AACf,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,iBAAiB;AACjB,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACvC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACjC;AAWD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2B7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { CSSProperties } from 'react';
|
|
2
|
+
export interface InspectionDurationProps {
|
|
3
|
+
/** 展示的时长文本,建议使用 HH:mm:ss,例如 00:00:00 */
|
|
4
|
+
duration?: string;
|
|
5
|
+
/** 外层容器自定义类名 */
|
|
6
|
+
className?: string;
|
|
7
|
+
/** 外层容器自定义样式 */
|
|
8
|
+
style?: CSSProperties;
|
|
9
|
+
/** 数字块自定义类名 */
|
|
10
|
+
digitClassName?: string;
|
|
11
|
+
/** 数字块自定义样式 */
|
|
12
|
+
digitStyle?: CSSProperties;
|
|
13
|
+
/** 分隔符块自定义类名 */
|
|
14
|
+
separatorClassName?: string;
|
|
15
|
+
/** 分隔符块自定义样式 */
|
|
16
|
+
separatorStyle?: CSSProperties;
|
|
17
|
+
}
|
|
18
|
+
declare const InspectionDuration: ({ duration, className, style, digitClassName, digitStyle, separatorClassName, separatorStyle, }: InspectionDurationProps) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export default InspectionDuration;
|
|
20
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/InspectionDuration/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG3C,MAAM,WAAW,uBAAuB;IACtC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB;IAChB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,eAAe;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe;IACf,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,gBAAgB;IAChB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB;IAChB,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC;AAMD,QAAA,MAAM,kBAAkB,oGAQrB,uBAAuB,4CA0BzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import type { EChartsOption } from 'echarts';
|
|
2
|
+
import type { CSSProperties } from 'react';
|
|
3
|
+
interface DataItem {
|
|
4
|
+
name: string;
|
|
5
|
+
value: number;
|
|
6
|
+
pct: string;
|
|
7
|
+
color: string;
|
|
8
|
+
}
|
|
9
|
+
interface LegendStyleParams {
|
|
10
|
+
item: DataItem;
|
|
11
|
+
index: number;
|
|
12
|
+
active: boolean;
|
|
13
|
+
hidden: boolean;
|
|
14
|
+
dimmed: boolean;
|
|
15
|
+
}
|
|
16
|
+
type StyleConfig<TParams> = CSSProperties | ((params: TParams) => CSSProperties);
|
|
17
|
+
interface InspectionPieChartClassNames {
|
|
18
|
+
container?: string;
|
|
19
|
+
chartWrapper?: string;
|
|
20
|
+
chart?: string;
|
|
21
|
+
centerDecoration?: string;
|
|
22
|
+
centerImage?: string;
|
|
23
|
+
legend?: string;
|
|
24
|
+
legendItem?: string;
|
|
25
|
+
legendItemActive?: string;
|
|
26
|
+
legendItemHidden?: string;
|
|
27
|
+
legendItemDimmed?: string;
|
|
28
|
+
legendDot?: string;
|
|
29
|
+
legendName?: string;
|
|
30
|
+
legendValue?: string;
|
|
31
|
+
legendPercent?: string;
|
|
32
|
+
}
|
|
33
|
+
interface InspectionPieChartStyleConfig {
|
|
34
|
+
container?: CSSProperties;
|
|
35
|
+
chartWrapper?: CSSProperties;
|
|
36
|
+
chart?: CSSProperties;
|
|
37
|
+
centerDecoration?: CSSProperties;
|
|
38
|
+
centerImage?: CSSProperties;
|
|
39
|
+
legend?: CSSProperties;
|
|
40
|
+
legendItem?: StyleConfig<LegendStyleParams>;
|
|
41
|
+
legendDot?: StyleConfig<LegendStyleParams>;
|
|
42
|
+
legendName?: StyleConfig<LegendStyleParams>;
|
|
43
|
+
legendValue?: StyleConfig<LegendStyleParams>;
|
|
44
|
+
legendPercent?: StyleConfig<LegendStyleParams>;
|
|
45
|
+
}
|
|
46
|
+
interface InspectionPieChartConfig {
|
|
47
|
+
/** 主饼图 series 配置,data 仍由组件数据生成 */
|
|
48
|
+
pieSeries?: Record<string, unknown>;
|
|
49
|
+
/** 外圈装饰饼图 series 配置 */
|
|
50
|
+
outerRingSeries?: Record<string, unknown>;
|
|
51
|
+
/** 最终 ECharts option,可传对象覆盖,也可传函数完全接管 */
|
|
52
|
+
option?: EChartsOption | ((defaultOption: EChartsOption) => EChartsOption);
|
|
53
|
+
renderer?: 'canvas' | 'svg';
|
|
54
|
+
}
|
|
55
|
+
interface InspectionPieChartProps {
|
|
56
|
+
data: DataItem[];
|
|
57
|
+
/** 图例数值单位 */
|
|
58
|
+
valueUnit?: string;
|
|
59
|
+
classNames?: InspectionPieChartClassNames;
|
|
60
|
+
styleConfig?: InspectionPieChartStyleConfig;
|
|
61
|
+
chartConfig?: InspectionPieChartConfig;
|
|
62
|
+
centerConfig?: {
|
|
63
|
+
/** 是否展示中心装饰,默认 true */
|
|
64
|
+
show?: boolean;
|
|
65
|
+
/** 中心图片地址,传入后展示图片 */
|
|
66
|
+
image?: string;
|
|
67
|
+
/** 中心装饰容器类名 */
|
|
68
|
+
className?: string;
|
|
69
|
+
/** 中心装饰容器自定义样式 */
|
|
70
|
+
style?: CSSProperties;
|
|
71
|
+
/** 中心图片自定义样式 */
|
|
72
|
+
imageStyle?: CSSProperties;
|
|
73
|
+
};
|
|
74
|
+
}
|
|
75
|
+
declare const InspectionPieChart: ({ data, valueUnit, classNames: customClassNames, styleConfig, chartConfig, centerConfig, }: InspectionPieChartProps) => import("react/jsx-runtime").JSX.Element;
|
|
76
|
+
export default InspectionPieChart;
|
|
77
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/InspectionPieChart/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface LiquidGaugeProps {
|
|
3
|
+
value: number;
|
|
4
|
+
color?: string;
|
|
5
|
+
widthSize?: number;
|
|
6
|
+
heightSize?: number;
|
|
7
|
+
fontSize?: string | number;
|
|
8
|
+
textColor?: string;
|
|
9
|
+
backgroundColor?: string;
|
|
10
|
+
glassOpacity?: number;
|
|
11
|
+
waveTopPos?: number;
|
|
12
|
+
outerBorderColor?: string;
|
|
13
|
+
style?: React.CSSProperties;
|
|
14
|
+
innerStyle?: React.CSSProperties;
|
|
15
|
+
waveStyle?: React.CSSProperties;
|
|
16
|
+
waveBackStyle?: React.CSSProperties;
|
|
17
|
+
glassStyle?: React.CSSProperties;
|
|
18
|
+
highlightStyle?: React.CSSProperties;
|
|
19
|
+
textStyle?: React.CSSProperties;
|
|
20
|
+
}
|
|
21
|
+
declare const LiquidGauge: React.FC<LiquidGaugeProps>;
|
|
22
|
+
export default LiquidGauge;
|
|
23
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/LiquidGauge/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACjC;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0D3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface PeakCardProps {
|
|
3
|
+
color?: string;
|
|
4
|
+
topLabel?: string;
|
|
5
|
+
bottomLabel?: string;
|
|
6
|
+
value?: number | string;
|
|
7
|
+
max?: number;
|
|
8
|
+
percent?: number;
|
|
9
|
+
unit?: string;
|
|
10
|
+
valueFontSize?: string | number;
|
|
11
|
+
unitFontSize?: string | number;
|
|
12
|
+
topLabelFontSize?: string | number;
|
|
13
|
+
bottomLabelFontSize?: string | number;
|
|
14
|
+
style?: React.CSSProperties;
|
|
15
|
+
cardStyle?: React.CSSProperties;
|
|
16
|
+
labelTagStyle?: React.CSSProperties;
|
|
17
|
+
valueWrapperStyle?: React.CSSProperties;
|
|
18
|
+
valueStyle?: React.CSSProperties;
|
|
19
|
+
unitStyle?: React.CSSProperties;
|
|
20
|
+
peakSvgStyle?: React.CSSProperties;
|
|
21
|
+
bottomLabelStyle?: React.CSSProperties;
|
|
22
|
+
baseHeight?: number;
|
|
23
|
+
maxHeightRange?: number;
|
|
24
|
+
}
|
|
25
|
+
declare const PeakCard: React.FC<PeakCardProps>;
|
|
26
|
+
export default PeakCard;
|
|
27
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/PeakCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnC,mBAAmB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,iBAAiB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACxC,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8GrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import type { EChartsOption } from 'echarts';
|
|
2
|
+
export interface PeriodItem {
|
|
3
|
+
name: string;
|
|
4
|
+
color: string;
|
|
5
|
+
timeRanges: Array<[number, number]>;
|
|
6
|
+
}
|
|
7
|
+
export interface PeriodConfig {
|
|
8
|
+
[key: string]: PeriodItem;
|
|
9
|
+
}
|
|
10
|
+
export interface ChartDataPoint {
|
|
11
|
+
time: string;
|
|
12
|
+
value: number;
|
|
13
|
+
}
|
|
14
|
+
export interface AreaGradient {
|
|
15
|
+
from: string;
|
|
16
|
+
to: string;
|
|
17
|
+
}
|
|
18
|
+
export interface PeakValleyElectricityLineChartProps {
|
|
19
|
+
chartData?: ChartDataPoint[];
|
|
20
|
+
periodConfig?: PeriodConfig;
|
|
21
|
+
height?: number | string;
|
|
22
|
+
gridConfig?: EChartsOption['grid'];
|
|
23
|
+
legendConfig?: EChartsOption['legend'];
|
|
24
|
+
tooltipConfig?: EChartsOption['tooltip'];
|
|
25
|
+
xAxisConfig?: EChartsOption['xAxis'];
|
|
26
|
+
yAxisConfig?: EChartsOption['yAxis'];
|
|
27
|
+
seriesConfig?: any;
|
|
28
|
+
animation?: boolean;
|
|
29
|
+
unit?: string;
|
|
30
|
+
areaGradients?: Record<string, AreaGradient>;
|
|
31
|
+
}
|
|
32
|
+
/**
|
|
33
|
+
* 尖峰谷耗电折线图组件
|
|
34
|
+
*/
|
|
35
|
+
declare const PeakValleyElectricityLineChart: React.FC<PeakValleyElectricityLineChartProps>;
|
|
36
|
+
export default PeakValleyElectricityLineChart;
|
|
37
|
+
//# sourceMappingURL=index.d.ts.map
|