shared-design-system 1.21.0 → 1.23.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/src/components/Alert.d.ts +1 -1
- package/dist/src/components/Alert.js +34 -20
- package/dist/src/components/Alert.js.map +1 -1
- package/dist/src/components/Avatar.d.ts +7 -2
- package/dist/src/components/Avatar.js +15 -12
- package/dist/src/components/Avatar.js.map +1 -1
- package/dist/src/components/Badge.d.ts +1 -1
- package/dist/src/components/Badge.js +113 -89
- package/dist/src/components/Badge.js.map +1 -1
- package/dist/src/components/Breadcrumbs.d.ts +1 -1
- package/dist/src/components/Breadcrumbs.js +7 -9
- package/dist/src/components/Breadcrumbs.js.map +1 -1
- package/dist/src/components/Button.d.ts +1 -1
- package/dist/src/components/Button.js +6 -4
- package/dist/src/components/Button.js.map +1 -1
- package/dist/src/components/ConfigProvider.d.ts +17 -0
- package/dist/src/components/ConfigProvider.js +54 -0
- package/dist/src/components/ConfigProvider.js.map +1 -0
- package/dist/src/components/ConfirmModal.d.ts +1 -1
- package/dist/src/components/ConfirmModal.js +82 -72
- package/dist/src/components/ConfirmModal.js.map +1 -1
- package/dist/src/components/DatePicker.d.ts +1 -1
- package/dist/src/components/DatePicker.js +33 -10
- package/dist/src/components/DatePicker.js.map +1 -1
- package/dist/src/components/Descriptions.d.ts +15 -0
- package/dist/src/components/Descriptions.js +44 -0
- package/dist/src/components/Descriptions.js.map +1 -0
- package/dist/src/components/Divider.d.ts +1 -1
- package/dist/src/components/Divider.js +21 -16
- package/dist/src/components/Divider.js.map +1 -1
- package/dist/src/components/Drawer.d.ts +1 -1
- package/dist/src/components/Drawer.js +81 -68
- package/dist/src/components/Drawer.js.map +1 -1
- package/dist/src/components/Dropdown.d.ts +17 -0
- package/dist/src/components/Dropdown.js +129 -0
- package/dist/src/components/Dropdown.js.map +1 -0
- package/dist/src/components/InputComponents.d.ts +4 -4
- package/dist/src/components/InputComponents.js +57 -26
- package/dist/src/components/InputComponents.js.map +1 -1
- package/dist/src/components/ListComponents.d.ts +4 -2
- package/dist/src/components/ListComponents.js +36 -15
- package/dist/src/components/ListComponents.js.map +1 -1
- package/dist/src/components/Modal.d.ts +1 -1
- package/dist/src/components/Modal.js +90 -77
- package/dist/src/components/Modal.js.map +1 -1
- package/dist/src/components/MultiSelect.d.ts +1 -1
- package/dist/src/components/MultiSelect.js +65 -20
- package/dist/src/components/MultiSelect.js.map +1 -1
- package/dist/src/components/Popconfirm.d.ts +12 -0
- package/dist/src/components/Popconfirm.js +24 -0
- package/dist/src/components/Popconfirm.js.map +1 -0
- package/dist/src/components/Popover.d.ts +10 -0
- package/dist/src/components/Popover.js +108 -0
- package/dist/src/components/Popover.js.map +1 -0
- package/dist/src/components/Portal.d.ts +11 -0
- package/dist/src/components/Portal.js +30 -0
- package/dist/src/components/Portal.js.map +1 -0
- package/dist/src/components/Radio.d.ts +5 -2
- package/dist/src/components/Radio.js +10 -6
- package/dist/src/components/Radio.js.map +1 -1
- package/dist/src/components/Result.d.ts +9 -0
- package/dist/src/components/Result.js +52 -0
- package/dist/src/components/Result.js.map +1 -0
- package/dist/src/components/Select.d.ts +1 -1
- package/dist/src/components/Select.js +70 -19
- package/dist/src/components/Select.js.map +1 -1
- package/dist/src/components/Skeleton.d.ts +1 -1
- package/dist/src/components/Skeleton.js +10 -7
- package/dist/src/components/Skeleton.js.map +1 -1
- package/dist/src/components/Steps.d.ts +1 -1
- package/dist/src/components/Steps.js +17 -14
- package/dist/src/components/Steps.js.map +1 -1
- package/dist/src/components/Switch.d.ts +1 -1
- package/dist/src/components/Switch.js +6 -6
- package/dist/src/components/Switch.js.map +1 -1
- package/dist/src/components/Table.d.ts +20 -7
- package/dist/src/components/Table.js +140 -113
- package/dist/src/components/Table.js.map +1 -1
- package/dist/src/components/Tabs.d.ts +4 -2
- package/dist/src/components/Tabs.js +15 -10
- package/dist/src/components/Tabs.js.map +1 -1
- package/dist/src/components/Tag.d.ts +1 -1
- package/dist/src/components/Tag.js +17 -8
- package/dist/src/components/Tag.js.map +1 -1
- package/dist/src/components/Timeline.d.ts +13 -0
- package/dist/src/components/Timeline.js +35 -0
- package/dist/src/components/Timeline.js.map +1 -0
- package/dist/src/components/Tooltip.d.ts +1 -1
- package/dist/src/components/Tooltip.js +17 -10
- package/dist/src/components/Tooltip.js.map +1 -1
- package/dist/src/components/Typography.d.ts +5 -5
- package/dist/src/components/Typography.js +38 -23
- package/dist/src/components/Typography.js.map +1 -1
- package/dist/src/index.d.ts +19 -4
- package/dist/src/index.js +12 -5
- package/dist/src/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useState, useRef, useEffect } from 'react';
|
|
2
|
+
import React, { useState, useRef, useEffect } from 'react';
|
|
3
3
|
import { tokens } from '../tokens';
|
|
4
4
|
const floatingLabelStyle = {
|
|
5
5
|
position: 'absolute',
|
|
@@ -15,7 +15,7 @@ const floatingLabelStyle = {
|
|
|
15
15
|
zIndex: 10,
|
|
16
16
|
transition: tokens.transition.fast,
|
|
17
17
|
};
|
|
18
|
-
export const MultiSelect = ({ label, required, options, selectedValues, onChange, onAddNew, placeholder = 'Chọn...', className = '', style = {}, error }) => {
|
|
18
|
+
export const MultiSelect = React.forwardRef(({ label, required, options, selectedValues, onChange, onAddNew, placeholder = 'Chọn...', className = '', style = {}, error, }, ref) => {
|
|
19
19
|
const [isOpen, setIsOpen] = useState(false);
|
|
20
20
|
const [searchValue, setSearchValue] = useState('');
|
|
21
21
|
const containerRef = useRef(null);
|
|
@@ -26,12 +26,22 @@ export const MultiSelect = ({ label, required, options, selectedValues, onChange
|
|
|
26
26
|
setSearchValue('');
|
|
27
27
|
}
|
|
28
28
|
};
|
|
29
|
+
const handleKeydown = (e) => {
|
|
30
|
+
if (e.key === 'Escape' && isOpen) {
|
|
31
|
+
setIsOpen(false);
|
|
32
|
+
setSearchValue('');
|
|
33
|
+
}
|
|
34
|
+
};
|
|
29
35
|
document.addEventListener('mousedown', handleClickOutside);
|
|
30
|
-
|
|
31
|
-
|
|
36
|
+
document.addEventListener('keydown', handleKeydown);
|
|
37
|
+
return () => {
|
|
38
|
+
document.removeEventListener('mousedown', handleClickOutside);
|
|
39
|
+
document.removeEventListener('keydown', handleKeydown);
|
|
40
|
+
};
|
|
41
|
+
}, [isOpen]);
|
|
32
42
|
const handleToggleValue = (value) => {
|
|
33
43
|
if (selectedValues.includes(value)) {
|
|
34
|
-
onChange(selectedValues.filter(v => v !== value));
|
|
44
|
+
onChange(selectedValues.filter((v) => v !== value));
|
|
35
45
|
}
|
|
36
46
|
else {
|
|
37
47
|
onChange([...selectedValues, value]);
|
|
@@ -45,21 +55,30 @@ export const MultiSelect = ({ label, required, options, selectedValues, onChange
|
|
|
45
55
|
}
|
|
46
56
|
else {
|
|
47
57
|
if (!options.includes(searchValue.trim())) {
|
|
48
|
-
// Fallback if onAddNew is not provided, we just add it to selection if it's not there
|
|
49
58
|
handleToggleValue(searchValue.trim());
|
|
50
59
|
}
|
|
51
60
|
}
|
|
52
61
|
setSearchValue('');
|
|
53
62
|
};
|
|
54
|
-
const filteredOptions = options.filter(opt => opt.toLowerCase().includes(searchValue.toLowerCase()));
|
|
55
|
-
return (_jsxs("div", { ref:
|
|
63
|
+
const filteredOptions = options.filter((opt) => opt.toLowerCase().includes(searchValue.toLowerCase()));
|
|
64
|
+
return (_jsxs("div", { ref: (el) => {
|
|
65
|
+
containerRef.current = el;
|
|
66
|
+
if (typeof ref === 'function')
|
|
67
|
+
ref(el);
|
|
68
|
+
else if (ref)
|
|
69
|
+
ref.current = el;
|
|
70
|
+
}, className: className, style: { position: 'relative', width: '100%', ...style }, children: [label && (_jsxs("label", { style: {
|
|
56
71
|
...floatingLabelStyle,
|
|
57
|
-
color: isOpen
|
|
72
|
+
color: isOpen
|
|
73
|
+
? tokens.color.borderFocus
|
|
74
|
+
: error
|
|
75
|
+
? tokens.color.danger
|
|
76
|
+
: tokens.color.slate400,
|
|
58
77
|
}, children: [label, " ", required && _jsx("span", { style: { color: tokens.color.danger }, children: "*" })] })), _jsxs("div", { onClick: () => setIsOpen(!isOpen), style: {
|
|
59
78
|
minHeight: '46px',
|
|
60
79
|
padding: '10px 14px',
|
|
61
80
|
backgroundColor: tokens.color.white,
|
|
62
|
-
border: `1px solid ${error ? tokens.color.danger :
|
|
81
|
+
border: `1px solid ${error ? tokens.color.danger : isOpen ? tokens.color.borderFocus : tokens.color.slate200}`,
|
|
63
82
|
borderRadius: tokens.radius.lg,
|
|
64
83
|
display: 'flex',
|
|
65
84
|
flexWrap: 'wrap',
|
|
@@ -69,7 +88,7 @@ export const MultiSelect = ({ label, required, options, selectedValues, onChange
|
|
|
69
88
|
transition: tokens.transition.fast,
|
|
70
89
|
// brand red focus ring
|
|
71
90
|
boxShadow: isOpen ? '0 0 0 3px rgba(190, 17, 40, 0.12)' : tokens.shadow.sm,
|
|
72
|
-
}, children: [selectedValues.length > 0 ? (selectedValues.map(val => (_jsxs("span", { style: {
|
|
91
|
+
}, children: [selectedValues.length > 0 ? (selectedValues.map((val) => (_jsxs("span", { style: {
|
|
73
92
|
display: 'inline-flex',
|
|
74
93
|
alignItems: 'center',
|
|
75
94
|
gap: '6px',
|
|
@@ -83,7 +102,16 @@ export const MultiSelect = ({ label, required, options, selectedValues, onChange
|
|
|
83
102
|
}, onClick: (e) => {
|
|
84
103
|
e.stopPropagation();
|
|
85
104
|
handleToggleValue(val);
|
|
86
|
-
}, children: [val, _jsxs("svg", { style: { width: '12px', height: '12px', opacity: 0.6 }, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] })] }, val)))) : (_jsx("span", { style: {
|
|
105
|
+
}, children: [val, _jsxs("svg", { style: { width: '12px', height: '12px', opacity: 0.6 }, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] })] }, val)))) : (_jsx("span", { style: {
|
|
106
|
+
color: tokens.color.slate400,
|
|
107
|
+
fontSize: tokens.font.sm,
|
|
108
|
+
fontWeight: tokens.font.weightMedium,
|
|
109
|
+
}, children: placeholder })), _jsx("div", { style: { marginLeft: 'auto', color: tokens.color.slate300 }, children: _jsx("svg", { style: {
|
|
110
|
+
width: '16px',
|
|
111
|
+
height: '16px',
|
|
112
|
+
transition: tokens.transition.fast,
|
|
113
|
+
transform: isOpen ? 'rotate(180deg)' : 'none',
|
|
114
|
+
}, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "6 9 12 15 18 9" }) }) })] }), isOpen && (_jsxs("div", { style: {
|
|
87
115
|
position: 'absolute',
|
|
88
116
|
top: '100%',
|
|
89
117
|
left: 0,
|
|
@@ -95,8 +123,13 @@ export const MultiSelect = ({ label, required, options, selectedValues, onChange
|
|
|
95
123
|
border: `1px solid ${tokens.color.slate100}`,
|
|
96
124
|
zIndex: 1000,
|
|
97
125
|
overflow: 'hidden',
|
|
98
|
-
animation: 'reveal 0.2s ease-out'
|
|
99
|
-
}, children: [_jsxs("div", { style: {
|
|
126
|
+
animation: 'reveal 0.2s ease-out',
|
|
127
|
+
}, children: [_jsxs("div", { style: {
|
|
128
|
+
padding: '12px',
|
|
129
|
+
borderBottom: `1px solid ${tokens.color.slate100}`,
|
|
130
|
+
display: 'flex',
|
|
131
|
+
gap: '8px',
|
|
132
|
+
}, children: [_jsx("input", { type: "text", autoFocus: true, value: searchValue, onChange: (e) => setSearchValue(e.target.value), placeholder: "T\u00ECm ho\u1EB7c th\u00EAm m\u1EDBi...", style: {
|
|
100
133
|
flex: 1,
|
|
101
134
|
padding: '8px 12px',
|
|
102
135
|
fontSize: '12px',
|
|
@@ -117,8 +150,8 @@ export const MultiSelect = ({ label, required, options, selectedValues, onChange
|
|
|
117
150
|
fontWeight: tokens.font.weightBold,
|
|
118
151
|
borderRadius: '12px',
|
|
119
152
|
border: 'none',
|
|
120
|
-
cursor: 'pointer'
|
|
121
|
-
}, children: "TH\u00CAM" }))] }), _jsx("div", { style: { maxHeight: '240px', overflowY: 'auto', padding: '4px' }, children: filteredOptions.length > 0 ? (filteredOptions.map(opt => {
|
|
153
|
+
cursor: 'pointer',
|
|
154
|
+
}, children: "TH\u00CAM" }))] }), _jsx("div", { style: { maxHeight: '240px', overflowY: 'auto', padding: '4px' }, children: filteredOptions.length > 0 ? (filteredOptions.map((opt) => {
|
|
122
155
|
const isSelected = selectedValues.includes(opt);
|
|
123
156
|
return (_jsxs("div", { onClick: () => handleToggleValue(opt), style: {
|
|
124
157
|
padding: '10px 16px',
|
|
@@ -128,16 +161,28 @@ export const MultiSelect = ({ label, required, options, selectedValues, onChange
|
|
|
128
161
|
alignItems: 'center',
|
|
129
162
|
justifyContent: 'space-between',
|
|
130
163
|
borderRadius: '10px',
|
|
131
|
-
backgroundColor:
|
|
164
|
+
backgroundColor: 'transparent',
|
|
132
165
|
transition: tokens.transition.fast,
|
|
133
166
|
fontWeight: isSelected ? tokens.font.weightBold : tokens.font.weightMedium,
|
|
134
167
|
color: isSelected ? tokens.color.slate800 : tokens.color.slate600,
|
|
135
|
-
}, onMouseEnter: (e) => e.currentTarget.style.backgroundColor = tokens.color.slate50, onMouseLeave: (e) => e.currentTarget.style.backgroundColor = 'transparent', children: [opt, isSelected && (_jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: tokens.color.success, strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }))] }, opt));
|
|
136
|
-
})) : (_jsx("div", { style: {
|
|
168
|
+
}, onMouseEnter: (e) => (e.currentTarget.style.backgroundColor = tokens.color.slate50), onMouseLeave: (e) => (e.currentTarget.style.backgroundColor = 'transparent'), children: [opt, isSelected && (_jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: tokens.color.success, strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }))] }, opt));
|
|
169
|
+
})) : (_jsx("div", { style: {
|
|
170
|
+
padding: '20px',
|
|
171
|
+
textAlign: 'center',
|
|
172
|
+
color: tokens.color.slate400,
|
|
173
|
+
fontSize: '11px',
|
|
174
|
+
fontStyle: 'italic',
|
|
175
|
+
}, children: "Kh\u00F4ng t\u00ECm th\u1EA5y k\u1EBFt qu\u1EA3 ph\u00F9 h\u1EE3p" })) })] })), error && (_jsx("p", { style: {
|
|
176
|
+
fontSize: '11px',
|
|
177
|
+
color: tokens.color.danger,
|
|
178
|
+
marginTop: '6px',
|
|
179
|
+
fontWeight: tokens.font.weightMedium,
|
|
180
|
+
}, children: error })), _jsx("style", { children: `
|
|
137
181
|
@keyframes reveal {
|
|
138
182
|
from { opacity: 0; transform: translateY(-8px); }
|
|
139
183
|
to { opacity: 1; transform: translateY(0); }
|
|
140
184
|
}
|
|
141
185
|
` })] }));
|
|
142
|
-
};
|
|
186
|
+
});
|
|
187
|
+
MultiSelect.displayName = 'MultiSelect';
|
|
143
188
|
//# sourceMappingURL=MultiSelect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../../../src/components/MultiSelect.tsx"],"names":[],"mappings":";AAAA,
|
|
1
|
+
{"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../../../src/components/MultiSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface PopconfirmProps {
|
|
3
|
+
title: string;
|
|
4
|
+
description?: string;
|
|
5
|
+
onConfirm: () => void;
|
|
6
|
+
onCancel?: () => void;
|
|
7
|
+
okText?: string;
|
|
8
|
+
cancelText?: string;
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
danger?: boolean;
|
|
11
|
+
}
|
|
12
|
+
export declare const Popconfirm: React.FC<PopconfirmProps>;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from 'react';
|
|
3
|
+
import { Popover } from './Popover';
|
|
4
|
+
import { Button } from './Button';
|
|
5
|
+
import { tokens } from '../tokens';
|
|
6
|
+
export const Popconfirm = ({ title, description, onConfirm, onCancel, okText = 'Confirm', cancelText = 'Cancel', children, danger = false, }) => {
|
|
7
|
+
const [visible, setVisible] = useState(false);
|
|
8
|
+
const handleConfirm = () => {
|
|
9
|
+
onConfirm();
|
|
10
|
+
setVisible(false);
|
|
11
|
+
};
|
|
12
|
+
const handleCancel = () => {
|
|
13
|
+
onCancel === null || onCancel === void 0 ? void 0 : onCancel();
|
|
14
|
+
setVisible(false);
|
|
15
|
+
};
|
|
16
|
+
const content = (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: tokens.spacing[4] }, children: [_jsxs("div", { style: { display: 'flex', gap: tokens.spacing[3], alignItems: 'flex-start' }, children: [_jsx("div", { style: {
|
|
17
|
+
color: danger ? tokens.color.danger : tokens.color.warning,
|
|
18
|
+
fontSize: '18px',
|
|
19
|
+
marginTop: '-2px',
|
|
20
|
+
}, children: _jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }), _jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })] }) }), _jsxs("div", { style: { flex: 1 }, children: [_jsx("div", { style: { fontWeight: tokens.font.weightBold, color: tokens.color.slate800, fontSize: tokens.font.sm }, children: title }), description && (_jsx("div", { style: { fontSize: '12px', color: tokens.color.slate500, marginTop: '2px' }, children: description }))] })] }), _jsxs("div", { style: { display: 'flex', justifyContent: 'flex-end', gap: tokens.spacing[2] }, children: [_jsx(Button, { size: "sm", variant: "ghost", onClick: handleCancel, children: cancelText }), _jsx(Button, { size: "sm", variant: "primary", style: danger ? { backgroundColor: tokens.color.danger, borderColor: tokens.color.danger } : {}, onClick: handleConfirm, children: okText })] })] }));
|
|
21
|
+
return (_jsx(Popover, { content: content, trigger: "click", placement: "top", width: "280px", children: children }));
|
|
22
|
+
};
|
|
23
|
+
Popconfirm.displayName = 'Popconfirm';
|
|
24
|
+
//# sourceMappingURL=Popconfirm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popconfirm.js","sourceRoot":"","sources":["../../../src/components/Popconfirm.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAanC,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EACpD,KAAK,EACL,WAAW,EACX,SAAS,EACT,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,UAAU,GAAG,QAAQ,EACrB,QAAQ,EACR,MAAM,GAAG,KAAK,GACf,EAAE,EAAE;IACH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,SAAS,EAAE,CAAC;QACZ,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAC;QACb,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,CACd,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,aAC9E,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,YAAY,EAAE,aAC/E,cACE,KAAK,EAAE;4BACL,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;4BAC1D,QAAQ,EAAE,MAAM;4BAChB,SAAS,EAAE,MAAM;yBAClB,YAED,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,aACjG,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG,EACjC,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,EACvC,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,IAAI,GAAG,IACvC,GACF,EACN,eAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,aACrB,cAAK,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,YACvG,KAAK,GACF,EACL,WAAW,IAAI,CACd,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,YAC7E,WAAW,GACR,CACP,IACG,IACF,EACN,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,aACjF,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,YAAY,YACpD,UAAU,GACJ,EACT,KAAC,MAAM,IACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,EACjB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,EAC/F,OAAO,EAAE,aAAa,YAErB,MAAM,GACA,IACL,IACF,CACP,CAAC;IAEF,OAAO,CACL,KAAC,OAAO,IACN,OAAO,EAAE,OAAO,EAChB,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,KAAK,EACf,KAAK,EAAC,OAAO,YAEZ,QAAQ,GACD,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface PopoverProps {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
content: React.ReactNode;
|
|
5
|
+
title?: React.ReactNode;
|
|
6
|
+
trigger?: 'click' | 'hover';
|
|
7
|
+
placement?: 'top' | 'bottom' | 'left' | 'right';
|
|
8
|
+
width?: string | number;
|
|
9
|
+
}
|
|
10
|
+
export declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import React, { useState, useRef, useEffect, useCallback } from 'react';
|
|
3
|
+
import { tokens } from '../tokens';
|
|
4
|
+
import { Portal } from './Portal';
|
|
5
|
+
export const Popover = React.forwardRef(({ children, content, title, trigger = 'click', placement = 'top', width = '240px' }, ref) => {
|
|
6
|
+
const [visible, setVisible] = useState(false);
|
|
7
|
+
const [coords, setCoords] = useState({ top: 0, left: 0, width: 0, height: 0 });
|
|
8
|
+
const triggerRef = useRef(null);
|
|
9
|
+
const popoverRef = useRef(null);
|
|
10
|
+
const updateCoords = useCallback(() => {
|
|
11
|
+
if (triggerRef.current) {
|
|
12
|
+
const rect = triggerRef.current.getBoundingClientRect();
|
|
13
|
+
setCoords({
|
|
14
|
+
top: rect.top + window.scrollY,
|
|
15
|
+
left: rect.left + window.scrollX,
|
|
16
|
+
width: rect.width,
|
|
17
|
+
height: rect.height,
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
}, []);
|
|
21
|
+
const toggle = () => setVisible(!visible);
|
|
22
|
+
const show = () => setVisible(true);
|
|
23
|
+
const hide = () => setVisible(false);
|
|
24
|
+
useEffect(() => {
|
|
25
|
+
if (visible) {
|
|
26
|
+
updateCoords();
|
|
27
|
+
const handleOutside = (e) => {
|
|
28
|
+
if (triggerRef.current &&
|
|
29
|
+
!triggerRef.current.contains(e.target) &&
|
|
30
|
+
popoverRef.current &&
|
|
31
|
+
!popoverRef.current.contains(e.target)) {
|
|
32
|
+
hide();
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
document.addEventListener('mousedown', handleOutside);
|
|
36
|
+
return () => document.removeEventListener('mousedown', handleOutside);
|
|
37
|
+
}
|
|
38
|
+
}, [visible, updateCoords]);
|
|
39
|
+
const getStyles = () => {
|
|
40
|
+
const styles = {
|
|
41
|
+
position: 'absolute',
|
|
42
|
+
zIndex: 1100,
|
|
43
|
+
width: width,
|
|
44
|
+
};
|
|
45
|
+
const spacing = 10;
|
|
46
|
+
if (!popoverRef.current)
|
|
47
|
+
return styles;
|
|
48
|
+
const pW = popoverRef.current.offsetWidth;
|
|
49
|
+
const pH = popoverRef.current.offsetHeight;
|
|
50
|
+
switch (placement) {
|
|
51
|
+
case 'top':
|
|
52
|
+
styles.top = coords.top - pH - spacing;
|
|
53
|
+
styles.left = coords.left + coords.width / 2 - pW / 2;
|
|
54
|
+
break;
|
|
55
|
+
case 'bottom':
|
|
56
|
+
styles.top = coords.top + coords.height + spacing;
|
|
57
|
+
styles.left = coords.left + coords.width / 2 - pW / 2;
|
|
58
|
+
break;
|
|
59
|
+
case 'left':
|
|
60
|
+
styles.top = coords.top + coords.height / 2 - pH / 2;
|
|
61
|
+
styles.left = coords.left - pW - spacing;
|
|
62
|
+
break;
|
|
63
|
+
case 'right':
|
|
64
|
+
styles.top = coords.top + coords.height / 2 - pH / 2;
|
|
65
|
+
styles.left = coords.left + coords.width + spacing;
|
|
66
|
+
break;
|
|
67
|
+
}
|
|
68
|
+
return styles;
|
|
69
|
+
};
|
|
70
|
+
const triggerProps = trigger === 'click'
|
|
71
|
+
? { onClick: toggle }
|
|
72
|
+
: { onMouseEnter: show, onMouseLeave: hide };
|
|
73
|
+
return (_jsxs(_Fragment, { children: [_jsx("div", { ref: (node) => {
|
|
74
|
+
triggerRef.current = node;
|
|
75
|
+
if (typeof ref === 'function')
|
|
76
|
+
ref(node);
|
|
77
|
+
else if (ref)
|
|
78
|
+
ref.current = node;
|
|
79
|
+
}, style: { display: 'inline-flex' }, ...triggerProps, children: children }), visible && (_jsxs(Portal, { children: [_jsxs("div", { ref: popoverRef, style: {
|
|
80
|
+
...getStyles(),
|
|
81
|
+
backgroundColor: tokens.color.white,
|
|
82
|
+
borderRadius: tokens.radius.xl,
|
|
83
|
+
boxShadow: tokens.shadow.xl,
|
|
84
|
+
border: `1px solid ${tokens.color.slate100}`,
|
|
85
|
+
animation: 'ds-popover-in 0.2s cubic-bezier(0, 0, 0.2, 1)',
|
|
86
|
+
padding: 0,
|
|
87
|
+
overflow: 'hidden',
|
|
88
|
+
}, children: [title && (_jsx("div", { style: {
|
|
89
|
+
padding: `${tokens.spacing[3]} ${tokens.spacing[4]}`,
|
|
90
|
+
borderBottom: `1px solid ${tokens.color.slate100}`,
|
|
91
|
+
fontWeight: tokens.font.weightBold,
|
|
92
|
+
fontSize: tokens.font.sm,
|
|
93
|
+
color: tokens.color.slate800,
|
|
94
|
+
backgroundColor: tokens.color.slate50,
|
|
95
|
+
}, children: title })), _jsx("div", { style: {
|
|
96
|
+
padding: tokens.spacing[4],
|
|
97
|
+
fontSize: tokens.font.sm,
|
|
98
|
+
color: tokens.color.slate600,
|
|
99
|
+
lineHeight: 1.5,
|
|
100
|
+
}, children: content })] }), _jsx("style", { children: `
|
|
101
|
+
@keyframes ds-popover-in {
|
|
102
|
+
from { opacity: 0; transform: scale(0.9) translateY(4px); }
|
|
103
|
+
to { opacity: 1; transform: scale(1) translateY(0); }
|
|
104
|
+
}
|
|
105
|
+
` })] }))] }));
|
|
106
|
+
});
|
|
107
|
+
Popover.displayName = 'Popover';
|
|
108
|
+
//# sourceMappingURL=Popover.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/components/Popover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface PortalProps {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
containerId?: string;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* Portal component to render children outside the current DOM hierarchy (usually at the end of <body>).
|
|
8
|
+
* This ensures overlays (Modals, Drawers, Tooltips) escape parent overflow: hidden or z-index constraints.
|
|
9
|
+
*/
|
|
10
|
+
export declare const Portal: React.FC<PortalProps>;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { useEffect, useState } from 'react';
|
|
2
|
+
import { createPortal } from 'react-dom';
|
|
3
|
+
/**
|
|
4
|
+
* Portal component to render children outside the current DOM hierarchy (usually at the end of <body>).
|
|
5
|
+
* This ensures overlays (Modals, Drawers, Tooltips) escape parent overflow: hidden or z-index constraints.
|
|
6
|
+
*/
|
|
7
|
+
export const Portal = ({ children, containerId = 'ds-portal-root' }) => {
|
|
8
|
+
const [mountNode, setMountNode] = useState(null);
|
|
9
|
+
useEffect(() => {
|
|
10
|
+
let element = document.getElementById(containerId);
|
|
11
|
+
let created = false;
|
|
12
|
+
if (!element) {
|
|
13
|
+
element = document.createElement('div');
|
|
14
|
+
element.id = containerId;
|
|
15
|
+
document.body.appendChild(element);
|
|
16
|
+
created = true;
|
|
17
|
+
}
|
|
18
|
+
setMountNode(element);
|
|
19
|
+
return () => {
|
|
20
|
+
if (created && element && element.parentNode) {
|
|
21
|
+
element.parentNode.removeChild(element);
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
}, [containerId]);
|
|
25
|
+
if (!mountNode)
|
|
26
|
+
return null;
|
|
27
|
+
return createPortal(children, mountNode);
|
|
28
|
+
};
|
|
29
|
+
Portal.displayName = 'Portal';
|
|
30
|
+
//# sourceMappingURL=Portal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../../src/components/Portal.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAOzC;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAAE,QAAQ,EAAE,WAAW,GAAG,gBAAgB,EAAE,EAAE,EAAE;IAC5F,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAErE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;QACnD,IAAI,OAAO,GAAG,KAAK,CAAC;QAEpB,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACxC,OAAO,CAAC,EAAE,GAAG,WAAW,CAAC;YACzB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YACnC,OAAO,GAAG,IAAI,CAAC;QACjB,CAAC;QAED,YAAY,CAAC,OAAO,CAAC,CAAC;QAEtB,OAAO,GAAG,EAAE;YACV,IAAI,OAAO,IAAI,OAAO,IAAI,OAAO,CAAC,UAAU,EAAE,CAAC;gBAC7C,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAC1C,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAE5B,OAAO,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;AAC3C,CAAC,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
|
|
@@ -13,7 +13,10 @@ export interface RadioProps {
|
|
|
13
13
|
className?: string;
|
|
14
14
|
style?: React.CSSProperties;
|
|
15
15
|
}
|
|
16
|
-
export
|
|
16
|
+
export interface RadioComponent extends React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>> {
|
|
17
|
+
Group: typeof RadioGroup;
|
|
18
|
+
}
|
|
19
|
+
export declare const Radio: RadioComponent;
|
|
17
20
|
export interface RadioGroupProps {
|
|
18
21
|
children: React.ReactNode;
|
|
19
22
|
direction?: 'row' | 'column';
|
|
@@ -22,4 +25,4 @@ export interface RadioGroupProps {
|
|
|
22
25
|
className?: string;
|
|
23
26
|
style?: React.CSSProperties;
|
|
24
27
|
}
|
|
25
|
-
export declare const RadioGroup: React.
|
|
28
|
+
export declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from 'react';
|
|
2
3
|
import { tokens } from '../tokens';
|
|
3
4
|
const COLOR_MAP = {
|
|
4
5
|
primary: tokens.color.primary,
|
|
@@ -11,7 +12,7 @@ const SIZE_CONFIG = {
|
|
|
11
12
|
md: { outer: '20px', inner: '10px' },
|
|
12
13
|
lg: { outer: '24px', inner: '12px' },
|
|
13
14
|
};
|
|
14
|
-
export const Radio = ({ label, description, checked, name, value, onChange, disabled = false, size = 'md', color = 'primary', className = '', style = {}, }) => {
|
|
15
|
+
export const Radio = React.forwardRef(({ label, description, checked, name, value, onChange, disabled = false, size = 'md', color = 'primary', className = '', style = {}, }, ref) => {
|
|
15
16
|
const activeColor = COLOR_MAP[color] || tokens.color.primary;
|
|
16
17
|
const sc = SIZE_CONFIG[size] || SIZE_CONFIG.md;
|
|
17
18
|
const containerStyle = {
|
|
@@ -47,7 +48,7 @@ export const Radio = ({ label, description, checked, name, value, onChange, disa
|
|
|
47
48
|
opacity: checked ? 1 : 0,
|
|
48
49
|
transition: 'transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.15s ease',
|
|
49
50
|
};
|
|
50
|
-
return (_jsxs("label", { style: containerStyle, className: `ds-radio ${className}`, children: [_jsxs("div", { style: { position: 'relative', display: 'flex', alignItems: 'center', flexShrink: 0 }, children: [_jsx("input", { type: "radio", name: name, value: value, checked: checked, onChange: onChange, disabled: disabled, style: { position: 'absolute', opacity: 0, width: 0, height: 0 } }), _jsx("div", { style: radioBoxStyle, children: _jsx("div", { style: innerCircleStyle }) })] }), (label || description) && (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '2px' }, children: [label && (_jsx("span", { style: {
|
|
51
|
+
return (_jsxs("label", { style: containerStyle, className: `ds-radio ${className}`, children: [_jsxs("div", { style: { position: 'relative', display: 'flex', alignItems: 'center', flexShrink: 0 }, children: [_jsx("input", { ref: ref, type: "radio", name: name, value: value, checked: checked, onChange: onChange, disabled: disabled, style: { position: 'absolute', opacity: 0, width: 0, height: 0 } }), _jsx("div", { style: radioBoxStyle, children: _jsx("div", { style: innerCircleStyle }) })] }), (label || description) && (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '2px' }, children: [label && (_jsx("span", { style: {
|
|
51
52
|
fontSize: tokens.font.sm,
|
|
52
53
|
fontWeight: tokens.font.weightSemibold,
|
|
53
54
|
color: disabled ? tokens.color.textDisabled : tokens.color.text,
|
|
@@ -58,10 +59,11 @@ export const Radio = ({ label, description, checked, name, value, onChange, disa
|
|
|
58
59
|
color: tokens.color.textMuted,
|
|
59
60
|
lineHeight: 1.4,
|
|
60
61
|
}, children: description }))] }))] }));
|
|
61
|
-
};
|
|
62
|
-
|
|
62
|
+
});
|
|
63
|
+
Radio.displayName = 'Radio';
|
|
64
|
+
export const RadioGroup = React.forwardRef(({ children, direction = 'column', spacing = '3', label, className = '', style = {} }, ref) => {
|
|
63
65
|
var _a;
|
|
64
|
-
return (_jsxs("div", { role: "radiogroup", style: { ...style }, className: `ds-radio-group ${className}`, children: [label && (_jsx("div", { style: {
|
|
66
|
+
return (_jsxs("div", { ref: ref, role: "radiogroup", "aria-label": label, style: { ...style }, className: `ds-radio-group ${className}`, children: [label && (_jsx("div", { style: {
|
|
65
67
|
fontSize: tokens.font.xs,
|
|
66
68
|
fontWeight: tokens.font.weightBold,
|
|
67
69
|
color: tokens.color.slate500,
|
|
@@ -73,5 +75,7 @@ export const RadioGroup = ({ children, direction = 'column', spacing = '3', labe
|
|
|
73
75
|
flexDirection: direction,
|
|
74
76
|
gap: (_a = tokens.spacing[spacing]) !== null && _a !== void 0 ? _a : tokens.spacing['3'],
|
|
75
77
|
}, children: children })] }));
|
|
76
|
-
};
|
|
78
|
+
});
|
|
79
|
+
RadioGroup.displayName = 'Radio.Group';
|
|
80
|
+
Radio.Group = RadioGroup;
|
|
77
81
|
//# sourceMappingURL=Radio.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/components/Radio.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/components/Radio.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface ResultProps {
|
|
3
|
+
status: 'success' | 'error' | 'info' | 'warning' | '404' | '403';
|
|
4
|
+
title: React.ReactNode;
|
|
5
|
+
subTitle?: React.ReactNode;
|
|
6
|
+
extra?: React.ReactNode;
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export declare const Result: React.FC<ResultProps>;
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { tokens } from '../tokens';
|
|
3
|
+
const STATUS_ICONS = {
|
|
4
|
+
success: {
|
|
5
|
+
color: tokens.color.success,
|
|
6
|
+
icon: (_jsxs("svg", { width: "72", height: "72", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("polyline", { points: "16 9 11 14 8 11" })] })),
|
|
7
|
+
},
|
|
8
|
+
error: {
|
|
9
|
+
color: tokens.color.danger,
|
|
10
|
+
icon: (_jsxs("svg", { width: "72", height: "72", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("line", { x1: "15", y1: "9", x2: "9", y2: "15" }), _jsx("line", { x1: "9", y1: "9", x2: "15", y2: "15" })] })),
|
|
11
|
+
},
|
|
12
|
+
warning: {
|
|
13
|
+
color: tokens.color.warning,
|
|
14
|
+
icon: (_jsxs("svg", { width: "72", height: "72", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }), _jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13" }), _jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })] })),
|
|
15
|
+
},
|
|
16
|
+
info: {
|
|
17
|
+
color: tokens.color.info,
|
|
18
|
+
icon: (_jsxs("svg", { width: "72", height: "72", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("line", { x1: "12", y1: "16", x2: "12", y2: "12" }), _jsx("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })] })),
|
|
19
|
+
},
|
|
20
|
+
};
|
|
21
|
+
export const Result = ({ status, title, subTitle, extra, children }) => {
|
|
22
|
+
const is404 = status === '404';
|
|
23
|
+
const is403 = status === '403';
|
|
24
|
+
const iconInfo = STATUS_ICONS[status];
|
|
25
|
+
return (_jsxs("div", { style: {
|
|
26
|
+
display: 'flex',
|
|
27
|
+
flexDirection: 'column',
|
|
28
|
+
alignItems: 'center',
|
|
29
|
+
padding: `${tokens.spacing[12]} ${tokens.spacing[6]}`,
|
|
30
|
+
textAlign: 'center',
|
|
31
|
+
}, children: [_jsx("div", { style: { marginBottom: tokens.spacing[6], color: (iconInfo === null || iconInfo === void 0 ? void 0 : iconInfo.color) || tokens.color.slate300 }, children: is404 ? (_jsx("div", { style: { fontSize: '72px', fontWeight: tokens.font.weightBold, color: tokens.color.slate200 }, children: "404" })) : is403 ? (_jsx("div", { style: { fontSize: '72px', fontWeight: tokens.font.weightBold, color: tokens.color.slate200 }, children: "403" })) : (iconInfo === null || iconInfo === void 0 ? void 0 : iconInfo.icon) }), _jsx("h2", { style: {
|
|
32
|
+
fontSize: tokens.font['2xl'],
|
|
33
|
+
fontWeight: tokens.font.weightBold,
|
|
34
|
+
color: tokens.color.slate800,
|
|
35
|
+
margin: `0 0 ${tokens.spacing[2]} 0`,
|
|
36
|
+
}, children: title }), subTitle && (_jsx("div", { style: {
|
|
37
|
+
fontSize: tokens.font.md,
|
|
38
|
+
color: tokens.color.slate500,
|
|
39
|
+
maxWidth: '600px',
|
|
40
|
+
lineHeight: 1.6,
|
|
41
|
+
}, children: subTitle })), extra && _jsx("div", { style: { marginTop: tokens.spacing[8] }, children: extra }), children && (_jsx("div", { style: {
|
|
42
|
+
marginTop: tokens.spacing[8],
|
|
43
|
+
padding: tokens.spacing[8],
|
|
44
|
+
backgroundColor: tokens.color.slate50,
|
|
45
|
+
borderRadius: tokens.radius.xl,
|
|
46
|
+
width: '100%',
|
|
47
|
+
maxWidth: '800px',
|
|
48
|
+
textAlign: 'left',
|
|
49
|
+
}, children: children }))] }));
|
|
50
|
+
};
|
|
51
|
+
Result.displayName = 'Result';
|
|
52
|
+
//# sourceMappingURL=Result.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Result.js","sourceRoot":"","sources":["../../../src/components/Result.tsx"],"names":[],"mappings":"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"}
|