@aplus-frontend/ui 6.41.0 → 7.0.0-beta.0

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 (57) hide show
  1. package/es/src/ap-action/item/index.vue2.mjs +14 -12
  2. package/es/src/ap-action/style/index.d.ts +8 -0
  3. package/es/src/ap-action/style/index.js +61 -0
  4. package/es/src/ap-action/style/index.mjs +74 -0
  5. package/es/src/config-provider/config-provider-props.d.ts +7 -0
  6. package/es/src/config-provider/config-provider-props.mjs +6 -0
  7. package/es/src/config-provider/config-provider.d.ts +7 -0
  8. package/es/src/config-provider/config-provider.mjs +11 -10
  9. package/es/src/config-provider/hooks/use-global-config.d.ts +4 -0
  10. package/es/src/config-provider/hooks/use-global-config.mjs +27 -22
  11. package/es/src/config-provider/hooks/use-token.d.ts +4 -0
  12. package/es/src/config-provider/hooks/use-token.mjs +6 -0
  13. package/es/src/config-provider/index.d.ts +10 -0
  14. package/es/src/design-token/constants.d.ts +2 -0
  15. package/es/src/design-token/constants.mjs +44 -0
  16. package/es/src/design-token/interface.d.ts +123 -0
  17. package/es/src/style/index.d.ts +3 -0
  18. package/es/src/style/index.js +12 -0
  19. package/es/src/style/index.mjs +13 -0
  20. package/es/src/utils/cssinjs/index.d.ts +8 -0
  21. package/es/src/utils/cssinjs/index.mjs +56 -0
  22. package/es/src/version.d.ts +1 -1
  23. package/es/src/version.mjs +1 -1
  24. package/lib/src/ap-action/item/index.vue2.js +1 -1
  25. package/lib/src/ap-action/style/index.cjs +61 -0
  26. package/lib/src/ap-action/style/index.d.ts +8 -0
  27. package/lib/src/ap-action/style/index.js +1 -0
  28. package/lib/src/config-provider/config-provider-props.d.ts +7 -0
  29. package/lib/src/config-provider/config-provider-props.js +1 -1
  30. package/lib/src/config-provider/config-provider.d.ts +7 -0
  31. package/lib/src/config-provider/config-provider.js +1 -1
  32. package/lib/src/config-provider/hooks/use-global-config.d.ts +4 -0
  33. package/lib/src/config-provider/hooks/use-global-config.js +1 -1
  34. package/lib/src/config-provider/hooks/use-token.d.ts +4 -0
  35. package/lib/src/config-provider/hooks/use-token.js +1 -0
  36. package/lib/src/config-provider/index.d.ts +10 -0
  37. package/lib/src/design-token/constants.d.ts +2 -0
  38. package/lib/src/design-token/constants.js +1 -0
  39. package/lib/src/design-token/interface.d.ts +123 -0
  40. package/lib/src/style/index.cjs +12 -0
  41. package/lib/src/style/index.d.ts +3 -0
  42. package/lib/src/style/index.js +1 -0
  43. package/lib/src/utils/cssinjs/index.d.ts +8 -0
  44. package/lib/src/utils/cssinjs/index.js +1 -0
  45. package/lib/src/version.d.ts +1 -1
  46. package/lib/src/version.js +1 -1
  47. package/package.json +3 -1
  48. package/theme/ag-grid/index.css +0 -56
  49. package/theme/ag-grid-modal/index.css +0 -56
  50. package/theme/ap-action/item.css +0 -56
  51. package/theme/ap-action/item.less +1 -58
  52. package/theme/ap-grid/index.css +0 -56
  53. package/theme/ap-table/ap-table.css +0 -56
  54. package/theme/ap-table-modal/index.css +0 -56
  55. package/theme/editable-table/index.css +0 -56
  56. package/theme/index.css +0 -56
  57. package/theme/index.less +1 -1
package/theme/ap-action/item.css CHANGED
@@ -44,59 +44,3 @@
44
44
  .common-style::after {
45
45
  box-sizing: border-box;
46
46
  }
47
- .aplus-action-item {
48
- box-sizing: border-box;
49
- margin: 0;
50
- padding: 0;
51
- color: #182948;
52
- font-size: 12px;
53
- font-family: inherit;
54
- line-height: 18px;
55
- list-style: none;
56
- display: inline-block;
57
- cursor: pointer;
58
- }
59
- .aplus-action-item--primary {
60
- color: var(--ap-color-link);
61
- }
62
- .aplus-action-item--primary:not(.aplus-action-item--disabled):hover {
63
- color: var(--ap-color-link-hover);
64
- }
65
- .aplus-action-item--success {
66
- color: var(--ap-color-success);
67
- }
68
- .aplus-action-item--error {
69
- color: var(--ap-color-error);
70
- }
71
- .aplus-action-item--warn {
72
- color: var(--ap-color-warn);
73
- }
74
- .aplus-action-item--loading {
75
- opacity: 0.35;
76
- transition: opacity 0.2s;
77
- cursor: default;
78
- }
79
- .aplus-action-item--loading .btn-loading-icon {
80
- margin-right: 4px;
81
- }
82
- .aplus-action-item--disabled {
83
- cursor: not-allowed;
84
- }
85
- .aplus-action-item--primary.aplus-action-item--disabled {
86
- color: var(--ap-color-link-disabled);
87
- }
88
- .aplus-action-item--success.aplus-action-item--disabled {
89
- color: var(--ap-color-success-disabled);
90
- }
91
- .aplus-action-item--error.aplus-action-item--disabled {
92
- color: var(--ap-color-error-disabled);
93
- }
94
- .aplus-action-item--warn.aplus-action-item--disabled {
95
- color: var(--ap-color-warn-disabled);
96
- }
97
- .aplus-action-item__icon-wrapper {
98
- padding-right: 4px;
99
- }
100
- .aplus-action-item--icon-first .aplus-action-item__icon-wrapper {
101
- padding-right: 0;
102
- }
package/theme/ap-action/item.less CHANGED
@@ -4,61 +4,4 @@
4
4
  @aid: ~'@{ns}-action-item--disabled';
5
5
  @aiiw: ~'@{ns}-action-item__icon-wrapper';
6
6
 
7
- .b(action-item, {
8
- .reset-component();
9
- display: inline-block;
10
- cursor: pointer;
11
- // 因为这里action-item类似于button type=link 所以主色=link色
12
- &--primary {
13
- color: var(--ap-color-link);
14
- &:not(.@{aid}):hover {
15
- color: var(--ap-color-link-hover);
16
- }
17
- }
18
-
19
- &--success {
20
- color: var(--ap-color-success);
21
- }
22
-
23
- &--error {
24
- color: var(--ap-color-error);
25
- }
26
-
27
- &--warn {
28
- color: var(--ap-color-warn);
29
- }
30
-
31
- &--loading {
32
- opacity: 0.35;
33
- transition: opacity 0.2s;
34
- cursor: default;
35
- .btn-loading-icon {
36
- margin-right: @spacing-xs;
37
- }
38
- }
39
-
40
- &--disabled {
41
- cursor: not-allowed;
42
- }
43
-
44
- &--primary&--disabled {
45
- color: var(--ap-color-link-disabled);
46
- }
47
- &--success&--disabled {
48
- color: var(--ap-color-success-disabled);
49
- }
50
- &--error&--disabled {
51
- color: var(--ap-color-error-disabled);
52
- }
53
- &--warn&--disabled {
54
- color: var(--ap-color-warn-disabled);
55
- }
56
- &__icon-wrapper {
57
- padding-right: @spacing-xs;
58
- }
59
- &--icon-first {
60
- .@{aiiw} {
61
- padding-right: 0;
62
- }
63
- }
64
- });
7
+ .b(action-item, {});
package/theme/ap-grid/index.css CHANGED
@@ -449,62 +449,6 @@
449
449
  word-wrap: break-word;
450
450
  word-break: break-all;
451
451
  }
452
- .aplus-action-item {
453
- box-sizing: border-box;
454
- margin: 0;
455
- padding: 0;
456
- color: #182948;
457
- font-size: 12px;
458
- font-family: inherit;
459
- line-height: 18px;
460
- list-style: none;
461
- display: inline-block;
462
- cursor: pointer;
463
- }
464
- .aplus-action-item--primary {
465
- color: var(--ap-color-link);
466
- }
467
- .aplus-action-item--primary:not(.aplus-action-item--disabled):hover {
468
- color: var(--ap-color-link-hover);
469
- }
470
- .aplus-action-item--success {
471
- color: var(--ap-color-success);
472
- }
473
- .aplus-action-item--error {
474
- color: var(--ap-color-error);
475
- }
476
- .aplus-action-item--warn {
477
- color: var(--ap-color-warn);
478
- }
479
- .aplus-action-item--loading {
480
- opacity: 0.35;
481
- transition: opacity 0.2s;
482
- cursor: default;
483
- }
484
- .aplus-action-item--loading .btn-loading-icon {
485
- margin-right: 4px;
486
- }
487
- .aplus-action-item--disabled {
488
- cursor: not-allowed;
489
- }
490
- .aplus-action-item--primary.aplus-action-item--disabled {
491
- color: var(--ap-color-link-disabled);
492
- }
493
- .aplus-action-item--success.aplus-action-item--disabled {
494
- color: var(--ap-color-success-disabled);
495
- }
496
- .aplus-action-item--error.aplus-action-item--disabled {
497
- color: var(--ap-color-error-disabled);
498
- }
499
- .aplus-action-item--warn.aplus-action-item--disabled {
500
- color: var(--ap-color-warn-disabled);
501
- }
502
- .aplus-action-item__icon-wrapper {
503
- padding-right: 4px;
504
- }
505
- .aplus-action-item--icon-first .aplus-action-item__icon-wrapper {
506
- padding-right: 0;
507
- }
508
452
  .aplus-action-item-dropdown__item .aplus-action-item {
509
453
  width: 100%;
510
454
  }
package/theme/ap-table/ap-table.css CHANGED
@@ -642,62 +642,6 @@
642
642
  word-wrap: break-word;
643
643
  word-break: break-all;
644
644
  }
645
- .aplus-action-item {
646
- box-sizing: border-box;
647
- margin: 0;
648
- padding: 0;
649
- color: #182948;
650
- font-size: 12px;
651
- font-family: inherit;
652
- line-height: 18px;
653
- list-style: none;
654
- display: inline-block;
655
- cursor: pointer;
656
- }
657
- .aplus-action-item--primary {
658
- color: var(--ap-color-link);
659
- }
660
- .aplus-action-item--primary:not(.aplus-action-item--disabled):hover {
661
- color: var(--ap-color-link-hover);
662
- }
663
- .aplus-action-item--success {
664
- color: var(--ap-color-success);
665
- }
666
- .aplus-action-item--error {
667
- color: var(--ap-color-error);
668
- }
669
- .aplus-action-item--warn {
670
- color: var(--ap-color-warn);
671
- }
672
- .aplus-action-item--loading {
673
- opacity: 0.35;
674
- transition: opacity 0.2s;
675
- cursor: default;
676
- }
677
- .aplus-action-item--loading .btn-loading-icon {
678
- margin-right: 4px;
679
- }
680
- .aplus-action-item--disabled {
681
- cursor: not-allowed;
682
- }
683
- .aplus-action-item--primary.aplus-action-item--disabled {
684
- color: var(--ap-color-link-disabled);
685
- }
686
- .aplus-action-item--success.aplus-action-item--disabled {
687
- color: var(--ap-color-success-disabled);
688
- }
689
- .aplus-action-item--error.aplus-action-item--disabled {
690
- color: var(--ap-color-error-disabled);
691
- }
692
- .aplus-action-item--warn.aplus-action-item--disabled {
693
- color: var(--ap-color-warn-disabled);
694
- }
695
- .aplus-action-item__icon-wrapper {
696
- padding-right: 4px;
697
- }
698
- .aplus-action-item--icon-first .aplus-action-item__icon-wrapper {
699
- padding-right: 0;
700
- }
701
645
  .aplus-action-item-dropdown__item .aplus-action-item {
702
646
  width: 100%;
703
647
  }
package/theme/ap-table-modal/index.css CHANGED
@@ -642,62 +642,6 @@
642
642
  word-wrap: break-word;
643
643
  word-break: break-all;
644
644
  }
645
- .aplus-action-item {
646
- box-sizing: border-box;
647
- margin: 0;
648
- padding: 0;
649
- color: #182948;
650
- font-size: 12px;
651
- font-family: inherit;
652
- line-height: 18px;
653
- list-style: none;
654
- display: inline-block;
655
- cursor: pointer;
656
- }
657
- .aplus-action-item--primary {
658
- color: var(--ap-color-link);
659
- }
660
- .aplus-action-item--primary:not(.aplus-action-item--disabled):hover {
661
- color: var(--ap-color-link-hover);
662
- }
663
- .aplus-action-item--success {
664
- color: var(--ap-color-success);
665
- }
666
- .aplus-action-item--error {
667
- color: var(--ap-color-error);
668
- }
669
- .aplus-action-item--warn {
670
- color: var(--ap-color-warn);
671
- }
672
- .aplus-action-item--loading {
673
- opacity: 0.35;
674
- transition: opacity 0.2s;
675
- cursor: default;
676
- }
677
- .aplus-action-item--loading .btn-loading-icon {
678
- margin-right: 4px;
679
- }
680
- .aplus-action-item--disabled {
681
- cursor: not-allowed;
682
- }
683
- .aplus-action-item--primary.aplus-action-item--disabled {
684
- color: var(--ap-color-link-disabled);
685
- }
686
- .aplus-action-item--success.aplus-action-item--disabled {
687
- color: var(--ap-color-success-disabled);
688
- }
689
- .aplus-action-item--error.aplus-action-item--disabled {
690
- color: var(--ap-color-error-disabled);
691
- }
692
- .aplus-action-item--warn.aplus-action-item--disabled {
693
- color: var(--ap-color-warn-disabled);
694
- }
695
- .aplus-action-item__icon-wrapper {
696
- padding-right: 4px;
697
- }
698
- .aplus-action-item--icon-first .aplus-action-item__icon-wrapper {
699
- padding-right: 0;
700
- }
701
645
  .aplus-action-item-dropdown__item .aplus-action-item {
702
646
  width: 100%;
703
647
  }
package/theme/editable-table/index.css CHANGED
@@ -449,62 +449,6 @@
449
449
  word-wrap: break-word;
450
450
  word-break: break-all;
451
451
  }
452
- .aplus-action-item {
453
- box-sizing: border-box;
454
- margin: 0;
455
- padding: 0;
456
- color: #182948;
457
- font-size: 12px;
458
- font-family: inherit;
459
- line-height: 18px;
460
- list-style: none;
461
- display: inline-block;
462
- cursor: pointer;
463
- }
464
- .aplus-action-item--primary {
465
- color: var(--ap-color-link);
466
- }
467
- .aplus-action-item--primary:not(.aplus-action-item--disabled):hover {
468
- color: var(--ap-color-link-hover);
469
- }
470
- .aplus-action-item--success {
471
- color: var(--ap-color-success);
472
- }
473
- .aplus-action-item--error {
474
- color: var(--ap-color-error);
475
- }
476
- .aplus-action-item--warn {
477
- color: var(--ap-color-warn);
478
- }
479
- .aplus-action-item--loading {
480
- opacity: 0.35;
481
- transition: opacity 0.2s;
482
- cursor: default;
483
- }
484
- .aplus-action-item--loading .btn-loading-icon {
485
- margin-right: 4px;
486
- }
487
- .aplus-action-item--disabled {
488
- cursor: not-allowed;
489
- }
490
- .aplus-action-item--primary.aplus-action-item--disabled {
491
- color: var(--ap-color-link-disabled);
492
- }
493
- .aplus-action-item--success.aplus-action-item--disabled {
494
- color: var(--ap-color-success-disabled);
495
- }
496
- .aplus-action-item--error.aplus-action-item--disabled {
497
- color: var(--ap-color-error-disabled);
498
- }
499
- .aplus-action-item--warn.aplus-action-item--disabled {
500
- color: var(--ap-color-warn-disabled);
501
- }
502
- .aplus-action-item__icon-wrapper {
503
- padding-right: 4px;
504
- }
505
- .aplus-action-item--icon-first .aplus-action-item__icon-wrapper {
506
- padding-right: 0;
507
- }
508
452
  .aplus-action-item-dropdown__item .aplus-action-item {
509
453
  width: 100%;
510
454
  }
package/theme/index.css CHANGED
@@ -691,62 +691,6 @@
691
691
  .common-style::after {
692
692
  box-sizing: border-box;
693
693
  }
694
- .aplus-action-item {
695
- box-sizing: border-box;
696
- margin: 0;
697
- padding: 0;
698
- color: #182948;
699
- font-size: 12px;
700
- font-family: inherit;
701
- line-height: 18px;
702
- list-style: none;
703
- display: inline-block;
704
- cursor: pointer;
705
- }
706
- .aplus-action-item--primary {
707
- color: var(--ap-color-link);
708
- }
709
- .aplus-action-item--primary:not(.aplus-action-item--disabled):hover {
710
- color: var(--ap-color-link-hover);
711
- }
712
- .aplus-action-item--success {
713
- color: var(--ap-color-success);
714
- }
715
- .aplus-action-item--error {
716
- color: var(--ap-color-error);
717
- }
718
- .aplus-action-item--warn {
719
- color: var(--ap-color-warn);
720
- }
721
- .aplus-action-item--loading {
722
- opacity: 0.35;
723
- transition: opacity 0.2s;
724
- cursor: default;
725
- }
726
- .aplus-action-item--loading .btn-loading-icon {
727
- margin-right: 4px;
728
- }
729
- .aplus-action-item--disabled {
730
- cursor: not-allowed;
731
- }
732
- .aplus-action-item--primary.aplus-action-item--disabled {
733
- color: var(--ap-color-link-disabled);
734
- }
735
- .aplus-action-item--success.aplus-action-item--disabled {
736
- color: var(--ap-color-success-disabled);
737
- }
738
- .aplus-action-item--error.aplus-action-item--disabled {
739
- color: var(--ap-color-error-disabled);
740
- }
741
- .aplus-action-item--warn.aplus-action-item--disabled {
742
- color: var(--ap-color-warn-disabled);
743
- }
744
- .aplus-action-item__icon-wrapper {
745
- padding-right: 4px;
746
- }
747
- .aplus-action-item--icon-first .aplus-action-item__icon-wrapper {
748
- padding-right: 0;
749
- }
750
694
  .aplus-action-item-dropdown__item .aplus-action-item {
751
695
  width: 100%;
752
696
  }
package/theme/index.less CHANGED
@@ -1,7 +1,7 @@
1
1
  @import './css-var.less';
2
2
  @import './font/font.less';
3
3
  @import './antdv-override.less';
4
- @import './ap-action/item.less';
4
+ // @import './ap-action/item.less';
5
5
  @import './ap-action/item-dropdown.less';
6
6
  @import './ap-attachment/ap-attachment.less';
7
7
  @import './ap-batch-action/ap-batch-action.less';