@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/aplus/index.css CHANGED
@@ -290,19 +290,23 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
290
290
  .ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
291
291
  color: #ff4d4f;
292
292
  }
293
- .ant-table-wrapper .ant-spin-container .ant-pagination.ant-table-pagination.ant-table-pagination-right {
293
+ [class$='-basic-table'] .ant-table-wrapper .ant-spin-container .ant-pagination.ant-table-pagination.ant-table-pagination-right,
294
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-spin-container .ant-pagination.ant-table-pagination.ant-table-pagination-right {
294
295
  margin: 10px 0 0;
295
296
  }
296
- .ant-table-wrapper .ant-pagination {
297
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination,
298
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination {
297
299
  position: relative;
298
300
  }
299
- .ant-table-wrapper .ant-pagination .ant-pagination-total-text {
301
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-total-text,
302
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-total-text {
300
303
  position: absolute;
301
304
  left: 0;
302
305
  height: 30px;
303
306
  line-height: 30px;
304
307
  }
305
- .ant-table-wrapper .ant-pagination .ant-pagination-item {
308
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item,
309
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item {
306
310
  box-sizing: border-box;
307
311
  min-width: 30px;
308
312
  height: 30px;
@@ -313,58 +317,74 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
313
317
  text-align: center;
314
318
  border-radius: 4px;
315
319
  }
316
- .ant-table-wrapper .ant-pagination .ant-pagination-item:not(.ant-table-wrapper .ant-pagination .ant-pagination-item-active) {
320
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item:not([class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item-active),
321
+ [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),
322
+ [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),
323
+ [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) {
317
324
  border: 1px solid #d9d9d9;
318
325
  }
319
- .ant-table-wrapper .ant-pagination .ant-pagination-prev {
326
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-prev,
327
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-prev {
320
328
  width: 30px;
321
329
  height: 30px;
322
330
  margin: 0 4px;
323
331
  line-height: 28px;
324
332
  border: 1px solid #d9d9d9;
325
333
  }
326
- .ant-table-wrapper .ant-pagination .ant-pagination-prev .anticon.anticon-left {
334
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-prev .anticon.anticon-left,
335
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-prev .anticon.anticon-left {
327
336
  border: none;
328
337
  }
329
- .ant-table-wrapper .ant-pagination .ant-pagination-prev.ant-pagination-disabled {
338
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-prev.ant-pagination-disabled,
339
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-prev.ant-pagination-disabled {
330
340
  display: none;
331
341
  }
332
- .ant-table-wrapper .ant-pagination .ant-pagination-next.ant-pagination-disabled {
342
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-next.ant-pagination-disabled,
343
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-next.ant-pagination-disabled {
333
344
  display: none;
334
345
  }
335
- .ant-table-wrapper .ant-pagination .anticon svg {
346
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .anticon svg,
347
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .anticon svg {
336
348
  width: 14px;
337
349
  height: 14px;
338
350
  }
339
- .ant-table-wrapper .ant-pagination .ant-pagination-next {
351
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-next,
352
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-next {
340
353
  width: 30px;
341
354
  height: 30px;
342
355
  margin: 0 4px;
343
356
  line-height: 28px;
344
357
  border: 1px solid #d9d9d9;
345
358
  }
346
- .ant-table-wrapper .ant-pagination .ant-pagination-next .anticon.anticon-right {
359
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-next .anticon.anticon-right,
360
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-next .anticon.anticon-right {
347
361
  border: none;
348
362
  }
349
- .ant-table-wrapper .ant-pagination .ant-pagination-options {
363
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options,
364
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options {
350
365
  margin-left: 4px;
351
366
  }
352
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selector {
367
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selector,
368
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selector {
353
369
  min-width: 90px;
354
370
  height: 30px;
355
371
  }
356
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selection-item {
372
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selection-item,
373
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selection-item {
357
374
  line-height: 28px;
358
375
  }
359
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select .ant-select-arrow {
376
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select .ant-select-arrow,
377
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select .ant-select-arrow {
360
378
  color: #333333;
361
379
  }
362
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper {
380
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper,
381
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper {
363
382
  margin-left: 20px;
364
383
  color: #333333;
365
384
  font-size: 14px;
366
385
  }
367
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input {
386
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input,
387
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input {
368
388
  min-width: 60px;
369
389
  height: 30px;
370
390
  margin: 0 8px;
@@ -372,20 +392,30 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
372
392
  border-radius: 4px;
373
393
  }
374
394
  .ant-steps > * {
375
- margin-right: 12px;
395
+ margin-right: 8px;
376
396
  }
377
397
  .ant-steps .ant-steps-item-container {
378
398
  display: flex;
379
399
  }
380
400
  .ant-steps .ant-steps-item-icon {
401
+ line-height: 27px;
381
402
  width: 28px;
382
403
  height: 28px;
383
404
  margin-top: 3px;
384
- display: flex;
385
- justify-content: center;
386
- align-items: center;
387
405
  flex-shrink: 0;
388
406
  }
407
+ .ant-steps .ant-steps-item.ant-steps-item-process .ant-steps-item-icon .ant-steps-icon {
408
+ font-weight: 500;
409
+ font-size: 16px;
410
+ }
411
+ .ant-steps .ant-steps-item.ant-steps-item-process .ant-steps-item-container .ant-steps-item-description {
412
+ min-height: 16px;
413
+ margin-top: 5px;
414
+ color: #999999;
415
+ font-weight: 400;
416
+ font-size: 12px;
417
+ line-height: 1.2rem;
418
+ }
389
419
  .ant-steps .ant-steps-item-finish .ant-steps-item-container .ant-steps-item-icon {
390
420
  background-color: #ffffff;
391
421
  border-color: #0070ff;
@@ -400,11 +430,11 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
400
430
  }
401
431
  .ant-steps .ant-steps-item-finish .ant-steps-item-container .ant-steps-item-content .ant-steps-item-description {
402
432
  min-height: 16px;
403
- margin-top: 6px;
433
+ margin-top: 5px;
404
434
  color: #8896b0;
405
435
  font-weight: 400;
406
436
  font-size: 12px;
407
- line-height: 1rem;
437
+ line-height: 1.2rem;
408
438
  }
409
439
  .ant-steps .ant-steps-item-title {
410
440
  height: 24px;
@@ -426,11 +456,11 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
426
456
  }
427
457
  .ant-steps .ant-steps-item-active .ant-steps-item-container .ant-steps-item-content .ant-steps-item-description {
428
458
  min-height: 16px;
429
- margin-top: 6px;
459
+ margin-top: 5px;
430
460
  color: #8896b0;
431
461
  font-weight: 400;
432
462
  font-size: 12px;
433
- line-height: 1rem;
463
+ line-height: 1.2rem;
434
464
  }
435
465
  .ant-steps .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-icon {
436
466
  background-color: #ffffff;
@@ -443,11 +473,11 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
443
473
  }
444
474
  .ant-steps .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-description {
445
475
  min-height: 16px;
446
- margin-top: 6px;
476
+ margin-top: 5px;
447
477
  color: #8896b0;
448
478
  font-weight: 400;
449
479
  font-size: 12px;
450
- line-height: 1rem;
480
+ line-height: 1.2rem;
451
481
  }
452
482
  .ant-steps-item.ant-steps-item-finish.ant-steps-item-active .ant-steps-item-container .ant-steps-item-tail {
453
483
  inset-inline-start: 13px;
@@ -463,19 +493,38 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
463
493
  inset-inline-start: 13px;
464
494
  }
465
495
  .ant-steps.ant-steps-vertical .ant-steps-item-icon {
466
- display: flex;
467
- align-items: center;
468
- justify-content: center;
469
496
  width: 28px;
470
497
  height: 28px;
471
498
  margin-top: 3px;
472
499
  }
473
- .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item .ant-steps-item-tail {
500
+ .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-icon {
501
+ line-height: 25px;
502
+ width: 24px;
503
+ height: 24px;
504
+ margin-top: 3px;
505
+ }
506
+ .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item .ant-steps-item-content {
507
+ margin-top: 2px;
508
+ }
509
+ .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item .ant-steps-item-tail {
474
510
  inset-inline-start: 13px;
475
- margin: 6px 0;
511
+ margin: 3px -1;
512
+ }
513
+ .ant-steps.ant-steps-horizontal.ant-steps-small .ant-steps-item-icon {
514
+ line-height: 25px;
515
+ width: 24px;
516
+ height: 24px;
517
+ flex-shrink: 0;
518
+ }
519
+ [class$='-basic-table'],
520
+ [class$='-basic-table-form-container'] {
521
+ width: 100%;
522
+ height: 100%;
476
523
  }
477
- .ant-table-wrapper .ant-table.ant-table.ant-table-small .ant-table-title,
478
- .ant-table-wrapper .ant-table.ant-table.ant-table-middle .ant-table-title {
524
+ [class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table.ant-table-small .ant-table-title,
525
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table.ant-table-small .ant-table-title,
526
+ [class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table.ant-table-middle .ant-table-title,
527
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table.ant-table-middle .ant-table-title {
479
528
  display: flex;
480
529
  align-items: center;
481
530
  justify-content: space-between;
@@ -483,15 +532,18 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
483
532
  padding: 0 0 10px;
484
533
  border: none;
485
534
  }
486
- .ant-table-wrapper .ant-table {
535
+ [class$='-basic-table'] .ant-table-wrapper .ant-table,
536
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table {
487
537
  width: 100%;
488
538
  overflow-x: hidden;
489
539
  border-radius: 0;
490
540
  }
491
- .ant-table-wrapper .ant-table .ant-table-container .ant-table-header {
541
+ [class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header,
542
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header {
492
543
  border-radius: 0;
493
544
  }
494
- .ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th {
545
+ [class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th,
546
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th {
495
547
  color: #182948;
496
548
  font-weight: 700;
497
549
  font-size: 14px;
@@ -500,18 +552,22 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
500
552
  text-transform: none;
501
553
  background: #f2f6f9;
502
554
  }
503
- .ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th::before {
555
+ [class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th::before,
556
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th::before {
504
557
  display: none;
505
558
  width: 0;
506
559
  visibility: hidden;
507
560
  }
508
- .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover {
561
+ [class$='-basic-table'] .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover,
562
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover {
509
563
  background: #f6f9fa;
510
564
  }
511
- .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover > td {
565
+ [class$='-basic-table'] .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover > td,
566
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover > td {
512
567
  background: #f6f9fa;
513
568
  }
514
- .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row > td {
569
+ [class$='-basic-table'] .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row > td,
570
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row > td {
515
571
  color: #182948;
516
572
  font-weight: 400;
517
573
  font-size: 14px;
@@ -520,35 +576,36 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
520
576
  text-transform: none;
521
577
  transition: unset;
522
578
  }
523
- .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-thead tr > th {
579
+ [class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-thead tr > th,
580
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-thead tr > th {
524
581
  padding: 12px 16px;
525
582
  line-height: 22px;
526
583
  }
527
- .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td {
584
+ [class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td,
585
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td {
528
586
  border-top: 1px solid;
529
587
  border-top-color: transparent;
530
588
  }
531
- .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr > .ant-table-cell {
589
+ [class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr > .ant-table-cell,
590
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr > .ant-table-cell {
532
591
  padding: 12px 16px;
533
592
  line-height: 22px;
534
593
  }
535
- .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-thead tr > th {
594
+ [class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-thead tr > th,
595
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-thead tr > th {
536
596
  padding: 10.5px 16px;
537
597
  line-height: 18px;
538
598
  }
539
- .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td {
599
+ [class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td,
600
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td {
540
601
  border-top: 1px solid;
541
602
  border-top-color: transparent;
542
603
  }
543
- .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr > .ant-table-cell {
604
+ [class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr > .ant-table-cell,
605
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr > .ant-table-cell {
544
606
  padding: 10.5px 16px;
545
607
  line-height: 18px;
546
608
  }
547
- [class$='-basic-table'],
548
- [class$='-basic-table-form-container'] {
549
- width: 100%;
550
- height: 100%;
551
- }
552
609
  [class$='-basic-table-row__striped'] td {
553
610
  background-color: #f6f9fa;
554
611
  }
package/es/src/theme/antd-global-overwrite/aplus/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: 10px 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,58 +25,74 @@
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-prev .anticon.anticon-left {
42
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-prev .anticon.anticon-left,
43
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-prev .anticon.anticon-left {
35
44
  border: none;
36
45
  }
37
- .ant-table-wrapper .ant-pagination .ant-pagination-prev.ant-pagination-disabled {
46
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-prev.ant-pagination-disabled,
47
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-prev.ant-pagination-disabled {
38
48
  display: none;
39
49
  }
40
- .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 {
41
52
  display: none;
42
53
  }
43
- .ant-table-wrapper .ant-pagination .anticon svg {
54
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .anticon svg,
55
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .anticon svg {
44
56
  width: 14px;
45
57
  height: 14px;
46
58
  }
47
- .ant-table-wrapper .ant-pagination .ant-pagination-next {
59
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-next,
60
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-next {
48
61
  width: 30px;
49
62
  height: 30px;
50
63
  margin: 0 4px;
51
64
  line-height: 28px;
52
65
  border: 1px solid #d9d9d9;
53
66
  }
54
- .ant-table-wrapper .ant-pagination .ant-pagination-next .anticon.anticon-right {
67
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-next .anticon.anticon-right,
68
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-next .anticon.anticon-right {
55
69
  border: none;
56
70
  }
57
- .ant-table-wrapper .ant-pagination .ant-pagination-options {
71
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options,
72
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options {
58
73
  margin-left: 4px;
59
74
  }
60
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selector {
75
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selector,
76
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selector {
61
77
  min-width: 90px;
62
78
  height: 30px;
63
79
  }
64
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selection-item {
80
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selection-item,
81
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selection-item {
65
82
  line-height: 28px;
66
83
  }
67
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select .ant-select-arrow {
84
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select .ant-select-arrow,
85
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select .ant-select-arrow {
68
86
  color: #333333;
69
87
  }
70
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper {
88
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper,
89
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper {
71
90
  margin-left: 20px;
72
91
  color: #333333;
73
92
  font-size: 14px;
74
93
  }
75
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input {
94
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input,
95
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input {
76
96
  min-width: 60px;
77
97
  height: 30px;
78
98
  margin: 0 8px;
package/es/src/theme/antd-global-overwrite/aplus/steps.css CHANGED
@@ -1,18 +1,28 @@
1
1
  .ant-steps > * {
2
- margin-right: 12px;
2
+ margin-right: 8px;
3
3
  }
4
4
  .ant-steps .ant-steps-item-container {
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: #0070ff;
@@ -27,11 +37,11 @@
27
37
  }
28
38
  .ant-steps .ant-steps-item-finish .ant-steps-item-container .ant-steps-item-content .ant-steps-item-description {
29
39
  min-height: 16px;
30
- margin-top: 6px;
40
+ margin-top: 5px;
31
41
  color: #8896b0;
32
42
  font-weight: 400;
33
43
  font-size: 12px;
34
- line-height: 1rem;
44
+ line-height: 1.2rem;
35
45
  }
36
46
  .ant-steps .ant-steps-item-title {
37
47
  height: 24px;
@@ -53,11 +63,11 @@
53
63
  }
54
64
  .ant-steps .ant-steps-item-active .ant-steps-item-container .ant-steps-item-content .ant-steps-item-description {
55
65
  min-height: 16px;
56
- margin-top: 6px;
66
+ margin-top: 5px;
57
67
  color: #8896b0;
58
68
  font-weight: 400;
59
69
  font-size: 12px;
60
- line-height: 1rem;
70
+ line-height: 1.2rem;
61
71
  }
62
72
  .ant-steps .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-icon {
63
73
  background-color: #ffffff;
@@ -70,11 +80,11 @@
70
80
  }
71
81
  .ant-steps .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-description {
72
82
  min-height: 16px;
73
- margin-top: 6px;
83
+ margin-top: 5px;
74
84
  color: #8896b0;
75
85
  font-weight: 400;
76
86
  font-size: 12px;
77
- line-height: 1rem;
87
+ line-height: 1.2rem;
78
88
  }
79
89
  .ant-steps-item.ant-steps-item-finish.ant-steps-item-active .ant-steps-item-container .ant-steps-item-tail {
80
90
  inset-inline-start: 13px;
@@ -90,14 +100,26 @@
90
100
  inset-inline-start: 13px;
91
101
  }
92
102
  .ant-steps.ant-steps-vertical .ant-steps-item-icon {
93
- display: flex;
94
- align-items: center;
95
- justify-content: center;
96
103
  width: 28px;
97
104
  height: 28px;
98
105
  margin-top: 3px;
99
106
  }
100
- .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item .ant-steps-item-tail {
107
+ .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-icon {
108
+ line-height: 25px;
109
+ width: 24px;
110
+ height: 24px;
111
+ margin-top: 3px;
112
+ }
113
+ .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item .ant-steps-item-content {
114
+ margin-top: 2px;
115
+ }
116
+ .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item .ant-steps-item-tail {
101
117
  inset-inline-start: 13px;
102
- margin: 6px 0;
118
+ margin: 3px -1;
119
+ }
120
+ .ant-steps.ant-steps-horizontal.ant-steps-small .ant-steps-item-icon {
121
+ line-height: 25px;
122
+ width: 24px;
123
+ height: 24px;
124
+ flex-shrink: 0;
103
125
  }