@eleventheye/asui 2.12.1 → 2.12.3
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.
|
@@ -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;AAuFzD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,
|
|
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;AAuFzD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyM7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -132,6 +132,6 @@ const ASChartDonut = ({ className = '', value = 0, secondaryValue = -1, tertiary
|
|
|
132
132
|
SecondaryDonut,
|
|
133
133
|
PrimaryTrack,
|
|
134
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.DonutChartCircleBorder, { "$alternateColors": true, "$offset": DonutDashArrayOffsets[0], theme: theme.chartdonut, d: PrimaryDonut, strokeWidth: donutThickness, fill: "none" }), (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.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleSecondaryBorder, { "$alternateColors": true, "$offset": DonutDashArrayOffsets[1], theme: theme.chartdonut, d: SecondaryDonut, strokeWidth: (0, donutHelpers_1.getDonutThickness)(size), fill: "none" }), (0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleSecondary, { "$offset": secondaryPercentageValue, theme: theme.chartdonut, d: SecondaryDonut, strokeWidth: (0, donutHelpers_1.getDonutThickness)(size), fill: "none" })] })),
|
|
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.DonutChartCircleBorder, { "$alternateColors": true, "$offset": DonutDashArrayOffsets[0], theme: theme.chartdonut, d: PrimaryDonut, strokeWidth: donutThickness, fill: "none" }), (0, jsx_runtime_1.jsx)(styles_1.DonutChartCircle, { "$offset": primaryPercentageValue, theme: theme.chartdonut, d: PrimaryDonut, strokeWidth: donutThickness, fill: "none" })] }), secondaryValue > -1 && secondaryPercentageValue > -1 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleSecondaryBorder, { "$alternateColors": true, "$offset": DonutDashArrayOffsets[1], theme: theme.chartdonut, d: SecondaryDonut, strokeWidth: (0, donutHelpers_1.getDonutThickness)(size), fill: "none" }), (0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleSecondary, { "$offset": secondaryPercentageValue, theme: theme.chartdonut, d: SecondaryDonut, strokeWidth: (0, donutHelpers_1.getDonutThickness)(size), fill: "none" })] })), tertiaryValue > -1 && tertiaryPercentageValue > -1 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleTertiaryBorder, { "$alternateColors": true, "$offset": DonutDashArrayOffsets[2], theme: theme.chartdonut, d: TertiaryDonut, strokeWidth: (0, donutHelpers_1.getDonutThickness)(size), fill: "none" }), (0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleTertiary, { "$offset": tertiaryPercentageValue, theme: theme.chartdonut, d: TertiaryDonut, strokeWidth: (0, donutHelpers_1.getDonutThickness)(size), fill: "none" })] })), quaternaryValue > -1 && quaternaryPercentageValue > -1 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleQuaternaryBorder, { "$offset": DonutDashArrayOffsets[3], theme: theme.chartdonut, d: QuaternaryDonut, strokeWidth: (0, donutHelpers_1.getDonutThickness)(size), fill: "none" }), (0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleQuaternary, { "$offset": quaternaryPercentageValue, theme: theme.chartdonut, d: QuaternaryDonut, strokeWidth: (0, donutHelpers_1.getDonutThickness)(size), fill: "none" })] }))] })] }));
|
|
136
136
|
};
|
|
137
137
|
exports.default = ASChartDonut;
|
|
@@ -96,14 +96,14 @@ exports.DonutChartCircleQuaternary = styled_components_1.default.path `
|
|
|
96
96
|
stroke: ${({ theme }) => theme.chartdonutQuaternaryColor};
|
|
97
97
|
`;
|
|
98
98
|
exports.DonutChartCircleInnerTrack = styled_components_1.default.path `
|
|
99
|
-
stroke-dasharray: ${({ $dasharray }) => $dasharray};
|
|
100
|
-
stroke-dashoffset: ${({ $dashoffset }) => $dashoffset};
|
|
99
|
+
stroke-dasharray: ${({ $dasharray }) => $dasharray};
|
|
100
|
+
stroke-dashoffset: ${({ $dashoffset }) => $dashoffset};
|
|
101
101
|
stroke: ${({ theme }) => theme.chartdonutInnerTrackColor};
|
|
102
102
|
`;
|
|
103
103
|
exports.DonutChartCircleOuterTrack = styled_components_1.default.path `
|
|
104
104
|
rotate: 1deg;
|
|
105
|
-
stroke-dasharray: ${({ $dasharray }) => ($dasharray ? $dasharray + 1 : 503)};
|
|
106
|
-
stroke-dashoffset: ${({ $dashoffset }) => ($dashoffset ? $dashoffset + 1 : 126 - 2)};
|
|
105
|
+
stroke-dasharray: ${({ $dasharray }) => ($dasharray ? $dasharray + 1 : 503)};
|
|
106
|
+
stroke-dashoffset: ${({ $dashoffset }) => ($dashoffset ? $dashoffset + 1 : 126 - 2)};
|
|
107
107
|
stroke: ${({ theme }) => theme.chartdonutOuterTrackColor};
|
|
108
108
|
transform-origin: center;
|
|
109
109
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ASDropdown.d.ts","sourceRoot":"","sources":["../../src/asdropdown/ASDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"ASDropdown.d.ts","sourceRoot":"","sources":["../../src/asdropdown/ASDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAI1D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAGrD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuDzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -12,6 +12,11 @@ const ASDropdown = ({ className = '', theme = astheme_1.default, value = '', onC
|
|
|
12
12
|
const iconSize = size === ASUI_types_1.ComponentSize.Large ? 28 : size === ASUI_types_1.ComponentSize.Medium ? 24 : 20;
|
|
13
13
|
const iconColor = disabled ? theme.dropdown.dropdownColorDisabled : theme.dropdown.dropdownColor;
|
|
14
14
|
const [selectedValue, setSelectedValue] = (0, react_1.useState)(value || placeholder);
|
|
15
|
+
(0, react_1.useEffect)(() => {
|
|
16
|
+
if (value) {
|
|
17
|
+
setSelectedValue(value);
|
|
18
|
+
}
|
|
19
|
+
}, [value]);
|
|
15
20
|
const onChangeHandler = (val) => {
|
|
16
21
|
setSelectedValue(val);
|
|
17
22
|
onChange(val);
|