@eleventheye/asui 2.11.3 → 2.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/apptypes/ASUI.types.d.ts +12 -0
- package/dist/apptypes/ASUI.types.d.ts.map +1 -1
- package/dist/aschart/donut/ASChartDonut.d.ts.map +1 -1
- package/dist/aschart/donut/ASChartDonut.js +106 -34
- package/dist/aschart/donut/donutHelpers.d.ts +8 -0
- package/dist/aschart/donut/donutHelpers.d.ts.map +1 -0
- package/dist/aschart/donut/donutHelpers.js +41 -0
- package/dist/aschart/donut/styles.d.ts +2 -1
- package/dist/aschart/donut/styles.d.ts.map +1 -1
- package/dist/aschart/donut/styles.js +19 -14
- package/dist/astheme/ASThemeDefault.d.ts.map +1 -1
- package/dist/astheme/ASThemeDefault.js +31 -0
- package/package.json +1 -1
|
@@ -196,18 +196,30 @@ export type ASChartBarTheme = {
|
|
|
196
196
|
secondaryColor: string;
|
|
197
197
|
tertiaryColor: string;
|
|
198
198
|
};
|
|
199
|
+
export type PerSizeStyles = {
|
|
200
|
+
[ComponentSize.Large]: string;
|
|
201
|
+
[ComponentSize.Medium]: string;
|
|
202
|
+
[ComponentSize.Small]: string;
|
|
203
|
+
};
|
|
199
204
|
export type ASChartDonutTheme = {
|
|
200
205
|
chartdonutTextColor?: string;
|
|
201
206
|
chartdonutTextFontSize?: string;
|
|
207
|
+
chartdonutTextFontSizes?: PerSizeStyles;
|
|
202
208
|
chartdonutTextFontWeight?: string;
|
|
209
|
+
chartdonutTextFontWeights?: PerSizeStyles;
|
|
203
210
|
chartdonutTextFontFamily?: string;
|
|
204
211
|
chartdonutTextShadow?: string;
|
|
212
|
+
chartdonutTextShadows?: PerSizeStyles;
|
|
205
213
|
chartdonutSubTextColor?: string;
|
|
206
214
|
chartdonutSubTextFontSize?: string;
|
|
215
|
+
chartdonutSubTextFontSizes?: PerSizeStyles;
|
|
207
216
|
chartdonutSubTextFontWeight?: string;
|
|
217
|
+
chartdonutSubTextFontWeights?: PerSizeStyles;
|
|
208
218
|
chartdonutSubTextFontFamily?: string;
|
|
209
219
|
chartdonutSubTextShadow?: string;
|
|
220
|
+
chartdonutSubTextShadows?: PerSizeStyles;
|
|
210
221
|
chartdonutSubTextVerticalOffset?: string;
|
|
222
|
+
chartdonutSubTextVerticalOffsets?: PerSizeStyles;
|
|
211
223
|
chartdonutColor: string;
|
|
212
224
|
chartdonutInnerTrackColor?: string;
|
|
213
225
|
chartdonutOuterTrackColor?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ASUI.types.d.ts","sourceRoot":"","sources":["../../src/apptypes/ASUI.types.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ASUI.types.d.ts","sourceRoot":"","sources":["../../src/apptypes/ASUI.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ASChartDonut.d.ts","sourceRoot":"","sources":["../../../src/aschart/donut/ASChartDonut.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"ASChartDonut.d.ts","sourceRoot":"","sources":["../../../src/aschart/donut/ASChartDonut.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAmFzD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqL7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -5,61 +5,133 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
const react_1 = require("react");
|
|
6
6
|
const apptypes_1 = require("../../apptypes");
|
|
7
7
|
const astheme_1 = tslib_1.__importDefault(require("../../astheme"));
|
|
8
|
+
const donutHelpers_1 = require("./donutHelpers");
|
|
8
9
|
const styles_1 = require("./styles");
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
10
|
+
const DonutArraySize = 500;
|
|
11
|
+
const DonutDashArrayOffsetLists = {
|
|
12
|
+
[apptypes_1.ComponentSize.Large]: [125, 200, 275, 350],
|
|
13
|
+
[apptypes_1.ComponentSize.Medium]: [125, 181.3, 238, 294],
|
|
14
|
+
[apptypes_1.ComponentSize.Small]: [125, 162.5, 200, 237.5],
|
|
15
|
+
};
|
|
16
|
+
const TrackDashArrayOffsetLists = {
|
|
17
|
+
[apptypes_1.ComponentSize.Large]: [122, 159, 197, 235],
|
|
18
|
+
[apptypes_1.ComponentSize.Medium]: [122, 152, 180, 206.5],
|
|
19
|
+
[apptypes_1.ComponentSize.Small]: [122, 140, 159, 178],
|
|
20
|
+
};
|
|
21
|
+
const DonutPaths = {
|
|
22
|
+
QuaternaryPaths: {
|
|
23
|
+
[apptypes_1.ComponentSize.Large]: 'M152 120A32 32 0 00120 88 32 32 0 0088 120a32 32 0 0032 32 32 32 0 0032-32Z',
|
|
24
|
+
[apptypes_1.ComponentSize.Medium]: 'M164 120A44 44 0 00120 76 44 44 0 0076 120a44 44 0 0044 44 44 44 0 0044-44Z',
|
|
25
|
+
[apptypes_1.ComponentSize.Small]: 'M176 120A56 56 0 00120 64 56 56 0 0064 120a56 56 0 0056 56 56 56 0 0056-56Z',
|
|
26
|
+
},
|
|
27
|
+
TertiaryPaths: {
|
|
28
|
+
[apptypes_1.ComponentSize.Large]: 'M168 120A48 48 0 00120 72 48 48 0 0072 120a48 48 0 0048 48 48 48 0 0048-48Z',
|
|
29
|
+
[apptypes_1.ComponentSize.Medium]: 'M176 120A56 56 0 00120 64 56 56 0 0064 120a56 56 0 0056 56 56 56 0 0056-56Z',
|
|
30
|
+
[apptypes_1.ComponentSize.Small]: 'M184 120A64 64 0 00120 56 64 64 0 0056 120a64 64 0 0064 64 64 64 0 0064-64Z',
|
|
31
|
+
},
|
|
32
|
+
SecondaryPaths: {
|
|
33
|
+
[apptypes_1.ComponentSize.Large]: 'M184 120A64 64 0 00120 56 64 64 0 0056 120a64 64 0 0064 64 64 64 0 0064-64Z',
|
|
34
|
+
[apptypes_1.ComponentSize.Medium]: 'M188 120A68 68 0 00120 52 68 68 0 0052 120a68 68 0 0068 68 68 68 0 0068-68Z',
|
|
35
|
+
[apptypes_1.ComponentSize.Small]: 'M192 120A72 72 0 00120 48 72 72 0 0048 120a72 72 0 0072 72 72 72 0 0072-72Z',
|
|
36
|
+
},
|
|
37
|
+
PrimaryPaths: {
|
|
38
|
+
[apptypes_1.ComponentSize.Large]: 'M200 120A80 80 0 00120 40 80 80 0 0040 120a80 80 0 0080 80 80 80 0 0080-80Z',
|
|
39
|
+
[apptypes_1.ComponentSize.Medium]: 'M200 120A80 80 0 00120 40 80 80 0 0040 120a80 80 0 0080 80 80 80 0 0080-80Z',
|
|
40
|
+
[apptypes_1.ComponentSize.Small]: 'M200 120A80 80 0 00120 40 80 80 0 0040 120a80 80 0 0080 80 80 80 0 0080-80Z',
|
|
41
|
+
},
|
|
42
|
+
};
|
|
43
|
+
const TrackPaths = {
|
|
44
|
+
QuaternaryTrackPaths: {
|
|
45
|
+
[apptypes_1.ComponentSize.Large]: 'M176 120A56 56 0 00120 64 56 56 0 0064 120a56 56 0 0056 56 56 56 0 0056-56Z',
|
|
46
|
+
[apptypes_1.ComponentSize.Medium]: 'M182 120A62 62 0 00120 58 62 62 0 0058 120a62 62 0 0062 62 62 62 0 0062-62Z',
|
|
47
|
+
[apptypes_1.ComponentSize.Small]: 'M188 120A68 68 0 00120 52 68 68 0 0052 120a68 68 0 0068 68 68 68 0 0068-68Z',
|
|
48
|
+
},
|
|
49
|
+
TertiaryTrackPaths: {
|
|
50
|
+
[apptypes_1.ComponentSize.Large]: 'M184 120A64 64 0 00120 56 64 64 0 0056 120a64 64 0 0064 64 64 64 0 0064-64Z',
|
|
51
|
+
[apptypes_1.ComponentSize.Medium]: 'M188 120A68 68 0 00120 52 68 68 0 0052 120a68 68 0 0068 68 68 68 0 0068-68Z',
|
|
52
|
+
[apptypes_1.ComponentSize.Small]: 'M192 120A72 72 0 00120 48 72 72 0 0048 120a72 72 0 0072 72 72 72 0 0072-72Z',
|
|
53
|
+
},
|
|
54
|
+
SecondaryTrackPaths: {
|
|
55
|
+
[apptypes_1.ComponentSize.Large]: 'M192 120A72 72 0 00120 48 72 72 0 0048 120a72 72 0 0072 72 72 72 0 0072-72Z',
|
|
56
|
+
[apptypes_1.ComponentSize.Medium]: 'M194 120A74 74 0 00120 46 74 74 0 0046 120a74 74 0 0074 74 74 74 0 0074-74Z',
|
|
57
|
+
[apptypes_1.ComponentSize.Small]: 'M196 120A76 76 0 00120 44 76 76 0 0044 120a76 76 0 0076 76 76 76 0 0076-76Z',
|
|
58
|
+
},
|
|
59
|
+
PrimaryTrackPaths: {
|
|
60
|
+
[apptypes_1.ComponentSize.Large]: 'M200 120A80 80 0 00120 40 80 80 0 0040 120a80 80 0 0080 80 80 80 0 0080-80Z',
|
|
61
|
+
[apptypes_1.ComponentSize.Medium]: 'M200 120A80 80 0 00120 40 80 80 0 0040 120a80 80 0 0080 80 80 80 0 0080-80Z',
|
|
62
|
+
[apptypes_1.ComponentSize.Small]: 'M200 120A80 80 0 00120 40 80 80 0 0040 120a80 80 0 0080 80 80 80 0 0080-80Z',
|
|
63
|
+
},
|
|
64
|
+
};
|
|
14
65
|
const ASChartDonut = ({ className = '', value = 0, secondaryValue = -1, tertiaryValue = -1, quaternaryValue = -1, style = undefined, size = apptypes_1.ComponentSize.Medium, donutSize = '200px', donutLabel = undefined, donutSubLabel = undefined, theme = astheme_1.default, }) => {
|
|
66
|
+
const TrackDashArrayOffsets = (0, react_1.useMemo)(() => TrackDashArrayOffsetLists[size], [size]);
|
|
67
|
+
const QuaternaryTrack = (0, react_1.useMemo)(() => TrackPaths.QuaternaryTrackPaths[size], [size]);
|
|
68
|
+
const TertiaryTrack = (0, react_1.useMemo)(() => TrackPaths.TertiaryTrackPaths[size], [size]);
|
|
69
|
+
const SecondaryTrack = (0, react_1.useMemo)(() => TrackPaths.SecondaryTrackPaths[size], [size]);
|
|
70
|
+
const PrimaryTrack = (0, react_1.useMemo)(() => TrackPaths.PrimaryTrackPaths[size], [size]);
|
|
71
|
+
const DonutDashArrayOffsets = (0, react_1.useMemo)(() => DonutDashArrayOffsetLists[size], [size]);
|
|
72
|
+
const QuaternaryDonut = (0, react_1.useMemo)(() => DonutPaths.QuaternaryPaths[size], [size]);
|
|
73
|
+
const TertiaryDonut = (0, react_1.useMemo)(() => DonutPaths.TertiaryPaths[size], [size]);
|
|
74
|
+
const SecondaryDonut = (0, react_1.useMemo)(() => DonutPaths.SecondaryPaths[size], [size]);
|
|
75
|
+
const PrimaryDonut = (0, react_1.useMemo)(() => DonutPaths.PrimaryPaths[size], [size]);
|
|
15
76
|
const primaryPercentageValue = (0, react_1.useMemo)(() => {
|
|
16
|
-
return
|
|
17
|
-
}, [value]);
|
|
77
|
+
return DonutArraySize - (value / 100) * (DonutArraySize - DonutDashArrayOffsets[0]);
|
|
78
|
+
}, [value, DonutArraySize, DonutDashArrayOffsets]);
|
|
18
79
|
const secondaryPercentageValue = (0, react_1.useMemo)(() => {
|
|
19
|
-
return
|
|
20
|
-
}, [secondaryValue]);
|
|
80
|
+
return DonutArraySize - (secondaryValue / 100) * (DonutArraySize - DonutDashArrayOffsets[1]);
|
|
81
|
+
}, [secondaryValue, DonutArraySize, DonutDashArrayOffsets]);
|
|
21
82
|
const tertiaryPercentageValue = (0, react_1.useMemo)(() => {
|
|
22
|
-
return
|
|
23
|
-
}, [tertiaryValue,
|
|
83
|
+
return DonutArraySize - (tertiaryValue / 100) * (DonutArraySize - DonutDashArrayOffsets[2]);
|
|
84
|
+
}, [tertiaryValue, DonutArraySize, DonutDashArrayOffsets]);
|
|
24
85
|
const quaternaryPercentageValue = (0, react_1.useMemo)(() => {
|
|
25
|
-
return
|
|
26
|
-
}, [quaternaryValue,
|
|
27
|
-
const [trackPath, setTrackPath] = (0, react_1.useState)(
|
|
86
|
+
return DonutArraySize - (quaternaryValue / 100) * (DonutArraySize - DonutDashArrayOffsets[3]);
|
|
87
|
+
}, [quaternaryValue, DonutArraySize, DonutDashArrayOffsets]);
|
|
88
|
+
const [trackPath, setTrackPath] = (0, react_1.useState)(PrimaryDonut);
|
|
28
89
|
const [donutThickness, setDonutThickness] = (0, react_1.useState)(12);
|
|
29
|
-
const [trackThickness, setTrackThickness] = (0, react_1.useState)(14);
|
|
90
|
+
const [trackThickness, setTrackThickness] = (0, react_1.useState)(size === apptypes_1.ComponentSize.Large ? 14 : size === apptypes_1.ComponentSize.Medium ? 10 : 6);
|
|
30
91
|
const [trackDasharray, setTrackDasharray] = (0, react_1.useState)(503);
|
|
31
92
|
const [trackOffset, setTrackOffset] = (0, react_1.useState)(126);
|
|
32
93
|
(0, react_1.useEffect)(() => {
|
|
33
94
|
if (quaternaryValue > 0) {
|
|
34
95
|
setTrackPath(QuaternaryTrack);
|
|
35
|
-
setTrackThickness(
|
|
36
|
-
setDonutThickness(
|
|
37
|
-
setTrackDasharray(
|
|
38
|
-
setTrackOffset(
|
|
96
|
+
setTrackThickness((0, donutHelpers_1.getDonutTrackThickness)(size, 4));
|
|
97
|
+
setDonutThickness((0, donutHelpers_1.getDonutThickness)(size));
|
|
98
|
+
setTrackDasharray(DonutArraySize);
|
|
99
|
+
setTrackOffset(TrackDashArrayOffsets[3]);
|
|
39
100
|
}
|
|
40
101
|
else if (tertiaryValue > 0) {
|
|
41
102
|
setTrackPath(TertiaryTrack);
|
|
42
|
-
setTrackThickness(
|
|
43
|
-
setDonutThickness(
|
|
44
|
-
setTrackDasharray(
|
|
45
|
-
setTrackOffset(
|
|
103
|
+
setTrackThickness((0, donutHelpers_1.getDonutTrackThickness)(size, 3));
|
|
104
|
+
setDonutThickness((0, donutHelpers_1.getDonutThickness)(size));
|
|
105
|
+
setTrackDasharray(DonutArraySize);
|
|
106
|
+
setTrackOffset(TrackDashArrayOffsets[2]);
|
|
46
107
|
}
|
|
47
108
|
else if (secondaryValue > 0) {
|
|
48
109
|
setTrackPath(SecondaryTrack);
|
|
49
|
-
setTrackThickness(
|
|
50
|
-
setDonutThickness(
|
|
51
|
-
setTrackDasharray(
|
|
52
|
-
setTrackOffset(
|
|
110
|
+
setTrackThickness((0, donutHelpers_1.getDonutTrackThickness)(size, 2));
|
|
111
|
+
setDonutThickness((0, donutHelpers_1.getDonutThickness)(size));
|
|
112
|
+
setTrackDasharray(DonutArraySize);
|
|
113
|
+
setTrackOffset(TrackDashArrayOffsets[1]);
|
|
53
114
|
}
|
|
54
115
|
else {
|
|
55
116
|
setTrackPath(PrimaryTrack);
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
setDonutThickness(
|
|
60
|
-
setTrackThickness(thickness + 2);
|
|
117
|
+
setTrackDasharray(DonutArraySize);
|
|
118
|
+
setTrackOffset(TrackDashArrayOffsets[0]);
|
|
119
|
+
setTrackThickness((0, donutHelpers_1.getDonutTrackThickness)(size, 1));
|
|
120
|
+
setDonutThickness((0, donutHelpers_1.getDonutThickness)(size));
|
|
61
121
|
}
|
|
62
|
-
}, [
|
|
63
|
-
|
|
122
|
+
}, [
|
|
123
|
+
value,
|
|
124
|
+
secondaryValue,
|
|
125
|
+
tertiaryValue,
|
|
126
|
+
quaternaryValue,
|
|
127
|
+
size,
|
|
128
|
+
QuaternaryTrack,
|
|
129
|
+
DonutArraySize,
|
|
130
|
+
TrackDashArrayOffsets,
|
|
131
|
+
TertiaryTrack,
|
|
132
|
+
SecondaryDonut,
|
|
133
|
+
PrimaryTrack,
|
|
134
|
+
]);
|
|
135
|
+
return ((0, jsx_runtime_1.jsxs)(styles_1.DonutChart, { className: className, theme: theme, style: style, "$size": donutSize, children: [donutLabel && ((0, jsx_runtime_1.jsxs)(styles_1.DonutChartText, { theme: theme.chartdonut, "$size": size, children: [donutLabel, (0, jsx_runtime_1.jsx)(styles_1.DonutChartSubText, { theme: theme.chartdonut, "$size": size, children: donutSubLabel })] })), (0, jsx_runtime_1.jsxs)(styles_1.DonutChartSvg, { width: "100%", viewBox: "0 0 240 240", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleOuterTrack, { theme: theme.chartdonut, d: trackPath, strokeWidth: trackThickness, "$dasharray": trackDasharray, "$dashoffset": trackOffset + 1, fill: "none" }), (0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleInnerTrack, { theme: theme.chartdonut, d: trackPath, strokeWidth: trackThickness ? trackThickness - 2 : 8, "$dasharray": trackDasharray, "$dashoffset": trackOffset ? trackOffset + 3 : 8, fill: "none" }), (0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("title", { children: "ASChartDonut" }), (0, jsx_runtime_1.jsx)(styles_1.DonutChartCircle, { "$offset": primaryPercentageValue, theme: theme.chartdonut, d: PrimaryDonut, strokeWidth: donutThickness, fill: "none" })] }), secondaryPercentageValue > -1 && ((0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleSecondary, { "$offset": secondaryPercentageValue, theme: theme.chartdonut, d: SecondaryDonut, strokeWidth: (0, donutHelpers_1.getDonutThickness)(size), fill: "none" })), quaternaryPercentageValue > -1 && ((0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleTertiary, { "$offset": tertiaryPercentageValue, theme: theme.chartdonut, d: TertiaryDonut, strokeWidth: (0, donutHelpers_1.getDonutThickness)(size), fill: "none" })), quaternaryPercentageValue > -1 && ((0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleQuaternary, { "$offset": quaternaryPercentageValue, theme: theme.chartdonut, d: QuaternaryDonut, strokeWidth: (0, donutHelpers_1.getDonutThickness)(size), fill: "none" }))] })] }));
|
|
64
136
|
};
|
|
65
137
|
exports.default = ASChartDonut;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ASComponentSize } from '../../apptypes';
|
|
2
|
+
export declare const DONUT_THICKNESS_SMALL = 8;
|
|
3
|
+
export declare const DONUT_THICKNESS_MEDIUM = 12;
|
|
4
|
+
export declare const DONUT_THICKNESS_LARGE = 16;
|
|
5
|
+
export declare const getDonutThickness: (size: ASComponentSize) => number;
|
|
6
|
+
export declare const getDonutTrackThickness: (size: ASComponentSize, chartCount: number) => number;
|
|
7
|
+
export declare const calculateDonutPath: (thickness: number, position: number) => string;
|
|
8
|
+
//# sourceMappingURL=donutHelpers.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"donutHelpers.d.ts","sourceRoot":"","sources":["../../../src/aschart/donut/donutHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAiB,MAAM,gBAAgB,CAAC;AAEhE,eAAO,MAAM,qBAAqB,IAAI,CAAC;AACvC,eAAO,MAAM,sBAAsB,KAAK,CAAC;AACzC,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAExC,eAAO,MAAM,iBAAiB,GAAI,MAAM,eAAe,KAAG,MAUzD,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,MAAM,eAAe,EAAE,YAAY,MAAM,KAAG,MAIlF,CAAC;AAQF,eAAO,MAAM,kBAAkB,GAAI,WAAW,MAAM,EAAE,UAAU,MAAM,KAAG,MAcxE,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.calculateDonutPath = exports.getDonutTrackThickness = exports.getDonutThickness = exports.DONUT_THICKNESS_LARGE = exports.DONUT_THICKNESS_MEDIUM = exports.DONUT_THICKNESS_SMALL = void 0;
|
|
4
|
+
const apptypes_1 = require("../../apptypes");
|
|
5
|
+
exports.DONUT_THICKNESS_SMALL = 8;
|
|
6
|
+
exports.DONUT_THICKNESS_MEDIUM = 12;
|
|
7
|
+
exports.DONUT_THICKNESS_LARGE = 16;
|
|
8
|
+
const getDonutThickness = (size) => {
|
|
9
|
+
switch (size) {
|
|
10
|
+
case apptypes_1.ComponentSize.Large:
|
|
11
|
+
return exports.DONUT_THICKNESS_LARGE;
|
|
12
|
+
case apptypes_1.ComponentSize.Medium:
|
|
13
|
+
return exports.DONUT_THICKNESS_MEDIUM;
|
|
14
|
+
case apptypes_1.ComponentSize.Small:
|
|
15
|
+
default:
|
|
16
|
+
return exports.DONUT_THICKNESS_SMALL;
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
exports.getDonutThickness = getDonutThickness;
|
|
20
|
+
const getDonutTrackThickness = (size, chartCount) => {
|
|
21
|
+
const donutThickness = (0, exports.getDonutThickness)(size) * chartCount;
|
|
22
|
+
const diff = (0, exports.getDonutThickness)(apptypes_1.ComponentSize.Large) - (0, exports.getDonutThickness)(size);
|
|
23
|
+
return donutThickness + 2;
|
|
24
|
+
};
|
|
25
|
+
exports.getDonutTrackThickness = getDonutTrackThickness;
|
|
26
|
+
const finalResult = `M{000} 120A{001} {002} 0 00120 {003} {004} {005} 0 00{006} 120a{007} {008} 0 00{009} {0010} {0011} {0012} 0 00{0013}-{0014}Z`;
|
|
27
|
+
const inputNumbers = [200, 80, 80, 40, 80, 80, 40, 80, 80, 80, 80, 80, 80, 80, 80];
|
|
28
|
+
const multipliers = [-1, -1, -1, 1, -1, -1, 1, -1, -1, -1, -1, -1, -1, -1, -1];
|
|
29
|
+
const cls = 'background: dodgerblue; padding: 0 2px; border: thin solid; border-radius: 40px; text-align: center;';
|
|
30
|
+
const calculateDonutPath = (thickness, position) => {
|
|
31
|
+
const diffNumber = thickness * position;
|
|
32
|
+
let result = finalResult;
|
|
33
|
+
inputNumbers.forEach((num, index) => {
|
|
34
|
+
const strPosition = `{00${index}}`;
|
|
35
|
+
const val = num + multipliers[index] * diffNumber;
|
|
36
|
+
result = result.replace(strPosition, `${val}`);
|
|
37
|
+
});
|
|
38
|
+
console.log(`%c RESULT %c = ${result}`, cls, '');
|
|
39
|
+
return result;
|
|
40
|
+
};
|
|
41
|
+
exports.calculateDonutPath = calculateDonutPath;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ASChartDonutTheme } from '../../apptypes/ASUI.types';
|
|
1
|
+
import { ASChartDonutTheme, ASComponentSize } from '../../apptypes/ASUI.types';
|
|
2
2
|
export type ASChartDonutStyledProps = {
|
|
3
3
|
theme: ASChartDonutTheme;
|
|
4
4
|
$size: string;
|
|
@@ -6,6 +6,7 @@ export type ASChartDonutStyledProps = {
|
|
|
6
6
|
export declare const DonutChart: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ASChartDonutStyledProps>> & string;
|
|
7
7
|
export type DonutChartTextStyledProps = {
|
|
8
8
|
theme: ASChartDonutTheme;
|
|
9
|
+
$size?: ASComponentSize;
|
|
9
10
|
};
|
|
10
11
|
export declare const DonutChartText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, DonutChartTextStyledProps>> & string;
|
|
11
12
|
export declare const DonutChartSubText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, DonutChartTextStyledProps>> & string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/aschart/donut/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/aschart/donut/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE/E,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,iBAAiB,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,UAAU,4PAMtB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE,iBAAiB,CAAC;IACzB,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB,CAAC;AACF,eAAO,MAAM,cAAc,gQAe1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,gQAkB7B,CAAC;AAEF,eAAO,MAAM,aAAa,mKAEzB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,iBAAiB,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAGF,eAAO,MAAM,gBAAgB,mMAM5B,CAAC;AAEF,eAAO,MAAM,yBAAyB,mMAMrC,CAAC;AAEF,eAAO,MAAM,wBAAwB,mMAMpC,CAAC;AAEF,eAAO,MAAM,0BAA0B,mMAMtC,CAAC;AAKF,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,iBAAiB,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AACF,eAAO,MAAM,0BAA0B,gMAItC,CAAC;AAEF,eAAO,MAAM,0BAA0B,gMAMtC,CAAC"}
|
|
@@ -8,7 +8,7 @@ exports.DonutChart = styled_components_1.default.div `
|
|
|
8
8
|
display: flex;
|
|
9
9
|
align-items: center;
|
|
10
10
|
justify-content: flex-start;
|
|
11
|
-
width: ${({ $size = '
|
|
11
|
+
width: ${({ $size = '300px' }) => $size};
|
|
12
12
|
`;
|
|
13
13
|
exports.DonutChartText = styled_components_1.default.span `
|
|
14
14
|
position: absolute;
|
|
@@ -18,20 +18,25 @@ exports.DonutChartText = styled_components_1.default.span `
|
|
|
18
18
|
transform: translate(-50%, -60%);
|
|
19
19
|
display: block;
|
|
20
20
|
white-space: nowrap;
|
|
21
|
-
font-size: ${({ theme }) => theme.chartdonutTextFontSize};
|
|
22
|
-
font-weight: ${({ theme }) => theme.chartdonutTextFontWeight};
|
|
21
|
+
font-size: ${({ theme, $size }) => $size && theme.chartdonutTextFontSizes ? theme.chartdonutTextFontSizes[$size] : theme.chartdonutTextFontSize};
|
|
22
|
+
font-weight: ${({ theme, $size }) => $size && theme.chartdonutTextFontWeights ? theme.chartdonutTextFontWeights[$size] : theme.chartdonutTextFontWeight};
|
|
23
23
|
color: ${({ theme }) => theme.chartdonutTextColor};
|
|
24
|
-
text-shadow: ${({ theme }) => theme.chartdonutTextShadow};
|
|
24
|
+
text-shadow: ${({ theme, $size }) => $size && theme.chartdonutTextShadows ? theme.chartdonutTextShadows[$size] : theme.chartdonutTextShadow};
|
|
25
25
|
`;
|
|
26
26
|
exports.DonutChartSubText = styled_components_1.default.span `
|
|
27
27
|
position: absolute;
|
|
28
28
|
display: inline-block;
|
|
29
|
-
bottom: ${({ theme }) => theme.
|
|
29
|
+
bottom: ${({ theme, $size }) => $size && theme.chartdonutSubTextVerticalOffsets
|
|
30
|
+
? theme.chartdonutSubTextVerticalOffsets[$size]
|
|
31
|
+
: theme.chartdonutSubTextVerticalOffset};
|
|
30
32
|
left: 50%;
|
|
31
33
|
transform: translateX(-50%);
|
|
32
34
|
white-space: nowrap;
|
|
33
35
|
font-size: ${({ theme }) => theme.chartdonutSubTextFontSize};
|
|
34
|
-
|
|
36
|
+
|
|
37
|
+
font-weight: ${({ theme, $size }) => $size && theme.chartdonutSubTextFontWeights
|
|
38
|
+
? theme.chartdonutSubTextFontWeights[$size]
|
|
39
|
+
: theme.chartdonutSubTextFontWeight};
|
|
35
40
|
color: ${({ theme }) => theme.chartdonutSubTextColor};
|
|
36
41
|
text-shadow: ${({ theme }) => theme.chartdonutSubTextShadow};
|
|
37
42
|
`;
|
|
@@ -39,29 +44,29 @@ exports.DonutChartSvg = styled_components_1.default.svg `
|
|
|
39
44
|
transform: rotate(-225deg) scaleY(-1);
|
|
40
45
|
`;
|
|
41
46
|
exports.DonutChartCircle = styled_components_1.default.path `
|
|
42
|
-
stroke-dasharray:
|
|
43
|
-
stroke-dashoffset:
|
|
47
|
+
stroke-dasharray: 500;
|
|
48
|
+
stroke-dashoffset: 500;
|
|
44
49
|
transition: stroke-dashoffset ${({ theme }) => theme.chartdonutTransitionDuration} ease-out 0.5s;
|
|
45
50
|
stroke-dashoffset: ${({ $offset }) => $offset};
|
|
46
51
|
stroke: ${({ theme }) => theme.chartdonutColor};
|
|
47
52
|
`;
|
|
48
53
|
exports.DonutChartCircleSecondary = styled_components_1.default.path `
|
|
49
|
-
stroke-dasharray:
|
|
50
|
-
stroke-dashoffset:
|
|
54
|
+
stroke-dasharray: 500;
|
|
55
|
+
stroke-dashoffset: 500;
|
|
51
56
|
transition: stroke-dashoffset ${({ theme }) => theme.chartdonutOtherSegmentsDuration} ease-out 0.5s;
|
|
52
57
|
stroke-dashoffset: ${({ $offset }) => $offset};
|
|
53
58
|
stroke: ${({ theme }) => theme.chartdonutSecondaryColor};
|
|
54
59
|
`;
|
|
55
60
|
exports.DonutChartCircleTertiary = styled_components_1.default.path `
|
|
56
|
-
stroke-dasharray:
|
|
57
|
-
stroke-dashoffset:
|
|
61
|
+
stroke-dasharray: 500;
|
|
62
|
+
stroke-dashoffset: 500;
|
|
58
63
|
transition: stroke-dashoffset ${({ theme }) => theme.chartdonutOtherSegmentsDuration} ease-out 0.5s;
|
|
59
64
|
stroke-dashoffset: ${({ $offset }) => $offset};
|
|
60
65
|
stroke: ${({ theme }) => theme.chartdonutTertiaryColor};
|
|
61
66
|
`;
|
|
62
67
|
exports.DonutChartCircleQuaternary = styled_components_1.default.path `
|
|
63
|
-
stroke-dasharray:
|
|
64
|
-
stroke-dashoffset:
|
|
68
|
+
stroke-dasharray: 500;
|
|
69
|
+
stroke-dashoffset: 500;
|
|
65
70
|
transition: stroke-dashoffset ${({ theme }) => theme.chartdonutOtherSegmentsDuration} ease-out 0.5s;
|
|
66
71
|
stroke-dashoffset: ${({ $offset }) => $offset};
|
|
67
72
|
stroke: ${({ theme }) => theme.chartdonutQuaternaryColor};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ASThemeDefault.d.ts","sourceRoot":"","sources":["../../src/astheme/ASThemeDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"ASThemeDefault.d.ts","sourceRoot":"","sources":["../../src/astheme/ASThemeDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAiB,MAAM,wBAAwB,CAAC;AA8EhE,QAAA,MAAM,cAAc,EAAE,OA8JrB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const ASUI_types_1 = require("../apptypes/ASUI.types");
|
|
3
4
|
const colors = {
|
|
4
5
|
mainGold: '#ffd700',
|
|
5
6
|
mainYellow: '#ffd321',
|
|
@@ -174,15 +175,45 @@ const ASThemeDefault = {
|
|
|
174
175
|
chartdonut: {
|
|
175
176
|
chartdonutTextColor: colors.mainGray55,
|
|
176
177
|
chartdonutTextFontSize: '3rem',
|
|
178
|
+
chartdonutTextFontSizes: {
|
|
179
|
+
[ASUI_types_1.ComponentSize.Large]: '1rem',
|
|
180
|
+
[ASUI_types_1.ComponentSize.Medium]: '1.7rem',
|
|
181
|
+
[ASUI_types_1.ComponentSize.Small]: '2.3rem',
|
|
182
|
+
},
|
|
177
183
|
chartdonutTextFontWeight: '400',
|
|
184
|
+
chartdonutTextFontWeights: {
|
|
185
|
+
[ASUI_types_1.ComponentSize.Large]: '300',
|
|
186
|
+
[ASUI_types_1.ComponentSize.Medium]: '400',
|
|
187
|
+
[ASUI_types_1.ComponentSize.Small]: '400',
|
|
188
|
+
},
|
|
178
189
|
chartdonutTextFontFamily: "'Big Shoulders Display', 'BigShouldersDisplay', Arial, sans-serif",
|
|
179
190
|
chartdonutTextShadow: '1px 1px 4px #000000',
|
|
191
|
+
chartdonutTextShadows: {
|
|
192
|
+
[ASUI_types_1.ComponentSize.Large]: '1px 1px 10px #000000',
|
|
193
|
+
[ASUI_types_1.ComponentSize.Medium]: '1px 1px 7px #000000',
|
|
194
|
+
[ASUI_types_1.ComponentSize.Small]: '1px 1px 4px #000000',
|
|
195
|
+
},
|
|
180
196
|
chartdonutSubTextColor: colors.mainGray55,
|
|
181
197
|
chartdonutSubTextFontSize: '1.5rem',
|
|
182
198
|
chartdonutSubTextFontWeight: '300',
|
|
199
|
+
chartdonutSubTextFontWeights: {
|
|
200
|
+
[ASUI_types_1.ComponentSize.Large]: '200',
|
|
201
|
+
[ASUI_types_1.ComponentSize.Medium]: '300',
|
|
202
|
+
[ASUI_types_1.ComponentSize.Small]: '300',
|
|
203
|
+
},
|
|
183
204
|
chartdonutSubTextFontFamily: "'Big Shoulders Display', 'BigShouldersDisplay', Arial, sans-serif",
|
|
184
205
|
chartdonutSubTextShadow: '1px 1px 4px #000000',
|
|
206
|
+
chartdonutSubTextShadows: {
|
|
207
|
+
[ASUI_types_1.ComponentSize.Large]: '1px 1px 10px #000000',
|
|
208
|
+
[ASUI_types_1.ComponentSize.Medium]: '1px 1px 7px #000000',
|
|
209
|
+
[ASUI_types_1.ComponentSize.Small]: '1px 1px 4px #000000',
|
|
210
|
+
},
|
|
185
211
|
chartdonutSubTextVerticalOffset: '-24px',
|
|
212
|
+
chartdonutSubTextVerticalOffsets: {
|
|
213
|
+
[ASUI_types_1.ComponentSize.Large]: '-50px',
|
|
214
|
+
[ASUI_types_1.ComponentSize.Medium]: '-43px',
|
|
215
|
+
[ASUI_types_1.ComponentSize.Small]: '-40px',
|
|
216
|
+
},
|
|
186
217
|
chartdonutColor: colors.yellowAlpha90,
|
|
187
218
|
chartdonutInnerTrackColor: colors.mainGray81,
|
|
188
219
|
chartdonutOuterTrackColor: colors.mainGray99,
|