@aplus-frontend/ui 0.6.0 → 0.6.2

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 (99) hide show
  1. package/es/src/ap-button/ap-button.vue.mjs +1 -1
  2. package/es/src/ap-form/drawer-form/index.vue.d.ts +4 -0
  3. package/es/src/ap-form/search-form/components/popover-sorter/index.vue2.mjs +4 -1
  4. package/es/src/ap-grid/hooks/use-table-style.d.ts +2 -0
  5. package/es/src/ap-grid/hooks/use-table-style.mjs +8 -6
  6. package/es/src/ap-grid/index.vue.mjs +140 -135
  7. package/es/src/ap-grid/utils/table.mjs +24 -21
  8. package/es/src/ap-table/utils.mjs +3 -3
  9. package/es/src/business/ap-card/ApCard.vue2.mjs +18 -18
  10. package/es/src/version.d.ts +1 -1
  11. package/es/src/version.mjs +1 -1
  12. package/lib/src/ap-button/ap-button.vue.js +1 -1
  13. package/lib/src/ap-form/drawer-form/index.vue.d.ts +4 -0
  14. package/lib/src/ap-form/search-form/components/popover-sorter/index.vue2.js +1 -1
  15. package/lib/src/ap-grid/hooks/use-table-style.d.ts +2 -0
  16. package/lib/src/ap-grid/hooks/use-table-style.js +1 -1
  17. package/lib/src/ap-grid/index.vue.js +1 -1
  18. package/lib/src/ap-grid/utils/table.js +1 -1
  19. package/lib/src/ap-table/utils.js +1 -1
  20. package/lib/src/business/ap-card/ApCard.vue2.js +1 -1
  21. package/lib/src/version.d.ts +1 -1
  22. package/lib/src/version.js +1 -1
  23. package/package.json +1 -2
  24. package/theme/antd-global-overwrite/admin/index.css +1 -291
  25. package/theme/antd-global-overwrite/admin/index.less +1 -7
  26. package/theme/antd-global-overwrite/aplus/index.css +1 -287
  27. package/theme/antd-global-overwrite/aplus/index.less +1 -7
  28. package/theme/antdv-override.css +572 -0
  29. package/theme/antdv-override.less +659 -0
  30. package/theme/ap-download/ap-download.css +1 -1
  31. package/theme/ap-form/index.css +3 -1
  32. package/theme/ap-form/search-form-sorter.css +3 -1
  33. package/theme/ap-form/search-form-sorter.less +3 -1
  34. package/theme/ap-form/search-form.css +3 -1
  35. package/theme/ap-grid/index.css +10 -1
  36. package/theme/ap-grid/index.less +7 -0
  37. package/theme/ap-select-layout/ap-select-layout.css +2 -2
  38. package/theme/ap-table/ap-table.css +4 -1
  39. package/theme/ap-table/setting/index.css +1 -0
  40. package/theme/ap-table/setting/modal.css +1 -0
  41. package/theme/ap-table/setting/modal.less +1 -0
  42. package/theme/ap-table-modal/index.css +4 -1
  43. package/theme/ap-tag/ap-tag.css +1 -1
  44. package/theme/ap-upload/index.css +1 -1
  45. package/theme/ap-upload/single-file.css +1 -1
  46. package/theme/{ui-mode.css → css-var.css} +2 -0
  47. package/theme/{ui-mode.less → css-var.less} +4 -0
  48. package/theme/editable-table/index.css +3 -1
  49. package/theme/index.css +590 -6
  50. package/theme/index.less +2 -1
  51. package/theme/mixins/config.less +1 -1
  52. package/es/src/ap-grid/hooks/use-load-vxe.d.ts +0 -1
  53. package/lib/src/ap-grid/hooks/use-load-vxe.d.ts +0 -1
  54. package/theme/antd-global-overwrite/admin/alert.css +0 -37
  55. package/theme/antd-global-overwrite/admin/alert.less +0 -51
  56. package/theme/antd-global-overwrite/admin/button.css +0 -27
  57. package/theme/antd-global-overwrite/admin/button.less +0 -31
  58. package/theme/antd-global-overwrite/admin/drawer.css +0 -3
  59. package/theme/antd-global-overwrite/admin/drawer.less +0 -5
  60. package/theme/antd-global-overwrite/admin/field.css +0 -42
  61. package/theme/antd-global-overwrite/admin/field.less +0 -43
  62. package/theme/antd-global-overwrite/admin/form.css +0 -57
  63. package/theme/antd-global-overwrite/admin/form.less +0 -97
  64. package/theme/antd-global-overwrite/admin/message.css +0 -10
  65. package/theme/antd-global-overwrite/admin/message.less +0 -13
  66. package/theme/antd-global-overwrite/admin/modal.css +0 -94
  67. package/theme/antd-global-overwrite/admin/modal.less +0 -128
  68. package/theme/antd-global-overwrite/admin/pagination.css +0 -122
  69. package/theme/antd-global-overwrite/admin/pagination.less +0 -91
  70. package/theme/antd-global-overwrite/admin/steps.css +0 -127
  71. package/theme/antd-global-overwrite/admin/steps.less +0 -197
  72. package/theme/antd-global-overwrite/admin/table.css +0 -78
  73. package/theme/antd-global-overwrite/admin/table.less +0 -62
  74. package/theme/antd-global-overwrite/admin/tooltip.css +0 -3
  75. package/theme/antd-global-overwrite/admin/tooltip.less +0 -3
  76. package/theme/antd-global-overwrite/aplus/alert.css +0 -40
  77. package/theme/antd-global-overwrite/aplus/alert.less +0 -55
  78. package/theme/antd-global-overwrite/aplus/button.css +0 -27
  79. package/theme/antd-global-overwrite/aplus/button.less +0 -31
  80. package/theme/antd-global-overwrite/aplus/drawer.css +0 -3
  81. package/theme/antd-global-overwrite/aplus/drawer.less +0 -5
  82. package/theme/antd-global-overwrite/aplus/field.css +0 -42
  83. package/theme/antd-global-overwrite/aplus/field.less +0 -43
  84. package/theme/antd-global-overwrite/aplus/form.css +0 -87
  85. package/theme/antd-global-overwrite/aplus/form.less +0 -133
  86. package/theme/antd-global-overwrite/aplus/message.css +0 -10
  87. package/theme/antd-global-overwrite/aplus/message.less +0 -13
  88. package/theme/antd-global-overwrite/aplus/modal.css +0 -87
  89. package/theme/antd-global-overwrite/aplus/modal.less +0 -120
  90. package/theme/antd-global-overwrite/aplus/pagination.css +0 -147
  91. package/theme/antd-global-overwrite/aplus/pagination.less +0 -108
  92. package/theme/antd-global-overwrite/aplus/steps.css +0 -125
  93. package/theme/antd-global-overwrite/aplus/steps.less +0 -198
  94. package/theme/antd-global-overwrite/aplus/table.css +0 -78
  95. package/theme/antd-global-overwrite/aplus/table.less +0 -61
  96. package/theme/antd-global-overwrite/aplus/tooltip.css +0 -3
  97. package/theme/antd-global-overwrite/aplus/tooltip.less +0 -3
  98. package/theme/ap-table/ap-table-pagination.css +0 -12
  99. package/theme/ap-table/ap-table-pagination.less +0 -14
@@ -11,6 +11,7 @@
11
11
  padding: @spacing-xl @spacing-xl 0px;
12
12
  &-title {
13
13
  .reset-component();
14
+ color: var(--ap-text-color-2);
14
15
  font-size: @font-size-lg;
15
16
  font-weight: 700;
16
17
  display: inline-block;
@@ -43,7 +44,7 @@
43
44
  max-width: 33.333333%;
44
45
  padding-inline: @spacing-xs;
45
46
  > div {
46
- border: 1px solid #E9EDF3;
47
+ border: 1px solid var(--ap-color-bg);
47
48
  border-radius: @border-radius;
48
49
  padding: 8px;
49
50
  display: flex;
@@ -64,6 +65,7 @@
64
65
  &-sorter-item-text {
65
66
  .reset-component();
66
67
  padding-left: @spacing-xs;
68
+ color: var(--ap-text-color-2);
67
69
  max-width: 100%;
68
70
  white-space: nowrap;
69
71
  overflow: hidden;
@@ -143,6 +143,7 @@
143
143
  font-family: inherit;
144
144
  line-height: 18px;
145
145
  list-style: none;
146
+ color: var(--ap-text-color-2);
146
147
  font-size: 14px;
147
148
  font-weight: 700;
148
149
  display: inline-block;
@@ -189,7 +190,7 @@
189
190
  padding-inline: 4px;
190
191
  }
191
192
  .aplus-search-form-sorter-sorter-item > div {
192
- border: 1px solid #E9EDF3;
193
+ border: 1px solid var(--ap-color-bg);
193
194
  border-radius: 4px;
194
195
  padding: 8px;
195
196
  display: flex;
@@ -216,6 +217,7 @@
216
217
  line-height: 18px;
217
218
  list-style: none;
218
219
  padding-left: 4px;
220
+ color: var(--ap-text-color-2);
219
221
  max-width: 100%;
220
222
  white-space: nowrap;
221
223
  overflow: hidden;
@@ -188,6 +188,7 @@
188
188
  font-family: inherit;
189
189
  line-height: 18px;
190
190
  list-style: none;
191
+ color: var(--ap-text-color-2);
191
192
  font-size: 14px;
192
193
  font-weight: 700;
193
194
  display: inline-block;
@@ -234,7 +235,7 @@
234
235
  padding-inline: 4px;
235
236
  }
236
237
  .aplus-search-form-sorter-sorter-item > div {
237
- border: 1px solid #E9EDF3;
238
+ border: 1px solid var(--ap-color-bg);
238
239
  border-radius: 4px;
239
240
  padding: 8px;
240
241
  display: flex;
@@ -261,6 +262,7 @@
261
262
  line-height: 18px;
262
263
  list-style: none;
263
264
  padding-left: 4px;
265
+ color: var(--ap-text-color-2);
264
266
  max-width: 100%;
265
267
  white-space: nowrap;
266
268
  overflow: hidden;
@@ -584,6 +586,13 @@
584
586
  display: flex;
585
587
  align-items: center;
586
588
  }
589
+ .aplus-ap-grid__table-loading-wrapper {
590
+ height: 100%;
591
+ display: flex;
592
+ justify-content: center;
593
+ align-items: center;
594
+ background-color: var(--vxe-ui-loading-background-color);
595
+ }
587
596
  .aplus-ap-grid-pagination-count-text {
588
597
  color: var(--ap-text-color-2);
589
598
  }
@@ -112,6 +112,13 @@
112
112
  align-items: center;
113
113
  }
114
114
  }
115
+ &__table-loading-wrapper {
116
+ height: 100%;
117
+ display: flex;
118
+ justify-content: center;
119
+ align-items: center;
120
+ background-color: var(--vxe-ui-loading-background-color);
121
+ }
115
122
  &-pagination-count-text {
116
123
  color: var(--ap-text-color-2);
117
124
  }
@@ -84,7 +84,7 @@
84
84
  color: #333;
85
85
  font-size: 14px;
86
86
  font-weight: bold;
87
- line-height: 22;
87
+ line-height: 22px;
88
88
  }
89
89
  .aplus-ap-select-layout-side__header--imgWrap {
90
90
  border-radius: 2px;
@@ -168,5 +168,5 @@
168
168
  margin: 0;
169
169
  font-size: 14px;
170
170
  font-weight: bold;
171
- line-height: 22;
171
+ line-height: 22px;
172
172
  }
@@ -81,6 +81,7 @@
81
81
  white-space: nowrap;
82
82
  overflow: hidden;
83
83
  text-overflow: ellipsis;
84
+ color: var(--ap-text-color-2);
84
85
  }
85
86
  .aplus-ap-column-setting-left {
86
87
  flex: 1;
@@ -380,6 +381,7 @@
380
381
  font-family: inherit;
381
382
  line-height: 18px;
382
383
  list-style: none;
384
+ color: var(--ap-text-color-2);
383
385
  font-size: 14px;
384
386
  font-weight: 700;
385
387
  display: inline-block;
@@ -426,7 +428,7 @@
426
428
  padding-inline: 4px;
427
429
  }
428
430
  .aplus-search-form-sorter-sorter-item > div {
429
- border: 1px solid #E9EDF3;
431
+ border: 1px solid var(--ap-color-bg);
430
432
  border-radius: 4px;
431
433
  padding: 8px;
432
434
  display: flex;
@@ -453,6 +455,7 @@
453
455
  line-height: 18px;
454
456
  list-style: none;
455
457
  padding-left: 4px;
458
+ color: var(--ap-text-color-2);
456
459
  max-width: 100%;
457
460
  white-space: nowrap;
458
461
  overflow: hidden;
@@ -69,6 +69,7 @@
69
69
  white-space: nowrap;
70
70
  overflow: hidden;
71
71
  text-overflow: ellipsis;
72
+ color: var(--ap-text-color-2);
72
73
  }
73
74
  .aplus-ap-column-setting-left {
74
75
  flex: 1;
@@ -69,6 +69,7 @@
69
69
  white-space: nowrap;
70
70
  overflow: hidden;
71
71
  text-overflow: ellipsis;
72
+ color: var(--ap-text-color-2);
72
73
  }
73
74
  .aplus-ap-column-setting-left {
74
75
  flex: 1;
@@ -23,6 +23,7 @@
23
23
  white-space: nowrap;
24
24
  overflow: hidden;
25
25
  text-overflow: ellipsis;
26
+ color: var(--ap-text-color-2);
26
27
  }
27
28
  }
28
29
  &-left {
@@ -81,6 +81,7 @@
81
81
  white-space: nowrap;
82
82
  overflow: hidden;
83
83
  text-overflow: ellipsis;
84
+ color: var(--ap-text-color-2);
84
85
  }
85
86
  .aplus-ap-column-setting-left {
86
87
  flex: 1;
@@ -380,6 +381,7 @@
380
381
  font-family: inherit;
381
382
  line-height: 18px;
382
383
  list-style: none;
384
+ color: var(--ap-text-color-2);
383
385
  font-size: 14px;
384
386
  font-weight: 700;
385
387
  display: inline-block;
@@ -426,7 +428,7 @@
426
428
  padding-inline: 4px;
427
429
  }
428
430
  .aplus-search-form-sorter-sorter-item > div {
429
- border: 1px solid #E9EDF3;
431
+ border: 1px solid var(--ap-color-bg);
430
432
  border-radius: 4px;
431
433
  padding: 8px;
432
434
  display: flex;
@@ -453,6 +455,7 @@
453
455
  line-height: 18px;
454
456
  list-style: none;
455
457
  padding-left: 4px;
458
+ color: var(--ap-text-color-2);
456
459
  max-width: 100%;
457
460
  white-space: nowrap;
458
461
  overflow: hidden;
@@ -57,7 +57,7 @@
57
57
  }
58
58
  .aplus-tag-wrapper .aplus-tag-inner-wrapper--large {
59
59
  padding: 6px;
60
- line-height: 22;
60
+ line-height: 22px;
61
61
  font-size: 14px;
62
62
  }
63
63
  .aplus-tag-wrapper .aplus-tag-inner-wrapper--middle {
@@ -249,7 +249,7 @@
249
249
  margin-top: 10px;
250
250
  color: #182948;
251
251
  font-size: 14px;
252
- line-height: 22;
252
+ line-height: 22px;
253
253
  }
254
254
  .aplus-ap-upload-single-file .state-un .state-un-subtitle {
255
255
  margin-top: 4px;
@@ -75,7 +75,7 @@
75
75
  margin-top: 10px;
76
76
  color: #182948;
77
77
  font-size: 14px;
78
- line-height: 22;
78
+ line-height: 22px;
79
79
  }
80
80
  .aplus-ap-upload-single-file .state-un .state-un-subtitle {
81
81
  margin-top: 4px;
@@ -27,6 +27,7 @@
27
27
  --batch-input-group-trigger-color-disabled: rgba(24, 41, 72, 0.25);
28
28
  --ap-radio-group-item-active-bg-color: rgba(0, 112, 255, 0.12);
29
29
  --ap-drawer-wrapper-shadow: -8px 2px 24px 0px rgba(24, 41, 72, 0.2);
30
+ --ap-grid-fixed-scrolling-box-shadow-color: #dae0e7;
30
31
  }
31
32
  [data-aplus-ui-mode='admin'] {
32
33
  --ap-border-color-base: #d9d9d9;
@@ -57,4 +58,5 @@
57
58
  --batch-input-group-trigger-color-disabled: rgba(0, 0, 0, 0.25);
58
59
  --ap-radio-group-item-active-bg-color: rgba(52, 183, 124, 0.12);
59
60
  --ap-drawer-wrapper-shadow: -8px 2px 24px 0px rgba(51, 51, 51, 0.2);
61
+ --ap-grid-fixed-scrolling-box-shadow-color: #e5e5e5;
60
62
  }
@@ -53,6 +53,8 @@
53
53
  --batch-input-group-trigger-color-disabled: rgba(24, 41, 72, 0.25);
54
54
  --ap-radio-group-item-active-bg-color: rgba(#0070ff, 0.12);
55
55
  --ap-drawer-wrapper-shadow: -8px 2px 24px 0px rgba(24, 41, 72, 0.2);
56
+ // 表格
57
+ --ap-grid-fixed-scrolling-box-shadow-color: #dae0e7;
56
58
  }
57
59
 
58
60
  [data-aplus-ui-mode='admin'] {
@@ -106,4 +108,6 @@
106
108
  --batch-input-group-trigger-color-disabled: rgba(0, 0, 0, 0.25);
107
109
  --ap-radio-group-item-active-bg-color: rgba(#34b77c, 0.12);
108
110
  --ap-drawer-wrapper-shadow: -8px 2px 24px 0px rgba(51, 51, 51, 0.2);
111
+ // 表格
112
+ --ap-grid-fixed-scrolling-box-shadow-color: #e5e5e5;
109
113
  }
@@ -188,6 +188,7 @@
188
188
  font-family: inherit;
189
189
  line-height: 18px;
190
190
  list-style: none;
191
+ color: var(--ap-text-color-2);
191
192
  font-size: 14px;
192
193
  font-weight: 700;
193
194
  display: inline-block;
@@ -234,7 +235,7 @@
234
235
  padding-inline: 4px;
235
236
  }
236
237
  .aplus-search-form-sorter-sorter-item > div {
237
- border: 1px solid #E9EDF3;
238
+ border: 1px solid var(--ap-color-bg);
238
239
  border-radius: 4px;
239
240
  padding: 8px;
240
241
  display: flex;
@@ -261,6 +262,7 @@
261
262
  line-height: 18px;
262
263
  list-style: none;
263
264
  padding-left: 4px;
265
+ color: var(--ap-text-color-2);
264
266
  max-width: 100%;
265
267
  white-space: nowrap;
266
268
  overflow: hidden;