@witlink/usercenter 1.0.0 → 1.0.2

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.
Files changed (58) hide show
  1. package/dist/404.8c60a901.c3e76ee8.mjs +10 -0
  2. package/dist/{404.e6ab6ba0.mjs → 404.a6648431.mjs} +1 -1
  3. package/dist/Standard.f3edef69.f5212048.mjs +110 -0
  4. package/dist/{Standard.64ae6a8d.mjs → Standard.fc95c576.mjs} +38 -40
  5. package/dist/{WebClient.0ac67ce0.mjs → WebClient.80331fdc.mjs} +26 -27
  6. package/dist/WebClient.d57f9832.6ba94a3e.mjs +151 -0
  7. package/dist/assets/Standard.f3edef69.badeec91.css +1 -0
  8. package/dist/assets/WebClient.d57f9832.2a3e464e.css +1 -0
  9. package/dist/assets/index.2d0e9dcb.css +1 -0
  10. package/dist/assets/index.8b3e4f70.fb7724ee.css +1 -0
  11. package/dist/index.0da1fafa.015bee59.mjs +10 -0
  12. package/dist/index.1046a424.mjs +175799 -0
  13. package/dist/index.2242d1a7.66a01ef7.mjs +125 -0
  14. package/dist/index.2291c8e2.1c1e2758.mjs +125 -0
  15. package/dist/{index.ef2e93a1.mjs → index.2c2473ea.mjs} +167 -187
  16. package/dist/index.42fbc816.bcd3785a.mjs +10 -0
  17. package/dist/{index.e7802e27.mjs → index.5dce5a61.mjs} +149 -158
  18. package/dist/{index.da7dd593.mjs → index.69b68e45.mjs} +1 -1
  19. package/dist/index.8b3e4f70.550c8920.mjs +385 -0
  20. package/dist/index.9803c44f.5a0946eb.mjs +125 -0
  21. package/dist/index.9829f249.dfba489c.mjs +10 -0
  22. package/dist/{index.b3eb7c5d.mjs → index.cdd11689.mjs} +1 -1
  23. package/dist/{index.1af0e30d.mjs → index.ed4dbd01.mjs} +1 -1
  24. package/dist/usercenter.es.js +14 -0
  25. package/dist/usercenter.umd.js +6586 -354
  26. package/package.json +22 -9
  27. package/version.md +4 -1
  28. package/dist/Card.71482621.mjs +0 -1078
  29. package/dist/DictEx.754c617b.mjs +0 -156
  30. package/dist/FooterToolBar.2546fb1f.mjs +0 -33
  31. package/dist/RegionSelect.5272534b.mjs +0 -71
  32. package/dist/assets/FooterToolBar.d4297046.css +0 -1
  33. package/dist/assets/index.01a0fb63.css +0 -1
  34. package/dist/assets/index.19e5ba4c.css +0 -1
  35. package/dist/assets/index.2164de3b.css +0 -1
  36. package/dist/assets/index.269f5360.css +0 -1
  37. package/dist/assets/index.28bdbdc3.css +0 -1
  38. package/dist/assets/index.3150518d.css +0 -1
  39. package/dist/assets/index.3a0797c4.css +0 -1
  40. package/dist/assets/index.53c37fa8.css +0 -1
  41. package/dist/assets/index.7c8e2d8f.css +0 -1
  42. package/dist/assets/index.b965b94b.css +0 -1
  43. package/dist/index.003313e6.mjs +0 -69436
  44. package/dist/index.05ef920d.mjs +0 -1129
  45. package/dist/index.1953dbda.mjs +0 -498
  46. package/dist/index.3c2af165.mjs +0 -761
  47. package/dist/index.919ac6b4.mjs +0 -7431
  48. package/dist/index.941a34c0.mjs +0 -874
  49. package/dist/index.96479524.mjs +0 -754
  50. package/dist/index.a000e9cf.mjs +0 -1445
  51. package/dist/index.c9138cba.mjs +0 -1104
  52. package/dist/index.ceea88a4.mjs +0 -1073
  53. package/dist/index.e271ee9d.mjs +0 -643
  54. package/dist/index.f701b909.mjs +0 -142
  55. package/dist/index.f9becca6.mjs +0 -6
  56. package/dist/index.fa4bb855.mjs +0 -7645
  57. package/dist/index.html +0 -1
  58. package/dist/use-dict-by-type.c90c1d31.mjs +0 -24
@@ -1,1078 +0,0 @@
1
- import { j as ce, m as ue, d as o, r as Ie, ay as G, aw as ge, e as y, K as ze, i as Y, p as z, f as x, q as pe, aJ as E, X as Ae, aK as $e, a4 as Pe, a1 as Re, P as L, aL as Me, aM as Ee } from "./index.003313e6.mjs";
2
- import { defineComponent as C, createVNode as r, computed as O, isVNode as se } from "vue";
3
- const Le = (e) => {
4
- const {
5
- antCls: t,
6
- componentCls: n,
7
- cardHeadHeight: a,
8
- cardPaddingBase: i,
9
- cardHeadTabsMarginBottom: s
10
- } = e;
11
- return o(o({
12
- display: "flex",
13
- justifyContent: "center",
14
- flexDirection: "column",
15
- minHeight: a,
16
- marginBottom: -1,
17
- padding: `0 ${i}px`,
18
- color: e.colorTextHeading,
19
- fontWeight: e.fontWeightStrong,
20
- fontSize: e.fontSizeLG,
21
- background: "transparent",
22
- borderBottom: `${e.lineWidth}px ${e.lineType} ${e.colorBorderSecondary}`,
23
- borderRadius: `${e.borderRadiusLG}px ${e.borderRadiusLG}px 0 0`
24
- }, G()), {
25
- "&-wrapper": {
26
- width: "100%",
27
- display: "flex",
28
- alignItems: "center"
29
- },
30
- "&-title": o(o({
31
- display: "inline-block",
32
- flex: 1
33
- }, ge), {
34
- [`
35
- > ${n}-typography,
36
- > ${n}-typography-edit-content
37
- `]: {
38
- insetInlineStart: 0,
39
- marginTop: 0,
40
- marginBottom: 0
41
- }
42
- }),
43
- [`${t}-tabs-top`]: {
44
- clear: "both",
45
- marginBottom: s,
46
- color: e.colorText,
47
- fontWeight: "normal",
48
- fontSize: e.fontSize,
49
- "&-bar": {
50
- borderBottom: `${e.lineWidth}px ${e.lineType} ${e.colorBorderSecondary}`
51
- }
52
- }
53
- });
54
- }, ke = (e) => {
55
- const {
56
- cardPaddingBase: t,
57
- colorBorderSecondary: n,
58
- cardShadow: a,
59
- lineWidth: i
60
- } = e;
61
- return {
62
- width: "33.33%",
63
- padding: t,
64
- border: 0,
65
- borderRadius: 0,
66
- boxShadow: `
67
- ${i}px 0 0 0 ${n},
68
- 0 ${i}px 0 0 ${n},
69
- ${i}px ${i}px 0 0 ${n},
70
- ${i}px 0 0 0 ${n} inset,
71
- 0 ${i}px 0 0 ${n} inset;
72
- `,
73
- transition: `all ${e.motionDurationMid}`,
74
- "&-hoverable:hover": {
75
- position: "relative",
76
- zIndex: 1,
77
- boxShadow: a
78
- }
79
- };
80
- }, We = (e) => {
81
- const {
82
- componentCls: t,
83
- iconCls: n,
84
- cardActionsLiMargin: a,
85
- cardActionsIconSize: i,
86
- colorBorderSecondary: s
87
- } = e;
88
- return o(o({
89
- margin: 0,
90
- padding: 0,
91
- listStyle: "none",
92
- background: e.colorBgContainer,
93
- borderTop: `${e.lineWidth}px ${e.lineType} ${s}`,
94
- display: "flex",
95
- borderRadius: `0 0 ${e.borderRadiusLG}px ${e.borderRadiusLG}px `
96
- }, G()), {
97
- "& > li": {
98
- margin: a,
99
- color: e.colorTextDescription,
100
- textAlign: "center",
101
- "> span": {
102
- position: "relative",
103
- display: "block",
104
- minWidth: e.cardActionsIconSize * 2,
105
- fontSize: e.fontSize,
106
- lineHeight: e.lineHeight,
107
- cursor: "pointer",
108
- "&:hover": {
109
- color: e.colorPrimary,
110
- transition: `color ${e.motionDurationMid}`
111
- },
112
- [`a:not(${t}-btn), > ${n}`]: {
113
- display: "inline-block",
114
- width: "100%",
115
- color: e.colorTextDescription,
116
- lineHeight: `${e.fontSize * e.lineHeight}px`,
117
- transition: `color ${e.motionDurationMid}`,
118
- "&:hover": {
119
- color: e.colorPrimary
120
- }
121
- },
122
- [`> ${n}`]: {
123
- fontSize: i,
124
- lineHeight: `${i * e.lineHeight}px`
125
- }
126
- },
127
- "&:not(:last-child)": {
128
- borderInlineEnd: `${e.lineWidth}px ${e.lineType} ${s}`
129
- }
130
- }
131
- });
132
- }, De = (e) => o(o({
133
- margin: `-${e.marginXXS}px 0`,
134
- display: "flex"
135
- }, G()), {
136
- "&-avatar": {
137
- paddingInlineEnd: e.padding
138
- },
139
- "&-detail": {
140
- overflow: "hidden",
141
- flex: 1,
142
- "> div:not(:last-child)": {
143
- marginBottom: e.marginXS
144
- }
145
- },
146
- "&-title": o({
147
- color: e.colorTextHeading,
148
- fontWeight: e.fontWeightStrong,
149
- fontSize: e.fontSizeLG
150
- }, ge),
151
- "&-description": {
152
- color: e.colorTextDescription
153
- }
154
- }), Ge = (e) => {
155
- const {
156
- componentCls: t,
157
- cardPaddingBase: n,
158
- colorFillAlter: a
159
- } = e;
160
- return {
161
- [`${t}-head`]: {
162
- padding: `0 ${n}px`,
163
- background: a,
164
- "&-title": {
165
- fontSize: e.fontSize
166
- }
167
- },
168
- [`${t}-body`]: {
169
- padding: `${e.padding}px ${n}px`
170
- }
171
- };
172
- }, Oe = (e) => {
173
- const {
174
- componentCls: t
175
- } = e;
176
- return {
177
- overflow: "hidden",
178
- [`${t}-body`]: {
179
- userSelect: "none"
180
- }
181
- };
182
- }, _e = (e) => {
183
- const {
184
- componentCls: t,
185
- cardShadow: n,
186
- cardHeadPadding: a,
187
- colorBorderSecondary: i,
188
- boxShadow: s,
189
- cardPaddingBase: d
190
- } = e;
191
- return {
192
- [t]: o(o({}, Ie(e)), {
193
- position: "relative",
194
- background: e.colorBgContainer,
195
- borderRadius: e.borderRadiusLG,
196
- [`&:not(${t}-bordered)`]: {
197
- boxShadow: s
198
- },
199
- [`${t}-head`]: Le(e),
200
- [`${t}-extra`]: {
201
- marginInlineStart: "auto",
202
- color: "",
203
- fontWeight: "normal",
204
- fontSize: e.fontSize
205
- },
206
- [`${t}-body`]: o({
207
- padding: d,
208
- borderRadius: ` 0 0 ${e.borderRadiusLG}px ${e.borderRadiusLG}px`
209
- }, G()),
210
- [`${t}-grid`]: ke(e),
211
- [`${t}-cover`]: {
212
- "> *": {
213
- display: "block",
214
- width: "100%"
215
- },
216
- img: {
217
- borderRadius: `${e.borderRadiusLG}px ${e.borderRadiusLG}px 0 0`
218
- }
219
- },
220
- [`${t}-actions`]: We(e),
221
- [`${t}-meta`]: De(e)
222
- }),
223
- [`${t}-bordered`]: {
224
- border: `${e.lineWidth}px ${e.lineType} ${i}`,
225
- [`${t}-cover`]: {
226
- marginTop: -1,
227
- marginInlineStart: -1,
228
- marginInlineEnd: -1
229
- }
230
- },
231
- [`${t}-hoverable`]: {
232
- cursor: "pointer",
233
- transition: `box-shadow ${e.motionDurationMid}, border-color ${e.motionDurationMid}`,
234
- "&:hover": {
235
- borderColor: "transparent",
236
- boxShadow: n
237
- }
238
- },
239
- [`${t}-contain-grid`]: {
240
- [`${t}-body`]: {
241
- display: "flex",
242
- flexWrap: "wrap"
243
- },
244
- [`&:not(${t}-loading) ${t}-body`]: {
245
- marginBlockStart: -e.lineWidth,
246
- marginInlineStart: -e.lineWidth,
247
- padding: 0
248
- }
249
- },
250
- [`${t}-contain-tabs`]: {
251
- [`> ${t}-head`]: {
252
- [`${t}-head-title, ${t}-extra`]: {
253
- paddingTop: a
254
- }
255
- }
256
- },
257
- [`${t}-type-inner`]: Ge(e),
258
- [`${t}-loading`]: Oe(e),
259
- [`${t}-rtl`]: {
260
- direction: "rtl"
261
- }
262
- };
263
- }, je = (e) => {
264
- const {
265
- componentCls: t,
266
- cardPaddingSM: n,
267
- cardHeadHeightSM: a
268
- } = e;
269
- return {
270
- [`${t}-small`]: {
271
- [`> ${t}-head`]: {
272
- minHeight: a,
273
- padding: `0 ${n}px`,
274
- fontSize: e.fontSize,
275
- [`> ${t}-head-wrapper`]: {
276
- [`> ${t}-extra`]: {
277
- fontSize: e.fontSize
278
- }
279
- }
280
- },
281
- [`> ${t}-body`]: {
282
- padding: n
283
- }
284
- },
285
- [`${t}-small${t}-contain-tabs`]: {
286
- [`> ${t}-head`]: {
287
- [`${t}-head-title, ${t}-extra`]: {
288
- minHeight: a,
289
- paddingTop: 0,
290
- display: "flex",
291
- alignItems: "center"
292
- }
293
- }
294
- }
295
- };
296
- }, qe = ce("Card", (e) => {
297
- const t = ue(e, {
298
- cardShadow: e.boxShadowCard,
299
- cardHeadHeight: e.fontSizeLG * e.lineHeightLG + e.padding * 2,
300
- cardHeadHeightSM: e.fontSize * e.lineHeight + e.paddingXS * 2,
301
- cardHeadPadding: e.padding,
302
- cardPaddingBase: e.paddingLG,
303
- cardHeadTabsMarginBottom: -e.padding - e.lineWidth,
304
- cardActionsLiMargin: `${e.paddingSM}px 0`,
305
- cardActionsIconSize: e.fontSize,
306
- cardPaddingSM: 12
307
- });
308
- return [
309
- _e(t),
310
- je(t)
311
- ];
312
- }), Ne = () => ({
313
- prefixCls: String,
314
- width: {
315
- type: [Number, String]
316
- }
317
- }), Ke = C({
318
- compatConfig: {
319
- MODE: 3
320
- },
321
- name: "SkeletonTitle",
322
- props: Ne(),
323
- setup(e) {
324
- return () => {
325
- const {
326
- prefixCls: t,
327
- width: n
328
- } = e, a = typeof n == "number" ? `${n}px` : n;
329
- return r("h3", {
330
- class: t,
331
- style: {
332
- width: a
333
- }
334
- }, null);
335
- };
336
- }
337
- }), Z = Ke, Xe = () => ({
338
- prefixCls: String,
339
- width: {
340
- type: [Number, String, Array]
341
- },
342
- rows: Number
343
- }), Fe = C({
344
- compatConfig: {
345
- MODE: 3
346
- },
347
- name: "SkeletonParagraph",
348
- props: Xe(),
349
- setup(e) {
350
- const t = (n) => {
351
- const {
352
- width: a,
353
- rows: i = 2
354
- } = e;
355
- if (Array.isArray(a))
356
- return a[n];
357
- if (i - 1 === n)
358
- return a;
359
- };
360
- return () => {
361
- const {
362
- prefixCls: n,
363
- rows: a
364
- } = e, i = [...Array(a)].map((s, d) => {
365
- const h = t(d);
366
- return r("li", {
367
- key: d,
368
- style: {
369
- width: typeof h == "number" ? `${h}px` : h
370
- }
371
- }, null);
372
- });
373
- return r("ul", {
374
- class: n
375
- }, [i]);
376
- };
377
- }
378
- }), Ve = Fe, _ = () => ({
379
- prefixCls: String,
380
- size: [String, Number],
381
- shape: String,
382
- active: {
383
- type: Boolean,
384
- default: void 0
385
- }
386
- }), he = (e) => {
387
- const {
388
- prefixCls: t,
389
- size: n,
390
- shape: a
391
- } = e, i = y({
392
- [`${t}-lg`]: n === "large",
393
- [`${t}-sm`]: n === "small"
394
- }), s = y({
395
- [`${t}-circle`]: a === "circle",
396
- [`${t}-square`]: a === "square",
397
- [`${t}-round`]: a === "round"
398
- }), d = typeof n == "number" ? {
399
- width: `${n}px`,
400
- height: `${n}px`,
401
- lineHeight: `${n}px`
402
- } : {};
403
- return r("span", {
404
- class: y(t, i, s),
405
- style: d
406
- }, null);
407
- };
408
- he.displayName = "SkeletonElement";
409
- const j = he, Je = new ze("ant-skeleton-loading", {
410
- "0%": {
411
- transform: "translateX(-37.5%)"
412
- },
413
- "100%": {
414
- transform: "translateX(37.5%)"
415
- }
416
- }), q = (e) => ({
417
- height: e,
418
- lineHeight: `${e}px`
419
- }), I = (e) => o({
420
- width: e
421
- }, q(e)), Ue = (e) => ({
422
- position: "relative",
423
- zIndex: 0,
424
- overflow: "hidden",
425
- background: "transparent",
426
- "&::after": {
427
- position: "absolute",
428
- top: 0,
429
- insetInlineEnd: "-150%",
430
- bottom: 0,
431
- insetInlineStart: "-150%",
432
- background: e.skeletonLoadingBackground,
433
- animationName: Je,
434
- animationDuration: e.skeletonLoadingMotionDuration,
435
- animationTimingFunction: "ease",
436
- animationIterationCount: "infinite",
437
- content: '""'
438
- }
439
- }), V = (e) => o({
440
- width: e * 5,
441
- minWidth: e * 5
442
- }, q(e)), Qe = (e) => {
443
- const {
444
- skeletonAvatarCls: t,
445
- color: n,
446
- controlHeight: a,
447
- controlHeightLG: i,
448
- controlHeightSM: s
449
- } = e;
450
- return {
451
- [`${t}`]: o({
452
- display: "inline-block",
453
- verticalAlign: "top",
454
- background: n
455
- }, I(a)),
456
- [`${t}${t}-circle`]: {
457
- borderRadius: "50%"
458
- },
459
- [`${t}${t}-lg`]: o({}, I(i)),
460
- [`${t}${t}-sm`]: o({}, I(s))
461
- };
462
- }, Ye = (e) => {
463
- const {
464
- controlHeight: t,
465
- borderRadiusSM: n,
466
- skeletonInputCls: a,
467
- controlHeightLG: i,
468
- controlHeightSM: s,
469
- color: d
470
- } = e;
471
- return {
472
- [`${a}`]: o({
473
- display: "inline-block",
474
- verticalAlign: "top",
475
- background: d,
476
- borderRadius: n
477
- }, V(t)),
478
- [`${a}-lg`]: o({}, V(i)),
479
- [`${a}-sm`]: o({}, V(s))
480
- };
481
- }, de = (e) => o({
482
- width: e
483
- }, q(e)), Ze = (e) => {
484
- const {
485
- skeletonImageCls: t,
486
- imageSizeBase: n,
487
- color: a,
488
- borderRadiusSM: i
489
- } = e;
490
- return {
491
- [`${t}`]: o(o({
492
- display: "flex",
493
- alignItems: "center",
494
- justifyContent: "center",
495
- verticalAlign: "top",
496
- background: a,
497
- borderRadius: i
498
- }, de(n * 2)), {
499
- [`${t}-path`]: {
500
- fill: "#bfbfbf"
501
- },
502
- [`${t}-svg`]: o(o({}, de(n)), {
503
- maxWidth: n * 4,
504
- maxHeight: n * 4
505
- }),
506
- [`${t}-svg${t}-svg-circle`]: {
507
- borderRadius: "50%"
508
- }
509
- }),
510
- [`${t}${t}-circle`]: {
511
- borderRadius: "50%"
512
- }
513
- };
514
- }, J = (e, t, n) => {
515
- const {
516
- skeletonButtonCls: a
517
- } = e;
518
- return {
519
- [`${n}${a}-circle`]: {
520
- width: t,
521
- minWidth: t,
522
- borderRadius: "50%"
523
- },
524
- [`${n}${a}-round`]: {
525
- borderRadius: t
526
- }
527
- };
528
- }, U = (e) => o({
529
- width: e * 2,
530
- minWidth: e * 2
531
- }, q(e)), et = (e) => {
532
- const {
533
- borderRadiusSM: t,
534
- skeletonButtonCls: n,
535
- controlHeight: a,
536
- controlHeightLG: i,
537
- controlHeightSM: s,
538
- color: d
539
- } = e;
540
- return o(o(o(o(o({
541
- [`${n}`]: o({
542
- display: "inline-block",
543
- verticalAlign: "top",
544
- background: d,
545
- borderRadius: t,
546
- width: a * 2,
547
- minWidth: a * 2
548
- }, U(a))
549
- }, J(e, a, n)), {
550
- [`${n}-lg`]: o({}, U(i))
551
- }), J(e, i, `${n}-lg`)), {
552
- [`${n}-sm`]: o({}, U(s))
553
- }), J(e, s, `${n}-sm`));
554
- }, tt = (e) => {
555
- const {
556
- componentCls: t,
557
- skeletonAvatarCls: n,
558
- skeletonTitleCls: a,
559
- skeletonParagraphCls: i,
560
- skeletonButtonCls: s,
561
- skeletonInputCls: d,
562
- skeletonImageCls: h,
563
- controlHeight: A,
564
- controlHeightLG: w,
565
- controlHeightSM: v,
566
- color: b,
567
- padding: g,
568
- marginSM: u,
569
- borderRadius: l,
570
- skeletonTitleHeight: $,
571
- skeletonBlockRadius: m,
572
- skeletonParagraphLineHeight: S,
573
- controlHeightXS: B,
574
- skeletonParagraphMarginTop: H
575
- } = e;
576
- return {
577
- [`${t}`]: {
578
- display: "table",
579
- width: "100%",
580
- [`${t}-header`]: {
581
- display: "table-cell",
582
- paddingInlineEnd: g,
583
- verticalAlign: "top",
584
- [`${n}`]: o({
585
- display: "inline-block",
586
- verticalAlign: "top",
587
- background: b
588
- }, I(A)),
589
- [`${n}-circle`]: {
590
- borderRadius: "50%"
591
- },
592
- [`${n}-lg`]: o({}, I(w)),
593
- [`${n}-sm`]: o({}, I(v))
594
- },
595
- [`${t}-content`]: {
596
- display: "table-cell",
597
- width: "100%",
598
- verticalAlign: "top",
599
- [`${a}`]: {
600
- width: "100%",
601
- height: $,
602
- background: b,
603
- borderRadius: m,
604
- [`+ ${i}`]: {
605
- marginBlockStart: v
606
- }
607
- },
608
- [`${i}`]: {
609
- padding: 0,
610
- "> li": {
611
- width: "100%",
612
- height: S,
613
- listStyle: "none",
614
- background: b,
615
- borderRadius: m,
616
- "+ li": {
617
- marginBlockStart: B
618
- }
619
- }
620
- },
621
- [`${i}> li:last-child:not(:first-child):not(:nth-child(2))`]: {
622
- width: "61%"
623
- }
624
- },
625
- [`&-round ${t}-content`]: {
626
- [`${a}, ${i} > li`]: {
627
- borderRadius: l
628
- }
629
- }
630
- },
631
- [`${t}-with-avatar ${t}-content`]: {
632
- [`${a}`]: {
633
- marginBlockStart: u,
634
- [`+ ${i}`]: {
635
- marginBlockStart: H
636
- }
637
- }
638
- },
639
- [`${t}${t}-element`]: o(o(o(o({
640
- display: "inline-block",
641
- width: "auto"
642
- }, et(e)), Qe(e)), Ye(e)), Ze(e)),
643
- [`${t}${t}-block`]: {
644
- width: "100%",
645
- [`${s}`]: {
646
- width: "100%"
647
- },
648
- [`${d}`]: {
649
- width: "100%"
650
- }
651
- },
652
- [`${t}${t}-active`]: {
653
- [`
654
- ${a},
655
- ${i} > li,
656
- ${n},
657
- ${s},
658
- ${d},
659
- ${h}
660
- `]: o({}, Ue(e))
661
- }
662
- };
663
- }, k = ce("Skeleton", (e) => {
664
- const {
665
- componentCls: t
666
- } = e, n = ue(e, {
667
- skeletonAvatarCls: `${t}-avatar`,
668
- skeletonTitleCls: `${t}-title`,
669
- skeletonParagraphCls: `${t}-paragraph`,
670
- skeletonButtonCls: `${t}-button`,
671
- skeletonInputCls: `${t}-input`,
672
- skeletonImageCls: `${t}-image`,
673
- imageSizeBase: e.controlHeight * 1.5,
674
- skeletonTitleHeight: e.controlHeight / 2,
675
- skeletonBlockRadius: e.borderRadiusSM,
676
- skeletonParagraphLineHeight: e.controlHeight / 2,
677
- skeletonParagraphMarginTop: e.marginLG + e.marginXXS,
678
- borderRadius: 100,
679
- skeletonLoadingBackground: `linear-gradient(90deg, ${e.color} 25%, ${e.colorGradientEnd} 37%, ${e.color} 63%)`,
680
- skeletonLoadingMotionDuration: "1.4s"
681
- });
682
- return [tt(n)];
683
- }, (e) => {
684
- const {
685
- colorFillContent: t,
686
- colorFill: n
687
- } = e;
688
- return {
689
- color: t,
690
- colorGradientEnd: n
691
- };
692
- }), nt = () => ({
693
- active: {
694
- type: Boolean,
695
- default: void 0
696
- },
697
- loading: {
698
- type: Boolean,
699
- default: void 0
700
- },
701
- prefixCls: String,
702
- avatar: {
703
- type: [Boolean, Object],
704
- default: void 0
705
- },
706
- title: {
707
- type: [Boolean, Object],
708
- default: void 0
709
- },
710
- paragraph: {
711
- type: [Boolean, Object],
712
- default: void 0
713
- },
714
- round: {
715
- type: Boolean,
716
- default: void 0
717
- }
718
- });
719
- function Q(e) {
720
- return e && typeof e == "object" ? e : {};
721
- }
722
- function at(e, t) {
723
- return e && !t ? {
724
- size: "large",
725
- shape: "square"
726
- } : {
727
- size: "large",
728
- shape: "circle"
729
- };
730
- }
731
- function ot(e, t) {
732
- return !e && t ? {
733
- width: "38%"
734
- } : e && t ? {
735
- width: "50%"
736
- } : {};
737
- }
738
- function it(e, t) {
739
- const n = {};
740
- return (!e || !t) && (n.width = "61%"), !e && t ? n.rows = 3 : n.rows = 2, n;
741
- }
742
- const rt = C({
743
- compatConfig: {
744
- MODE: 3
745
- },
746
- name: "ASkeleton",
747
- props: Y(nt(), {
748
- avatar: !1,
749
- title: !0,
750
- paragraph: !0
751
- }),
752
- setup(e, t) {
753
- let {
754
- slots: n
755
- } = t;
756
- const {
757
- prefixCls: a,
758
- direction: i
759
- } = z("skeleton", e), [s, d] = k(a);
760
- return () => {
761
- var h;
762
- const {
763
- loading: A,
764
- avatar: w,
765
- title: v,
766
- paragraph: b,
767
- active: g,
768
- round: u
769
- } = e, l = a.value;
770
- if (A || e.loading === void 0) {
771
- const $ = !!w || w === "", m = !!v || v === "", S = !!b || b === "";
772
- let B;
773
- if ($) {
774
- const T = o(o({
775
- prefixCls: `${l}-avatar`
776
- }, at(m, S)), Q(w));
777
- B = r("div", {
778
- class: `${l}-header`
779
- }, [r(j, T, null)]);
780
- }
781
- let H;
782
- if (m || S) {
783
- let T;
784
- if (m) {
785
- const f = o(o({
786
- prefixCls: `${l}-title`
787
- }, ot($, S)), Q(v));
788
- T = r(Z, f, null);
789
- }
790
- let P;
791
- if (S) {
792
- const f = o(o({
793
- prefixCls: `${l}-paragraph`
794
- }, it($, m)), Q(b));
795
- P = r(Ve, f, null);
796
- }
797
- H = r("div", {
798
- class: `${l}-content`
799
- }, [T, P]);
800
- }
801
- const W = y(l, {
802
- [`${l}-with-avatar`]: $,
803
- [`${l}-active`]: g,
804
- [`${l}-rtl`]: i.value === "rtl",
805
- [`${l}-round`]: u,
806
- [d.value]: !0
807
- });
808
- return s(r("div", {
809
- class: W
810
- }, [B, H]));
811
- }
812
- return (h = n.default) === null || h === void 0 ? void 0 : h.call(n);
813
- };
814
- }
815
- }), p = rt, lt = () => o(o({}, _()), {
816
- size: String,
817
- block: Boolean
818
- }), st = C({
819
- compatConfig: {
820
- MODE: 3
821
- },
822
- name: "ASkeletonButton",
823
- props: Y(lt(), {
824
- size: "default"
825
- }),
826
- setup(e) {
827
- const {
828
- prefixCls: t
829
- } = z("skeleton", e), [n, a] = k(t), i = O(() => y(t.value, `${t.value}-element`, {
830
- [`${t.value}-active`]: e.active,
831
- [`${t.value}-block`]: e.block
832
- }, a.value));
833
- return () => n(r("div", {
834
- class: i.value
835
- }, [r(j, x(x({}, e), {}, {
836
- prefixCls: `${t.value}-button`
837
- }), null)]));
838
- }
839
- }), me = st, dt = C({
840
- compatConfig: {
841
- MODE: 3
842
- },
843
- name: "ASkeletonInput",
844
- props: o(o({}, pe(_(), ["shape"])), {
845
- size: String,
846
- block: Boolean
847
- }),
848
- setup(e) {
849
- const {
850
- prefixCls: t
851
- } = z("skeleton", e), [n, a] = k(t), i = O(() => y(t.value, `${t.value}-element`, {
852
- [`${t.value}-active`]: e.active,
853
- [`${t.value}-block`]: e.block
854
- }, a.value));
855
- return () => n(r("div", {
856
- class: i.value
857
- }, [r(j, x(x({}, e), {}, {
858
- prefixCls: `${t.value}-input`
859
- }), null)]));
860
- }
861
- }), Se = dt, ct = "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", ut = C({
862
- compatConfig: {
863
- MODE: 3
864
- },
865
- name: "ASkeletonImage",
866
- props: pe(_(), ["size", "shape", "active"]),
867
- setup(e) {
868
- const {
869
- prefixCls: t
870
- } = z("skeleton", e), [n, a] = k(t), i = O(() => y(t.value, `${t.value}-element`, a.value));
871
- return () => n(r("div", {
872
- class: i.value
873
- }, [r("div", {
874
- class: `${t.value}-image`
875
- }, [r("svg", {
876
- viewBox: "0 0 1098 1024",
877
- xmlns: "http://www.w3.org/2000/svg",
878
- class: `${t.value}-image-svg`
879
- }, [r("path", {
880
- d: ct,
881
- class: `${t.value}-image-path`
882
- }, null)])])]));
883
- }
884
- }), be = ut, gt = () => o(o({}, _()), {
885
- shape: String
886
- }), pt = C({
887
- compatConfig: {
888
- MODE: 3
889
- },
890
- name: "ASkeletonAvatar",
891
- props: Y(gt(), {
892
- size: "default",
893
- shape: "circle"
894
- }),
895
- setup(e) {
896
- const {
897
- prefixCls: t
898
- } = z("skeleton", e), [n, a] = k(t), i = O(() => y(t.value, `${t.value}-element`, {
899
- [`${t.value}-active`]: e.active
900
- }, a.value));
901
- return () => n(r("div", {
902
- class: i.value
903
- }, [r(j, x(x({}, e), {}, {
904
- prefixCls: `${t.value}-avatar`
905
- }), null)]));
906
- }
907
- }), fe = pt;
908
- p.Button = me;
909
- p.Avatar = fe;
910
- p.Input = Se;
911
- p.Image = be;
912
- p.Title = Z;
913
- p.install = function(e) {
914
- return e.component(p.name, p), e.component(p.Button.name, me), e.component(p.Avatar.name, fe), e.component(p.Input.name, Se), e.component(p.Image.name, be), e.component(p.Title.name, Z), e;
915
- };
916
- const {
917
- TabPane: $t
918
- } = $e, ht = () => ({
919
- prefixCls: String,
920
- title: L.any,
921
- extra: L.any,
922
- bordered: {
923
- type: Boolean,
924
- default: !0
925
- },
926
- bodyStyle: {
927
- type: Object,
928
- default: void 0
929
- },
930
- headStyle: {
931
- type: Object,
932
- default: void 0
933
- },
934
- loading: {
935
- type: Boolean,
936
- default: !1
937
- },
938
- hoverable: {
939
- type: Boolean,
940
- default: !1
941
- },
942
- type: {
943
- type: String
944
- },
945
- size: {
946
- type: String
947
- },
948
- actions: L.any,
949
- tabList: {
950
- type: Array
951
- },
952
- tabBarExtraContent: L.any,
953
- activeTabKey: String,
954
- defaultActiveTabKey: String,
955
- cover: L.any,
956
- onTabChange: {
957
- type: Function
958
- }
959
- }), mt = C({
960
- compatConfig: {
961
- MODE: 3
962
- },
963
- name: "ACard",
964
- inheritAttrs: !1,
965
- props: ht(),
966
- slots: Object,
967
- setup(e, t) {
968
- let {
969
- slots: n,
970
- attrs: a
971
- } = t;
972
- const {
973
- prefixCls: i,
974
- direction: s,
975
- size: d
976
- } = z("card", e), [h, A] = qe(i), w = (g) => g.map((l, $) => se(l) && !Me(l) || !se(l) ? r("li", {
977
- style: {
978
- width: `${100 / g.length}%`
979
- },
980
- key: `action-${$}`
981
- }, [r("span", null, [l])]) : null), v = (g) => {
982
- var u;
983
- (u = e.onTabChange) === null || u === void 0 || u.call(e, g);
984
- }, b = function() {
985
- let g = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], u;
986
- return g.forEach((l) => {
987
- l && Ee(l.type) && l.type.__ANT_CARD_GRID && (u = !0);
988
- }), u;
989
- };
990
- return () => {
991
- var g, u, l, $, m, S;
992
- const {
993
- headStyle: B = {},
994
- bodyStyle: H = {},
995
- loading: W,
996
- bordered: T = !0,
997
- type: P,
998
- tabList: f,
999
- hoverable: ve,
1000
- activeTabKey: ee,
1001
- defaultActiveTabKey: ye,
1002
- tabBarExtraContent: te = E((g = n.tabBarExtraContent) === null || g === void 0 ? void 0 : g.call(n)),
1003
- title: N = E((u = n.title) === null || u === void 0 ? void 0 : u.call(n)),
1004
- extra: K = E((l = n.extra) === null || l === void 0 ? void 0 : l.call(n)),
1005
- actions: X = E(($ = n.actions) === null || $ === void 0 ? void 0 : $.call(n)),
1006
- cover: ne = E((m = n.cover) === null || m === void 0 ? void 0 : m.call(n))
1007
- } = e, R = Ae((S = n.default) === null || S === void 0 ? void 0 : S.call(n)), c = i.value, xe = {
1008
- [`${c}`]: !0,
1009
- [A.value]: !0,
1010
- [`${c}-loading`]: W,
1011
- [`${c}-bordered`]: T,
1012
- [`${c}-hoverable`]: !!ve,
1013
- [`${c}-contain-grid`]: b(R),
1014
- [`${c}-contain-tabs`]: f && f.length,
1015
- [`${c}-${d.value}`]: d.value,
1016
- [`${c}-type-${P}`]: !!P,
1017
- [`${c}-rtl`]: s.value === "rtl"
1018
- }, Ce = r(p, {
1019
- loading: !0,
1020
- active: !0,
1021
- paragraph: {
1022
- rows: 4
1023
- },
1024
- title: !1
1025
- }, {
1026
- default: () => [R]
1027
- }), ae = ee !== void 0, we = {
1028
- size: "large",
1029
- [ae ? "activeKey" : "defaultActiveKey"]: ae ? ee : ye,
1030
- onChange: v,
1031
- class: `${c}-head-tabs`
1032
- };
1033
- let oe;
1034
- const ie = f && f.length ? r($e, we, {
1035
- default: () => [f.map((M) => {
1036
- const {
1037
- tab: re,
1038
- slots: D
1039
- } = M, le = D == null ? void 0 : D.tab;
1040
- Pe(!D, "Card", "tabList slots is deprecated, Please use `customTab` instead.");
1041
- let F = re !== void 0 ? re : n[le] ? n[le](M) : null;
1042
- return F = Re(n, "customTab", M, () => [F]), r($t, {
1043
- tab: F,
1044
- key: M.key,
1045
- disabled: M.disabled
1046
- }, null);
1047
- })],
1048
- rightExtra: te ? () => te : null
1049
- }) : null;
1050
- (N || K || ie) && (oe = r("div", {
1051
- class: `${c}-head`,
1052
- style: B
1053
- }, [r("div", {
1054
- class: `${c}-head-wrapper`
1055
- }, [N && r("div", {
1056
- class: `${c}-head-title`
1057
- }, [N]), K && r("div", {
1058
- class: `${c}-extra`
1059
- }, [K])]), ie]));
1060
- const Be = ne ? r("div", {
1061
- class: `${c}-cover`
1062
- }, [ne]) : null, He = r("div", {
1063
- class: `${c}-body`,
1064
- style: H
1065
- }, [W ? Ce : R]), Te = X && X.length ? r("ul", {
1066
- class: `${c}-actions`
1067
- }, [w(X)]) : null;
1068
- return h(r("div", x(x({
1069
- ref: "cardContainerRef"
1070
- }, a), {}, {
1071
- class: [xe, a.class]
1072
- }), [oe, Be, R && R.length ? He : null, Te]));
1073
- };
1074
- }
1075
- }), ft = mt;
1076
- export {
1077
- ft as C
1078
- };