@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
package/theme/index.less CHANGED
@@ -14,6 +14,7 @@
14
14
  @import './ap-label/ap-label.less';
15
15
  @import './ap-ladder/ap-ladder.less';
16
16
  @import './ap-product-info/ap-product-info.less';
17
+ @import './ap-copy/ap-copy.less';
17
18
  @import './ap-layout/ap-info-layout.less';
18
19
  @import './ap-list/index.less';
19
20
  @import './ap-select-layout/ap-select-layout.less';
package/theme/mask/index.css CHANGED
@@ -42,7 +42,7 @@
42
42
  height: 10px;
43
43
  }
44
44
  .reset-scrollbar ::-webkit-scrollbar-thumb {
45
- background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
45
+ background-color: var(--ap-scrollbar-thumb-color-base);
46
46
  background-clip: content-box;
47
47
  border: 1px solid transparent;
48
48
  border-radius: 4px;
@@ -53,7 +53,7 @@
53
53
  }
54
54
  .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
55
55
  .reset-scrollbar ::-webkit-scrollbar-thumb:active {
56
- background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
56
+ background-color: var(--ap-scrollbar-thumb-color-hover);
57
57
  }
58
58
  .clear-fix::before {
59
59
  display: table;
package/theme/mixins/mixins.css CHANGED
@@ -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;
package/theme/mixins/mixins.less CHANGED
@@ -27,7 +27,7 @@
27
27
  }
28
28
 
29
29
  ::-webkit-scrollbar-thumb {
30
- background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
30
+ background-color: var(--ap-scrollbar-thumb-color-base);
31
31
  background-clip: content-box;
32
32
  border: 1px solid transparent;
33
33
  border-radius: 4px;
@@ -40,7 +40,7 @@
40
40
 
41
41
  ::-webkit-scrollbar-thumb:hover,
42
42
  ::-webkit-scrollbar-thumb:active {
43
- background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
43
+ background-color: var(--ap-scrollbar-thumb-color-hover);
44
44
  }
45
45
  }
46
46
 
package/theme/scroll-bar/index.css CHANGED
@@ -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;
package/theme/scroll-view/index.css CHANGED
@@ -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;
package/theme/splitter/index.css CHANGED
@@ -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;
@@ -54,7 +54,7 @@
54
54
  position: absolute;
55
55
  z-index: 1;
56
56
  display: none;
57
- background: var(--basic-color-primary, #0070ff);
57
+ background: var(--ap-color-primary);
58
58
  opacity: 0.2;
59
59
  transition: none;
60
60
  pointer-events: none;
@@ -177,7 +177,7 @@
177
177
  position: absolute;
178
178
  z-index: 1;
179
179
  display: none;
180
- background: var(--basic-color-primary, #0070ff);
180
+ background: var(--ap-color-primary);
181
181
  opacity: 0.2;
182
182
  transition: none;
183
183
  pointer-events: none;
@@ -225,7 +225,7 @@
225
225
  position: absolute;
226
226
  z-index: 1;
227
227
  display: none;
228
- background: var(--basic-color-primary, #0070ff);
228
+ background: var(--ap-color-primary);
229
229
  opacity: 0.2;
230
230
  transition: none;
231
231
  pointer-events: none;
package/theme/splitter/index.less CHANGED
@@ -12,7 +12,7 @@
12
12
  position: absolute;
13
13
  z-index: 1;
14
14
  display: none;
15
- background: var(--basic-color-primary, #0070ff);
15
+ background: var(--ap-color-primary);
16
16
  opacity: 0.2;
17
17
  transition: none;
18
18
  pointer-events: none;
package/theme/text/group.css CHANGED
@@ -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;
package/theme/text/index.css CHANGED
@@ -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;
@@ -63,7 +63,7 @@
63
63
  .aplus-ap-text__label {
64
64
  display: inline-flex;
65
65
  align-items: baseline;
66
- color: var(--ap-text-label-color, #8896b0);
66
+ color: var(--ap-text-color-3);
67
67
  }
68
68
  .aplus-ap-text__label::after {
69
69
  content: ':';
@@ -87,11 +87,11 @@
87
87
  line-height: 1;
88
88
  }
89
89
  .aplus-ap-text span.ant-typography {
90
- color: var(--ap-text-content-color-major, #182948);
90
+ color: var(--ap-text-color-2);
91
91
  }
92
92
  .aplus-ap-text span.ant-typography.ant-typography-secondary {
93
- color: var(--ap-text-content-color-minor, #8896b0);
93
+ color: var(--ap-text-color-3);
94
94
  }
95
95
  .aplus-ap-text a.ant-typography {
96
- color: var(--basic-color-primary, #0070ff);
96
+ color: var(--ap-color-primary);
97
97
  }
package/theme/text/index.less CHANGED
@@ -12,7 +12,7 @@
12
12
  &__label {
13
13
  display: inline-flex;
14
14
  align-items: baseline;
15
- color: var(--ap-text-label-color, #8896b0);
15
+ color: var(--ap-text-color-3);
16
16
  &::after {
17
17
  content: ':';
18
18
  position: relative;
@@ -38,12 +38,12 @@
38
38
  }
39
39
  }
40
40
  span.ant-typography {
41
- color: var(--ap-text-content-color-major, #182948);
41
+ color: var(--ap-text-color-2);
42
42
  }
43
43
  span.ant-typography.ant-typography-secondary {
44
- color: var(--ap-text-content-color-minor, #8896b0);
44
+ color: var(--ap-text-color-3);
45
45
  }
46
46
  a.ant-typography {
47
- color: var(--basic-color-primary, #0070ff);
47
+ color: var(--ap-color-primary);
48
48
  }
49
49
  });
package/theme/ui-mode.css CHANGED
@@ -1,102 +1,56 @@
1
1
  [data-aplus-ui-mode='aplus'] {
2
- --ap-form-bordered-border-color-base: #dee4ed;
3
- --ap-form-bordered-border-color-hover: #66a9ff;
4
- --ap-form-bordered-border-color-active: #66a9ff;
2
+ --ap-border-color-base: #dee4ed;
3
+ --ap-hover-color-base: #66a9ff;
4
+ --ap-active-color-base: #66a9ff;
5
+ --ap-color-primary: #0070ff;
6
+ --ap-color-primary-disabled: #cce2ff;
7
+ --ap-color-link: #0070ff;
8
+ --ap-color-link-hover: #66a9ff;
5
9
  --ap-form-bordered-shadow-color: rgba(5, 155, 255, 0.1);
6
- --ap-action-color-primary-base: #0070ff;
7
- --ap-action-color-primary-hover: #66a9ff;
8
- --ap-action-color-success: #2ed1a3;
9
- --ap-action-color-error: #ff4d4f;
10
- --ap-action-color-warn: #ffa940;
11
- --check-card-outline-color: #e9edf3;
12
- --check-card-hover-outline-color: #0070ff;
13
- --check-card-checked-outline-color: #0070ff;
14
- --check-card-checked-bg: #0070ff;
10
+ --ap-color-success: #2ed1a3;
11
+ --ap-color-success-disabled: #d5f6ed;
12
+ --ap-color-error: #ff4d4f;
13
+ --ap-color-error-disabled: #ffdbdc;
14
+ --ap-color-warn: #ffa940;
15
+ --ap-color-warn-disabled: #ffeed9;
15
16
  --ap-table-header-bg: #f2f6f9;
16
- --ap-table-pagination-total-color: #526a90;
17
- --ap-table-pagination-total-count-color: #182948;
18
- --ap-table-setting-button-color: #8896b0;
19
- --ap-batch-action-color-font: #8896b0;
20
- --ap-batch-action-color-active: #0070ff;
21
- --ap-batch-action-color-border: #e9edf3;
22
- --basic-color-primary: #0070ff;
23
- --basic-scrollbar-thumb-color-base: #c8d1de;
24
- --basic-scrollbar-thumb-color-hover: #959ca7;
25
- --ap-descriptions-item-padding-bottom: 16px;
26
- --ap-descriptions-item-label-width: auto;
27
- --ap-descriptions-last-row-item-padding-bottom: 0px;
28
- --ap-appendix-area-color-border: #dee4ed;
29
- --ap-appendix-area-color-font: #182948;
30
- --ap-appendix-area-color-font-hover: #0070ff;
31
- --ap-appendix-area-color-font-disabled: #abb7cc;
32
- --ap-appendix-area-color-icon: #abb7cc;
33
- --ap-upload-single-color-main: #182948;
34
- --ap-upload-single-color-sub: #abb7cc;
35
- --ap-upload-single-color-border: #dee4ed;
36
- --ap-upload-single-color-primary: #0070ff;
37
- --batch-input-group-trigger-color: #526a90;
17
+ --ap-text-color-1: #526a90;
18
+ --ap-text-color-2: #182948;
19
+ --ap-text-color-3: #8896b0;
20
+ --ap-color-bg: #e9edf3;
21
+ --ap-color-bg-1: #f6f9fa;
22
+ --ap-color-bg-2: #f3f5f8;
23
+ --ap-scrollbar-thumb-color-base: #c8d1de;
24
+ --ap-scrollbar-thumb-color-hover: #959ca7;
25
+ --ap-text-color-4: #abb7cc;
38
26
  --batch-input-group-trigger-color-disabled: rgba(24, 41, 72, 0.25);
39
- --ap-text-label-color: #8896b0;
40
- --ap-text-content-color-major: #182948;
41
- --ap-text-content-color-minor: #8896b0;
42
- --ap-view-icon-color: #8896b0;
43
- --ap-view-bg-color: #f6f9fa;
44
- --ap-view-message-color: #abb7cc;
45
- --ap-view-border-color: #dee4ed;
46
- --basic-bg-color: #e9edf3;
47
- --ap-radio-group-item-font-color: #526a90;
48
- --ap-radio-group-item-bg-color: #f3f5f8;
49
- --ap-radio-group-item-active-font-color: #0070ff;
50
27
  --ap-radio-group-item-active-bg-color: rgba(0, 112, 255, 0.12);
51
28
  }
52
29
  [data-aplus-ui-mode='admin'] {
53
- --ap-form-bordered-border-color-base: #d9d9d9;
54
- --ap-form-bordered-border-color-hover: #85d4b0;
55
- --ap-form-bordered-border-color-active: #85d4b0;
30
+ --ap-border-color-base: #d9d9d9;
31
+ --ap-hover-color-base: #85d4b0;
32
+ --ap-active-color-base: #85d4b0;
33
+ --ap-color-primary: #34b77c;
34
+ --ap-color-primary-disabled: #d6f1e5;
35
+ --ap-color-link: #1890ff;
36
+ --ap-color-link-hover: #5eb1ff;
56
37
  --ap-form-bordered-shadow-color: rgba(11, 166, 66, 0.09);
57
- --ap-action-color-primary-base: #1890ff;
58
- --ap-action-color-primary-hover: #5eb1ff;
59
- --ap-action-color-success: #52c41a;
60
- --ap-action-color-error: #ff4d4f;
61
- --ap-action-color-warn: #faad14;
62
- --check-card-outline-color: #d9d9d9;
63
- --check-card-hover-outline-color: #34b77c;
64
- --check-card-checked-outline-color: #34b77c;
65
- --check-card-checked-bg: #34b77c;
38
+ --ap-color-success: #34b77c;
39
+ --ap-color-success-disabled: #d6f1e5;
40
+ --ap-color-error: #ff4d4f;
41
+ --ap-color-error-disabled: #ffdbdc;
42
+ --ap-color-warn: #faad14;
43
+ --ap-color-warn-disabled: #ffeed9;
66
44
  --ap-table-header-bg: #f7f7f7;
67
- --ap-table-pagination-total-color: #666666;
68
- --ap-table-pagination-total-count-color: #333333;
69
- --ap-table-setting-button-color: #999999;
70
- --ap-batch-action-color-font: #999999;
71
- --ap-batch-action-color-active: #34b77c;
72
- --ap-batch-action-color-border: #e9e9e9;
73
- --basic-color-primary: #34b77c;
74
- --basic-scrollbar-thumb-color-base: #bfbfbf;
75
- --basic-scrollbar-thumb-color-hover: #787878;
76
- --ap-descriptions-item-padding-bottom: 16px;
77
- --ap-descriptions-item-label-width: auto;
78
- --ap-descriptions-last-row-item-padding-bottom: 0px;
79
- --ap-appendix-area-color-border: #d9d9d9;
80
- --ap-appendix-area-color-font: #333333;
81
- --ap-appendix-area-color-font-hover: #1890ff;
82
- --ap-appendix-area-color-font-disabled: #bfbfbf;
83
- --ap-appendix-area-color-icon: #bfbfbf;
84
- --ap-upload-single-color-main: #333333;
85
- --ap-upload-single-color-sub: #bfbfbf;
86
- --ap-upload-single-color-border: #d9d9d9;
87
- --ap-upload-single-color-primary: #34b77c;
88
- --batch-input-group-trigger-color: #999999;
45
+ --ap-text-color-1: #666666;
46
+ --ap-text-color-2: #333333;
47
+ --ap-text-color-3: #999999;
48
+ --ap-color-bg: #e9e9e9;
49
+ --ap-color-bg-1: #f6f9fa;
50
+ --ap-color-bg-2: #f5f5f5;
51
+ --ap-scrollbar-thumb-color-base: #bfbfbf;
52
+ --ap-scrollbar-thumb-color-hover: #787878;
53
+ --ap-text-color-4: #bfbfbf;
89
54
  --batch-input-group-trigger-color-disabled: rgba(0, 0, 0, 0.25);
90
- --ap-text-label-color: #999999;
91
- --ap-text-content-color-major: #333333;
92
- --ap-text-content-color-minor: #999999;
93
- --ap-view-icon-color: #999999;
94
- --ap-view-bg-color: #fafafa;
95
- --ap-view-message-color: #bfbfbf;
96
- --ap-view-border-color: #d9d9d9;
97
- --basic-bg-color: #e9e9e9;
98
- --ap-radio-group-item-font-color: #666666;
99
- --ap-radio-group-item-bg-color: #f5f5f5;
100
- --ap-radio-group-item-active-font-color: #34b77c;
101
55
  --ap-radio-group-item-active-bg-color: rgba(52, 183, 124, 0.12);
102
56
  }
package/theme/ui-mode.less CHANGED
@@ -1,103 +1,103 @@
1
1
  [data-aplus-ui-mode='aplus'] {
2
- --ap-form-bordered-border-color-base: #dee4ed;
3
- --ap-form-bordered-border-color-hover: #66a9ff;
4
- --ap-form-bordered-border-color-active: #66a9ff;
2
+ // 基础边框颜色
3
+ --ap-border-color-base: #dee4ed;
4
+ // 基础hover色
5
+ --ap-hover-color-base: #66a9ff;
6
+ // 基础active色
7
+ --ap-active-color-base: #66a9ff;
8
+ // 系统主色
9
+ --ap-color-primary: #0070ff;
10
+ // 主色-禁用
11
+ --ap-color-primary-disabled: #cce2ff;
12
+ // 链接色
13
+ --ap-color-link: #0070ff;
14
+ // 链接hover色
15
+ --ap-color-link-hover: #66a9ff;
16
+ // 表单项边框样式阴影色
5
17
  --ap-form-bordered-shadow-color: rgba(5, 155, 255, 0.1);
6
- --ap-action-color-primary-base: #0070ff;
7
- --ap-action-color-primary-hover: #66a9ff;
8
- --ap-action-color-success: #2ed1a3;
9
- --ap-action-color-error: #ff4d4f;
10
- --ap-action-color-warn: #ffa940;
11
- --check-card-outline-color: #e9edf3;
12
- --check-card-hover-outline-color: #0070ff;
13
- --check-card-checked-outline-color: #0070ff;
14
- --check-card-checked-bg: #0070ff;
18
+ // 成功色
19
+ --ap-color-success: #2ed1a3;
20
+ // 成功色-禁用
21
+ --ap-color-success-disabled: #d5f6ed;
22
+ // 失败色
23
+ --ap-color-error: #ff4d4f;
24
+ // 失败色-禁用
25
+ --ap-color-error-disabled: #ffdbdc;
26
+ // 警告色
27
+ --ap-color-warn: #ffa940;
28
+ // 警告色-禁用
29
+ --ap-color-warn-disabled: #ffeed9;
30
+ // 表格表头背景色
15
31
  --ap-table-header-bg: #f2f6f9;
16
- --ap-table-pagination-total-color: #526a90;
17
- --ap-table-pagination-total-count-color: #182948;
18
- --ap-table-setting-button-color: #8896b0;
19
- --ap-batch-action-color-font: #8896b0;
20
- --ap-batch-action-color-active: #0070ff;
21
- --ap-batch-action-color-border: #e9edf3;
22
- --basic-color-primary: #0070ff;
23
- --basic-scrollbar-thumb-color-base: #c8d1de;
24
- --basic-scrollbar-thumb-color-hover: #959ca7;
25
- --ap-descriptions-item-padding-bottom: 16px;
26
- --ap-descriptions-item-label-width: auto;
27
- --ap-descriptions-last-row-item-padding-bottom: 0px;
28
- --ap-appendix-area-color-border: #dee4ed;
29
- --ap-appendix-area-color-font: #182948;
30
- --ap-appendix-area-color-font-hover: #0070ff;
31
- --ap-appendix-area-color-font-disabled: #abb7cc;
32
- --ap-appendix-area-color-icon: #abb7cc;
33
- --ap-upload-single-color-main: #182948;
34
- --ap-upload-single-color-sub: #abb7cc;
35
- --ap-upload-single-color-border: #dee4ed;
36
- --ap-upload-single-color-primary: #0070ff;
37
- --batch-input-group-trigger-color: #526a90;
32
+ // 文本颜色1号色
33
+ --ap-text-color-1: #526a90;
34
+ // 文本颜色二号色（着重）
35
+ --ap-text-color-2: #182948;
36
+ // 文本颜色三号色（次级）
37
+ --ap-text-color-3: #8896b0;
38
+ // 基础背景色（某些边框也使用此颜色）
39
+ --ap-color-bg: #e9edf3;
40
+ // 背景色-1
41
+ --ap-color-bg-1: #f6f9fa;
42
+ // 背景色-2
43
+ --ap-color-bg-2: #f3f5f8;
44
+ // 滚动条滑块颜色
45
+ --ap-scrollbar-thumb-color-base: #c8d1de;
46
+ // 滚动条滑动块hover色
47
+ --ap-scrollbar-thumb-color-hover: #959ca7;
48
+ // 文本颜色4号色（三级）
49
+ --ap-text-color-4: #abb7cc;
50
+ // 批量输入组禁用色
38
51
  --batch-input-group-trigger-color-disabled: rgba(24, 41, 72, 0.25);
39
- --ap-text-label-color: #8896b0;
40
- --ap-text-content-color-major: #182948;
41
- --ap-text-content-color-minor: #8896b0;
42
- --ap-view-icon-color: #8896b0;
43
- --ap-view-bg-color: #f6f9fa;
44
- --ap-view-message-color: #abb7cc;
45
- --ap-view-border-color: #dee4ed;
46
- --basic-bg-color: #e9edf3;
47
- --ap-radio-group-item-font-color: #526a90;
48
- --ap-radio-group-item-bg-color: #f3f5f8;
49
- --ap-radio-group-item-active-font-color: #0070ff;
50
52
  --ap-radio-group-item-active-bg-color: rgba(#0070ff, 0.12);
51
53
  }
52
54
 
53
55
  [data-aplus-ui-mode='admin'] {
54
- --ap-form-bordered-border-color-base: #d9d9d9;
55
- --ap-form-bordered-border-color-hover: #85d4b0;
56
- --ap-form-bordered-border-color-active: #85d4b0;
56
+ --ap-border-color-base: #d9d9d9;
57
+ --ap-hover-color-base: #85d4b0;
58
+ --ap-active-color-base: #85d4b0;
59
+ // 系统主色
60
+ --ap-color-primary: #34b77c;
61
+ // 主色-禁用
62
+ --ap-color-primary-disabled: #d6f1e5;
63
+ // 链接色
64
+ --ap-color-link: #1890ff;
65
+ // 链接hover色
66
+ --ap-color-link-hover: #5eb1ff;
57
67
  --ap-form-bordered-shadow-color: rgba(11, 166, 66, 0.09);
58
- --ap-action-color-primary-base: #1890ff;
59
- --ap-action-color-primary-hover: #5eb1ff;
60
- --ap-action-color-success: #52c41a;
61
- --ap-action-color-error: #ff4d4f;
62
- --ap-action-color-warn: #faad14;
63
- --check-card-outline-color: #d9d9d9;
64
- --check-card-hover-outline-color: #34b77c;
65
- --check-card-checked-outline-color: #34b77c;
66
- --check-card-checked-bg: #34b77c;
68
+ // 成功色
69
+ --ap-color-success: #34b77c;
70
+ // 成功色-禁用
71
+ --ap-color-success-disabled: #d6f1e5;
72
+ // 失败色
73
+ --ap-color-error: #ff4d4f;
74
+ // 失败色-禁用
75
+ --ap-color-error-disabled: #ffdbdc;
76
+ // 警告色
77
+ --ap-color-warn: #faad14;
78
+ // 警告色-禁用
79
+ --ap-color-warn-disabled: #ffeed9;
80
+ // 表格表头背景色
67
81
  --ap-table-header-bg: #f7f7f7;
68
- --ap-table-pagination-total-color: #666666;
69
- --ap-table-pagination-total-count-color: #333333;
70
- --ap-table-setting-button-color: #999999;
71
- --ap-batch-action-color-font: #999999;
72
- --ap-batch-action-color-active: #34b77c;
73
- --ap-batch-action-color-border: #e9e9e9;
74
- --basic-color-primary: #34b77c;
75
- --basic-scrollbar-thumb-color-base: #bfbfbf;
76
- --basic-scrollbar-thumb-color-hover: #787878;
77
- --ap-descriptions-item-padding-bottom: 16px;
78
- --ap-descriptions-item-label-width: auto;
79
- --ap-descriptions-last-row-item-padding-bottom: 0px;
80
- --ap-appendix-area-color-border: #d9d9d9;
81
- --ap-appendix-area-color-font: #333333;
82
- --ap-appendix-area-color-font-hover: #1890ff;
83
- --ap-appendix-area-color-font-disabled: #bfbfbf;
84
- --ap-appendix-area-color-icon: #bfbfbf;
85
- --ap-upload-single-color-main: #333333;
86
- --ap-upload-single-color-sub: #bfbfbf;
87
- --ap-upload-single-color-border: #d9d9d9;
88
- --ap-upload-single-color-primary: #34b77c;
89
- --batch-input-group-trigger-color: #999999;
82
+ // 文本颜色1号色
83
+ --ap-text-color-1: #666666;
84
+ // 文本颜色二号色（着重）
85
+ --ap-text-color-2: #333333;
86
+ // 文本颜色三号色（次级）
87
+ --ap-text-color-3: #999999;
88
+ // 基础背景色（某些边框也使用此颜色）
89
+ --ap-color-bg: #e9e9e9;
90
+ // 背景色-1
91
+ --ap-color-bg-1: #f6f9fa;
92
+ // 背景色-2
93
+ --ap-color-bg-2: #f5f5f5;
94
+ // 滚动条滑动块基础色
95
+ --ap-scrollbar-thumb-color-base: #bfbfbf;
96
+ // 滚动条滑动块基础色
97
+ --ap-scrollbar-thumb-color-hover: #787878;
98
+ // 文本颜色4号色（三级）
99
+ --ap-text-color-4: #bfbfbf;
100
+ // 批量输入组禁用色
90
101
  --batch-input-group-trigger-color-disabled: rgba(0, 0, 0, 0.25);
91
- --ap-text-label-color: #999999;
92
- --ap-text-content-color-major: #333333;
93
- --ap-text-content-color-minor: #999999;
94
- --ap-view-icon-color: #999999;
95
- --ap-view-bg-color: #fafafa;
96
- --ap-view-message-color: #bfbfbf;
97
- --ap-view-border-color: #d9d9d9;
98
- --basic-bg-color: #e9e9e9;
99
- --ap-radio-group-item-font-color: #666666;
100
- --ap-radio-group-item-bg-color: #f5f5f5;
101
- --ap-radio-group-item-active-font-color: #34b77c;
102
102
  --ap-radio-group-item-active-bg-color: rgba(#34b77c, 0.12);
103
103
  }
package/theme/work-order-modal/index.css CHANGED
@@ -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;