@aplus-frontend/ui 0.0.2 → 0.0.4

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 (55) hide show
  1. package/es/src/ap-table/ap-table.vue.d.ts +1 -5
  2. package/es/src/ap-table/ap-table.vue.mjs +133 -123
  3. package/es/src/ap-table/components/interface.d.ts +12 -0
  4. package/es/src/ap-table/components/status/index.vue.d.ts +14 -0
  5. package/es/src/ap-table/components/status/index.vue.mjs +4 -0
  6. package/es/src/ap-table/components/status/index.vue2.mjs +17 -0
  7. package/es/src/ap-table/constants.d.ts +20 -25
  8. package/es/src/ap-table/constants.mjs +19 -16
  9. package/es/src/ap-table/interface.d.ts +32 -7
  10. package/es/src/ap-table/utils.d.ts +204 -2
  11. package/es/src/ap-table/utils.mjs +87 -40
  12. package/es/src/ap-tag/style/ap-tag-group.css +1 -0
  13. package/es/src/ap-tag/style/ap-tag.css +1 -0
  14. package/es/src/pro-form/components/form-action.vue2.mjs +37 -35
  15. package/es/src/pro-form/hooks/use-advanced.mjs +45 -45
  16. package/es/src/pro-table/style/pro-table.css +3 -0
  17. package/es/src/theme/antd-global-overwrite/admin/index.css +104 -49
  18. package/es/src/theme/antd-global-overwrite/admin/pagination.css +30 -14
  19. package/es/src/theme/antd-global-overwrite/admin/steps.css +39 -15
  20. package/es/src/theme/antd-global-overwrite/admin/table.css +35 -20
  21. package/es/src/theme/antd-global-overwrite/aplus/index.css +110 -53
  22. package/es/src/theme/antd-global-overwrite/aplus/pagination.css +38 -18
  23. package/es/src/theme/antd-global-overwrite/aplus/steps.css +37 -15
  24. package/es/src/theme/antd-global-overwrite/aplus/table.css +35 -20
  25. package/es/src/theme/ap-tag/ap-tag-group.css +1 -0
  26. package/es/src/theme/ap-tag/ap-tag.css +1 -0
  27. package/es/src/theme/pro-table/pro-table.css +3 -0
  28. package/lib/src/ap-table/ap-table.vue.d.ts +1 -5
  29. package/lib/src/ap-table/ap-table.vue.js +1 -1
  30. package/lib/src/ap-table/components/interface.d.ts +12 -0
  31. package/lib/src/ap-table/components/status/index.vue.d.ts +14 -0
  32. package/lib/src/ap-table/components/status/index.vue.js +1 -0
  33. package/lib/src/ap-table/components/status/index.vue2.js +1 -0
  34. package/lib/src/ap-table/constants.d.ts +20 -25
  35. package/lib/src/ap-table/constants.js +1 -1
  36. package/lib/src/ap-table/interface.d.ts +32 -7
  37. package/lib/src/ap-table/utils.d.ts +204 -2
  38. package/lib/src/ap-table/utils.js +1 -1
  39. package/lib/src/ap-tag/style/ap-tag-group.css +1 -0
  40. package/lib/src/ap-tag/style/ap-tag.css +1 -0
  41. package/lib/src/pro-form/components/form-action.vue2.js +1 -1
  42. package/lib/src/pro-form/hooks/use-advanced.js +1 -1
  43. package/lib/src/pro-table/style/pro-table.css +3 -0
  44. package/lib/src/theme/antd-global-overwrite/admin/index.css +104 -49
  45. package/lib/src/theme/antd-global-overwrite/admin/pagination.css +30 -14
  46. package/lib/src/theme/antd-global-overwrite/admin/steps.css +39 -15
  47. package/lib/src/theme/antd-global-overwrite/admin/table.css +35 -20
  48. package/lib/src/theme/antd-global-overwrite/aplus/index.css +110 -53
  49. package/lib/src/theme/antd-global-overwrite/aplus/pagination.css +38 -18
  50. package/lib/src/theme/antd-global-overwrite/aplus/steps.css +37 -15
  51. package/lib/src/theme/antd-global-overwrite/aplus/table.css +35 -20
  52. package/lib/src/theme/ap-tag/ap-tag-group.css +1 -0
  53. package/lib/src/theme/ap-tag/ap-tag.css +1 -0
  54. package/lib/src/theme/pro-table/pro-table.css +3 -0
  55. package/package.json +1 -1
package/es/src/theme/antd-global-overwrite/admin/index.css CHANGED
@@ -271,19 +271,23 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
271
271
  .ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
272
272
  color: #ff4d4f;
273
273
  }
274
- .ant-table-wrapper .ant-spin-container .ant-pagination.ant-table-pagination.ant-table-pagination-right {
274
+ [class$='-basic-table'] .ant-table-wrapper .ant-spin-container .ant-pagination.ant-table-pagination.ant-table-pagination-right,
275
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-spin-container .ant-pagination.ant-table-pagination.ant-table-pagination-right {
275
276
  margin: 16px 0 0;
276
277
  }
277
- .ant-table-wrapper .ant-pagination {
278
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination,
279
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination {
278
280
  position: relative;
279
281
  }
280
- .ant-table-wrapper .ant-pagination .ant-pagination-total-text {
282
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-total-text,
283
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-total-text {
281
284
  position: absolute;
282
285
  left: 0;
283
286
  height: 30px;
284
287
  line-height: 30px;
285
288
  }
286
- .ant-table-wrapper .ant-pagination .ant-pagination-item {
289
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item,
290
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item {
287
291
  box-sizing: border-box;
288
292
  min-width: 30px;
289
293
  height: 30px;
@@ -294,45 +298,57 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
294
298
  text-align: center;
295
299
  border-radius: 4px;
296
300
  }
297
- .ant-table-wrapper .ant-pagination .ant-pagination-item:not(.ant-table-wrapper .ant-pagination .ant-pagination-item-active) {
301
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item:not([class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item-active),
302
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item:not([class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item-active),
303
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item:not([class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item-active),
304
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item:not([class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item-active) {
298
305
  border: 1px solid #d9d9d9;
299
306
  }
300
- .ant-table-wrapper .ant-pagination .ant-pagination-prev {
307
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-prev,
308
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-prev {
301
309
  width: 30px;
302
310
  height: 30px;
303
311
  margin: 0 4px;
304
312
  line-height: 28px;
305
313
  border: 1px solid #d9d9d9;
306
314
  }
307
- .ant-table-wrapper .ant-pagination .ant-pagination-next {
315
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-next,
316
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-next {
308
317
  width: 30px;
309
318
  height: 30px;
310
319
  margin: 0 4px;
311
320
  line-height: 28px;
312
321
  border: 1px solid #d9d9d9;
313
322
  }
314
- .ant-table-wrapper .ant-pagination .ant-pagination-next .ant-pagination-disabled {
323
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-next .ant-pagination-disabled,
324
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-next .ant-pagination-disabled {
315
325
  border: 1px solid #d9d9d9;
316
326
  }
317
- .ant-table-wrapper .ant-pagination .ant-pagination-options {
327
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options,
328
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options {
318
329
  margin-left: 4px;
319
330
  }
320
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selector {
331
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selector,
332
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selector {
321
333
  min-width: 90px;
322
334
  height: 30px;
323
335
  }
324
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selection-item {
336
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selection-item,
337
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selection-item {
325
338
  line-height: 28px;
326
339
  }
327
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select .ant-select-arrow {
340
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select .ant-select-arrow,
341
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select .ant-select-arrow {
328
342
  color: #333333;
329
343
  }
330
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper {
344
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper,
345
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper {
331
346
  margin-left: 20px;
332
347
  color: #333333;
333
348
  font-size: 14px;
334
349
  }
335
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input {
350
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input,
351
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input {
336
352
  min-width: 60px;
337
353
  height: 30px;
338
354
  margin: 0 8px;
@@ -346,35 +362,43 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
346
362
  display: flex;
347
363
  }
348
364
  .ant-steps .ant-steps-item-icon {
365
+ line-height: 27px;
349
366
  width: 28px;
350
367
  height: 28px;
351
368
  margin-top: 3px;
352
- display: flex;
353
- justify-content: center;
354
- align-items: center;
355
369
  flex-shrink: 0;
356
370
  }
371
+ .ant-steps .ant-steps-item.ant-steps-item-process .ant-steps-item-icon .ant-steps-icon {
372
+ font-weight: 500;
373
+ font-size: 16px;
374
+ }
375
+ .ant-steps .ant-steps-item.ant-steps-item-process .ant-steps-item-container .ant-steps-item-description {
376
+ min-height: 16px;
377
+ margin-top: 5px;
378
+ color: #999999;
379
+ font-weight: 400;
380
+ font-size: 12px;
381
+ line-height: 1.2rem;
382
+ }
357
383
  .ant-steps .ant-steps-item-finish .ant-steps-item-container .ant-steps-item-icon {
358
384
  background-color: #ffffff;
359
385
  border-color: #34b77c;
360
- border-radius: 0;
361
386
  }
362
387
  .ant-steps .ant-steps-item-finish .ant-steps-item-container .ant-steps-finish-icon {
363
388
  width: 12px;
364
389
  height: 12px;
365
390
  }
366
391
  .ant-steps .ant-steps-item-finish .ant-steps-item-container .ant-steps-finish-icon svg {
367
- display: none;
368
392
  width: 12px;
369
393
  height: 12px;
370
394
  }
371
395
  .ant-steps .ant-steps-item-finish .ant-steps-item-container .ant-steps-item-content .ant-steps-item-description {
372
396
  min-height: 16px;
373
- margin-top: 6px;
397
+ margin-top: 5px;
374
398
  color: #999999;
375
399
  font-weight: 400;
376
400
  font-size: 12px;
377
- line-height: 1rem;
401
+ line-height: 1.2rem;
378
402
  }
379
403
  .ant-steps .ant-steps-item-title {
380
404
  height: 24px;
@@ -398,11 +422,11 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
398
422
  }
399
423
  .ant-steps .ant-steps-item-active .ant-steps-item-container .ant-steps-item-content .ant-steps-item-description {
400
424
  min-height: 16px;
401
- margin-top: 6px;
425
+ margin-top: 5px;
402
426
  color: #999999;
403
427
  font-weight: 400;
404
428
  font-size: 12px;
405
- line-height: 1rem;
429
+ line-height: 1.2rem;
406
430
  }
407
431
  .ant-steps .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-icon {
408
432
  background-color: #ffffff;
@@ -415,11 +439,15 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
415
439
  }
416
440
  .ant-steps .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-description {
417
441
  min-height: 16px;
418
- margin-top: 6px;
442
+ margin-top: 5px;
419
443
  color: #999999;
420
444
  font-weight: 400;
421
445
  font-size: 12px;
422
- line-height: 1rem;
446
+ line-height: 1.2rem;
447
+ }
448
+ .ant-steps-item.ant-steps-item-finish.ant-steps-item-active .ant-steps-item-container .ant-steps-item-tail {
449
+ inset-inline-start: 13px;
450
+ margin: 4px 0;
423
451
  }
424
452
  .ant-steps-item.ant-steps-item-finish.ant-steps-item-active .ant-steps-item-container .ant-steps-item-icon {
425
453
  background-color: #ffffff;
@@ -434,21 +462,41 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
434
462
  width: 28px;
435
463
  height: 28px;
436
464
  margin-top: 3px;
437
- display: flex;
438
- justify-content: center;
439
- align-items: center;
465
+ }
466
+ .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item-icon {
467
+ line-height: 25px;
468
+ width: 24px;
469
+ height: 24px;
470
+ margin-top: 3px;
471
+ }
472
+ .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item .ant-steps-item-content {
473
+ margin-top: 2px;
440
474
  }
441
475
  .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item .ant-steps-item-tail {
442
476
  inset-inline-start: 13px;
443
- margin: 6px 0;
477
+ margin: 3px -1px;
478
+ }
479
+ .ant-steps.ant-steps-horizontal.ant-steps-small .ant-steps-item-icon {
480
+ line-height: 25px;
481
+ width: 24px;
482
+ height: 24px;
483
+ flex-shrink: 0;
484
+ }
485
+ [class$='-basic-table'],
486
+ [class$='-basic-table-form-container'] {
487
+ width: 100%;
488
+ height: 100%;
444
489
  }
445
- .ant-table-wrapper {
490
+ [class$='-basic-table'] .ant-table-wrapper,
491
+ [class$='-basic-table-form-container'] .ant-table-wrapper {
446
492
  padding: 12px 16px 16px;
447
493
  background-color: #ffffff;
448
494
  border-radius: 0;
449
495
  }
450
- .ant-table-wrapper .ant-table.ant-table-middle > .ant-table-title,
451
- .ant-table-wrapper .ant-table.ant-table-small > .ant-table-title {
496
+ [class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-middle > .ant-table-title,
497
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-middle > .ant-table-title,
498
+ [class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-small > .ant-table-title,
499
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-small > .ant-table-title {
452
500
  display: flex;
453
501
  align-items: center;
454
502
  justify-content: space-between;
@@ -456,51 +504,58 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
456
504
  padding: 0 0 12px;
457
505
  border: none;
458
506
  }
459
- .ant-table-wrapper .ant-table {
507
+ [class$='-basic-table'] .ant-table-wrapper .ant-table,
508
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table {
460
509
  width: 100%;
461
510
  overflow-x: hidden;
462
511
  border-radius: 0;
463
512
  }
464
- .ant-table-wrapper .ant-table .ant-table-container {
513
+ [class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container,
514
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container {
465
515
  border-radius: 0;
466
516
  }
467
- .ant-table-wrapper .ant-table .ant-table-container table {
517
+ [class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container table,
518
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container table {
468
519
  border-radius: 0;
469
520
  }
470
- .ant-table-wrapper .ant-table .ant-table-container table > thead > tr:first-child > *:first-child {
521
+ [class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container table > thead > tr:first-child > *:first-child,
522
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container table > thead > tr:first-child > *:first-child {
471
523
  border-radius: 0;
472
524
  }
473
- .ant-table-wrapper .ant-table .ant-table-container .ant-table-header {
525
+ [class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header,
526
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header {
474
527
  border-radius: 0;
475
528
  }
476
- .ant-table-wrapper .ant-table .ant-table-container .ant-table-tbody > tr > td {
529
+ [class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-tbody > tr > td,
530
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-tbody > tr > td {
477
531
  padding: 13.5px 16px;
478
532
  line-height: 20px;
479
533
  }
480
- .ant-table-wrapper .ant-table .ant-table-container .ant-table-thead > tr > th {
534
+ [class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-thead > tr > th,
535
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-thead > tr > th {
481
536
  padding: 13.5px 16px;
482
537
  line-height: 20px;
483
538
  }
484
- .ant-table-wrapper .ant-table-footer {
539
+ [class$='-basic-table'] .ant-table-wrapper .ant-table-footer,
540
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-footer {
485
541
  padding: 0;
486
542
  }
487
- .ant-table-wrapper .ant-table-footer .ant-table-wrapper {
543
+ [class$='-basic-table'] .ant-table-wrapper .ant-table-footer .ant-table-wrapper,
544
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-footer .ant-table-wrapper {
488
545
  padding: 0;
489
546
  }
490
- .ant-table-wrapper .ant-table-footer table {
547
+ [class$='-basic-table'] .ant-table-wrapper .ant-table-footer table,
548
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-footer table {
491
549
  border: none;
492
550
  }
493
- .ant-table-wrapper .ant-table-footer .ant-table-body {
551
+ [class$='-basic-table'] .ant-table-wrapper .ant-table-footer .ant-table-body,
552
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-footer .ant-table-body {
494
553
  overflow-x: hidden;
495
554
  }
496
- .ant-table-wrapper .ant-table-footer td {
555
+ [class$='-basic-table'] .ant-table-wrapper .ant-table-footer td,
556
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-footer td {
497
557
  padding: 12px 8px;
498
558
  }
499
- [class$='-basic-table'],
500
- [class$='-basic-table-form-container'] {
501
- width: 100%;
502
- height: 100%;
503
- }
504
559
  [class$='-basic-table-form-container'] {
505
560
  padding: 16px;
506
561
  }
package/es/src/theme/antd-global-overwrite/admin/pagination.css CHANGED
@@ -1,16 +1,20 @@
1
- .ant-table-wrapper .ant-spin-container .ant-pagination.ant-table-pagination.ant-table-pagination-right {
1
+ [class$='-basic-table'] .ant-table-wrapper .ant-spin-container .ant-pagination.ant-table-pagination.ant-table-pagination-right,
2
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-spin-container .ant-pagination.ant-table-pagination.ant-table-pagination-right {
2
3
  margin: 16px 0 0;
3
4
  }
4
- .ant-table-wrapper .ant-pagination {
5
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination,
6
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination {
5
7
  position: relative;
6
8
  }
7
- .ant-table-wrapper .ant-pagination .ant-pagination-total-text {
9
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-total-text,
10
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-total-text {
8
11
  position: absolute;
9
12
  left: 0;
10
13
  height: 30px;
11
14
  line-height: 30px;
12
15
  }
13
- .ant-table-wrapper .ant-pagination .ant-pagination-item {
16
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item,
17
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item {
14
18
  box-sizing: border-box;
15
19
  min-width: 30px;
16
20
  height: 30px;
@@ -21,45 +25,57 @@
21
25
  text-align: center;
22
26
  border-radius: 4px;
23
27
  }
24
- .ant-table-wrapper .ant-pagination .ant-pagination-item:not(.ant-table-wrapper .ant-pagination .ant-pagination-item-active) {
28
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item:not([class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item-active),
29
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item:not([class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item-active),
30
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item:not([class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item-active),
31
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item:not([class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item-active) {
25
32
  border: 1px solid #d9d9d9;
26
33
  }
27
- .ant-table-wrapper .ant-pagination .ant-pagination-prev {
34
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-prev,
35
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-prev {
28
36
  width: 30px;
29
37
  height: 30px;
30
38
  margin: 0 4px;
31
39
  line-height: 28px;
32
40
  border: 1px solid #d9d9d9;
33
41
  }
34
- .ant-table-wrapper .ant-pagination .ant-pagination-next {
42
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-next,
43
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-next {
35
44
  width: 30px;
36
45
  height: 30px;
37
46
  margin: 0 4px;
38
47
  line-height: 28px;
39
48
  border: 1px solid #d9d9d9;
40
49
  }
41
- .ant-table-wrapper .ant-pagination .ant-pagination-next .ant-pagination-disabled {
50
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-next .ant-pagination-disabled,
51
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-next .ant-pagination-disabled {
42
52
  border: 1px solid #d9d9d9;
43
53
  }
44
- .ant-table-wrapper .ant-pagination .ant-pagination-options {
54
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options,
55
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options {
45
56
  margin-left: 4px;
46
57
  }
47
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selector {
58
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selector,
59
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selector {
48
60
  min-width: 90px;
49
61
  height: 30px;
50
62
  }
51
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selection-item {
63
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selection-item,
64
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selection-item {
52
65
  line-height: 28px;
53
66
  }
54
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select .ant-select-arrow {
67
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select .ant-select-arrow,
68
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select .ant-select-arrow {
55
69
  color: #333333;
56
70
  }
57
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper {
71
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper,
72
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper {
58
73
  margin-left: 20px;
59
74
  color: #333333;
60
75
  font-size: 14px;
61
76
  }
62
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input {
77
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input,
78
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input {
63
79
  min-width: 60px;
64
80
  height: 30px;
65
81
  margin: 0 8px;
package/es/src/theme/antd-global-overwrite/admin/steps.css CHANGED
@@ -5,35 +5,43 @@
5
5
  display: flex;
6
6
  }
7
7
  .ant-steps .ant-steps-item-icon {
8
+ line-height: 27px;
8
9
  width: 28px;
9
10
  height: 28px;
10
11
  margin-top: 3px;
11
- display: flex;
12
- justify-content: center;
13
- align-items: center;
14
12
  flex-shrink: 0;
15
13
  }
14
+ .ant-steps .ant-steps-item.ant-steps-item-process .ant-steps-item-icon .ant-steps-icon {
15
+ font-weight: 500;
16
+ font-size: 16px;
17
+ }
18
+ .ant-steps .ant-steps-item.ant-steps-item-process .ant-steps-item-container .ant-steps-item-description {
19
+ min-height: 16px;
20
+ margin-top: 5px;
21
+ color: #999999;
22
+ font-weight: 400;
23
+ font-size: 12px;
24
+ line-height: 1.2rem;
25
+ }
16
26
  .ant-steps .ant-steps-item-finish .ant-steps-item-container .ant-steps-item-icon {
17
27
  background-color: #ffffff;
18
28
  border-color: #34b77c;
19
- border-radius: 0;
20
29
  }
21
30
  .ant-steps .ant-steps-item-finish .ant-steps-item-container .ant-steps-finish-icon {
22
31
  width: 12px;
23
32
  height: 12px;
24
33
  }
25
34
  .ant-steps .ant-steps-item-finish .ant-steps-item-container .ant-steps-finish-icon svg {
26
- display: none;
27
35
  width: 12px;
28
36
  height: 12px;
29
37
  }
30
38
  .ant-steps .ant-steps-item-finish .ant-steps-item-container .ant-steps-item-content .ant-steps-item-description {
31
39
  min-height: 16px;
32
- margin-top: 6px;
40
+ margin-top: 5px;
33
41
  color: #999999;
34
42
  font-weight: 400;
35
43
  font-size: 12px;
36
- line-height: 1rem;
44
+ line-height: 1.2rem;
37
45
  }
38
46
  .ant-steps .ant-steps-item-title {
39
47
  height: 24px;
@@ -57,11 +65,11 @@
57
65
  }
58
66
  .ant-steps .ant-steps-item-active .ant-steps-item-container .ant-steps-item-content .ant-steps-item-description {
59
67
  min-height: 16px;
60
- margin-top: 6px;
68
+ margin-top: 5px;
61
69
  color: #999999;
62
70
  font-weight: 400;
63
71
  font-size: 12px;
64
- line-height: 1rem;
72
+ line-height: 1.2rem;
65
73
  }
66
74
  .ant-steps .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-icon {
67
75
  background-color: #ffffff;
@@ -74,11 +82,15 @@
74
82
  }
75
83
  .ant-steps .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-description {
76
84
  min-height: 16px;
77
- margin-top: 6px;
85
+ margin-top: 5px;
78
86
  color: #999999;
79
87
  font-weight: 400;
80
88
  font-size: 12px;
81
- line-height: 1rem;
89
+ line-height: 1.2rem;
90
+ }
91
+ .ant-steps-item.ant-steps-item-finish.ant-steps-item-active .ant-steps-item-container .ant-steps-item-tail {
92
+ inset-inline-start: 13px;
93
+ margin: 4px 0;
82
94
  }
83
95
  .ant-steps-item.ant-steps-item-finish.ant-steps-item-active .ant-steps-item-container .ant-steps-item-icon {
84
96
  background-color: #ffffff;
@@ -93,11 +105,23 @@
93
105
  width: 28px;
94
106
  height: 28px;
95
107
  margin-top: 3px;
96
- display: flex;
97
- justify-content: center;
98
- align-items: center;
108
+ }
109
+ .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item-icon {
110
+ line-height: 25px;
111
+ width: 24px;
112
+ height: 24px;
113
+ margin-top: 3px;
114
+ }
115
+ .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item .ant-steps-item-content {
116
+ margin-top: 2px;
99
117
  }
100
118
  .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item .ant-steps-item-tail {
101
119
  inset-inline-start: 13px;
102
- margin: 6px 0;
120
+ margin: 3px -1px;
121
+ }
122
+ .ant-steps.ant-steps-horizontal.ant-steps-small .ant-steps-item-icon {
123
+ line-height: 25px;
124
+ width: 24px;
125
+ height: 24px;
126
+ flex-shrink: 0;
103
127
  }
package/es/src/theme/antd-global-overwrite/admin/table.css CHANGED
@@ -1,10 +1,18 @@
1
- .ant-table-wrapper {
1
+ [class$='-basic-table'],
2
+ [class$='-basic-table-form-container'] {
3
+ width: 100%;
4
+ height: 100%;
5
+ }
6
+ [class$='-basic-table'] .ant-table-wrapper,
7
+ [class$='-basic-table-form-container'] .ant-table-wrapper {
2
8
  padding: 12px 16px 16px;
3
9
  background-color: #ffffff;
4
10
  border-radius: 0;
5
11
  }
6
- .ant-table-wrapper .ant-table.ant-table-middle > .ant-table-title,
7
- .ant-table-wrapper .ant-table.ant-table-small > .ant-table-title {
12
+ [class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-middle > .ant-table-title,
13
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-middle > .ant-table-title,
14
+ [class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-small > .ant-table-title,
15
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-small > .ant-table-title {
8
16
  display: flex;
9
17
  align-items: center;
10
18
  justify-content: space-between;
@@ -12,51 +20,58 @@
12
20
  padding: 0 0 12px;
13
21
  border: none;
14
22
  }
15
- .ant-table-wrapper .ant-table {
23
+ [class$='-basic-table'] .ant-table-wrapper .ant-table,
24
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table {
16
25
  width: 100%;
17
26
  overflow-x: hidden;
18
27
  border-radius: 0;
19
28
  }
20
- .ant-table-wrapper .ant-table .ant-table-container {
29
+ [class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container,
30
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container {
21
31
  border-radius: 0;
22
32
  }
23
- .ant-table-wrapper .ant-table .ant-table-container table {
33
+ [class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container table,
34
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container table {
24
35
  border-radius: 0;
25
36
  }
26
- .ant-table-wrapper .ant-table .ant-table-container table > thead > tr:first-child > *:first-child {
37
+ [class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container table > thead > tr:first-child > *:first-child,
38
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container table > thead > tr:first-child > *:first-child {
27
39
  border-radius: 0;
28
40
  }
29
- .ant-table-wrapper .ant-table .ant-table-container .ant-table-header {
41
+ [class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header,
42
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header {
30
43
  border-radius: 0;
31
44
  }
32
- .ant-table-wrapper .ant-table .ant-table-container .ant-table-tbody > tr > td {
45
+ [class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-tbody > tr > td,
46
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-tbody > tr > td {
33
47
  padding: 13.5px 16px;
34
48
  line-height: 20px;
35
49
  }
36
- .ant-table-wrapper .ant-table .ant-table-container .ant-table-thead > tr > th {
50
+ [class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-thead > tr > th,
51
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-thead > tr > th {
37
52
  padding: 13.5px 16px;
38
53
  line-height: 20px;
39
54
  }
40
- .ant-table-wrapper .ant-table-footer {
55
+ [class$='-basic-table'] .ant-table-wrapper .ant-table-footer,
56
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-footer {
41
57
  padding: 0;
42
58
  }
43
- .ant-table-wrapper .ant-table-footer .ant-table-wrapper {
59
+ [class$='-basic-table'] .ant-table-wrapper .ant-table-footer .ant-table-wrapper,
60
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-footer .ant-table-wrapper {
44
61
  padding: 0;
45
62
  }
46
- .ant-table-wrapper .ant-table-footer table {
63
+ [class$='-basic-table'] .ant-table-wrapper .ant-table-footer table,
64
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-footer table {
47
65
  border: none;
48
66
  }
49
- .ant-table-wrapper .ant-table-footer .ant-table-body {
67
+ [class$='-basic-table'] .ant-table-wrapper .ant-table-footer .ant-table-body,
68
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-footer .ant-table-body {
50
69
  overflow-x: hidden;
51
70
  }
52
- .ant-table-wrapper .ant-table-footer td {
71
+ [class$='-basic-table'] .ant-table-wrapper .ant-table-footer td,
72
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-footer td {
53
73
  padding: 12px 8px;
54
74
  }
55
- [class$='-basic-table'],
56
- [class$='-basic-table-form-container'] {
57
- width: 100%;
58
- height: 100%;
59
- }
60
75
  [class$='-basic-table-form-container'] {
61
76
  padding: 16px;
62
77
  }