@aplus-frontend/ui 6.24.2 → 6.25.0

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 (30) hide show
  1. package/es/src/ap-form/interface.d.ts +1 -2
  2. package/es/src/ap-form/search-form/hooks/use-count-per-row.mjs +27 -24
  3. package/es/src/ap-form/search-form/index.vue.d.ts +9 -3
  4. package/es/src/ap-form/search-form/index.vue.mjs +116 -108
  5. package/es/src/ap-pro-card/components/card/index.vue.d.ts +1 -1
  6. package/es/src/ap-pro-card/components/statistic/index.vue.d.ts +2 -1
  7. package/es/src/ap-pro-card/components/statistic/index.vue2.mjs +43 -37
  8. package/es/src/ap-pro-card/interface.d.ts +3 -1
  9. package/es/src/business/ap-value-select-card/index.vue.d.ts +6 -0
  10. package/es/src/business/ap-value-select-card/index.vue2.mjs +88 -80
  11. package/es/src/version.d.ts +1 -1
  12. package/es/src/version.mjs +1 -1
  13. package/lib/src/ap-form/interface.d.ts +1 -2
  14. package/lib/src/ap-form/search-form/hooks/use-count-per-row.js +1 -1
  15. package/lib/src/ap-form/search-form/index.vue.d.ts +9 -3
  16. package/lib/src/ap-form/search-form/index.vue.js +1 -1
  17. package/lib/src/ap-pro-card/components/card/index.vue.d.ts +1 -1
  18. package/lib/src/ap-pro-card/components/statistic/index.vue.d.ts +2 -1
  19. package/lib/src/ap-pro-card/components/statistic/index.vue2.js +1 -1
  20. package/lib/src/ap-pro-card/interface.d.ts +3 -1
  21. package/lib/src/business/ap-value-select-card/index.vue.d.ts +6 -0
  22. package/lib/src/business/ap-value-select-card/index.vue2.js +1 -1
  23. package/lib/src/version.d.ts +1 -1
  24. package/lib/src/version.js +1 -1
  25. package/package.json +5 -5
  26. package/theme/ap-pro-card/index.css +29 -25
  27. package/theme/ap-pro-card/index.less +32 -16
  28. package/theme/ap-value-select-card/index.css +1 -0
  29. package/theme/ap-value-select-card/index.less +1 -0
  30. package/theme/index.css +30 -25
package/theme/ap-pro-card/index.less CHANGED
@@ -259,18 +259,10 @@
259
259
  &-content {
260
260
  width: 100%;
261
261
  .ant-statistic-content {
262
- &-value-int {
263
- font-size: 22px;
264
- font-weight: bold;
265
- }
266
- &-value {
267
- font-size: 22px;
268
- font-weight: bold;
269
- }
270
- &-value-decimal {
271
- font-size: 22px;
272
- font-weight: bold;
273
- }
262
+ font-size: 22px;
263
+ line-height: 24px;
264
+ font-weight: bold;
265
+ font-family: DDinBold,OPPOSans,sans-serif;
274
266
  }
275
267
  }
276
268
  &-description {
@@ -280,6 +272,15 @@
280
272
  color: var(--ap-text-color-1);
281
273
  font-size: 12px;
282
274
  line-height: 18px;
275
+ margin-bottom: 8px;
276
+ }
277
+ &-size-small {
278
+ .ant-statistic-title {
279
+ margin-bottom: 4px;
280
+ }
281
+ .ant-statistic-content {
282
+ font-size: 16px;
283
+ }
283
284
  }
284
285
  &-trend-up {
285
286
  .ant-statistic-content {
@@ -303,12 +304,18 @@
303
304
  justify-content: space-between;
304
305
  .ant-statistic-title {
305
306
  margin-block-end: 0;
307
+ color: var(--ap-text-color-3);
306
308
  }
307
- .ant-statistic-content-value {
309
+ .ant-statistic-content {
310
+ color: var(--ap-text-color-2);
311
+ font-size: 12px;
312
+ line-height: 18px;
308
313
  font-weight: 500;
309
314
  }
310
- .ant-statistic-title,.ant-statistic-content-value,.ant-statistic-content-value-int,.ant-statistic-content,.ant-statistic-content-suffix,.ant-statistic-content-prefix,.ant-statistic-content-value-decimal {
311
- font-size: 14px;
315
+ .ant-statistic-title {
316
+ font-size: 12px;
317
+ line-height: 18px;
318
+ font-weight: 500;
312
319
  }
313
320
  }
314
321
  & &-layout-inline {
@@ -320,12 +327,21 @@
320
327
  }
321
328
  .ant-statistic-content {
322
329
  color: var(--ap-text-color-2);
330
+ font-size: 12px;
331
+ line-height: 18px;
332
+ font-weight: 500;
323
333
  }
324
- .ant-statistic-title,.ant-statistic-content-value,.ant-statistic-content-value-int,.ant-statistic-content,.ant-statistic-content-suffix,.ant-statistic-content-prefix,.ant-statistic-content-value-decimal {
334
+ .ant-statistic-title {
325
335
  font-size: 12px;
336
+ line-height: 18px;
326
337
  font-weight: 500;
327
338
  }
328
339
  }
340
+ & &-layout-vertical-center {
341
+ display: flex;
342
+ flex-direction: column;;
343
+ align-items: center;
344
+ }
329
345
  });
330
346
 
331
347
  .b(statistic-card, {
package/theme/ap-value-select-card/index.css CHANGED
@@ -117,6 +117,7 @@
117
117
  color: #8896b0;
118
118
  background: #f9f9fa;
119
119
  cursor: not-allowed;
120
+ border: 1px solid var(--ap-color-bg);
120
121
  }
121
122
  .aplus-ap-value-select-card-list-item.all.select {
122
123
  background: #f5f9ff;
package/theme/ap-value-select-card/index.less CHANGED
@@ -89,6 +89,7 @@
89
89
  color: #8896b0;
90
90
  background: #f9f9fa;
91
91
  cursor: not-allowed;
92
+ border: 1px solid var(--ap-color-bg);
92
93
  }
93
94
 
94
95
  &.select {
package/theme/index.css CHANGED
@@ -4414,6 +4414,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
4414
4414
  color: #8896b0;
4415
4415
  background: #f9f9fa;
4416
4416
  cursor: not-allowed;
4417
+ border: 1px solid var(--ap-color-bg);
4417
4418
  }
4418
4419
  .aplus-ap-value-select-card-list-item.all.select {
4419
4420
  background: #f5f9ff;
@@ -4798,17 +4799,11 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
4798
4799
  .aplus-pro-card-statistic-content {
4799
4800
  width: 100%;
4800
4801
  }
4801
- .aplus-pro-card-statistic-content .ant-statistic-content-value-int {
4802
- font-size: 22px;
4803
- font-weight: bold;
4804
- }
4805
- .aplus-pro-card-statistic-content .ant-statistic-content-value {
4806
- font-size: 22px;
4807
- font-weight: bold;
4808
- }
4809
- .aplus-pro-card-statistic-content .ant-statistic-content-value-decimal {
4802
+ .aplus-pro-card-statistic-content .ant-statistic-content {
4810
4803
  font-size: 22px;
4804
+ line-height: 24px;
4811
4805
  font-weight: bold;
4806
+ font-family: DDinBold, OPPOSans, sans-serif;
4812
4807
  }
4813
4808
  .aplus-pro-card-statistic-description {
4814
4809
  width: 100%;
@@ -4817,6 +4812,13 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
4817
4812
  color: var(--ap-text-color-1);
4818
4813
  font-size: 12px;
4819
4814
  line-height: 18px;
4815
+ margin-bottom: 8px;
4816
+ }
4817
+ .aplus-pro-card-statistic-size-small .ant-statistic-title {
4818
+ margin-bottom: 4px;
4819
+ }
4820
+ .aplus-pro-card-statistic-size-small .ant-statistic-content {
4821
+ font-size: 16px;
4820
4822
  }
4821
4823
  .aplus-pro-card-statistic-trend-up .ant-statistic-content {
4822
4824
  color: var(--ap-color-error);
@@ -4836,18 +4838,18 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
4836
4838
  }
4837
4839
  .aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-title {
4838
4840
  margin-block-end: 0;
4841
+ color: var(--ap-text-color-3);
4839
4842
  }
4840
- .aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-content-value {
4843
+ .aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-content {
4844
+ color: var(--ap-text-color-2);
4845
+ font-size: 12px;
4846
+ line-height: 18px;
4841
4847
  font-weight: 500;
4842
4848
  }
4843
- .aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-title,
4844
- .aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-content-value,
4845
- .aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-content-value-int,
4846
- .aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-content,
4847
- .aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-content-suffix,
4848
- .aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-content-prefix,
4849
- .aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-content-value-decimal {
4850
- font-size: 14px;
4849
+ .aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-title {
4850
+ font-size: 12px;
4851
+ line-height: 18px;
4852
+ font-weight: 500;
4851
4853
  }
4852
4854
  .aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline {
4853
4855
  display: inline-flex;
@@ -4859,17 +4861,20 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
4859
4861
  }
4860
4862
  .aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content {
4861
4863
  color: var(--ap-text-color-2);
4864
+ font-size: 12px;
4865
+ line-height: 18px;
4866
+ font-weight: 500;
4862
4867
  }
4863
- .aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-title,
4864
- .aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content-value,
4865
- .aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content-value-int,
4866
- .aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content,
4867
- .aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content-suffix,
4868
- .aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content-prefix,
4869
- .aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content-value-decimal {
4868
+ .aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-title {
4870
4869
  font-size: 12px;
4870
+ line-height: 18px;
4871
4871
  font-weight: 500;
4872
4872
  }
4873
+ .aplus-pro-card-statistic .aplus-pro-card-statistic-layout-vertical-center {
4874
+ display: flex;
4875
+ flex-direction: column;
4876
+ align-items: center;
4877
+ }
4873
4878
  .aplus-statistic-card-chart {
4874
4879
  display: flex;
4875
4880
  flex-direction: column;