fsk-design-system 1.0.5 → 1.0.7
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/Alert-D1wr1y_4.js +387 -0
- package/dist/AntdIcon-BCGIMzZv.js +195 -0
- package/dist/Avatar-CVP72dQm.js +335 -0
- package/dist/Badge-uT7c8MNm.js +692 -0
- package/dist/BaseInput-DwawWiG_.js +122 -0
- package/dist/Breadcrumb-BJVl0AJz.js +372 -0
- package/dist/Button-KbLNClbS.js +114 -0
- package/dist/Card-CcNc4oZI.js +121 -0
- package/dist/Carousel-asWOLZhp.js +1654 -0
- package/dist/Cascader.form-DFLUTNTx.js +1190 -0
- package/dist/CheckOutlined-U7vfd4VI.js +13 -0
- package/dist/Checkbox.form-DJYJc-lK.js +269 -0
- package/dist/CloseCircleFilled-D4seZVJM.js +21 -0
- package/dist/CloseOutlined-fbJ4WTXG.js +13 -0
- package/dist/Collapse-C_eH1Xe3.js +543 -0
- package/dist/Comment-BZAL9O_s.js +218 -0
- package/dist/Compact-D1uMTCAG.js +172 -0
- package/dist/Context-2_suFYDs.js +5 -0
- package/dist/ContextIsolator-uh4Q7jgQ.js +2113 -0
- package/dist/ControlWrapper-BTVrWN2e.js +94 -0
- package/dist/DatePicker.form-BRI9pNxO.js +5117 -0
- package/dist/Divider-CMtG2ksO.js +231 -0
- package/dist/DownOutlined-D1jJOTXQ.js +13 -0
- package/dist/Dragger.form-niFnjXxL.js +1745 -0
- package/dist/Drawer-0pFBuhMu.js +744 -0
- package/dist/Dropdown-C1dqwriB.js +208 -0
- package/dist/Dropdown-CZs-DOv8.js +33 -0
- package/dist/Dropdown-UPwivNRM.js +152 -0
- package/dist/Empty-BZt248ZE.js +250 -0
- package/dist/ExclamationCircleFilled-CPL3yIxr.js +13 -0
- package/dist/EyeOutlined-B9TSRbM6.js +13 -0
- package/dist/FileButton-DU4YGOAr.js +70 -0
- package/dist/Form-BFW9v8CR.js +1480 -0
- package/dist/Form-CfXKyb7j.js +165 -0
- package/dist/Grid-D0jdBFZ1.js +17 -0
- package/dist/Header-CSKIhKxZ.js +160 -0
- package/dist/Hint-THEphpKK.js +23 -0
- package/dist/InfoCircleFilled-D2043v-A.js +13 -0
- package/dist/Input-B_nLQILJ.js +308 -0
- package/dist/Input.form-BiLHjA3x.js +510 -0
- package/dist/InputNumber.form-Ppku2f6S.js +1242 -0
- package/dist/KeyCode-B3vHb2gY.js +155 -0
- package/dist/Keyframes-CdXmio0h.js +16 -0
- package/dist/Layout-CWIm6Sk1.js +126 -0
- package/dist/LeftOutlined-1tDQQPhf.js +13 -0
- package/dist/LinkCard-DQ_PwRWw.js +108 -0
- package/dist/LoadingOutlined-HpUhO7bE.js +13 -0
- package/dist/Modal-CtcRtVI9.js +1421 -0
- package/dist/Notification-CMTMtQ3W.js +52 -0
- package/dist/Notifications-DdW01nP-.js +44 -0
- package/dist/Overflow-Kd7qlB7y.js +364 -0
- package/dist/Pagination-Cx7mGUu-.js +1118 -0
- package/dist/Plug-DWhbUHNv.js +54 -0
- package/dist/Popover-v4iRz2_H.js +26 -0
- package/dist/Portal-QqkQ0Utl.js +133 -0
- package/dist/Progress-Dv3oSkiL.js +33 -0
- package/dist/PurePanel-DEAKZW07.js +68 -0
- package/dist/Radio.form-B7OaxxoY.js +133 -0
- package/dist/ResizeObserver.es-p1fYFqFO.js +290 -0
- package/dist/RightOutlined-BfKY3K1-.js +13 -0
- package/dist/Search.form-B61d9bOr.js +66 -0
- package/dist/SearchOutlined-B6VihfOG.js +13 -0
- package/dist/Select.form-DI4205-R.js +282 -0
- package/dist/Sider-B6rJ0J4u.js +362 -0
- package/dist/Skeleton-CBBNyQO1.js +58 -0
- package/dist/Skeleton-D-MfmHo3.js +562 -0
- package/dist/Support-B2DVkXjQ.js +92 -0
- package/dist/Switch.form-W754ENDQ.js +494 -0
- package/dist/Table-BQ2_r0P8.js +6593 -0
- package/dist/Tabs-22oHbdCb.js +1899 -0
- package/dist/Tag-CVshmxvt.js +318 -0
- package/dist/TextArea-CfAc-OGk.js +450 -0
- package/dist/TextArea.form-CB8pyvcK.js +83 -0
- package/dist/Tooltip-2ZxR5k0b.js +811 -0
- package/dist/Upload.form-non_8T0-.js +38 -0
- package/dist/UserMenu-BHXzfCQA.js +129 -0
- package/dist/arrow-alt-CjRE3Asm.js +5 -0
- package/dist/asyncToGenerator-VJaJfE5i.js +312 -0
- package/dist/button-DVSbMy5Q.js +1431 -0
- package/dist/close-CdIAG4DZ.js +5 -0
- package/dist/collapse-Dtpt-6W_.js +20 -0
- package/dist/colors-CUodDmCS.js +25 -0
- package/dist/compact-item-DH13cl8A.js +61 -0
- package/dist/components/Alert/index.js +4 -0
- package/dist/components/Avatar/index.js +4 -0
- package/dist/components/Badge/index.js +4 -0
- package/dist/components/Breadcrumb/index.js +4 -0
- package/dist/components/Button/index.js +4 -0
- package/dist/components/Card/LinkCard/index.js +4 -0
- package/dist/components/Card/index.js +4 -0
- package/dist/components/Carousel/index.js +4 -0
- package/dist/components/Cascader/Dropdown/index.js +4 -0
- package/dist/components/Cascader/index.js +5 -0
- package/dist/components/Checkbox/index.js +5 -0
- package/dist/components/Collapse/index.js +4 -0
- package/dist/components/Comment/Form/index.js +4 -0
- package/dist/components/Comment/index.js +4 -0
- package/dist/components/ControlWrapper/index.js +4 -0
- package/dist/components/DatePicker/index.js +6 -0
- package/dist/components/Divider/index.js +4 -0
- package/dist/components/Drawer/index.js +4 -0
- package/dist/components/Dropdown/index.js +4 -0
- package/dist/components/Empty/index.js +4 -0
- package/dist/components/Form/index.js +4 -0
- package/dist/components/Grid/index.js +5 -0
- package/dist/components/Hint/index.js +4 -0
- package/dist/components/Input/index.js +5 -0
- package/dist/components/InputNumber/index.js +5 -0
- package/dist/components/Layout/Header/Notifications/index.js +4 -0
- package/dist/components/Layout/Header/Support/index.js +4 -0
- package/dist/components/Layout/Header/index.js +4 -0
- package/dist/components/Layout/index.js +4 -0
- package/dist/components/Modal/index.js +4 -0
- package/dist/components/Notification/index.js +6 -0
- package/dist/components/Pagination/index.js +4 -0
- package/dist/components/Plug/index.js +4 -0
- package/dist/components/Popover/index.js +4 -0
- package/dist/components/Progress/index.js +4 -0
- package/dist/components/Radio/index.js +5 -0
- package/dist/components/Search/index.js +5 -0
- package/dist/components/Select/index.js +5 -0
- package/dist/components/Skeleton/index.js +4 -0
- package/dist/components/Switch/index.js +5 -0
- package/dist/components/Table/index.js +4 -0
- package/dist/components/Tabs/index.js +4 -0
- package/dist/components/Tag/index.js +4 -0
- package/dist/components/TextArea/index.js +5 -0
- package/dist/components/Tooltip/index.js +4 -0
- package/dist/components/Upload/Dragger/index.js +5 -0
- package/dist/components/Upload/FileButton/index.js +4 -0
- package/dist/components/Upload/index.js +5 -0
- package/dist/components/UserMenu/index.js +4 -0
- package/dist/components/index.js +97 -0
- package/dist/conductUtil-B3-kayfh.js +291 -0
- package/dist/context-B7G1ivmq.js +212 -0
- package/dist/context-DFa7LyyF.js +21 -0
- package/dist/dayjs.min-IPRNq9EA.js +316 -0
- package/dist/dropdown-DBLfI8eK.js +446 -0
- package/dist/emotion-react-jsx-runtime.browser.esm-hmfoKnJp.js +1534 -0
- package/dist/emotion-styled-base.browser.esm-CqFVMcCW.js +78 -0
- package/dist/emotion-use-insertion-effect-with-fallbacks.browser.esm-jl_Btwc6.js +249 -0
- package/dist/fade-APVRYNai.js +39 -0
- package/dist/genStyleUtils-iNP3vfH3.js +3282 -0
- package/dist/index-0PYI_t02.js +734 -0
- package/dist/index-7LYBJU7M.js +289 -0
- package/dist/index-BAyx-FAb.js +1250 -0
- package/dist/index-BpDSprRt.js +1029 -0
- package/dist/index-CDdMQ7oE.js +619 -0
- package/dist/index-CmXzJqHw.js +977 -0
- package/dist/index-DR7xwzw_.js +466 -0
- package/dist/index-DlD8kb-t.js +280 -0
- package/dist/index-GkE0P2zI.js +229 -0
- package/dist/index-UP8YSflL.js +133 -0
- package/dist/index-f_ik5sig.js +34 -0
- package/dist/index-sSzXDlJR.js +989 -0
- package/dist/index.js +132 -0
- package/dist/isVisible-D3-B85BJ.js +22 -0
- package/dist/motion-CXzOKl5B.js +34 -0
- package/dist/move-0O86L-6y.js +132 -0
- package/dist/objectWithoutProperties-DD_CKnnM.js +21 -0
- package/dist/omit-B_u6A-HL.js +9 -0
- package/dist/pickAttrs-BzGluepM.js +42 -0
- package/dist/presetColors-Cl8UP3Nw.js +4 -0
- package/dist/progress-CqPCq4YZ.js +792 -0
- package/dist/reactNode-CwSzDQK_.js +13 -0
- package/dist/row-B9Eoxx0R.js +153 -0
- package/dist/shadow-9lsz-71t.js +13 -0
- package/dist/toArray-1TS6P5Mz.js +36 -0
- package/dist/useBreakpoint-DaCH4uue.js +86 -0
- package/dist/useBubbleLock-Bb7hpOoY.js +72 -0
- package/dist/useCSSVarCls-DhKpMA1r.js +9 -0
- package/dist/useClosable-bZXnuaV3.js +66 -0
- package/dist/useIcons-Ct7DkjJD.js +320 -0
- package/dist/useId-D00keubT.js +59 -0
- package/dist/useLocale-Dj86ZBj7.js +16 -0
- package/dist/useNotification-Dme_4y0a.js +1210 -0
- package/dist/useShowArrow-B60MXtH5.js +3048 -0
- package/dist/useTheme-XdosBgnj.js +26 -0
- package/dist/useVariants-C5d2PiDs.js +30 -0
- package/dist/useZIndex-BatUzDoc.js +45 -0
- package/dist/warning-CAogmloc.js +36 -0
- package/dist/zoom-B1Mw5LS-.js +175 -0
- package/package.json +6 -13
- package/dist/fsk-design-system.es.ts +0 -57817
- package/dist/fsk-design-system.umd.ts +0 -472
- /package/dist/{fsk-design-system.css → assets/fsk-design-system.css} +0 -0
|
@@ -0,0 +1,387 @@
|
|
|
1
|
+
import { j as S } from "./emotion-react-jsx-runtime.browser.esm-hmfoKnJp.js";
|
|
2
|
+
import { S as ee } from "./close-CdIAG4DZ.js";
|
|
3
|
+
import { B as oe } from "./Button-KbLNClbS.js";
|
|
4
|
+
import { c as te } from "./emotion-styled-base.browser.esm-CqFVMcCW.js";
|
|
5
|
+
import * as a from "react";
|
|
6
|
+
import { R as ne, a as re } from "./CloseCircleFilled-D4seZVJM.js";
|
|
7
|
+
import { R as ae } from "./CloseOutlined-fbJ4WTXG.js";
|
|
8
|
+
import { R as se } from "./ExclamationCircleFilled-CPL3yIxr.js";
|
|
9
|
+
import { R as ce } from "./InfoCircleFilled-D2043v-A.js";
|
|
10
|
+
import { g as ie, b as le, a as A, t as de, i as Z, A as me, G as pe, H as R, I as ue, J as ge, e as be, f as fe } from "./genStyleUtils-iNP3vfH3.js";
|
|
11
|
+
import { b as ye } from "./index-BpDSprRt.js";
|
|
12
|
+
import { p as Ie } from "./pickAttrs-BzGluepM.js";
|
|
13
|
+
import { r as Ce } from "./reactNode-CwSzDQK_.js";
|
|
14
|
+
import { d as ve } from "./warning-CAogmloc.js";
|
|
15
|
+
const x = (e, o, t, n, r) => ({
|
|
16
|
+
background: e,
|
|
17
|
+
border: `${A(n.lineWidth)} ${n.lineType} ${o}`,
|
|
18
|
+
[`${r}-icon`]: {
|
|
19
|
+
color: t
|
|
20
|
+
}
|
|
21
|
+
}), he = (e) => {
|
|
22
|
+
const {
|
|
23
|
+
componentCls: o,
|
|
24
|
+
motionDurationSlow: t,
|
|
25
|
+
marginXS: n,
|
|
26
|
+
marginSM: r,
|
|
27
|
+
fontSize: s,
|
|
28
|
+
fontSizeLG: l,
|
|
29
|
+
lineHeight: d,
|
|
30
|
+
borderRadiusLG: u,
|
|
31
|
+
motionEaseInOutCirc: m,
|
|
32
|
+
withDescriptionIconSize: g,
|
|
33
|
+
colorText: b,
|
|
34
|
+
colorTextHeading: I,
|
|
35
|
+
withDescriptionPadding: C,
|
|
36
|
+
defaultPadding: c
|
|
37
|
+
} = e;
|
|
38
|
+
return {
|
|
39
|
+
[o]: Object.assign(Object.assign({}, le(e)), {
|
|
40
|
+
position: "relative",
|
|
41
|
+
display: "flex",
|
|
42
|
+
alignItems: "center",
|
|
43
|
+
padding: c,
|
|
44
|
+
wordWrap: "break-word",
|
|
45
|
+
borderRadius: u,
|
|
46
|
+
[`&${o}-rtl`]: {
|
|
47
|
+
direction: "rtl"
|
|
48
|
+
},
|
|
49
|
+
[`${o}-content`]: {
|
|
50
|
+
flex: 1,
|
|
51
|
+
minWidth: 0
|
|
52
|
+
},
|
|
53
|
+
[`${o}-icon`]: {
|
|
54
|
+
marginInlineEnd: n,
|
|
55
|
+
lineHeight: 0
|
|
56
|
+
},
|
|
57
|
+
"&-description": {
|
|
58
|
+
display: "none",
|
|
59
|
+
fontSize: s,
|
|
60
|
+
lineHeight: d
|
|
61
|
+
},
|
|
62
|
+
"&-message": {
|
|
63
|
+
color: I
|
|
64
|
+
},
|
|
65
|
+
[`&${o}-motion-leave`]: {
|
|
66
|
+
overflow: "hidden",
|
|
67
|
+
opacity: 1,
|
|
68
|
+
transition: `max-height ${t} ${m}, opacity ${t} ${m},
|
|
69
|
+
padding-top ${t} ${m}, padding-bottom ${t} ${m},
|
|
70
|
+
margin-bottom ${t} ${m}`
|
|
71
|
+
},
|
|
72
|
+
[`&${o}-motion-leave-active`]: {
|
|
73
|
+
maxHeight: 0,
|
|
74
|
+
marginBottom: "0 !important",
|
|
75
|
+
paddingTop: 0,
|
|
76
|
+
paddingBottom: 0,
|
|
77
|
+
opacity: 0
|
|
78
|
+
}
|
|
79
|
+
}),
|
|
80
|
+
[`${o}-with-description`]: {
|
|
81
|
+
alignItems: "flex-start",
|
|
82
|
+
padding: C,
|
|
83
|
+
[`${o}-icon`]: {
|
|
84
|
+
marginInlineEnd: r,
|
|
85
|
+
fontSize: g,
|
|
86
|
+
lineHeight: 0
|
|
87
|
+
},
|
|
88
|
+
[`${o}-message`]: {
|
|
89
|
+
display: "block",
|
|
90
|
+
marginBottom: n,
|
|
91
|
+
color: I,
|
|
92
|
+
fontSize: l
|
|
93
|
+
},
|
|
94
|
+
[`${o}-description`]: {
|
|
95
|
+
display: "block",
|
|
96
|
+
color: b
|
|
97
|
+
}
|
|
98
|
+
},
|
|
99
|
+
[`${o}-banner`]: {
|
|
100
|
+
marginBottom: 0,
|
|
101
|
+
border: "0 !important",
|
|
102
|
+
borderRadius: 0
|
|
103
|
+
}
|
|
104
|
+
};
|
|
105
|
+
}, xe = (e) => {
|
|
106
|
+
const {
|
|
107
|
+
componentCls: o,
|
|
108
|
+
colorSuccess: t,
|
|
109
|
+
colorSuccessBorder: n,
|
|
110
|
+
colorSuccessBg: r,
|
|
111
|
+
colorWarning: s,
|
|
112
|
+
colorWarningBorder: l,
|
|
113
|
+
colorWarningBg: d,
|
|
114
|
+
colorError: u,
|
|
115
|
+
colorErrorBorder: m,
|
|
116
|
+
colorErrorBg: g,
|
|
117
|
+
colorInfo: b,
|
|
118
|
+
colorInfoBorder: I,
|
|
119
|
+
colorInfoBg: C
|
|
120
|
+
} = e;
|
|
121
|
+
return {
|
|
122
|
+
[o]: {
|
|
123
|
+
"&-success": x(r, n, t, e, o),
|
|
124
|
+
"&-info": x(C, I, b, e, o),
|
|
125
|
+
"&-warning": x(d, l, s, e, o),
|
|
126
|
+
"&-error": Object.assign(Object.assign({}, x(g, m, u, e, o)), {
|
|
127
|
+
[`${o}-description > pre`]: {
|
|
128
|
+
margin: 0,
|
|
129
|
+
padding: 0
|
|
130
|
+
}
|
|
131
|
+
})
|
|
132
|
+
}
|
|
133
|
+
};
|
|
134
|
+
}, Se = (e) => {
|
|
135
|
+
const {
|
|
136
|
+
componentCls: o,
|
|
137
|
+
iconCls: t,
|
|
138
|
+
motionDurationMid: n,
|
|
139
|
+
marginXS: r,
|
|
140
|
+
fontSizeIcon: s,
|
|
141
|
+
colorIcon: l,
|
|
142
|
+
colorIconHover: d
|
|
143
|
+
} = e;
|
|
144
|
+
return {
|
|
145
|
+
[o]: {
|
|
146
|
+
"&-action": {
|
|
147
|
+
marginInlineStart: r
|
|
148
|
+
},
|
|
149
|
+
[`${o}-close-icon`]: {
|
|
150
|
+
marginInlineStart: r,
|
|
151
|
+
padding: 0,
|
|
152
|
+
overflow: "hidden",
|
|
153
|
+
fontSize: s,
|
|
154
|
+
lineHeight: A(s),
|
|
155
|
+
backgroundColor: "transparent",
|
|
156
|
+
border: "none",
|
|
157
|
+
outline: "none",
|
|
158
|
+
cursor: "pointer",
|
|
159
|
+
[`${t}-close`]: {
|
|
160
|
+
color: l,
|
|
161
|
+
transition: `color ${n}`,
|
|
162
|
+
"&:hover": {
|
|
163
|
+
color: d
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
},
|
|
167
|
+
"&-close-text": {
|
|
168
|
+
color: l,
|
|
169
|
+
transition: `color ${n}`,
|
|
170
|
+
"&:hover": {
|
|
171
|
+
color: d
|
|
172
|
+
}
|
|
173
|
+
}
|
|
174
|
+
}
|
|
175
|
+
};
|
|
176
|
+
}, Ze = (e) => ({
|
|
177
|
+
withDescriptionIconSize: e.fontSizeHeading3,
|
|
178
|
+
defaultPadding: `${e.paddingContentVerticalSM}px 12px`,
|
|
179
|
+
withDescriptionPadding: `${e.paddingMD}px ${e.paddingContentHorizontalLG}px`
|
|
180
|
+
}), $e = ie("Alert", (e) => [he(e), xe(e), Se(e)], Ze);
|
|
181
|
+
var G = function(e, o) {
|
|
182
|
+
var t = {};
|
|
183
|
+
for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && o.indexOf(n) < 0 && (t[n] = e[n]);
|
|
184
|
+
if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
|
|
185
|
+
o.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (t[n[r]] = e[n[r]]);
|
|
186
|
+
return t;
|
|
187
|
+
};
|
|
188
|
+
const Ne = {
|
|
189
|
+
success: re,
|
|
190
|
+
info: ce,
|
|
191
|
+
error: ne,
|
|
192
|
+
warning: se
|
|
193
|
+
}, Xe = (e) => {
|
|
194
|
+
const {
|
|
195
|
+
icon: o,
|
|
196
|
+
prefixCls: t,
|
|
197
|
+
type: n
|
|
198
|
+
} = e, r = Ne[n] || null;
|
|
199
|
+
return o ? Ce(o, /* @__PURE__ */ a.createElement("span", {
|
|
200
|
+
className: `${t}-icon`
|
|
201
|
+
}, o), () => ({
|
|
202
|
+
className: Z(`${t}-icon`, o.props.className)
|
|
203
|
+
})) : /* @__PURE__ */ a.createElement(r, {
|
|
204
|
+
className: `${t}-icon`
|
|
205
|
+
});
|
|
206
|
+
}, Le = (e) => {
|
|
207
|
+
const {
|
|
208
|
+
isClosable: o,
|
|
209
|
+
prefixCls: t,
|
|
210
|
+
closeIcon: n,
|
|
211
|
+
handleClose: r,
|
|
212
|
+
ariaProps: s
|
|
213
|
+
} = e, l = n === !0 || n === void 0 ? /* @__PURE__ */ a.createElement(ae, null) : n;
|
|
214
|
+
return o ? /* @__PURE__ */ a.createElement("button", Object.assign({
|
|
215
|
+
type: "button",
|
|
216
|
+
onClick: r,
|
|
217
|
+
className: `${t}-close-icon`,
|
|
218
|
+
tabIndex: 0
|
|
219
|
+
}, s), l) : null;
|
|
220
|
+
}, $ = /* @__PURE__ */ a.forwardRef((e, o) => {
|
|
221
|
+
const {
|
|
222
|
+
description: t,
|
|
223
|
+
prefixCls: n,
|
|
224
|
+
message: r,
|
|
225
|
+
banner: s,
|
|
226
|
+
className: l,
|
|
227
|
+
rootClassName: d,
|
|
228
|
+
style: u,
|
|
229
|
+
onMouseEnter: m,
|
|
230
|
+
onMouseLeave: g,
|
|
231
|
+
onClick: b,
|
|
232
|
+
afterClose: I,
|
|
233
|
+
showIcon: C,
|
|
234
|
+
closable: c,
|
|
235
|
+
closeText: v,
|
|
236
|
+
closeIcon: f,
|
|
237
|
+
action: N,
|
|
238
|
+
id: F
|
|
239
|
+
} = e, O = G(e, ["description", "prefixCls", "message", "banner", "className", "rootClassName", "style", "onMouseEnter", "onMouseLeave", "onClick", "afterClose", "showIcon", "closable", "closeText", "closeIcon", "action", "id"]), [X, Y] = a.useState(!1);
|
|
240
|
+
process.env.NODE_ENV !== "production" && ve("Alert").deprecated(!v, "closeText", "closable.closeIcon");
|
|
241
|
+
const L = a.useRef(null);
|
|
242
|
+
a.useImperativeHandle(o, () => ({
|
|
243
|
+
nativeElement: L.current
|
|
244
|
+
}));
|
|
245
|
+
const {
|
|
246
|
+
getPrefixCls: V,
|
|
247
|
+
direction: j,
|
|
248
|
+
closable: y,
|
|
249
|
+
closeIcon: W,
|
|
250
|
+
className: H,
|
|
251
|
+
style: k
|
|
252
|
+
} = de("alert"), i = V("alert", n), [B, _, M] = $e(i), T = (p) => {
|
|
253
|
+
var h;
|
|
254
|
+
Y(!0), (h = e.onClose) === null || h === void 0 || h.call(e, p);
|
|
255
|
+
}, w = a.useMemo(() => e.type !== void 0 ? e.type : s ? "warning" : "info", [e.type, s]), D = a.useMemo(() => typeof c == "object" && c.closeIcon || v ? !0 : typeof c == "boolean" ? c : f !== !1 && f !== null && f !== void 0 ? !0 : !!y, [v, f, c, y]), z = s && C === void 0 ? !0 : C, K = Z(i, `${i}-${w}`, {
|
|
256
|
+
[`${i}-with-description`]: !!t,
|
|
257
|
+
[`${i}-no-icon`]: !z,
|
|
258
|
+
[`${i}-banner`]: !!s,
|
|
259
|
+
[`${i}-rtl`]: j === "rtl"
|
|
260
|
+
}, H, l, d, M, _), P = Ie(O, {
|
|
261
|
+
aria: !0,
|
|
262
|
+
data: !0
|
|
263
|
+
}), Q = a.useMemo(() => typeof c == "object" && c.closeIcon ? c.closeIcon : v || (f !== void 0 ? f : typeof y == "object" && y.closeIcon ? y.closeIcon : W), [f, c, v, W]), U = a.useMemo(() => {
|
|
264
|
+
const p = c ?? y;
|
|
265
|
+
if (typeof p == "object") {
|
|
266
|
+
const {
|
|
267
|
+
closeIcon: h
|
|
268
|
+
} = p;
|
|
269
|
+
return G(p, ["closeIcon"]);
|
|
270
|
+
}
|
|
271
|
+
return {};
|
|
272
|
+
}, [c, y]);
|
|
273
|
+
return B(/* @__PURE__ */ a.createElement(ye, {
|
|
274
|
+
visible: !X,
|
|
275
|
+
motionName: `${i}-motion`,
|
|
276
|
+
motionAppear: !1,
|
|
277
|
+
motionEnter: !1,
|
|
278
|
+
onLeaveStart: (p) => ({
|
|
279
|
+
maxHeight: p.offsetHeight
|
|
280
|
+
}),
|
|
281
|
+
onLeaveEnd: I
|
|
282
|
+
}, (p, h) => {
|
|
283
|
+
let {
|
|
284
|
+
className: E,
|
|
285
|
+
style: q
|
|
286
|
+
} = p;
|
|
287
|
+
return /* @__PURE__ */ a.createElement("div", Object.assign({
|
|
288
|
+
id: F,
|
|
289
|
+
ref: me(L, h),
|
|
290
|
+
"data-show": !X,
|
|
291
|
+
className: Z(K, E),
|
|
292
|
+
style: Object.assign(Object.assign(Object.assign({}, k), u), q),
|
|
293
|
+
onMouseEnter: m,
|
|
294
|
+
onMouseLeave: g,
|
|
295
|
+
onClick: b,
|
|
296
|
+
role: "alert"
|
|
297
|
+
}, P), z ? /* @__PURE__ */ a.createElement(Xe, {
|
|
298
|
+
description: t,
|
|
299
|
+
icon: e.icon,
|
|
300
|
+
prefixCls: i,
|
|
301
|
+
type: w
|
|
302
|
+
}) : null, /* @__PURE__ */ a.createElement("div", {
|
|
303
|
+
className: `${i}-content`
|
|
304
|
+
}, r ? /* @__PURE__ */ a.createElement("div", {
|
|
305
|
+
className: `${i}-message`
|
|
306
|
+
}, r) : null, t ? /* @__PURE__ */ a.createElement("div", {
|
|
307
|
+
className: `${i}-description`
|
|
308
|
+
}, t) : null), N ? /* @__PURE__ */ a.createElement("div", {
|
|
309
|
+
className: `${i}-action`
|
|
310
|
+
}, N) : null, /* @__PURE__ */ a.createElement(Le, {
|
|
311
|
+
isClosable: D,
|
|
312
|
+
prefixCls: i,
|
|
313
|
+
closeIcon: Q,
|
|
314
|
+
handleClose: T,
|
|
315
|
+
ariaProps: U
|
|
316
|
+
}));
|
|
317
|
+
}));
|
|
318
|
+
});
|
|
319
|
+
process.env.NODE_ENV !== "production" && ($.displayName = "Alert");
|
|
320
|
+
function We(e, o, t) {
|
|
321
|
+
return o = R(o), pe(e, ue() ? Reflect.construct(o, t || [], R(e).constructor) : o.apply(e, t));
|
|
322
|
+
}
|
|
323
|
+
let we = /* @__PURE__ */ function(e) {
|
|
324
|
+
function o() {
|
|
325
|
+
var t;
|
|
326
|
+
return fe(this, o), t = We(this, o, arguments), t.state = {
|
|
327
|
+
error: void 0,
|
|
328
|
+
info: {
|
|
329
|
+
componentStack: ""
|
|
330
|
+
}
|
|
331
|
+
}, t;
|
|
332
|
+
}
|
|
333
|
+
return ge(o, e), be(o, [{
|
|
334
|
+
key: "componentDidCatch",
|
|
335
|
+
value: function(n, r) {
|
|
336
|
+
this.setState({
|
|
337
|
+
error: n,
|
|
338
|
+
info: r
|
|
339
|
+
});
|
|
340
|
+
}
|
|
341
|
+
}, {
|
|
342
|
+
key: "render",
|
|
343
|
+
value: function() {
|
|
344
|
+
const {
|
|
345
|
+
message: n,
|
|
346
|
+
description: r,
|
|
347
|
+
id: s,
|
|
348
|
+
children: l
|
|
349
|
+
} = this.props, {
|
|
350
|
+
error: d,
|
|
351
|
+
info: u
|
|
352
|
+
} = this.state, m = (u == null ? void 0 : u.componentStack) || null, g = typeof n > "u" ? (d || "").toString() : n, b = typeof r > "u" ? m : r;
|
|
353
|
+
return d ? /* @__PURE__ */ a.createElement($, {
|
|
354
|
+
id: s,
|
|
355
|
+
type: "error",
|
|
356
|
+
message: g,
|
|
357
|
+
description: /* @__PURE__ */ a.createElement("pre", {
|
|
358
|
+
style: {
|
|
359
|
+
fontSize: "0.9em",
|
|
360
|
+
overflowX: "auto"
|
|
361
|
+
}
|
|
362
|
+
}, b)
|
|
363
|
+
}) : l;
|
|
364
|
+
}
|
|
365
|
+
}]);
|
|
366
|
+
}(a.Component);
|
|
367
|
+
const J = $;
|
|
368
|
+
J.ErrorBoundary = we;
|
|
369
|
+
function ze() {
|
|
370
|
+
return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
|
|
371
|
+
}
|
|
372
|
+
const Ee = /* @__PURE__ */ te(J, process.env.NODE_ENV === "production" ? {
|
|
373
|
+
target: "e17981h30"
|
|
374
|
+
} : {
|
|
375
|
+
target: "e17981h30",
|
|
376
|
+
label: "StyledAlert"
|
|
377
|
+
})(process.env.NODE_ENV === "production" ? {
|
|
378
|
+
name: "hw7h1z",
|
|
379
|
+
styles: "padding:var(--gap-md) var(--gap-lg);background-color:var(--color-surface-base-primary);border:1px solid var(--color-border-tertiary);border-radius:var(--radius-md);box-shadow:var(--shadow-alert);.ant-alert-icon{margin-right:var(--gap-4xs);}.ant-alert-message{margin-bottom:var(--gap-3xs);font:var(--font-subheading-xl);color:var(--color-text-primary);}.ant-alert-description{font:var(--font-body-normal-m);color:var(--color-text-primary);}.ant-alert-close-icon button{color:var(--color-icon-tertiary);svg{font-size:14px;}}"
|
|
380
|
+
} : {
|
|
381
|
+
name: "hw7h1z",
|
|
382
|
+
styles: "padding:var(--gap-md) var(--gap-lg);background-color:var(--color-surface-base-primary);border:1px solid var(--color-border-tertiary);border-radius:var(--radius-md);box-shadow:var(--shadow-alert);.ant-alert-icon{margin-right:var(--gap-4xs);}.ant-alert-message{margin-bottom:var(--gap-3xs);font:var(--font-subheading-xl);color:var(--color-text-primary);}.ant-alert-description{font:var(--font-body-normal-m);color:var(--color-text-primary);}.ant-alert-close-icon button{color:var(--color-icon-tertiary);svg{font-size:14px;}}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9raXJpbGwvRGVza3RvcC93b3JrL2Zzay9kZXNpZ24tc3lzdGVtL2Zyb250ZW5kL3NyYy9jb21wb25lbnRzL0FsZXJ0L0FsZXJ0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR3dDIiwiZmlsZSI6Ii9Vc2Vycy9raXJpbGwvRGVza3RvcC93b3JrL2Zzay9kZXNpZ24tc3lzdGVtL2Zyb250ZW5kL3NyYy9jb21wb25lbnRzL0FsZXJ0L0FsZXJ0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIlxuaW1wb3J0IEFsZXJ0IGZyb20gXCJhbnRkL2VzL2FsZXJ0XCJcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFsZXJ0ID0gc3R5bGVkKEFsZXJ0KWBcbiAgcGFkZGluZzogdmFyKC0tZ2FwLW1kKSB2YXIoLS1nYXAtbGcpO1xuXG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLXN1cmZhY2UtYmFzZS1wcmltYXJ5KTtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tY29sb3ItYm9yZGVyLXRlcnRpYXJ5KTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tcmFkaXVzLW1kKTtcbiAgYm94LXNoYWRvdzogdmFyKC0tc2hhZG93LWFsZXJ0KTtcblxuICAuYW50LWFsZXJ0LWljb24ge1xuICAgIG1hcmdpbi1yaWdodDogdmFyKC0tZ2FwLTR4cyk7XG4gIH1cblxuICAuYW50LWFsZXJ0LW1lc3NhZ2Uge1xuICAgIG1hcmdpbi1ib3R0b206IHZhcigtLWdhcC0zeHMpO1xuXG4gICAgZm9udDogdmFyKC0tZm9udC1zdWJoZWFkaW5nLXhsKTtcbiAgICBjb2xvcjogdmFyKC0tY29sb3ItdGV4dC1wcmltYXJ5KTtcbiAgfVxuXG4gIC5hbnQtYWxlcnQtZGVzY3JpcHRpb24ge1xuICAgIGZvbnQ6IHZhcigtLWZvbnQtYm9keS1ub3JtYWwtbSk7XG4gICAgY29sb3I6IHZhcigtLWNvbG9yLXRleHQtcHJpbWFyeSk7XG4gIH1cblxuICAuYW50LWFsZXJ0LWNsb3NlLWljb24gYnV0dG9uIHtcbiAgICBjb2xvcjogdmFyKC0tY29sb3ItaWNvbi10ZXJ0aWFyeSk7XG5cbiAgICBzdmcge1xuICAgICAgZm9udC1zaXplOiAxNHB4O1xuICAgIH1cbiAgfVxuYFxuIl19 */",
|
|
383
|
+
toString: ze
|
|
384
|
+
}), Me = (e) => /* @__PURE__ */ S(Ee, { closeIcon: /* @__PURE__ */ S(oe, { type: "extra-secondary", size: "xs", icon: /* @__PURE__ */ S(ee, {}) }), ...e });
|
|
385
|
+
export {
|
|
386
|
+
Me as A
|
|
387
|
+
};
|
|
@@ -0,0 +1,195 @@
|
|
|
1
|
+
import { _ as D } from "./emotion-use-insertion-effect-with-fallbacks.browser.esm-jl_Btwc6.js";
|
|
2
|
+
import { v as L, x as U, w as W, n as b, _ as l, l as I, i as q, h as x, y as F } from "./genStyleUtils-iNP3vfH3.js";
|
|
3
|
+
import { _ as N } from "./objectWithoutProperties-DD_CKnnM.js";
|
|
4
|
+
import * as C from "react";
|
|
5
|
+
import h, { useContext as G, useEffect as H } from "react";
|
|
6
|
+
import { I as S } from "./Context-2_suFYDs.js";
|
|
7
|
+
import { g as J } from "./shadow-9lsz-71t.js";
|
|
8
|
+
function K(n) {
|
|
9
|
+
return n.replace(/-(.)/g, function(o, e) {
|
|
10
|
+
return e.toUpperCase();
|
|
11
|
+
});
|
|
12
|
+
}
|
|
13
|
+
function M(n, o) {
|
|
14
|
+
W(n, "[@ant-design/icons] ".concat(o));
|
|
15
|
+
}
|
|
16
|
+
function _(n) {
|
|
17
|
+
return b(n) === "object" && typeof n.name == "string" && typeof n.theme == "string" && (b(n.icon) === "object" || typeof n.icon == "function");
|
|
18
|
+
}
|
|
19
|
+
function k() {
|
|
20
|
+
var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
|
|
21
|
+
return Object.keys(n).reduce(function(o, e) {
|
|
22
|
+
var r = n[e];
|
|
23
|
+
switch (e) {
|
|
24
|
+
case "class":
|
|
25
|
+
o.className = r, delete o.class;
|
|
26
|
+
break;
|
|
27
|
+
default:
|
|
28
|
+
delete o[e], o[K(e)] = r;
|
|
29
|
+
}
|
|
30
|
+
return o;
|
|
31
|
+
}, {});
|
|
32
|
+
}
|
|
33
|
+
function T(n, o, e) {
|
|
34
|
+
return e ? /* @__PURE__ */ h.createElement(n.tag, l(l({
|
|
35
|
+
key: o
|
|
36
|
+
}, k(n.attrs)), e), (n.children || []).map(function(r, a) {
|
|
37
|
+
return T(r, "".concat(o, "-").concat(n.tag, "-").concat(a));
|
|
38
|
+
})) : /* @__PURE__ */ h.createElement(n.tag, l({
|
|
39
|
+
key: o
|
|
40
|
+
}, k(n.attrs)), (n.children || []).map(function(r, a) {
|
|
41
|
+
return T(r, "".concat(o, "-").concat(n.tag, "-").concat(a));
|
|
42
|
+
}));
|
|
43
|
+
}
|
|
44
|
+
function R(n) {
|
|
45
|
+
return L(n)[0];
|
|
46
|
+
}
|
|
47
|
+
function z(n) {
|
|
48
|
+
return n ? Array.isArray(n) ? n : [n] : [];
|
|
49
|
+
}
|
|
50
|
+
var Q = `
|
|
51
|
+
.anticon {
|
|
52
|
+
display: inline-flex;
|
|
53
|
+
align-items: center;
|
|
54
|
+
color: inherit;
|
|
55
|
+
font-style: normal;
|
|
56
|
+
line-height: 0;
|
|
57
|
+
text-align: center;
|
|
58
|
+
text-transform: none;
|
|
59
|
+
vertical-align: -0.125em;
|
|
60
|
+
text-rendering: optimizeLegibility;
|
|
61
|
+
-webkit-font-smoothing: antialiased;
|
|
62
|
+
-moz-osx-font-smoothing: grayscale;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.anticon > * {
|
|
66
|
+
line-height: 1;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.anticon svg {
|
|
70
|
+
display: inline-block;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.anticon::before {
|
|
74
|
+
display: none;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.anticon .anticon-icon {
|
|
78
|
+
display: block;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.anticon[tabindex] {
|
|
82
|
+
cursor: pointer;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.anticon-spin::before,
|
|
86
|
+
.anticon-spin {
|
|
87
|
+
display: inline-block;
|
|
88
|
+
-webkit-animation: loadingCircle 1s infinite linear;
|
|
89
|
+
animation: loadingCircle 1s infinite linear;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
@-webkit-keyframes loadingCircle {
|
|
93
|
+
100% {
|
|
94
|
+
-webkit-transform: rotate(360deg);
|
|
95
|
+
transform: rotate(360deg);
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
@keyframes loadingCircle {
|
|
100
|
+
100% {
|
|
101
|
+
-webkit-transform: rotate(360deg);
|
|
102
|
+
transform: rotate(360deg);
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
`, V = function(o) {
|
|
106
|
+
var e = G(S), r = e.csp, a = e.prefixCls, c = e.layer, t = Q;
|
|
107
|
+
a && (t = t.replace(/anticon/g, a)), c && (t = "@layer ".concat(c, ` {
|
|
108
|
+
`).concat(t, `
|
|
109
|
+
}`)), H(function() {
|
|
110
|
+
var s = o.current, d = J(s);
|
|
111
|
+
U(t, "@ant-design-icons", {
|
|
112
|
+
prepend: !c,
|
|
113
|
+
csp: r,
|
|
114
|
+
attachTo: d
|
|
115
|
+
});
|
|
116
|
+
}, []);
|
|
117
|
+
}, X = ["icon", "className", "onClick", "style", "primaryColor", "secondaryColor"], u = {
|
|
118
|
+
primaryColor: "#333",
|
|
119
|
+
secondaryColor: "#E6E6E6",
|
|
120
|
+
calculated: !1
|
|
121
|
+
};
|
|
122
|
+
function Y(n) {
|
|
123
|
+
var o = n.primaryColor, e = n.secondaryColor;
|
|
124
|
+
u.primaryColor = o, u.secondaryColor = e || R(o), u.calculated = !!e;
|
|
125
|
+
}
|
|
126
|
+
function Z() {
|
|
127
|
+
return l({}, u);
|
|
128
|
+
}
|
|
129
|
+
var f = function(o) {
|
|
130
|
+
var e = o.icon, r = o.className, a = o.onClick, c = o.style, t = o.primaryColor, s = o.secondaryColor, d = N(o, X), y = C.useRef(), m = u;
|
|
131
|
+
if (t && (m = {
|
|
132
|
+
primaryColor: t,
|
|
133
|
+
secondaryColor: s || R(t)
|
|
134
|
+
}), V(y), M(_(e), "icon should be icon definiton, but got ".concat(e)), !_(e))
|
|
135
|
+
return null;
|
|
136
|
+
var i = e;
|
|
137
|
+
return i && typeof i.icon == "function" && (i = l(l({}, i), {}, {
|
|
138
|
+
icon: i.icon(m.primaryColor, m.secondaryColor)
|
|
139
|
+
})), T(i.icon, "svg-".concat(i.name), l(l({
|
|
140
|
+
className: r,
|
|
141
|
+
onClick: a,
|
|
142
|
+
style: c,
|
|
143
|
+
"data-icon": i.name,
|
|
144
|
+
width: "1em",
|
|
145
|
+
height: "1em",
|
|
146
|
+
fill: "currentColor",
|
|
147
|
+
"aria-hidden": "true"
|
|
148
|
+
}, d), {}, {
|
|
149
|
+
ref: y
|
|
150
|
+
}));
|
|
151
|
+
};
|
|
152
|
+
f.displayName = "IconReact";
|
|
153
|
+
f.getTwoToneColors = Z;
|
|
154
|
+
f.setTwoToneColors = Y;
|
|
155
|
+
function E(n) {
|
|
156
|
+
var o = z(n), e = I(o, 2), r = e[0], a = e[1];
|
|
157
|
+
return f.setTwoToneColors({
|
|
158
|
+
primaryColor: r,
|
|
159
|
+
secondaryColor: a
|
|
160
|
+
});
|
|
161
|
+
}
|
|
162
|
+
function nn() {
|
|
163
|
+
var n = f.getTwoToneColors();
|
|
164
|
+
return n.calculated ? [n.primaryColor, n.secondaryColor] : n.primaryColor;
|
|
165
|
+
}
|
|
166
|
+
var on = ["className", "icon", "spin", "rotate", "tabIndex", "onClick", "twoToneColor"];
|
|
167
|
+
E(F.primary);
|
|
168
|
+
var v = /* @__PURE__ */ C.forwardRef(function(n, o) {
|
|
169
|
+
var e = n.className, r = n.icon, a = n.spin, c = n.rotate, t = n.tabIndex, s = n.onClick, d = n.twoToneColor, y = N(n, on), m = C.useContext(S), i = m.prefixCls, g = i === void 0 ? "anticon" : i, j = m.rootClassName, A = q(j, g, x(x({}, "".concat(g, "-").concat(r.name), !!r.name), "".concat(g, "-spin"), !!a || r.name === "loading"), e), p = t;
|
|
170
|
+
p === void 0 && s && (p = -1);
|
|
171
|
+
var $ = c ? {
|
|
172
|
+
msTransform: "rotate(".concat(c, "deg)"),
|
|
173
|
+
transform: "rotate(".concat(c, "deg)")
|
|
174
|
+
} : void 0, P = z(d), w = I(P, 2), B = w[0], O = w[1];
|
|
175
|
+
return /* @__PURE__ */ C.createElement("span", D({
|
|
176
|
+
role: "img",
|
|
177
|
+
"aria-label": r.name
|
|
178
|
+
}, y, {
|
|
179
|
+
ref: o,
|
|
180
|
+
tabIndex: p,
|
|
181
|
+
onClick: s,
|
|
182
|
+
className: A
|
|
183
|
+
}), /* @__PURE__ */ C.createElement(f, {
|
|
184
|
+
icon: r,
|
|
185
|
+
primaryColor: B,
|
|
186
|
+
secondaryColor: O,
|
|
187
|
+
style: $
|
|
188
|
+
}));
|
|
189
|
+
});
|
|
190
|
+
v.displayName = "AntdIcon";
|
|
191
|
+
v.getTwoToneColor = nn;
|
|
192
|
+
v.setTwoToneColor = E;
|
|
193
|
+
export {
|
|
194
|
+
v as I
|
|
195
|
+
};
|