@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;
@@ -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;
@@ -46,7 +46,7 @@
46
46
  }
47
47
  .aplus-ap-form-item--bordered {
48
48
  box-sizing: border-box;
49
- border: 1px solid var(--ap-form-bordered-border-color-base, #DEE4ED);
49
+ border: 1px solid var(--ap-border-color-base);
50
50
  border-radius: 4px;
51
51
  padding-inline: 8px;
52
52
  }
@@ -95,17 +95,17 @@
95
95
  min-height: 30px;
96
96
  }
97
97
  .aplus-ap-form-item--bordered:hover {
98
- border-color: var(--ap-form-bordered-border-color-hover, #66a9ff);
98
+ border-color: var(--ap-hover-color-base);
99
99
  }
100
100
  .aplus-ap-form-item--bordered:focus {
101
- border-color: var(--ap-form-bordered-border-color-active, #66a9ff);
101
+ border-color: var(--ap-active-color-base);
102
102
  box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
103
103
  }
104
104
  .aplus-ap-form-item--bordered .aplus-batch-input-group-popover-input__popover {
105
105
  width: calc(100% + 12px);
106
106
  }
107
107
  .aplus-ap-form-item--focused {
108
- border-color: var(--ap-form-bordered-border-color-active, #66a9ff);
108
+ border-color: var(--ap-active-color-base);
109
109
  box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
110
110
  }
111
111
  .aplus-ap-form-item .ant-form-show-help .ant-form-item-explain-error {
@@ -7,7 +7,7 @@
7
7
  .b(ap-form-item, {
8
8
  &--bordered {
9
9
  box-sizing: border-box;
10
- border: 1px solid var(--ap-form-bordered-border-color-base, #DEE4ED);
10
+ border: 1px solid var(--ap-border-color-base);
11
11
  border-radius: @border-radius;
12
12
  padding-inline: @spacing;
13
13
  .ant-input-affix-wrapper {
@@ -65,10 +65,10 @@
65
65
  min-height: 30px;
66
66
  }
67
67
  &:hover {
68
- border-color: var(--ap-form-bordered-border-color-hover, #66a9ff);
68
+ border-color: var(--ap-hover-color-base);
69
69
  }
70
70
  &:focus {
71
- border-color: var(--ap-form-bordered-border-color-active, #66a9ff);
71
+ border-color: var(--ap-active-color-base);
72
72
  box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
73
73
  }
74
74
  .@{batchInputPopover} {
@@ -76,7 +76,7 @@
76
76
  }
77
77
  }
78
78
  &--focused {
79
- border-color: var(--ap-form-bordered-border-color-active, #66a9ff);
79
+ border-color: var(--ap-active-color-base);
80
80
  box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
81
81
  }
82
82
  .ant-form-show-help {
@@ -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;
@@ -55,7 +55,7 @@
55
55
  }
56
56
  .aplus-ap-form-item--bordered {
57
57
  box-sizing: border-box;
58
- border: 1px solid var(--ap-form-bordered-border-color-base, #DEE4ED);
58
+ border: 1px solid var(--ap-border-color-base);
59
59
  border-radius: 4px;
60
60
  padding-inline: 8px;
61
61
  }
@@ -104,17 +104,17 @@
104
104
  min-height: 30px;
105
105
  }
106
106
  .aplus-ap-form-item--bordered:hover {
107
- border-color: var(--ap-form-bordered-border-color-hover, #66a9ff);
107
+ border-color: var(--ap-hover-color-base);
108
108
  }
109
109
  .aplus-ap-form-item--bordered:focus {
110
- border-color: var(--ap-form-bordered-border-color-active, #66a9ff);
110
+ border-color: var(--ap-active-color-base);
111
111
  box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
112
112
  }
113
113
  .aplus-ap-form-item--bordered .aplus-batch-input-group-popover-input__popover {
114
114
  width: calc(100% + 12px);
115
115
  }
116
116
  .aplus-ap-form-item--focused {
117
- border-color: var(--ap-form-bordered-border-color-active, #66a9ff);
117
+ border-color: var(--ap-active-color-base);
118
118
  box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
119
119
  }
120
120
  .aplus-ap-form-item .ant-form-show-help .ant-form-item-explain-error {
@@ -199,7 +199,7 @@
199
199
  font-family: inherit;
200
200
  line-height: 1.5;
201
201
  list-style: none;
202
- color: #8896b0;
202
+ color: var(--ap-text-color-3);
203
203
  }
204
204
  .aplus-search-form-sorter-header-action-wrapper {
205
205
  padding: 8px;
@@ -215,7 +215,7 @@
215
215
  font-family: inherit;
216
216
  line-height: 1.5;
217
217
  list-style: none;
218
- color: #0070ff;
218
+ color: var(--ap-color-link);
219
219
  }
220
220
  .aplus-search-form-sorter-sorter-wrapper {
221
221
  display: flex;
@@ -239,11 +239,11 @@
239
239
  background-color: #fff;
240
240
  }
241
241
  .aplus-search-form-sorter-sorter-item > div:hover {
242
- border-color: var(--basic-color-primary, #0070ff);
242
+ border-color: var(--ap-color-primary);
243
243
  cursor: pointer;
244
244
  }
245
245
  .aplus-search-form-sorter-sorter-item > div:hover .aplus-search-form-sorter-sorter-item-holder {
246
- color: var(--basic-color-primary, #0070ff) !important;
246
+ color: var(--ap-color-primary) !important;
247
247
  }
248
248
  .aplus-search-form-sorter-sorter-item--hidden {
249
249
  display: none;
@@ -300,8 +300,8 @@
300
300
  font-size: 0px;
301
301
  }
302
302
  .aplus-ap-form-search-form-trigger-btn-active {
303
- color: var(--ap-form-bordered-border-color-hover);
304
- border-color: var(--ap-form-bordered-border-color-hover);
303
+ color: var(--ap-hover-color-base);
304
+ border-color: var(--ap-hover-color-base);
305
305
  z-index: 1;
306
306
  }
307
307
  .aplus-ap-form-search-form-column-setting-trigger-wrapper {
@@ -330,7 +330,7 @@
330
330
  padding-inline: 12px;
331
331
  }
332
332
  .aplus-ap-form-search-form-action-btn-reset {
333
- background-color: var(--basic-bg-color);
333
+ background-color: var(--ap-color-bg);
334
334
  }
335
335
  .aplus-ap-form-item-text-group-compact .ant-select-focused {
336
336
  z-index: 1;
@@ -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;
@@ -73,7 +73,7 @@
73
73
  font-family: inherit;
74
74
  line-height: 1.5;
75
75
  list-style: none;
76
- color: #8896b0;
76
+ color: var(--ap-text-color-3);
77
77
  }
78
78
  .aplus-search-form-sorter-header-action-wrapper {
79
79
  padding: 8px;
@@ -89,7 +89,7 @@
89
89
  font-family: inherit;
90
90
  line-height: 1.5;
91
91
  list-style: none;
92
- color: #0070ff;
92
+ color: var(--ap-color-link);
93
93
  }
94
94
  .aplus-search-form-sorter-sorter-wrapper {
95
95
  display: flex;
@@ -113,11 +113,11 @@
113
113
  background-color: #fff;
114
114
  }
115
115
  .aplus-search-form-sorter-sorter-item > div:hover {
116
- border-color: var(--basic-color-primary, #0070ff);
116
+ border-color: var(--ap-color-primary);
117
117
  cursor: pointer;
118
118
  }
119
119
  .aplus-search-form-sorter-sorter-item > div:hover .aplus-search-form-sorter-sorter-item-holder {
120
- color: var(--basic-color-primary, #0070ff) !important;
120
+ color: var(--ap-color-primary) !important;
121
121
  }
122
122
  .aplus-search-form-sorter-sorter-item--hidden {
123
123
  display: none;
@@ -18,7 +18,7 @@
18
18
  }
19
19
  &-desc {
20
20
  .reset-component();
21
- color: #8896b0;
21
+ color: var(--ap-text-color-3);
22
22
  }
23
23
  &-action-wrapper {
24
24
  padding: @spacing;
@@ -27,7 +27,7 @@
27
27
  }
28
28
  &-reset-btn {
29
29
  .reset-component();
30
- color: #0070ff;
30
+ color: var(--ap-color-link);
31
31
  }
32
32
  }
33
33
  &-sorter-wrapper {
@@ -50,10 +50,10 @@
50
50
  align-items: center;
51
51
  background-color: #fff;
52
52
  &:hover {
53
- border-color: var(--basic-color-primary, #0070ff);
53
+ border-color: var(--ap-color-primary);
54
54
  cursor: pointer;
55
55
  .@{searchFormSorterItemHolader} {
56
- color: var(--basic-color-primary, #0070ff) !important;
56
+ color: var(--ap-color-primary) !important;
57
57
  }
58
58
  }
59
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;
@@ -46,7 +46,7 @@
46
46
  }
47
47
  .aplus-ap-form-item--bordered {
48
48
  box-sizing: border-box;
49
- border: 1px solid var(--ap-form-bordered-border-color-base, #DEE4ED);
49
+ border: 1px solid var(--ap-border-color-base);
50
50
  border-radius: 4px;
51
51
  padding-inline: 8px;
52
52
  }
@@ -95,17 +95,17 @@
95
95
  min-height: 30px;
96
96
  }
97
97
  .aplus-ap-form-item--bordered:hover {
98
- border-color: var(--ap-form-bordered-border-color-hover, #66a9ff);
98
+ border-color: var(--ap-hover-color-base);
99
99
  }
100
100
  .aplus-ap-form-item--bordered:focus {
101
- border-color: var(--ap-form-bordered-border-color-active, #66a9ff);
101
+ border-color: var(--ap-active-color-base);
102
102
  box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
103
103
  }
104
104
  .aplus-ap-form-item--bordered .aplus-batch-input-group-popover-input__popover {
105
105
  width: calc(100% + 12px);
106
106
  }
107
107
  .aplus-ap-form-item--focused {
108
- border-color: var(--ap-form-bordered-border-color-active, #66a9ff);
108
+ border-color: var(--ap-active-color-base);
109
109
  box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
110
110
  }
111
111
  .aplus-ap-form-item .ant-form-show-help .ant-form-item-explain-error {
@@ -154,7 +154,7 @@
154
154
  font-family: inherit;
155
155
  line-height: 1.5;
156
156
  list-style: none;
157
- color: #8896b0;
157
+ color: var(--ap-text-color-3);
158
158
  }
159
159
  .aplus-search-form-sorter-header-action-wrapper {
160
160
  padding: 8px;
@@ -170,7 +170,7 @@
170
170
  font-family: inherit;
171
171
  line-height: 1.5;
172
172
  list-style: none;
173
- color: #0070ff;
173
+ color: var(--ap-color-link);
174
174
  }
175
175
  .aplus-search-form-sorter-sorter-wrapper {
176
176
  display: flex;
@@ -194,11 +194,11 @@
194
194
  background-color: #fff;
195
195
  }
196
196
  .aplus-search-form-sorter-sorter-item > div:hover {
197
- border-color: var(--basic-color-primary, #0070ff);
197
+ border-color: var(--ap-color-primary);
198
198
  cursor: pointer;
199
199
  }
200
200
  .aplus-search-form-sorter-sorter-item > div:hover .aplus-search-form-sorter-sorter-item-holder {
201
- color: var(--basic-color-primary, #0070ff) !important;
201
+ color: var(--ap-color-primary) !important;
202
202
  }
203
203
  .aplus-search-form-sorter-sorter-item--hidden {
204
204
  display: none;
@@ -255,8 +255,8 @@
255
255
  font-size: 0px;
256
256
  }
257
257
  .aplus-ap-form-search-form-trigger-btn-active {
258
- color: var(--ap-form-bordered-border-color-hover);
259
- border-color: var(--ap-form-bordered-border-color-hover);
258
+ color: var(--ap-hover-color-base);
259
+ border-color: var(--ap-hover-color-base);
260
260
  z-index: 1;
261
261
  }
262
262
  .aplus-ap-form-search-form-column-setting-trigger-wrapper {
@@ -285,5 +285,5 @@
285
285
  padding-inline: 12px;
286
286
  }
287
287
  .aplus-ap-form-search-form-action-btn-reset {
288
- background-color: var(--basic-bg-color);
288
+ background-color: var(--ap-color-bg);
289
289
  }
@@ -45,8 +45,8 @@
45
45
  &-trigger-btn {
46
46
  font-size: 0px;
47
47
  &-active {
48
- color: var(--ap-form-bordered-border-color-hover);
49
- border-color: var(--ap-form-bordered-border-color-hover);
48
+ color: var(--ap-hover-color-base);
49
+ border-color: var(--ap-hover-color-base);
50
50
  z-index: 1;
51
51
  }
52
52
  }
@@ -78,6 +78,6 @@
78
78
  padding-inline: @spacing-lg;
79
79
  }
80
80
  &-action-btn-reset {
81
- background-color: var(--basic-bg-color);
81
+ background-color: var(--ap-color-bg);
82
82
  }
83
83
  });
@@ -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;