@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/ap-grid/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;
@@ -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;
@@ -419,19 +419,19 @@
419
419
  cursor: pointer;
420
420
  }
421
421
  .aplus-action-item--primary {
422
- color: var(--ap-action-color-primary-base, #0070FF);
422
+ color: var(--ap-color-link);
423
423
  }
424
424
  .aplus-action-item--primary:not(.aplus-action-item--disabled):hover {
425
- color: var(--ap-action-color-primary-hover, #66A9FF);
425
+ color: var(--ap-color-link-hover);
426
426
  }
427
427
  .aplus-action-item--success {
428
- color: var(--ap-action-color-success, #2ED1A3);
428
+ color: var(--ap-color-success);
429
429
  }
430
430
  .aplus-action-item--error {
431
- color: var(--ap-action-color-error, #FF4D4F);
431
+ color: var(--ap-color-error);
432
432
  }
433
433
  .aplus-action-item--warn {
434
- color: var(--ap-action-color-warn, #FFA940);
434
+ color: var(--ap-color-warn);
435
435
  }
436
436
  .aplus-action-item--loading {
437
437
  opacity: 0.35;
@@ -442,9 +442,20 @@
442
442
  margin-right: 4px;
443
443
  }
444
444
  .aplus-action-item--disabled {
445
- color: #CCE2FF;
446
445
  cursor: not-allowed;
447
446
  }
447
+ .aplus-action-item--primary.aplus-action-item--disabled {
448
+ color: var(--ap-color-primary-disabled);
449
+ }
450
+ .aplus-action-item--success.aplus-action-item--disabled {
451
+ color: var(--ap-color-success-disabled);
452
+ }
453
+ .aplus-action-item--error.aplus-action-item--disabled {
454
+ color: var(--ap-color-error-disabled);
455
+ }
456
+ .aplus-action-item--warn.aplus-action-item--disabled {
457
+ color: var(--ap-color-warn-disabled);
458
+ }
448
459
  .aplus-action-item-dropdown__item .aplus-action-item {
449
460
  width: 100%;
450
461
  }
@@ -464,7 +475,7 @@
464
475
  height: 10px;
465
476
  }
466
477
  .aplus-ap-grid ::-webkit-scrollbar-thumb {
467
- background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
478
+ background-color: var(--ap-scrollbar-thumb-color-base);
468
479
  background-clip: content-box;
469
480
  border: 1px solid transparent;
470
481
  border-radius: 4px;
@@ -475,7 +486,7 @@
475
486
  }
476
487
  .aplus-ap-grid ::-webkit-scrollbar-thumb:hover,
477
488
  .aplus-ap-grid ::-webkit-scrollbar-thumb:active {
478
- background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
489
+ background-color: var(--ap-scrollbar-thumb-color-hover);
479
490
  }
480
491
  .aplus-ap-grid .vxe-table .vxe-cell {
481
492
  min-height: unset !important;
@@ -498,7 +509,7 @@
498
509
  flex: 1;
499
510
  }
500
511
  .aplus-ap-grid .aplus-ap-grid-pagination-wrapper ul.ant-pagination {
501
- margin-block: 12px;
512
+ margin-block: 8px;
502
513
  }
503
514
  .aplus-ap-grid-sticky .aplus-ap-grid-pagination-wrapper {
504
515
  background-color: #fff;
@@ -564,13 +575,13 @@
564
575
  flex: 1;
565
576
  }
566
577
  .aplus-ap-grid-pagination-count-text {
567
- color: var(--ap-table-pagination-total-count-color, #182948);
578
+ color: var(--ap-text-color-2);
568
579
  }
569
580
  .aplus-ap-grid-pagination--total-right {
570
581
  padding-left: 12px;
571
582
  }
572
583
  .aplus-ap-grid-pagination-total-wrapper {
573
- color: var(--ap-table-pagination-total-color, #526A90);
584
+ color: var(--ap-text-color-1);
574
585
  }
575
586
  .aplus-ap-grid-table-header__title {
576
587
  display: -webkit-inline-box;
@@ -595,3 +606,11 @@
595
606
  flex-shrink: 1;
596
607
  flex-grow: 0;
597
608
  }
609
+ .aplus-ap-grid .fixed-left--wrapper .vxe-table--header,
610
+ .aplus-ap-grid .fixed-right--wrapper .vxe-table--header {
611
+ height: 100%;
612
+ }
613
+ .aplus-ap-grid .fixed-left--wrapper .vxe-table--footer,
614
+ .aplus-ap-grid .fixed-right--wrapper .vxe-table--footer {
615
+ height: 100%;
616
+ }
package/theme/ap-grid/index.less CHANGED
@@ -33,7 +33,7 @@
33
33
  }
34
34
  .@{pg} {
35
35
  ul.ant-pagination {
36
- margin-block: @spacing-lg;
36
+ margin-block: @spacing;
37
37
  }
38
38
  }
39
39
  &-sticky {
@@ -108,13 +108,13 @@
108
108
  }
109
109
  }
110
110
  &-pagination-count-text {
111
- color: var(--ap-table-pagination-total-count-color, #182948);
111
+ color: var(--ap-text-color-2);
112
112
  }
113
113
  &-pagination--total-right {
114
114
  padding-left: 12px;
115
115
  }
116
116
  &-pagination-total-wrapper {
117
- color: var(--ap-table-pagination-total-color, #526A90);
117
+ color: var(--ap-text-color-1);
118
118
  }
119
119
  &-header-wrapper {
120
120
  }
@@ -145,4 +145,15 @@
145
145
  flex-grow: 0;
146
146
  }
147
147
  }
148
+
149
+ // 浮动表头和浮动页脚为对齐问题
150
+ .fixed-left--wrapper,
151
+ .fixed-right--wrapper {
152
+ .vxe-table--header {
153
+ height: 100%;
154
+ }
155
+ .vxe-table--footer {
156
+ height: 100%;
157
+ }
158
+ }
148
159
  });
package/theme/ap-group-search/ap-extension-select.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/ap-group-search/ap-group-search.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/ap-group-search/ap-popover-select.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/ap-image/ap-image.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/ap-input-radio/ap-input-radio.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/ap-label/ap-label.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/ap-ladder/ap-ladder.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/ap-layout/ap-info-layout.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/ap-list/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/ap-product-info/ap-product-info.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;
@@ -50,7 +50,7 @@
50
50
  .aplus-ap-product-info__img {
51
51
  width: 44px;
52
52
  height: 44px;
53
- margin-right: 12px;
53
+ margin-right: 8px;
54
54
  flex-shrink: 0;
55
55
  }
56
56
  .aplus-ap-product-info__content {
@@ -59,49 +59,35 @@
59
59
  flex-direction: column;
60
60
  overflow: hidden;
61
61
  }
62
- .aplus-ap-product-info__title {
63
- overflow: hidden;
64
- text-overflow: ellipsis;
65
- white-space: nowrap;
66
- height: 22px;
67
- line-height: 22px;
68
- }
69
- .aplus-ap-product-info__title-tip {
70
- color: #fff;
71
- }
72
- .aplus-ap-product-info__row {
73
- display: grid;
74
- grid-template-columns: 1fr 1fr;
62
+ .aplus-ap-product-info__row-container {
63
+ display: flex;
64
+ flex-wrap: wrap;
75
65
  }
76
- .aplus-ap-product-info__row-divider {
77
- display: grid;
78
- grid-template-columns: 1fr 24px 1fr;
66
+ .aplus-ap-product-info__row-item {
67
+ position: relative;
68
+ display: flex;
79
69
  }
80
70
  .aplus-ap-product-info__divider {
81
- height: 12px;
71
+ width: 1px;
82
72
  position: relative;
73
+ height: 12px;
83
74
  top: 50%;
84
- margin-top: -6px;
75
+ margin: -6px 16px 0px 0px;
76
+ z-index: 1;
85
77
  }
86
78
  .aplus-ap-product-info__divider-vertical {
87
79
  width: 1px;
80
+ height: 100%;
88
81
  background-color: #E9EDF3;
89
- height: 12px;
90
82
  position: absolute;
91
- left: 50%;
92
- }
93
- .aplus-ap-product-info--full-width {
94
- grid-column: 1 / -1;
83
+ transform: translateX(-50%);
95
84
  }
96
85
  .aplus-ap-product-info__item {
97
86
  display: flex;
98
87
  align-items: baseline;
99
88
  }
100
- .aplus-ap-product-info—-left {
101
- justify-self: start;
102
- }
103
- .aplus-ap-product-info--right {
104
- justify-self: end;
89
+ .aplus-ap-product-info--full {
90
+ width: 100%;
105
91
  }
106
92
  .aplus-ap-product-info__label {
107
93
  color: #8896b0;
@@ -112,7 +98,8 @@
112
98
  padding: 0 2px;
113
99
  }
114
100
  .aplus-ap-product-info__value {
115
- color: #8896b0;
101
+ max-width: 300px;
102
+ color: var(--ap-text-color-3);
116
103
  overflow: hidden;
117
104
  text-overflow: ellipsis;
118
105
  white-space: nowrap;
@@ -121,6 +108,9 @@
121
108
  color: #0070ff;
122
109
  cursor: pointer;
123
110
  }
111
+ .aplus-ap-product-info--admin .aplus-ap-product-info__title {
112
+ color: #333333;
113
+ }
124
114
  .aplus-ap-product-info--admin .aplus-ap-product-info__label {
125
115
  color: #999;
126
116
  }
package/theme/ap-product-info/ap-product-info.less CHANGED
@@ -6,7 +6,7 @@
6
6
  &__img{
7
7
  width: 44px;
8
8
  height: 44px;
9
- margin-right:12px;
9
+ margin-right:8px;
10
10
  flex-shrink: 0;
11
11
  }
12
12
  &__content{
@@ -15,55 +15,37 @@
15
15
  flex-direction: column;
16
16
  overflow: hidden;
17
17
  }
18
- &__title{
19
- // color:#182948;
20
- overflow: hidden;
21
- text-overflow: ellipsis;
22
- white-space: nowrap;
23
- height: 22px;
24
- line-height: 22px;
25
- }
26
- &__title-tip{
27
- color:#fff;
28
- }
29
-
30
- &__row{
31
- display: grid;
32
- grid-template-columns: 1fr 1fr;
33
-
18
+ &__row-container {
19
+ display: flex;
20
+ flex-wrap: wrap;
34
21
  }
35
- &__row-divider{
36
- display: grid;
37
- grid-template-columns: 1fr 24px 1fr;
22
+ &__row-item{
23
+ position: relative;
24
+ display: flex;
38
25
  }
39
- &__divider{
26
+ &__divider {
27
+ width: 1px;
40
28
  position: relative;
41
- height: 12px;
42
- position: relative;
43
- top:50%;
44
- margin-top: -6px;
29
+ height: 12px;
30
+ top: 50%;
31
+ margin: -6px 16px 0px 0px;
32
+ z-index: 1;
45
33
  }
46
- &__divider-vertical{
47
- width: 1px;
48
- background-color: #E9EDF3;
49
- height: 12px;
50
- position: absolute;
51
- left:50%;
52
-
53
- }
54
- &--full-width {
55
- grid-column: 1 / -1;
34
+
35
+ &__divider-vertical {
36
+ width: 1px;
37
+ height: 100%;
38
+ background-color: #E9EDF3;
39
+ position: absolute;
40
+ transform: translateX(-50%);
56
41
  }
57
42
  &__item{
58
43
  display: flex;
59
44
  align-items: baseline;
60
45
 
61
46
  }
62
- &—-left{
63
- justify-self: start;
64
- }
65
- &--right{
66
- justify-self: end;
47
+ &--full{
48
+ width: 100%;
67
49
  }
68
50
  &__label{
69
51
  color:#8896b0;
@@ -74,18 +56,22 @@
74
56
  }
75
57
  }
76
58
  &__value{
77
- color:#8896b0;
59
+ max-width: 300px;
60
+ color: var(--ap-text-color-3);
78
61
  overflow: hidden;
79
62
  text-overflow: ellipsis;
80
63
  white-space: nowrap;
81
64
  }
65
+
82
66
  &--link{
83
67
  color:@aplus-primary-color;
84
68
  cursor: pointer;
85
69
  }
86
70
  &--admin {
87
71
  .@{root-cls} {
88
-
72
+ &__title{
73
+ color:#333333;
74
+ }
89
75
  &__label{
90
76
  color:#999;
91
77
  }
package/theme/ap-radio-group/ap-radio-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;
@@ -46,19 +46,20 @@
46
46
  }
47
47
  .aplus-ap-radio-group {
48
48
  font-size: 12px;
49
- margin-inline: 8px;
50
- margin-bottom: 8px;
49
+ padding: 8px 8px 0;
50
+ background-color: #fff;
51
51
  }
52
52
  .aplus-ap-radio-group__item {
53
53
  cursor: pointer;
54
54
  padding-inline: 12px;
55
55
  border-radius: 4px;
56
- color: var(--ap-radio-group-item-font-color);
56
+ color: var(--ap-text-color-1);
57
+ transition: all 0.3s ease-in-out;
57
58
  }
58
59
  .aplus-ap-radio-group__item:hover {
59
- background-color: var(--ap-radio-group-item-bg-color);
60
+ background-color: var(--ap-color-bg-2);
60
61
  }
61
62
  .aplus-ap-radio-group__item--active {
62
- color: var(--ap-radio-group-item-active-font-color);
63
+ color: var(--ap-color-primary);
63
64
  background-color: var(--ap-radio-group-item-active-bg-color) !important;
64
65
  }