@amateescu/portal-ui-components 0.0.24 → 0.0.25-react19
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/Box-DQNjUj2G.js +102 -0
- package/dist/Button-D2XVkO19.js +676 -0
- package/dist/ButtonBase-D-XlpvIZ.js +954 -0
- package/dist/CircularProgress-BOkP0juA.js +247 -0
- package/dist/{EllipsisOutlined-CtmB5yDB.js → EllipsisOutlined-DfTPoz8U.js} +667 -672
- package/dist/PurePanel-ByiFMw5U.js +2213 -0
- package/dist/{Skeleton-XFbjx7LJ.js → Skeleton-Imy-56Lv.js} +161 -158
- package/dist/{UserInfoDropdown-DGaplQo6.js → UserInfoDropdown-6aB5cQyF.js} +1540 -1505
- package/dist/_commonjsHelpers-C6fGbg64.js +6 -0
- package/dist/components/ConfirmationModal/ConfirmationModal.js +1 -1
- package/dist/components/ConfirmationModal/ConfirmationModal.stories.js +1 -1
- package/dist/components/CustomButton/CustomButton.js +1 -1
- package/dist/components/CustomPagination/CustomPagination.js +455 -344
- package/dist/components/ErrorModal/ErrorModal.js +5 -6
- package/dist/components/ErrorModal/ErrorModal.stories.js +1 -1
- package/dist/components/InfoModal/InfoModal.js +1 -1
- package/dist/components/InfoModal/InfoModal.stories.js +1 -1
- package/dist/components/KpiCard/KpiCard.js +1003 -892
- package/dist/components/LoadingAnimation/LoadingAnimation.js +6 -215
- package/dist/components/Login/Login.js +4485 -3820
- package/dist/components/Login/Login.stories.js +1586 -1546
- package/dist/components/SideMenu/SideMenu.js +1 -1
- package/dist/components/SideMenu/SideMenu.types.d.ts +1 -0
- package/dist/components/TotalDataGrid/TotalDataGrid.js +6 -6
- package/dist/components/UserInfoDropdown/UserInfoDropdown.js +1 -1
- package/dist/components/UserInfoDropdown/UserInfoDropdown.stories.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/context-D_FWkiDE.js +7383 -0
- package/dist/createSimplePaletteValueFilter-CshNo3IR.js +3439 -0
- package/dist/index-CR8gh-dS.js +1689 -0
- package/dist/index-CyFfYou3.js +411 -0
- package/dist/main.js +1 -1
- package/dist/objectWithoutPropertiesLoose-BTau6TOn.js +33 -0
- package/dist/portal-utils/formatters.js +68 -0
- package/dist/useSlot-kDVPuVrn.js +431 -0
- package/package.json +38 -38
- package/dist/Box-CmKt1PwF.js +0 -68
- package/dist/Button-BT8r3F_d.js +0 -355
- package/dist/ButtonBase-By486Sca.js +0 -966
- package/dist/PurePanel-CfZ1n-M8.js +0 -4782
- package/dist/assertThisInitialized-BUtkG-md.js +0 -13
- package/dist/createSvgIcon-B8ya7kb4.js +0 -250
- package/dist/generateUtilityClasses-Bhjgm_6-.js +0 -3270
- package/dist/index-1vDmwq0E.js +0 -19089
- package/dist/index-DsP9yT3s.js +0 -1551
- package/dist/objectWithoutPropertiesLoose-CIT-1_kH.js +0 -227
- package/dist/useId-DbfH3PlN.js +0 -5397
|
@@ -1,85 +1,85 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import * as
|
|
3
|
-
import { I as
|
|
4
|
-
var
|
|
5
|
-
return /* @__PURE__ */
|
|
1
|
+
import { _ as G } from "./objectWithoutPropertiesLoose-BTau6TOn.js";
|
|
2
|
+
import * as r from "react";
|
|
3
|
+
import { I as W, c as p, g as D, m as _, K as X, u as K, a as k, o as M, b as J } from "./context-D_FWkiDE.js";
|
|
4
|
+
var Q = { icon: { tag: "svg", attrs: { "fill-rule": "evenodd", viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z" } }] }, name: "close", theme: "outlined" }, U = function(t, s) {
|
|
5
|
+
return /* @__PURE__ */ r.createElement(W, G({}, t, {
|
|
6
6
|
ref: s,
|
|
7
|
-
icon:
|
|
7
|
+
icon: Q
|
|
8
8
|
}));
|
|
9
|
-
},
|
|
10
|
-
process.env.NODE_ENV !== "production" && (
|
|
11
|
-
const
|
|
9
|
+
}, Y = /* @__PURE__ */ r.forwardRef(U);
|
|
10
|
+
process.env.NODE_ENV !== "production" && (Y.displayName = "CloseOutlined");
|
|
11
|
+
const j = (e) => {
|
|
12
12
|
const {
|
|
13
13
|
prefixCls: t,
|
|
14
14
|
className: s,
|
|
15
15
|
style: n,
|
|
16
16
|
size: a,
|
|
17
|
-
shape:
|
|
17
|
+
shape: i
|
|
18
18
|
} = e, c = p({
|
|
19
19
|
[`${t}-lg`]: a === "large",
|
|
20
20
|
[`${t}-sm`]: a === "small"
|
|
21
21
|
}), l = p({
|
|
22
|
-
[`${t}-circle`]:
|
|
23
|
-
[`${t}-square`]:
|
|
24
|
-
[`${t}-round`]:
|
|
25
|
-
}), o =
|
|
22
|
+
[`${t}-circle`]: i === "circle",
|
|
23
|
+
[`${t}-square`]: i === "square",
|
|
24
|
+
[`${t}-round`]: i === "round"
|
|
25
|
+
}), o = r.useMemo(() => typeof a == "number" ? {
|
|
26
26
|
width: a,
|
|
27
27
|
height: a,
|
|
28
28
|
lineHeight: `${a}px`
|
|
29
29
|
} : {}, [a]);
|
|
30
|
-
return /* @__PURE__ */
|
|
30
|
+
return /* @__PURE__ */ r.createElement("span", {
|
|
31
31
|
className: p(t, c, l, s),
|
|
32
32
|
style: Object.assign(Object.assign({}, o), n)
|
|
33
33
|
});
|
|
34
|
-
},
|
|
34
|
+
}, Z = new X("ant-skeleton-loading", {
|
|
35
35
|
"0%": {
|
|
36
36
|
backgroundPosition: "100% 50%"
|
|
37
37
|
},
|
|
38
38
|
"100%": {
|
|
39
39
|
backgroundPosition: "0 50%"
|
|
40
40
|
}
|
|
41
|
-
}),
|
|
41
|
+
}), N = (e) => ({
|
|
42
42
|
height: e,
|
|
43
|
-
lineHeight:
|
|
44
|
-
}),
|
|
43
|
+
lineHeight: K(e)
|
|
44
|
+
}), b = (e) => Object.assign({
|
|
45
45
|
width: e
|
|
46
|
-
},
|
|
46
|
+
}, N(e)), ee = (e) => ({
|
|
47
47
|
background: e.skeletonLoadingBackground,
|
|
48
48
|
backgroundSize: "400% 100%",
|
|
49
|
-
animationName:
|
|
49
|
+
animationName: Z,
|
|
50
50
|
animationDuration: e.skeletonLoadingMotionDuration,
|
|
51
51
|
animationTimingFunction: "ease",
|
|
52
52
|
animationIterationCount: "infinite"
|
|
53
|
-
}),
|
|
53
|
+
}), B = (e, t) => Object.assign({
|
|
54
54
|
width: t(e).mul(5).equal(),
|
|
55
55
|
minWidth: t(e).mul(5).equal()
|
|
56
|
-
},
|
|
56
|
+
}, N(e)), te = (e) => {
|
|
57
57
|
const {
|
|
58
58
|
skeletonAvatarCls: t,
|
|
59
59
|
gradientFromColor: s,
|
|
60
60
|
controlHeight: n,
|
|
61
61
|
controlHeightLG: a,
|
|
62
|
-
controlHeightSM:
|
|
62
|
+
controlHeightSM: i
|
|
63
63
|
} = e;
|
|
64
64
|
return {
|
|
65
65
|
[t]: Object.assign({
|
|
66
66
|
display: "inline-block",
|
|
67
67
|
verticalAlign: "top",
|
|
68
68
|
background: s
|
|
69
|
-
},
|
|
69
|
+
}, b(n)),
|
|
70
70
|
[`${t}${t}-circle`]: {
|
|
71
71
|
borderRadius: "50%"
|
|
72
72
|
},
|
|
73
|
-
[`${t}${t}-lg`]: Object.assign({},
|
|
74
|
-
[`${t}${t}-sm`]: Object.assign({},
|
|
73
|
+
[`${t}${t}-lg`]: Object.assign({}, b(a)),
|
|
74
|
+
[`${t}${t}-sm`]: Object.assign({}, b(i))
|
|
75
75
|
};
|
|
76
|
-
},
|
|
76
|
+
}, se = (e) => {
|
|
77
77
|
const {
|
|
78
78
|
controlHeight: t,
|
|
79
79
|
borderRadiusSM: s,
|
|
80
80
|
skeletonInputCls: n,
|
|
81
81
|
controlHeightLG: a,
|
|
82
|
-
controlHeightSM:
|
|
82
|
+
controlHeightSM: i,
|
|
83
83
|
gradientFromColor: c,
|
|
84
84
|
calc: l
|
|
85
85
|
} = e;
|
|
@@ -89,19 +89,19 @@ const w = (e) => {
|
|
|
89
89
|
verticalAlign: "top",
|
|
90
90
|
background: c,
|
|
91
91
|
borderRadius: s
|
|
92
|
-
},
|
|
93
|
-
[`${n}-lg`]: Object.assign({},
|
|
94
|
-
[`${n}-sm`]: Object.assign({},
|
|
92
|
+
}, B(t, l)),
|
|
93
|
+
[`${n}-lg`]: Object.assign({}, B(a, l)),
|
|
94
|
+
[`${n}-sm`]: Object.assign({}, B(i, l))
|
|
95
95
|
};
|
|
96
|
-
},
|
|
96
|
+
}, T = (e) => Object.assign({
|
|
97
97
|
width: e
|
|
98
|
-
},
|
|
98
|
+
}, N(e)), ne = (e) => {
|
|
99
99
|
const {
|
|
100
100
|
skeletonImageCls: t,
|
|
101
101
|
imageSizeBase: s,
|
|
102
102
|
gradientFromColor: n,
|
|
103
103
|
borderRadiusSM: a,
|
|
104
|
-
calc:
|
|
104
|
+
calc: i
|
|
105
105
|
} = e;
|
|
106
106
|
return {
|
|
107
107
|
[t]: Object.assign(Object.assign({
|
|
@@ -111,13 +111,13 @@ const w = (e) => {
|
|
|
111
111
|
verticalAlign: "middle",
|
|
112
112
|
background: n,
|
|
113
113
|
borderRadius: a
|
|
114
|
-
},
|
|
114
|
+
}, T(i(s).mul(2).equal())), {
|
|
115
115
|
[`${t}-path`]: {
|
|
116
116
|
fill: "#bfbfbf"
|
|
117
117
|
},
|
|
118
|
-
[`${t}-svg`]: Object.assign(Object.assign({},
|
|
119
|
-
maxWidth:
|
|
120
|
-
maxHeight:
|
|
118
|
+
[`${t}-svg`]: Object.assign(Object.assign({}, T(s)), {
|
|
119
|
+
maxWidth: i(s).mul(4).equal(),
|
|
120
|
+
maxHeight: i(s).mul(4).equal()
|
|
121
121
|
}),
|
|
122
122
|
[`${t}-svg${t}-svg-circle`]: {
|
|
123
123
|
borderRadius: "50%"
|
|
@@ -127,7 +127,7 @@ const w = (e) => {
|
|
|
127
127
|
borderRadius: "50%"
|
|
128
128
|
}
|
|
129
129
|
};
|
|
130
|
-
},
|
|
130
|
+
}, R = (e, t, s) => {
|
|
131
131
|
const {
|
|
132
132
|
skeletonButtonCls: n
|
|
133
133
|
} = e;
|
|
@@ -141,16 +141,16 @@ const w = (e) => {
|
|
|
141
141
|
borderRadius: t
|
|
142
142
|
}
|
|
143
143
|
};
|
|
144
|
-
},
|
|
144
|
+
}, q = (e, t) => Object.assign({
|
|
145
145
|
width: t(e).mul(2).equal(),
|
|
146
146
|
minWidth: t(e).mul(2).equal()
|
|
147
|
-
},
|
|
147
|
+
}, N(e)), ae = (e) => {
|
|
148
148
|
const {
|
|
149
149
|
borderRadiusSM: t,
|
|
150
150
|
skeletonButtonCls: s,
|
|
151
151
|
controlHeight: n,
|
|
152
152
|
controlHeightLG: a,
|
|
153
|
-
controlHeightSM:
|
|
153
|
+
controlHeightSM: i,
|
|
154
154
|
gradientFromColor: c,
|
|
155
155
|
calc: l
|
|
156
156
|
} = e;
|
|
@@ -162,19 +162,19 @@ const w = (e) => {
|
|
|
162
162
|
borderRadius: t,
|
|
163
163
|
width: l(n).mul(2).equal(),
|
|
164
164
|
minWidth: l(n).mul(2).equal()
|
|
165
|
-
},
|
|
166
|
-
},
|
|
167
|
-
[`${s}-lg`]: Object.assign({},
|
|
168
|
-
}),
|
|
169
|
-
[`${s}-sm`]: Object.assign({},
|
|
170
|
-
}),
|
|
171
|
-
},
|
|
165
|
+
}, q(n, l))
|
|
166
|
+
}, R(e, n, s)), {
|
|
167
|
+
[`${s}-lg`]: Object.assign({}, q(a, l))
|
|
168
|
+
}), R(e, a, `${s}-lg`)), {
|
|
169
|
+
[`${s}-sm`]: Object.assign({}, q(i, l))
|
|
170
|
+
}), R(e, i, `${s}-sm`));
|
|
171
|
+
}, le = (e) => {
|
|
172
172
|
const {
|
|
173
173
|
componentCls: t,
|
|
174
174
|
skeletonAvatarCls: s,
|
|
175
175
|
skeletonTitleCls: n,
|
|
176
176
|
skeletonParagraphCls: a,
|
|
177
|
-
skeletonButtonCls:
|
|
177
|
+
skeletonButtonCls: i,
|
|
178
178
|
skeletonInputCls: c,
|
|
179
179
|
skeletonImageCls: l,
|
|
180
180
|
controlHeight: o,
|
|
@@ -183,12 +183,12 @@ const w = (e) => {
|
|
|
183
183
|
gradientFromColor: g,
|
|
184
184
|
padding: h,
|
|
185
185
|
marginSM: C,
|
|
186
|
-
borderRadius:
|
|
187
|
-
titleHeight:
|
|
188
|
-
blockRadius:
|
|
186
|
+
borderRadius: w,
|
|
187
|
+
titleHeight: E,
|
|
188
|
+
blockRadius: u,
|
|
189
189
|
paragraphLiHeight: y,
|
|
190
190
|
controlHeightXS: P,
|
|
191
|
-
paragraphMarginTop:
|
|
191
|
+
paragraphMarginTop: I
|
|
192
192
|
} = e;
|
|
193
193
|
return {
|
|
194
194
|
[t]: {
|
|
@@ -203,12 +203,12 @@ const w = (e) => {
|
|
|
203
203
|
display: "inline-block",
|
|
204
204
|
verticalAlign: "top",
|
|
205
205
|
background: g
|
|
206
|
-
},
|
|
206
|
+
}, b(o)),
|
|
207
207
|
[`${s}-circle`]: {
|
|
208
208
|
borderRadius: "50%"
|
|
209
209
|
},
|
|
210
|
-
[`${s}-lg`]: Object.assign({},
|
|
211
|
-
[`${s}-sm`]: Object.assign({},
|
|
210
|
+
[`${s}-lg`]: Object.assign({}, b(d)),
|
|
211
|
+
[`${s}-sm`]: Object.assign({}, b(m))
|
|
212
212
|
},
|
|
213
213
|
[`${t}-content`]: {
|
|
214
214
|
display: "table-cell",
|
|
@@ -217,9 +217,9 @@ const w = (e) => {
|
|
|
217
217
|
// Title
|
|
218
218
|
[n]: {
|
|
219
219
|
width: "100%",
|
|
220
|
-
height:
|
|
220
|
+
height: E,
|
|
221
221
|
background: g,
|
|
222
|
-
borderRadius:
|
|
222
|
+
borderRadius: u,
|
|
223
223
|
[`+ ${a}`]: {
|
|
224
224
|
marginBlockStart: m
|
|
225
225
|
}
|
|
@@ -232,7 +232,7 @@ const w = (e) => {
|
|
|
232
232
|
height: y,
|
|
233
233
|
listStyle: "none",
|
|
234
234
|
background: g,
|
|
235
|
-
borderRadius:
|
|
235
|
+
borderRadius: u,
|
|
236
236
|
"+ li": {
|
|
237
237
|
marginBlockStart: P
|
|
238
238
|
}
|
|
@@ -244,7 +244,7 @@ const w = (e) => {
|
|
|
244
244
|
},
|
|
245
245
|
[`&-round ${t}-content`]: {
|
|
246
246
|
[`${n}, ${a} > li`]: {
|
|
247
|
-
borderRadius:
|
|
247
|
+
borderRadius: w
|
|
248
248
|
}
|
|
249
249
|
}
|
|
250
250
|
},
|
|
@@ -253,7 +253,7 @@ const w = (e) => {
|
|
|
253
253
|
[n]: {
|
|
254
254
|
marginBlockStart: C,
|
|
255
255
|
[`+ ${a}`]: {
|
|
256
|
-
marginBlockStart:
|
|
256
|
+
marginBlockStart: I
|
|
257
257
|
}
|
|
258
258
|
}
|
|
259
259
|
},
|
|
@@ -261,11 +261,11 @@ const w = (e) => {
|
|
|
261
261
|
[`${t}${t}-element`]: Object.assign(Object.assign(Object.assign(Object.assign({
|
|
262
262
|
display: "inline-block",
|
|
263
263
|
width: "auto"
|
|
264
|
-
},
|
|
264
|
+
}, ae(e)), te(e)), se(e)), ne(e)),
|
|
265
265
|
// Skeleton Block Button, Input
|
|
266
266
|
[`${t}${t}-block`]: {
|
|
267
267
|
width: "100%",
|
|
268
|
-
[
|
|
268
|
+
[i]: {
|
|
269
269
|
width: "100%"
|
|
270
270
|
},
|
|
271
271
|
[c]: {
|
|
@@ -278,13 +278,13 @@ const w = (e) => {
|
|
|
278
278
|
${n},
|
|
279
279
|
${a} > li,
|
|
280
280
|
${s},
|
|
281
|
-
${
|
|
281
|
+
${i},
|
|
282
282
|
${c},
|
|
283
283
|
${l}
|
|
284
|
-
`]: Object.assign({},
|
|
284
|
+
`]: Object.assign({}, ee(e))
|
|
285
285
|
}
|
|
286
286
|
};
|
|
287
|
-
},
|
|
287
|
+
}, oe = (e) => {
|
|
288
288
|
const {
|
|
289
289
|
colorFillContent: t,
|
|
290
290
|
colorFill: s
|
|
@@ -299,7 +299,7 @@ const w = (e) => {
|
|
|
299
299
|
paragraphMarginTop: e.marginLG + e.marginXXS,
|
|
300
300
|
paragraphLiHeight: e.controlHeight / 2
|
|
301
301
|
};
|
|
302
|
-
},
|
|
302
|
+
}, $ = D("Skeleton", (e) => {
|
|
303
303
|
const {
|
|
304
304
|
componentCls: t,
|
|
305
305
|
calc: s
|
|
@@ -316,114 +316,114 @@ const w = (e) => {
|
|
|
316
316
|
skeletonLoadingBackground: `linear-gradient(90deg, ${e.gradientFromColor} 25%, ${e.gradientToColor} 37%, ${e.gradientFromColor} 63%)`,
|
|
317
317
|
skeletonLoadingMotionDuration: "1.4s"
|
|
318
318
|
});
|
|
319
|
-
return [
|
|
320
|
-
},
|
|
319
|
+
return [le(n)];
|
|
320
|
+
}, oe, {
|
|
321
321
|
deprecatedTokens: [["color", "gradientFromColor"], ["colorGradientEnd", "gradientToColor"]]
|
|
322
|
-
}),
|
|
322
|
+
}), ie = (e) => {
|
|
323
323
|
const {
|
|
324
324
|
prefixCls: t,
|
|
325
325
|
className: s,
|
|
326
326
|
rootClassName: n,
|
|
327
327
|
active: a,
|
|
328
|
-
shape:
|
|
328
|
+
shape: i = "circle",
|
|
329
329
|
size: c = "default"
|
|
330
330
|
} = e, {
|
|
331
331
|
getPrefixCls: l
|
|
332
|
-
} =
|
|
332
|
+
} = r.useContext(k), o = l("skeleton", t), [d, m, g] = $(o), h = M(e, ["prefixCls", "className"]), C = p(o, `${o}-element`, {
|
|
333
333
|
[`${o}-active`]: a
|
|
334
334
|
}, s, n, m, g);
|
|
335
|
-
return d(/* @__PURE__ */
|
|
335
|
+
return d(/* @__PURE__ */ r.createElement("div", {
|
|
336
336
|
className: C
|
|
337
|
-
}, /* @__PURE__ */
|
|
337
|
+
}, /* @__PURE__ */ r.createElement(j, Object.assign({
|
|
338
338
|
prefixCls: `${o}-avatar`,
|
|
339
|
-
shape:
|
|
339
|
+
shape: i,
|
|
340
340
|
size: c
|
|
341
341
|
}, h))));
|
|
342
|
-
},
|
|
342
|
+
}, re = (e) => {
|
|
343
343
|
const {
|
|
344
344
|
prefixCls: t,
|
|
345
345
|
className: s,
|
|
346
346
|
rootClassName: n,
|
|
347
347
|
active: a,
|
|
348
|
-
block:
|
|
348
|
+
block: i = !1,
|
|
349
349
|
size: c = "default"
|
|
350
350
|
} = e, {
|
|
351
351
|
getPrefixCls: l
|
|
352
|
-
} =
|
|
352
|
+
} = r.useContext(k), o = l("skeleton", t), [d, m, g] = $(o), h = M(e, ["prefixCls"]), C = p(o, `${o}-element`, {
|
|
353
353
|
[`${o}-active`]: a,
|
|
354
|
-
[`${o}-block`]:
|
|
354
|
+
[`${o}-block`]: i
|
|
355
355
|
}, s, n, m, g);
|
|
356
|
-
return d(/* @__PURE__ */
|
|
356
|
+
return d(/* @__PURE__ */ r.createElement("div", {
|
|
357
357
|
className: C
|
|
358
|
-
}, /* @__PURE__ */
|
|
358
|
+
}, /* @__PURE__ */ r.createElement(j, Object.assign({
|
|
359
359
|
prefixCls: `${o}-button`,
|
|
360
360
|
size: c
|
|
361
361
|
}, h))));
|
|
362
|
-
},
|
|
362
|
+
}, ce = "M365.714286 329.142857q0 45.714286-32.036571 77.677714t-77.677714 32.036571-77.677714-32.036571-32.036571-77.677714 32.036571-77.677714 77.677714-32.036571 77.677714 32.036571 32.036571 77.677714zM950.857143 548.571429l0 256-804.571429 0 0-109.714286 182.857143-182.857143 91.428571 91.428571 292.571429-292.571429zM1005.714286 146.285714l-914.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 694.857143q0 7.460571 5.412571 12.873143t12.873143 5.412571l914.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143l0-694.857143q0-7.460571-5.412571-12.873143t-12.873143-5.412571zM1097.142857 164.571429l0 694.857143q0 37.741714-26.843429 64.585143t-64.585143 26.843429l-914.285714 0q-37.741714 0-64.585143-26.843429t-26.843429-64.585143l0-694.857143q0-37.741714 26.843429-64.585143t64.585143-26.843429l914.285714 0q37.741714 0 64.585143 26.843429t26.843429 64.585143z", ge = (e) => {
|
|
363
363
|
const {
|
|
364
364
|
prefixCls: t,
|
|
365
365
|
className: s,
|
|
366
366
|
rootClassName: n,
|
|
367
367
|
style: a,
|
|
368
|
-
active:
|
|
368
|
+
active: i
|
|
369
369
|
} = e, {
|
|
370
370
|
getPrefixCls: c
|
|
371
|
-
} =
|
|
372
|
-
[`${l}-active`]:
|
|
371
|
+
} = r.useContext(k), l = c("skeleton", t), [o, d, m] = $(l), g = p(l, `${l}-element`, {
|
|
372
|
+
[`${l}-active`]: i
|
|
373
373
|
}, s, n, d, m);
|
|
374
|
-
return o(/* @__PURE__ */
|
|
374
|
+
return o(/* @__PURE__ */ r.createElement("div", {
|
|
375
375
|
className: g
|
|
376
|
-
}, /* @__PURE__ */
|
|
376
|
+
}, /* @__PURE__ */ r.createElement("div", {
|
|
377
377
|
className: p(`${l}-image`, s),
|
|
378
378
|
style: a
|
|
379
|
-
}, /* @__PURE__ */
|
|
379
|
+
}, /* @__PURE__ */ r.createElement("svg", {
|
|
380
380
|
viewBox: "0 0 1098 1024",
|
|
381
381
|
xmlns: "http://www.w3.org/2000/svg",
|
|
382
382
|
className: `${l}-image-svg`
|
|
383
|
-
}, /* @__PURE__ */
|
|
384
|
-
d:
|
|
383
|
+
}, /* @__PURE__ */ r.createElement("title", null, "Image placeholder"), /* @__PURE__ */ r.createElement("path", {
|
|
384
|
+
d: ce,
|
|
385
385
|
className: `${l}-image-path`
|
|
386
386
|
})))));
|
|
387
|
-
},
|
|
387
|
+
}, de = (e) => {
|
|
388
388
|
const {
|
|
389
389
|
prefixCls: t,
|
|
390
390
|
className: s,
|
|
391
391
|
rootClassName: n,
|
|
392
392
|
active: a,
|
|
393
|
-
block:
|
|
393
|
+
block: i,
|
|
394
394
|
size: c = "default"
|
|
395
395
|
} = e, {
|
|
396
396
|
getPrefixCls: l
|
|
397
|
-
} =
|
|
397
|
+
} = r.useContext(k), o = l("skeleton", t), [d, m, g] = $(o), h = M(e, ["prefixCls"]), C = p(o, `${o}-element`, {
|
|
398
398
|
[`${o}-active`]: a,
|
|
399
|
-
[`${o}-block`]:
|
|
399
|
+
[`${o}-block`]: i
|
|
400
400
|
}, s, n, m, g);
|
|
401
|
-
return d(/* @__PURE__ */
|
|
401
|
+
return d(/* @__PURE__ */ r.createElement("div", {
|
|
402
402
|
className: C
|
|
403
|
-
}, /* @__PURE__ */
|
|
403
|
+
}, /* @__PURE__ */ r.createElement(j, Object.assign({
|
|
404
404
|
prefixCls: `${o}-input`,
|
|
405
405
|
size: c
|
|
406
406
|
}, h))));
|
|
407
|
-
},
|
|
407
|
+
}, me = (e) => {
|
|
408
408
|
const {
|
|
409
409
|
prefixCls: t,
|
|
410
410
|
className: s,
|
|
411
411
|
rootClassName: n,
|
|
412
412
|
style: a,
|
|
413
|
-
active:
|
|
413
|
+
active: i,
|
|
414
414
|
children: c
|
|
415
415
|
} = e, {
|
|
416
416
|
getPrefixCls: l
|
|
417
|
-
} =
|
|
418
|
-
[`${o}-active`]:
|
|
417
|
+
} = r.useContext(k), o = l("skeleton", t), [d, m, g] = $(o), h = p(o, `${o}-element`, {
|
|
418
|
+
[`${o}-active`]: i
|
|
419
419
|
}, m, s, n, g);
|
|
420
|
-
return d(/* @__PURE__ */
|
|
420
|
+
return d(/* @__PURE__ */ r.createElement("div", {
|
|
421
421
|
className: h
|
|
422
|
-
}, /* @__PURE__ */
|
|
422
|
+
}, /* @__PURE__ */ r.createElement("div", {
|
|
423
423
|
className: p(`${o}-image`, s),
|
|
424
424
|
style: a
|
|
425
425
|
}, c)));
|
|
426
|
-
},
|
|
426
|
+
}, ue = (e, t) => {
|
|
427
427
|
const {
|
|
428
428
|
width: s,
|
|
429
429
|
rows: n = 2
|
|
@@ -432,26 +432,28 @@ const w = (e) => {
|
|
|
432
432
|
return s[e];
|
|
433
433
|
if (n - 1 === e)
|
|
434
434
|
return s;
|
|
435
|
-
},
|
|
435
|
+
}, pe = (e) => {
|
|
436
436
|
const {
|
|
437
437
|
prefixCls: t,
|
|
438
438
|
className: s,
|
|
439
439
|
style: n,
|
|
440
|
-
rows: a
|
|
441
|
-
} = e,
|
|
440
|
+
rows: a = 0
|
|
441
|
+
} = e, i = Array.from({
|
|
442
|
+
length: a
|
|
443
|
+
}).map((c, l) => (
|
|
442
444
|
// eslint-disable-next-line react/no-array-index-key
|
|
443
|
-
/* @__PURE__ */
|
|
445
|
+
/* @__PURE__ */ r.createElement("li", {
|
|
444
446
|
key: l,
|
|
445
447
|
style: {
|
|
446
|
-
width:
|
|
448
|
+
width: ue(l, e)
|
|
447
449
|
}
|
|
448
450
|
})
|
|
449
451
|
));
|
|
450
|
-
return /* @__PURE__ */
|
|
452
|
+
return /* @__PURE__ */ r.createElement("ul", {
|
|
451
453
|
className: p(t, s),
|
|
452
454
|
style: n
|
|
453
|
-
},
|
|
454
|
-
},
|
|
455
|
+
}, i);
|
|
456
|
+
}, he = (e) => {
|
|
455
457
|
let {
|
|
456
458
|
prefixCls: t,
|
|
457
459
|
className: s,
|
|
@@ -460,7 +462,7 @@ const w = (e) => {
|
|
|
460
462
|
} = e;
|
|
461
463
|
return (
|
|
462
464
|
// biome-ignore lint/a11y/useHeadingContent: HOC here
|
|
463
|
-
/* @__PURE__ */
|
|
465
|
+
/* @__PURE__ */ r.createElement("h3", {
|
|
464
466
|
className: p(t, s),
|
|
465
467
|
style: Object.assign({
|
|
466
468
|
width: n
|
|
@@ -468,10 +470,10 @@ const w = (e) => {
|
|
|
468
470
|
})
|
|
469
471
|
);
|
|
470
472
|
};
|
|
471
|
-
function
|
|
473
|
+
function z(e) {
|
|
472
474
|
return e && typeof e == "object" ? e : {};
|
|
473
475
|
}
|
|
474
|
-
function
|
|
476
|
+
function Ce(e, t) {
|
|
475
477
|
return e && !t ? {
|
|
476
478
|
size: "large",
|
|
477
479
|
shape: "square"
|
|
@@ -480,24 +482,24 @@ function he(e, t) {
|
|
|
480
482
|
shape: "circle"
|
|
481
483
|
};
|
|
482
484
|
}
|
|
483
|
-
function
|
|
485
|
+
function be(e, t) {
|
|
484
486
|
return !e && t ? {
|
|
485
487
|
width: "38%"
|
|
486
488
|
} : e && t ? {
|
|
487
489
|
width: "50%"
|
|
488
490
|
} : {};
|
|
489
491
|
}
|
|
490
|
-
function
|
|
492
|
+
function $e(e, t) {
|
|
491
493
|
const s = {};
|
|
492
494
|
return (!e || !t) && (s.width = "61%"), !e && t ? s.rows = 3 : s.rows = 2, s;
|
|
493
495
|
}
|
|
494
|
-
const
|
|
496
|
+
const f = (e) => {
|
|
495
497
|
const {
|
|
496
498
|
prefixCls: t,
|
|
497
499
|
loading: s,
|
|
498
500
|
className: n,
|
|
499
501
|
rootClassName: a,
|
|
500
|
-
style:
|
|
502
|
+
style: i,
|
|
501
503
|
children: c,
|
|
502
504
|
avatar: l = !1,
|
|
503
505
|
title: o = !0,
|
|
@@ -507,59 +509,60 @@ const S = (e) => {
|
|
|
507
509
|
} = e, {
|
|
508
510
|
getPrefixCls: h,
|
|
509
511
|
direction: C,
|
|
510
|
-
|
|
511
|
-
|
|
512
|
+
className: w,
|
|
513
|
+
style: E
|
|
514
|
+
} = J("skeleton"), u = h("skeleton", t), [y, P, I] = $(u);
|
|
512
515
|
if (s || !("loading" in e)) {
|
|
513
|
-
const
|
|
514
|
-
let
|
|
515
|
-
if (
|
|
516
|
-
const
|
|
516
|
+
const S = !!l, v = !!o, O = !!d;
|
|
517
|
+
let A;
|
|
518
|
+
if (S) {
|
|
519
|
+
const x = Object.assign(Object.assign({
|
|
517
520
|
prefixCls: `${u}-avatar`
|
|
518
|
-
},
|
|
519
|
-
|
|
521
|
+
}, Ce(v, O)), z(l));
|
|
522
|
+
A = /* @__PURE__ */ r.createElement("div", {
|
|
520
523
|
className: `${u}-header`
|
|
521
|
-
}, /* @__PURE__ */
|
|
524
|
+
}, /* @__PURE__ */ r.createElement(j, Object.assign({}, x)));
|
|
522
525
|
}
|
|
523
|
-
let
|
|
524
|
-
if (
|
|
525
|
-
let
|
|
526
|
-
if (
|
|
527
|
-
const
|
|
526
|
+
let L;
|
|
527
|
+
if (v || O) {
|
|
528
|
+
let x;
|
|
529
|
+
if (v) {
|
|
530
|
+
const H = Object.assign(Object.assign({
|
|
528
531
|
prefixCls: `${u}-title`
|
|
529
|
-
},
|
|
530
|
-
|
|
532
|
+
}, be(S, O)), z(o));
|
|
533
|
+
x = /* @__PURE__ */ r.createElement(he, Object.assign({}, H));
|
|
531
534
|
}
|
|
532
|
-
let
|
|
533
|
-
if (
|
|
534
|
-
const
|
|
535
|
+
let V;
|
|
536
|
+
if (O) {
|
|
537
|
+
const H = Object.assign(Object.assign({
|
|
535
538
|
prefixCls: `${u}-paragraph`
|
|
536
|
-
},
|
|
537
|
-
|
|
539
|
+
}, $e(S, v)), z(d));
|
|
540
|
+
V = /* @__PURE__ */ r.createElement(pe, Object.assign({}, H));
|
|
538
541
|
}
|
|
539
|
-
|
|
542
|
+
L = /* @__PURE__ */ r.createElement("div", {
|
|
540
543
|
className: `${u}-content`
|
|
541
|
-
},
|
|
544
|
+
}, x, V);
|
|
542
545
|
}
|
|
543
|
-
const
|
|
544
|
-
[`${u}-with-avatar`]:
|
|
546
|
+
const F = p(u, {
|
|
547
|
+
[`${u}-with-avatar`]: S,
|
|
545
548
|
[`${u}-active`]: m,
|
|
546
549
|
[`${u}-rtl`]: C === "rtl",
|
|
547
550
|
[`${u}-round`]: g
|
|
548
|
-
},
|
|
549
|
-
return
|
|
550
|
-
className:
|
|
551
|
-
style: Object.assign(Object.assign({},
|
|
552
|
-
},
|
|
551
|
+
}, w, n, a, P, I);
|
|
552
|
+
return y(/* @__PURE__ */ r.createElement("div", {
|
|
553
|
+
className: F,
|
|
554
|
+
style: Object.assign(Object.assign({}, E), i)
|
|
555
|
+
}, A, L));
|
|
553
556
|
}
|
|
554
557
|
return c ?? null;
|
|
555
558
|
};
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
process.env.NODE_ENV !== "production" && (
|
|
559
|
+
f.Button = re;
|
|
560
|
+
f.Avatar = ie;
|
|
561
|
+
f.Input = de;
|
|
562
|
+
f.Image = ge;
|
|
563
|
+
f.Node = me;
|
|
564
|
+
process.env.NODE_ENV !== "production" && (f.displayName = "Skeleton");
|
|
562
565
|
export {
|
|
563
|
-
|
|
564
|
-
S
|
|
566
|
+
Y as R,
|
|
567
|
+
f as S
|
|
565
568
|
};
|