@aplus-frontend/ui 0.6.0-beta.11 → 0.6.0-beta.13

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 (204) hide show
  1. package/es/index.mjs +79 -77
  2. package/es/src/ap-descriptions/help-message/index.vue2.mjs +1 -1
  3. package/es/src/ap-field/hooks/use-date-timezone.mjs +17 -8
  4. package/es/src/ap-form/dependency/index.vue.mjs +29 -24
  5. package/es/src/ap-form/interface.d.ts +3 -3
  6. package/es/src/ap-form/item/index.vue.mjs +39 -35
  7. package/es/src/ap-grid/hooks/use-render-columns.mjs +8 -8
  8. package/es/src/ap-grid/index.vue.mjs +2 -2
  9. package/es/src/ap-table/ap-table.vue2.mjs +17 -17
  10. package/es/src/ap-table/components/setting/modal/index.vue2.mjs +41 -44
  11. package/es/src/ap-table/constants.d.ts +18 -18
  12. package/es/src/ap-table/utils.d.ts +18 -18
  13. package/es/src/business/ap-copy/ApCopy.d.ts +52 -0
  14. package/es/src/business/ap-copy/ApCopy.mjs +79 -0
  15. package/es/src/business/ap-copy/constans.d.ts +24 -0
  16. package/es/src/business/ap-copy/constans.mjs +25 -0
  17. package/es/src/business/ap-copy/index.d.ts +102 -0
  18. package/es/src/business/ap-copy/index.mjs +7 -0
  19. package/es/src/business/ap-copy/interface.d.ts +8 -0
  20. package/es/src/business/ap-copy/interface.mjs +1 -0
  21. package/es/src/business/ap-copy/style/css.d.ts +0 -0
  22. package/es/src/business/ap-copy/style/css.js +1 -0
  23. package/es/src/business/ap-copy/style/index.d.ts +0 -0
  24. package/es/src/business/ap-copy/style/index.js +1 -0
  25. package/es/src/business/ap-product-info/ApProductInfo.d.ts +9 -0
  26. package/es/src/business/ap-product-info/ApProductInfo.mjs +53 -53
  27. package/es/src/business/ap-product-info/constans.d.ts +4 -0
  28. package/es/src/business/ap-product-info/constans.mjs +4 -0
  29. package/es/src/business/ap-product-info/index.d.ts +15 -0
  30. package/es/src/business/ap-product-info/interface.d.ts +1 -0
  31. package/es/src/business/ap-radio-group/ap-radio-group.vue.d.ts +2 -0
  32. package/es/src/business/ap-radio-group/ap-radio-group.vue2.mjs +23 -23
  33. package/es/src/business/ap-radio-group/index.d.ts +5 -0
  34. package/es/src/business/hooks/usePageListApGrid.d.ts +0 -2
  35. package/es/src/business/hooks/usePageListApGrid.mjs +48 -65
  36. package/es/src/business/index.d.ts +1 -0
  37. package/es/src/business/index.mjs +20 -18
  38. package/es/src/components.d.ts +1 -0
  39. package/es/src/index.mjs +58 -56
  40. package/es/src/locale/lang/en.mjs +4 -0
  41. package/es/src/locale/lang/zh-cn.mjs +4 -0
  42. package/es/src/path-map.mjs +1 -0
  43. package/es/src/version.d.ts +1 -1
  44. package/es/src/version.mjs +1 -1
  45. package/es/test/setup.d.ts +5 -0
  46. package/lib/index.js +1 -1
  47. package/lib/src/ap-descriptions/help-message/index.vue2.js +1 -1
  48. package/lib/src/ap-field/hooks/use-date-timezone.js +1 -1
  49. package/lib/src/ap-form/dependency/index.vue.js +1 -1
  50. package/lib/src/ap-form/interface.d.ts +3 -3
  51. package/lib/src/ap-form/item/index.vue.js +1 -1
  52. package/lib/src/ap-grid/hooks/use-render-columns.js +1 -1
  53. package/lib/src/ap-grid/index.vue.js +1 -1
  54. package/lib/src/ap-table/ap-table.vue2.js +1 -1
  55. package/lib/src/ap-table/components/setting/modal/index.vue2.js +1 -1
  56. package/lib/src/ap-table/constants.d.ts +18 -18
  57. package/lib/src/ap-table/utils.d.ts +18 -18
  58. package/lib/src/business/ap-copy/ApCopy.d.ts +52 -0
  59. package/lib/src/business/ap-copy/ApCopy.js +1 -0
  60. package/lib/src/business/ap-copy/constans.d.ts +24 -0
  61. package/lib/src/business/ap-copy/constans.js +1 -0
  62. package/lib/src/business/ap-copy/index.d.ts +102 -0
  63. package/lib/src/business/ap-copy/index.js +1 -0
  64. package/lib/src/business/ap-copy/interface.d.ts +8 -0
  65. package/lib/src/business/ap-copy/interface.js +1 -0
  66. package/lib/src/business/ap-copy/style/css.cjs +1 -0
  67. package/lib/src/business/ap-copy/style/css.d.ts +0 -0
  68. package/lib/src/business/ap-copy/style/index.cjs +1 -0
  69. package/lib/src/business/ap-copy/style/index.d.ts +0 -0
  70. package/lib/src/business/ap-product-info/ApProductInfo.d.ts +9 -0
  71. package/lib/src/business/ap-product-info/ApProductInfo.js +1 -1
  72. package/lib/src/business/ap-product-info/constans.d.ts +4 -0
  73. package/lib/src/business/ap-product-info/constans.js +1 -1
  74. package/lib/src/business/ap-product-info/index.d.ts +15 -0
  75. package/lib/src/business/ap-product-info/interface.d.ts +1 -0
  76. package/lib/src/business/ap-radio-group/ap-radio-group.vue.d.ts +2 -0
  77. package/lib/src/business/ap-radio-group/ap-radio-group.vue2.js +1 -1
  78. package/lib/src/business/ap-radio-group/index.d.ts +5 -0
  79. package/lib/src/business/hooks/usePageListApGrid.d.ts +0 -2
  80. package/lib/src/business/hooks/usePageListApGrid.js +1 -1
  81. package/lib/src/business/index.d.ts +1 -0
  82. package/lib/src/business/index.js +1 -1
  83. package/lib/src/components.d.ts +1 -0
  84. package/lib/src/index.js +1 -1
  85. package/lib/src/locale/lang/en.js +1 -1
  86. package/lib/src/locale/lang/zh-cn.js +1 -1
  87. package/lib/src/path-map.js +1 -1
  88. package/lib/src/version.d.ts +1 -1
  89. package/lib/src/version.js +1 -1
  90. package/lib/test/setup.d.ts +5 -0
  91. package/package.json +5 -8
  92. package/theme/antd-global-overwrite/admin/index.css +11 -9
  93. package/theme/antd-global-overwrite/admin/modal.css +9 -6
  94. package/theme/antd-global-overwrite/admin/modal.less +8 -6
  95. package/theme/antd-global-overwrite/admin/table.css +2 -3
  96. package/theme/antd-global-overwrite/admin/table.less +2 -3
  97. package/theme/antd-global-overwrite/aplus/index.css +11 -8
  98. package/theme/antd-global-overwrite/aplus/modal.css +9 -6
  99. package/theme/antd-global-overwrite/aplus/modal.less +8 -6
  100. package/theme/antd-global-overwrite/aplus/table.css +2 -2
  101. package/theme/antd-global-overwrite/aplus/table.less +2 -2
  102. package/theme/ap-action/item-dropdown.css +2 -2
  103. package/theme/ap-action/item.css +19 -8
  104. package/theme/ap-action/item.less +18 -6
  105. package/theme/ap-appendix/ap-appendix.css +8 -8
  106. package/theme/ap-appendix/ap-appendix.less +6 -6
  107. package/theme/ap-attachment/ap-attachment.css +2 -2
  108. package/theme/ap-batch-action/ap-batch-action.css +5 -5
  109. package/theme/ap-batch-action/ap-batch-action.less +3 -3
  110. package/theme/ap-button/ap-button.css +2 -2
  111. package/theme/ap-card/ap-card.css +2 -2
  112. package/theme/ap-copy/ap-copy.css +94 -0
  113. package/theme/ap-copy/ap-copy.less +59 -0
  114. package/theme/ap-descriptions/ap-descriptions.css +6 -6
  115. package/theme/ap-descriptions/ap-descriptions.less +4 -4
  116. package/theme/ap-download/ap-download.css +2 -2
  117. package/theme/ap-expand-alert/ap-expand-alert.css +2 -2
  118. package/theme/ap-field/checkbox.css +2 -2
  119. package/theme/ap-field/index.css +2 -2
  120. package/theme/ap-field/number.css +2 -2
  121. package/theme/ap-field/radio.css +2 -2
  122. package/theme/ap-field/text-area.css +2 -2
  123. package/theme/ap-form/ap-form-item-group.css +2 -2
  124. package/theme/ap-form/ap-form-item.css +6 -6
  125. package/theme/ap-form/ap-form-item.less +4 -4
  126. package/theme/ap-form/drawer-form.css +2 -2
  127. package/theme/ap-form/index.css +13 -13
  128. package/theme/ap-form/item-text-group.css +2 -2
  129. package/theme/ap-form/item-text.css +2 -2
  130. package/theme/ap-form/modal-form.css +2 -2
  131. package/theme/ap-form/search-form-sorter.css +6 -6
  132. package/theme/ap-form/search-form-sorter.less +4 -4
  133. package/theme/ap-form/search-form.css +13 -13
  134. package/theme/ap-form/search-form.less +3 -3
  135. package/theme/ap-grid/editable.css +2 -2
  136. package/theme/ap-grid/index.css +43 -24
  137. package/theme/ap-grid/index.less +14 -3
  138. package/theme/ap-group-search/ap-extension-select.css +2 -2
  139. package/theme/ap-group-search/ap-group-search.css +2 -2
  140. package/theme/ap-group-search/ap-popover-select.css +2 -2
  141. package/theme/ap-image/ap-image.css +2 -2
  142. package/theme/ap-input-radio/ap-input-radio.css +2 -2
  143. package/theme/ap-label/ap-label.css +2 -2
  144. package/theme/ap-ladder/ap-ladder.css +2 -2
  145. package/theme/ap-layout/ap-info-layout.css +2 -2
  146. package/theme/ap-list/index.css +2 -2
  147. package/theme/ap-product-info/ap-product-info.css +22 -32
  148. package/theme/ap-product-info/ap-product-info.less +28 -42
  149. package/theme/ap-radio-group/ap-radio-group.css +8 -7
  150. package/theme/ap-radio-group/ap-radio-group.less +7 -5
  151. package/theme/ap-select-layout/ap-select-layout.css +2 -2
  152. package/theme/ap-size-input/ap-size-input.css +2 -2
  153. package/theme/ap-status/ap-status.css +2 -2
  154. package/theme/ap-summary/index.css +2 -2
  155. package/theme/ap-table/ap-table-index.css +2 -2
  156. package/theme/ap-table/ap-table-paragraph-ellipsis.css +3 -3
  157. package/theme/ap-table/ap-table-paragraph-ellipsis.less +1 -1
  158. package/theme/ap-table/ap-table.css +59 -37
  159. package/theme/ap-table/ap-table.less +14 -7
  160. package/theme/ap-table/setting/index.css +14 -9
  161. package/theme/ap-table/setting/modal.css +7 -3
  162. package/theme/ap-table/setting/modal.less +5 -1
  163. package/theme/ap-table/setting/select-group.css +2 -2
  164. package/theme/ap-table/setting/sortable-item-meta.css +4 -4
  165. package/theme/ap-table/setting/sortable-item-meta.less +2 -2
  166. package/theme/ap-table/setting/sortable-item.css +2 -2
  167. package/theme/ap-table/setting/sorter.css +7 -6
  168. package/theme/ap-table/setting/sorter.less +4 -4
  169. package/theme/ap-table-modal/index.css +59 -37
  170. package/theme/ap-tag/ap-tag-group.css +2 -2
  171. package/theme/ap-tag/ap-tag.css +3 -3
  172. package/theme/ap-tag/ap-tag.less +1 -1
  173. package/theme/ap-title/ap-title.css +2 -2
  174. package/theme/ap-upload/index.css +2 -2
  175. package/theme/ap-upload/multiple-file.css +2 -2
  176. package/theme/ap-upload/picture.css +2 -2
  177. package/theme/ap-upload/single-file.css +2 -2
  178. package/theme/ap-upload/upload.css +2 -2
  179. package/theme/ap-upload-single/index.css +6 -6
  180. package/theme/ap-upload-single/index.less +4 -4
  181. package/theme/ap-view/ap-view.css +9 -9
  182. package/theme/ap-view/ap-view.less +7 -7
  183. package/theme/batch-input-group/index.css +4 -4
  184. package/theme/batch-input-group/popover-input.css +4 -4
  185. package/theme/batch-input-group/popover-input.less +2 -2
  186. package/theme/check-card/index.css +7 -7
  187. package/theme/check-card/index.less +5 -5
  188. package/theme/editable-table/index.css +30 -19
  189. package/theme/full-screen/index.css +2 -2
  190. package/theme/index.css +229 -206
  191. package/theme/index.less +1 -0
  192. package/theme/mask/index.css +2 -2
  193. package/theme/mixins/mixins.css +2 -2
  194. package/theme/mixins/mixins.less +2 -2
  195. package/theme/scroll-bar/index.css +2 -2
  196. package/theme/scroll-view/index.css +2 -2
  197. package/theme/splitter/index.css +5 -5
  198. package/theme/splitter/index.less +1 -1
  199. package/theme/text/group.css +2 -2
  200. package/theme/text/index.css +6 -6
  201. package/theme/text/index.less +4 -4
  202. package/theme/ui-mode.css +44 -90
  203. package/theme/ui-mode.less +90 -90
  204. package/theme/work-order-modal/index.css +2 -2
@@ -13,7 +13,7 @@
13
13
  height: 10px;
14
14
  }
15
15
  .reset-scrollbar ::-webkit-scrollbar-thumb {
16
- background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
16
+ background-color: var(--ap-scrollbar-thumb-color-base);
17
17
  background-clip: content-box;
18
18
  border: 1px solid transparent;
19
19
  border-radius: 4px;
@@ -24,7 +24,7 @@
24
24
  }
25
25
  .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
26
26
  .reset-scrollbar ::-webkit-scrollbar-thumb:active {
27
- background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
27
+ background-color: var(--ap-scrollbar-thumb-color-hover);
28
28
  }
29
29
  .clear-fix::before {
30
30
  display: table;
@@ -57,19 +57,19 @@
57
57
  cursor: pointer;
58
58
  }
59
59
  .aplus-action-item--primary {
60
- color: var(--ap-action-color-primary-base, #0070FF);
60
+ color: var(--ap-color-link);
61
61
  }
62
62
  .aplus-action-item--primary:not(.aplus-action-item--disabled):hover {
63
- color: var(--ap-action-color-primary-hover, #66A9FF);
63
+ color: var(--ap-color-link-hover);
64
64
  }
65
65
  .aplus-action-item--success {
66
- color: var(--ap-action-color-success, #2ED1A3);
66
+ color: var(--ap-color-success);
67
67
  }
68
68
  .aplus-action-item--error {
69
- color: var(--ap-action-color-error, #FF4D4F);
69
+ color: var(--ap-color-error);
70
70
  }
71
71
  .aplus-action-item--warn {
72
- color: var(--ap-action-color-warn, #FFA940);
72
+ color: var(--ap-color-warn);
73
73
  }
74
74
  .aplus-action-item--loading {
75
75
  opacity: 0.35;
@@ -80,6 +80,17 @@
80
80
  margin-right: 4px;
81
81
  }
82
82
  .aplus-action-item--disabled {
83
- color: #CCE2FF;
84
83
  cursor: not-allowed;
85
84
  }
85
+ .aplus-action-item--primary.aplus-action-item--disabled {
86
+ color: var(--ap-color-primary-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
+ }
@@ -9,22 +9,22 @@
9
9
  cursor: pointer;
10
10
  // 因为这里action-item类似于button type=link 所以主色=link色
11
11
  &--primary {
12
- color: var(--ap-action-color-primary-base, #0070FF);
12
+ color: var(--ap-color-link);
13
13
  &:not(.@{aid}):hover {
14
- color: var(--ap-action-color-primary-hover, #66A9FF);
14
+ color: var(--ap-color-link-hover);
15
15
  }
16
16
  }
17
17
 
18
18
  &--success {
19
- color: var(--ap-action-color-success, #2ED1A3);
19
+ color: var(--ap-color-success);
20
20
  }
21
21
 
22
22
  &--error {
23
- color: var(--ap-action-color-error, #FF4D4F);
23
+ color: var(--ap-color-error);
24
24
  }
25
25
 
26
26
  &--warn {
27
- color: var(--ap-action-color-warn, #FFA940);
27
+ color: var(--ap-color-warn);
28
28
  }
29
29
 
30
30
  &--loading {
@@ -37,7 +37,19 @@
37
37
  }
38
38
 
39
39
  &--disabled {
40
- color: #CCE2FF;
41
40
  cursor: not-allowed;
42
41
  }
42
+
43
+ &--primary&--disabled {
44
+ color: var(--ap-color-primary-disabled);
45
+ }
46
+ &--success&--disabled {
47
+ color: var(--ap-color-success-disabled);
48
+ }
49
+ &--error&--disabled {
50
+ color: var(--ap-color-error-disabled);
51
+ }
52
+ &--warn&--disabled {
53
+ color: var(--ap-color-warn-disabled);
54
+ }
43
55
  });
@@ -13,7 +13,7 @@
13
13
  height: 10px;
14
14
  }
15
15
  .reset-scrollbar ::-webkit-scrollbar-thumb {
16
- background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
16
+ background-color: var(--ap-scrollbar-thumb-color-base);
17
17
  background-clip: content-box;
18
18
  border: 1px solid transparent;
19
19
  border-radius: 4px;
@@ -24,7 +24,7 @@
24
24
  }
25
25
  .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
26
26
  .reset-scrollbar ::-webkit-scrollbar-thumb:active {
27
- background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
27
+ background-color: var(--ap-scrollbar-thumb-color-hover);
28
28
  }
29
29
  .clear-fix::before {
30
30
  display: table;
@@ -59,7 +59,7 @@
59
59
  margin-top: 12px;
60
60
  }
61
61
  .aplus-ap-appendix__file-area--border {
62
- border: 1px dashed var(--ap-appendix-area-color-border, #DEE4ED);
62
+ border: 1px dashed var(--ap-border-color-base);
63
63
  padding: 12px;
64
64
  border-radius: 4px;
65
65
  }
@@ -87,7 +87,7 @@
87
87
  }
88
88
  .aplus-ap-appendix__file-area-content-item-icon svg {
89
89
  width: 16px;
90
- color: var(--ap-appendix-area-color-icon, #ABB7CC);
90
+ color: var(--ap-text-color-4);
91
91
  }
92
92
  .aplus-ap-appendix__file-area-content-item-file-name {
93
93
  min-width: 0;
@@ -100,18 +100,18 @@
100
100
  .aplus-ap-appendix__file-area-content-item-file-name .ant-typography {
101
101
  font-size: 12px;
102
102
  line-height: 1.5;
103
- color: var(--ap-appendix-area-color-font, #182948);
103
+ color: var(--ap-text-color-2);
104
104
  transition: color 0.2s;
105
105
  }
106
106
  .aplus-ap-appendix__file-area-content-item-content:hover .ant-typography {
107
- color: var(--ap-appendix-area-color-font-hover, #0070ff);
107
+ color: var(--ap-color-link);
108
108
  }
109
109
  .aplus-ap-appendix__file-area-content-item--loading-content {
110
110
  cursor: not-allowed;
111
111
  }
112
112
  .aplus-ap-appendix__file-area-content-item--loading .ant-typography {
113
- color: var(--ap-appendix-area-color-font-disabled, #ABB7CC);
113
+ color: var(--ap-text-color-4);
114
114
  }
115
115
  .aplus-ap-appendix__file-area-content-item--loading-content:hover .ant-typography {
116
- color: var(--ap-appendix-area-color-font-disabled, #ABB7CC);
116
+ color: var(--ap-text-color-4);
117
117
  }
@@ -14,7 +14,7 @@
14
14
  &__file-area {
15
15
  margin-top: 12px;
16
16
  &--border{
17
- border: 1px dashed var(--ap-appendix-area-color-border,#DEE4ED);
17
+ border: 1px dashed var(--ap-border-color-base);
18
18
  padding: 12px;
19
19
  border-radius: 4px;
20
20
  }
@@ -36,7 +36,7 @@
36
36
  margin-right: 8px;
37
37
  svg{
38
38
  width: 16px;
39
- color: var(--ap-appendix-area-color-icon,#ABB7CC);
39
+ color: var(--ap-text-color-4);
40
40
  }
41
41
  }
42
42
  &-file-name{
@@ -48,13 +48,13 @@
48
48
  .ant-typography{
49
49
  font-size: @font-size-base;
50
50
  line-height: @line-height-base;
51
- color: var(--ap-appendix-area-color-font,#182948);
51
+ color: var(--ap-text-color-2);
52
52
  transition: color 0.2s;
53
53
  }
54
54
  }
55
55
  &-content:hover{
56
56
  .ant-typography{
57
- color: var(--ap-appendix-area-color-font-hover,#0070ff);
57
+ color: var(--ap-color-link);
58
58
  }
59
59
  }
60
60
  &--loading{
@@ -62,11 +62,11 @@
62
62
  cursor: not-allowed;
63
63
  }
64
64
  .ant-typography{
65
- color: var(--ap-appendix-area-color-font-disabled,#ABB7CC);
65
+ color: var(--ap-text-color-4);
66
66
  }
67
67
  &-content:hover{
68
68
  .ant-typography{
69
- color: var(--ap-appendix-area-color-font-disabled,#ABB7CC);
69
+ color: var(--ap-text-color-4);
70
70
  }
71
71
  }
72
72
  }
@@ -13,7 +13,7 @@
13
13
  height: 10px;
14
14
  }
15
15
  .reset-scrollbar ::-webkit-scrollbar-thumb {
16
- background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
16
+ background-color: var(--ap-scrollbar-thumb-color-base);
17
17
  background-clip: content-box;
18
18
  border: 1px solid transparent;
19
19
  border-radius: 4px;
@@ -24,7 +24,7 @@
24
24
  }
25
25
  .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
26
26
  .reset-scrollbar ::-webkit-scrollbar-thumb:active {
27
- background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
27
+ background-color: var(--ap-scrollbar-thumb-color-hover);
28
28
  }
29
29
  .clear-fix::before {
30
30
  display: table;
@@ -13,7 +13,7 @@
13
13
  height: 10px;
14
14
  }
15
15
  .reset-scrollbar ::-webkit-scrollbar-thumb {
16
- background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
16
+ background-color: var(--ap-scrollbar-thumb-color-base);
17
17
  background-clip: content-box;
18
18
  border: 1px solid transparent;
19
19
  border-radius: 4px;
@@ -24,7 +24,7 @@
24
24
  }
25
25
  .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
26
26
  .reset-scrollbar ::-webkit-scrollbar-thumb:active {
27
- background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
27
+ background-color: var(--ap-scrollbar-thumb-color-hover);
28
28
  }
29
29
  .clear-fix::before {
30
30
  display: table;
@@ -62,10 +62,10 @@
62
62
  display: flex;
63
63
  align-items: center;
64
64
  font-size: 12px;
65
- color: var(--ap-batch-action-color-font, #8896b0);
65
+ color: var(--ap-text-color-3);
66
66
  }
67
67
  .aplus-ap-batch-action-body .selected-desc-conut span {
68
- color: var(--ap-batch-action-color-active, #0070ff);
68
+ color: var(--ap-color-primary);
69
69
  font-weight: bold;
70
70
  min-width: 10px;
71
71
  text-align: center;
@@ -81,5 +81,5 @@
81
81
  width: 100%;
82
82
  padding-bottom: 8px;
83
83
  margin-bottom: 8px;
84
- border-bottom: 1px solid var(--ap-batch-action-color-border, #E9EDF3);
84
+ border-bottom: 1px solid var(--ap-color-bg);
85
85
  }
@@ -15,9 +15,9 @@
15
15
  display: flex;
16
16
  align-items: center;
17
17
  font-size: @font-size-base;
18
- color: var(--ap-batch-action-color-font,#8896b0);
18
+ color: var(--ap-text-color-3);
19
19
  span{
20
- color: var(--ap-batch-action-color-active,#0070ff);
20
+ color: var(--ap-color-primary);
21
21
  font-weight: bold;
22
22
  min-width: 10px;
23
23
  text-align: center;
@@ -36,6 +36,6 @@
36
36
  width: 100%;
37
37
  padding-bottom: 8px;
38
38
  margin-bottom: 8px;
39
- border-bottom: 1px solid var(--ap-batch-action-color-border,#E9EDF3);
39
+ border-bottom: 1px solid var(--ap-color-bg);
40
40
  }
41
41
  });
@@ -13,7 +13,7 @@
13
13
  height: 10px;
14
14
  }
15
15
  .reset-scrollbar ::-webkit-scrollbar-thumb {
16
- background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
16
+ background-color: var(--ap-scrollbar-thumb-color-base);
17
17
  background-clip: content-box;
18
18
  border: 1px solid transparent;
19
19
  border-radius: 4px;
@@ -24,7 +24,7 @@
24
24
  }
25
25
  .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
26
26
  .reset-scrollbar ::-webkit-scrollbar-thumb:active {
27
- background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
27
+ background-color: var(--ap-scrollbar-thumb-color-hover);
28
28
  }
29
29
  .clear-fix::before {
30
30
  display: table;
@@ -13,7 +13,7 @@
13
13
  height: 10px;
14
14
  }
15
15
  .reset-scrollbar ::-webkit-scrollbar-thumb {
16
- background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
16
+ background-color: var(--ap-scrollbar-thumb-color-base);
17
17
  background-clip: content-box;
18
18
  border: 1px solid transparent;
19
19
  border-radius: 4px;
@@ -24,7 +24,7 @@
24
24
  }
25
25
  .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
26
26
  .reset-scrollbar ::-webkit-scrollbar-thumb:active {
27
- background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
27
+ background-color: var(--ap-scrollbar-thumb-color-hover);
28
28
  }
29
29
  .clear-fix::before {
30
30
  display: table;
@@ -0,0 +1,94 @@
1
+ .reset-component {
2
+ box-sizing: border-box;
3
+ margin: 0;
4
+ padding: 0;
5
+ color: #182948;
6
+ font-size: 12px;
7
+ font-family: inherit;
8
+ line-height: 1.5;
9
+ list-style: none;
10
+ }
11
+ .reset-scrollbar ::-webkit-scrollbar {
12
+ width: 10px;
13
+ height: 10px;
14
+ }
15
+ .reset-scrollbar ::-webkit-scrollbar-thumb {
16
+ background-color: var(--ap-scrollbar-thumb-color-base);
17
+ background-clip: content-box;
18
+ border: 1px solid transparent;
19
+ border-radius: 4px;
20
+ }
21
+ .reset-scrollbar ::-webkit-scrollbar-track,
22
+ .reset-scrollbar ::-webkit-scrollbar-corner {
23
+ background-color: var(--ap-table-header-bg, #f2f6f9);
24
+ }
25
+ .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
26
+ .reset-scrollbar ::-webkit-scrollbar-thumb:active {
27
+ background-color: var(--ap-scrollbar-thumb-color-hover);
28
+ }
29
+ .clear-fix::before {
30
+ display: table;
31
+ content: '';
32
+ }
33
+ .clear-fix::after {
34
+ display: table;
35
+ clear: both;
36
+ content: '';
37
+ }
38
+ .common-style {
39
+ box-sizing: border-box;
40
+ font-size: 12px;
41
+ font-family: inherit;
42
+ }
43
+ .common-style::before,
44
+ .common-style::after {
45
+ box-sizing: border-box;
46
+ }
47
+ .aplus-ap-copy {
48
+ display: flex;
49
+ align-items: center;
50
+ width: 100%;
51
+ }
52
+ .aplus-ap-copy .copy-btn {
53
+ opacity: 0;
54
+ transition: opacity 0.2s ease;
55
+ }
56
+ .aplus-ap-copy:hover .copy-btn {
57
+ opacity: 1;
58
+ }
59
+ .aplus-ap-copy__text {
60
+ overflow: hidden;
61
+ text-overflow: ellipsis;
62
+ white-space: nowrap;
63
+ height: 18px;
64
+ line-height: 18px;
65
+ }
66
+ .aplus-ap-copy--text-major {
67
+ color: var(--ap-text-color-2);
68
+ }
69
+ .aplus-ap-copy--text-minor {
70
+ color: var(--ap-text-color-3);
71
+ }
72
+ .aplus-ap-copy--text-link {
73
+ color: var(--ap-color-link);
74
+ cursor: pointer;
75
+ }
76
+ .aplus-ap-copy--text-link:hover {
77
+ color: var(--ap-color-link-hover);
78
+ }
79
+ .aplus-ap-copy__copy-btn {
80
+ flex-shrink: 0;
81
+ width: 16px;
82
+ margin-left: 4px;
83
+ }
84
+ .aplus-ap-copy__copy-btn .aplus-frontend-icon {
85
+ cursor: pointer;
86
+ color: #ABB7CC;
87
+ }
88
+ .aplus-ap-copy__copy-btn:hover .aplus-frontend-icon {
89
+ cursor: pointer;
90
+ color: var(--ap-color-link);
91
+ }
92
+ .aplus-ap-copy--admin .aplus-ap-product-info__text {
93
+ color: #333333;
94
+ }
@@ -0,0 +1,59 @@
1
+ @import '../mixins/mixins.less';
2
+
3
+ .b(ap-copy, {
4
+ @root-cls: ~'@{ns}@{common-separator}ap-product-info';
5
+ display: flex;
6
+ align-items: center;
7
+ width: 100%;
8
+ .copy-btn{
9
+ opacity: 0; // 默认透明而非隐藏
10
+ transition: opacity 0.2s ease;
11
+ }
12
+ &:hover{
13
+ .copy-btn{
14
+ opacity: 1;
15
+ }
16
+ }
17
+ &__text{
18
+ overflow: hidden;
19
+ text-overflow: ellipsis;
20
+ white-space: nowrap;
21
+ height: 18px;
22
+ line-height: 18px;
23
+ }
24
+ &--text-major{
25
+ color: var(--ap-text-color-2);
26
+ }
27
+ &--text-minor{
28
+ color: var(--ap-text-color-3)
29
+ }
30
+ &--text-link{
31
+ color: var(--ap-color-link);
32
+ cursor: pointer;
33
+ &:hover{
34
+ color: var(--ap-color-link-hover);
35
+ }
36
+ }
37
+ &__copy-btn{
38
+ flex-shrink: 0; // 防止按钮被压缩
39
+ width: 16px;
40
+ margin-left:4px;
41
+ .aplus-frontend-icon{
42
+ cursor: pointer;
43
+ color:#ABB7CC;
44
+ }
45
+ }
46
+ &__copy-btn:hover{
47
+ .aplus-frontend-icon{
48
+ cursor: pointer;
49
+ color: var(--ap-color-link);
50
+ }
51
+ }
52
+ &--admin {
53
+ .@{root-cls} {
54
+ &__text{
55
+ color:#333333;
56
+ }
57
+ }
58
+ }
59
+ });
@@ -13,7 +13,7 @@
13
13
  height: 10px;
14
14
  }
15
15
  .reset-scrollbar ::-webkit-scrollbar-thumb {
16
- background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
16
+ background-color: var(--ap-scrollbar-thumb-color-base);
17
17
  background-clip: content-box;
18
18
  border: 1px solid transparent;
19
19
  border-radius: 4px;
@@ -24,7 +24,7 @@
24
24
  }
25
25
  .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
26
26
  .reset-scrollbar ::-webkit-scrollbar-thumb:active {
27
- background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
27
+ background-color: var(--ap-scrollbar-thumb-color-hover);
28
28
  }
29
29
  .clear-fix::before {
30
30
  display: table;
@@ -52,13 +52,13 @@
52
52
  table-layout: fixed;
53
53
  }
54
54
  .aplus-ap-descriptions .ant-descriptions td.ant-descriptions-item {
55
- padding-bottom: var(--ap-descriptions-item-padding-bottom);
55
+ padding-bottom: var(--ap-descriptions-item-padding-bottom, 16px);
56
56
  }
57
57
  .aplus-ap-descriptions .ant-descriptions th.ant-descriptions-item {
58
58
  padding-bottom: 8px;
59
59
  }
60
60
  .aplus-ap-descriptions .ant-descriptions .ant-descriptions-row:last-child .ant-descriptions-item {
61
- padding-bottom: var(--ap-descriptions-last-row-item-padding-bottom);
61
+ padding-bottom: var(--ap-descriptions-last-row-item-padding-bottom, 0px);
62
62
  }
63
63
  .aplus-ap-descriptions .ant-descriptions .ant-descriptions-item-label::after {
64
64
  margin-inline: 4px 12px;
@@ -84,7 +84,7 @@
84
84
  }
85
85
  .aplus-ap-descriptions--admin .ant-descriptions-row .ant-descriptions-item-label {
86
86
  justify-content: flex-end;
87
- width: var(--ap-descriptions-item-label-width);
87
+ width: var(--ap-descriptions-item-label-width, auto);
88
88
  color: #999999;
89
89
  }
90
90
  .aplus-ap-descriptions--admin .ant-descriptions-row .ant-descriptions-item-label .ap-descriptions-item-content__help {
@@ -101,7 +101,7 @@
101
101
  }
102
102
  .aplus-ap-descriptions--aplus .ant-descriptions-row .ant-descriptions-item-label {
103
103
  justify-content: flex-end;
104
- width: var(--ap-descriptions-item-label-width);
104
+ width: var(--ap-descriptions-item-label-width, auto);
105
105
  color: #8896B0;
106
106
  }
107
107
  .aplus-ap-descriptions--aplus .ant-descriptions-row .ant-descriptions-item-label .ap-descriptions-item-content__help {
@@ -14,7 +14,7 @@
14
14
 
15
15
  td {
16
16
  &.ant-descriptions-item {
17
- padding-bottom: var(--ap-descriptions-item-padding-bottom);
17
+ padding-bottom: var(--ap-descriptions-item-padding-bottom, 16px);
18
18
  }
19
19
  }
20
20
  th {
@@ -26,7 +26,7 @@
26
26
  .ant-descriptions-row {
27
27
  &:last-child {
28
28
  .ant-descriptions-item {
29
- padding-bottom: var(--ap-descriptions-last-row-item-padding-bottom);
29
+ padding-bottom: var(--ap-descriptions-last-row-item-padding-bottom, 0px);
30
30
  }
31
31
  }
32
32
  }
@@ -73,7 +73,7 @@
73
73
  .ant-descriptions-row {
74
74
  .ant-descriptions-item-label {
75
75
  justify-content: flex-end;
76
- width: var(--ap-descriptions-item-label-width);
76
+ width: var(--ap-descriptions-item-label-width, auto);
77
77
  color: #999999;
78
78
  // 帮助icon样式
79
79
  .ap-descriptions-item-content__help {
@@ -99,7 +99,7 @@
99
99
  .ant-descriptions-row {
100
100
  .ant-descriptions-item-label {
101
101
  justify-content: flex-end;
102
- width: var(--ap-descriptions-item-label-width);
102
+ width: var(--ap-descriptions-item-label-width, auto);
103
103
  color: #8896B0;
104
104
 
105
105
  // 帮助icon样式
@@ -13,7 +13,7 @@
13
13
  height: 10px;
14
14
  }
15
15
  .reset-scrollbar ::-webkit-scrollbar-thumb {
16
- background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
16
+ background-color: var(--ap-scrollbar-thumb-color-base);
17
17
  background-clip: content-box;
18
18
  border: 1px solid transparent;
19
19
  border-radius: 4px;
@@ -24,7 +24,7 @@
24
24
  }
25
25
  .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
26
26
  .reset-scrollbar ::-webkit-scrollbar-thumb:active {
27
- background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
27
+ background-color: var(--ap-scrollbar-thumb-color-hover);
28
28
  }
29
29
  .clear-fix::before {
30
30
  display: table;
@@ -13,7 +13,7 @@
13
13
  height: 10px;
14
14
  }
15
15
  .reset-scrollbar ::-webkit-scrollbar-thumb {
16
- background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
16
+ background-color: var(--ap-scrollbar-thumb-color-base);
17
17
  background-clip: content-box;
18
18
  border: 1px solid transparent;
19
19
  border-radius: 4px;
@@ -24,7 +24,7 @@
24
24
  }
25
25
  .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
26
26
  .reset-scrollbar ::-webkit-scrollbar-thumb:active {
27
- background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
27
+ background-color: var(--ap-scrollbar-thumb-color-hover);
28
28
  }
29
29
  .clear-fix::before {
30
30
  display: table;
@@ -13,7 +13,7 @@
13
13
  height: 10px;
14
14
  }
15
15
  .reset-scrollbar ::-webkit-scrollbar-thumb {
16
- background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
16
+ background-color: var(--ap-scrollbar-thumb-color-base);
17
17
  background-clip: content-box;
18
18
  border: 1px solid transparent;
19
19
  border-radius: 4px;
@@ -24,7 +24,7 @@
24
24
  }
25
25
  .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
26
26
  .reset-scrollbar ::-webkit-scrollbar-thumb:active {
27
- background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
27
+ background-color: var(--ap-scrollbar-thumb-color-hover);
28
28
  }
29
29
  .clear-fix::before {
30
30
  display: table;
@@ -13,7 +13,7 @@
13
13
  height: 10px;
14
14
  }
15
15
  .reset-scrollbar ::-webkit-scrollbar-thumb {
16
- background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
16
+ background-color: var(--ap-scrollbar-thumb-color-base);
17
17
  background-clip: content-box;
18
18
  border: 1px solid transparent;
19
19
  border-radius: 4px;
@@ -24,7 +24,7 @@
24
24
  }
25
25
  .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
26
26
  .reset-scrollbar ::-webkit-scrollbar-thumb:active {
27
- background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
27
+ background-color: var(--ap-scrollbar-thumb-color-hover);
28
28
  }
29
29
  .clear-fix::before {
30
30
  display: table;
@@ -13,7 +13,7 @@
13
13
  height: 10px;
14
14
  }
15
15
  .reset-scrollbar ::-webkit-scrollbar-thumb {
16
- background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
16
+ background-color: var(--ap-scrollbar-thumb-color-base);
17
17
  background-clip: content-box;
18
18
  border: 1px solid transparent;
19
19
  border-radius: 4px;
@@ -24,7 +24,7 @@
24
24
  }
25
25
  .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
26
26
  .reset-scrollbar ::-webkit-scrollbar-thumb:active {
27
- background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
27
+ background-color: var(--ap-scrollbar-thumb-color-hover);
28
28
  }
29
29
  .clear-fix::before {
30
30
  display: table;
@@ -13,7 +13,7 @@
13
13
  height: 10px;
14
14
  }
15
15
  .reset-scrollbar ::-webkit-scrollbar-thumb {
16
- background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
16
+ background-color: var(--ap-scrollbar-thumb-color-base);
17
17
  background-clip: content-box;
18
18
  border: 1px solid transparent;
19
19
  border-radius: 4px;
@@ -24,7 +24,7 @@
24
24
  }
25
25
  .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
26
26
  .reset-scrollbar ::-webkit-scrollbar-thumb:active {
27
- background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
27
+ background-color: var(--ap-scrollbar-thumb-color-hover);
28
28
  }
29
29
  .clear-fix::before {
30
30
  display: table;