@aplus-frontend/ui 0.0.2 → 0.0.3

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 (35) hide show
  1. package/es/src/ap-table/ap-table.vue.d.ts +1 -5
  2. package/es/src/ap-table/ap-table.vue.mjs +139 -125
  3. package/es/src/ap-table/interface.d.ts +16 -4
  4. package/es/src/ap-table/utils.d.ts +30 -1
  5. package/es/src/ap-table/utils.mjs +61 -41
  6. package/es/src/ap-tag/style/ap-tag-group.css +1 -0
  7. package/es/src/ap-tag/style/ap-tag.css +1 -0
  8. package/es/src/pro-form/components/form-action.vue2.mjs +37 -35
  9. package/es/src/pro-form/hooks/use-advanced.mjs +45 -45
  10. package/es/src/pro-table/style/pro-table.css +3 -0
  11. package/es/src/theme/antd-global-overwrite/admin/index.css +35 -20
  12. package/es/src/theme/antd-global-overwrite/admin/table.css +35 -20
  13. package/es/src/theme/antd-global-overwrite/aplus/index.css +35 -20
  14. package/es/src/theme/antd-global-overwrite/aplus/table.css +35 -20
  15. package/es/src/theme/ap-tag/ap-tag-group.css +1 -0
  16. package/es/src/theme/ap-tag/ap-tag.css +1 -0
  17. package/es/src/theme/pro-table/pro-table.css +3 -0
  18. package/lib/src/ap-table/ap-table.vue.d.ts +1 -5
  19. package/lib/src/ap-table/ap-table.vue.js +1 -1
  20. package/lib/src/ap-table/interface.d.ts +16 -4
  21. package/lib/src/ap-table/utils.d.ts +30 -1
  22. package/lib/src/ap-table/utils.js +1 -1
  23. package/lib/src/ap-tag/style/ap-tag-group.css +1 -0
  24. package/lib/src/ap-tag/style/ap-tag.css +1 -0
  25. package/lib/src/pro-form/components/form-action.vue2.js +1 -1
  26. package/lib/src/pro-form/hooks/use-advanced.js +1 -1
  27. package/lib/src/pro-table/style/pro-table.css +3 -0
  28. package/lib/src/theme/antd-global-overwrite/admin/index.css +35 -20
  29. package/lib/src/theme/antd-global-overwrite/admin/table.css +35 -20
  30. package/lib/src/theme/antd-global-overwrite/aplus/index.css +35 -20
  31. package/lib/src/theme/antd-global-overwrite/aplus/table.css +35 -20
  32. package/lib/src/theme/ap-tag/ap-tag-group.css +1 -0
  33. package/lib/src/theme/ap-tag/ap-tag.css +1 -0
  34. package/lib/src/theme/pro-table/pro-table.css +3 -0
  35. package/package.json +1 -1
package/lib/src/theme/antd-global-overwrite/aplus/index.css CHANGED
@@ -474,8 +474,15 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
474
474
  inset-inline-start: 13px;
475
475
  margin: 6px 0;
476
476
  }
477
- .ant-table-wrapper .ant-table.ant-table.ant-table-small .ant-table-title,
478
- .ant-table-wrapper .ant-table.ant-table.ant-table-middle .ant-table-title {
477
+ [class$='-basic-table'],
478
+ [class$='-basic-table-form-container'] {
479
+ width: 100%;
480
+ height: 100%;
481
+ }
482
+ [class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table.ant-table-small .ant-table-title,
483
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table.ant-table-small .ant-table-title,
484
+ [class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table.ant-table-middle .ant-table-title,
485
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table.ant-table-middle .ant-table-title {
479
486
  display: flex;
480
487
  align-items: center;
481
488
  justify-content: space-between;
@@ -483,15 +490,18 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
483
490
  padding: 0 0 10px;
484
491
  border: none;
485
492
  }
486
- .ant-table-wrapper .ant-table {
493
+ [class$='-basic-table'] .ant-table-wrapper .ant-table,
494
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table {
487
495
  width: 100%;
488
496
  overflow-x: hidden;
489
497
  border-radius: 0;
490
498
  }
491
- .ant-table-wrapper .ant-table .ant-table-container .ant-table-header {
499
+ [class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header,
500
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header {
492
501
  border-radius: 0;
493
502
  }
494
- .ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th {
503
+ [class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th,
504
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th {
495
505
  color: #182948;
496
506
  font-weight: 700;
497
507
  font-size: 14px;
@@ -500,18 +510,22 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
500
510
  text-transform: none;
501
511
  background: #f2f6f9;
502
512
  }
503
- .ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th::before {
513
+ [class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th::before,
514
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th::before {
504
515
  display: none;
505
516
  width: 0;
506
517
  visibility: hidden;
507
518
  }
508
- .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover {
519
+ [class$='-basic-table'] .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover,
520
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover {
509
521
  background: #f6f9fa;
510
522
  }
511
- .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover > td {
523
+ [class$='-basic-table'] .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover > td,
524
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover > td {
512
525
  background: #f6f9fa;
513
526
  }
514
- .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row > td {
527
+ [class$='-basic-table'] .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row > td,
528
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row > td {
515
529
  color: #182948;
516
530
  font-weight: 400;
517
531
  font-size: 14px;
@@ -520,35 +534,36 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
520
534
  text-transform: none;
521
535
  transition: unset;
522
536
  }
523
- .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-thead tr > th {
537
+ [class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-thead tr > th,
538
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-thead tr > th {
524
539
  padding: 12px 16px;
525
540
  line-height: 22px;
526
541
  }
527
- .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td {
542
+ [class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td,
543
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td {
528
544
  border-top: 1px solid;
529
545
  border-top-color: transparent;
530
546
  }
531
- .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr > .ant-table-cell {
547
+ [class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr > .ant-table-cell,
548
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr > .ant-table-cell {
532
549
  padding: 12px 16px;
533
550
  line-height: 22px;
534
551
  }
535
- .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-thead tr > th {
552
+ [class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-thead tr > th,
553
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-thead tr > th {
536
554
  padding: 10.5px 16px;
537
555
  line-height: 18px;
538
556
  }
539
- .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td {
557
+ [class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td,
558
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td {
540
559
  border-top: 1px solid;
541
560
  border-top-color: transparent;
542
561
  }
543
- .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr > .ant-table-cell {
562
+ [class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr > .ant-table-cell,
563
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr > .ant-table-cell {
544
564
  padding: 10.5px 16px;
545
565
  line-height: 18px;
546
566
  }
547
- [class$='-basic-table'],
548
- [class$='-basic-table-form-container'] {
549
- width: 100%;
550
- height: 100%;
551
- }
552
567
  [class$='-basic-table-row__striped'] td {
553
568
  background-color: #f6f9fa;
554
569
  }
package/lib/src/theme/antd-global-overwrite/aplus/table.css CHANGED
@@ -1,5 +1,12 @@
1
- .ant-table-wrapper .ant-table.ant-table.ant-table-small .ant-table-title,
2
- .ant-table-wrapper .ant-table.ant-table.ant-table-middle .ant-table-title {
1
+ [class$='-basic-table'],
2
+ [class$='-basic-table-form-container'] {
3
+ width: 100%;
4
+ height: 100%;
5
+ }
6
+ [class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table.ant-table-small .ant-table-title,
7
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table.ant-table-small .ant-table-title,
8
+ [class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table.ant-table-middle .ant-table-title,
9
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table.ant-table-middle .ant-table-title {
3
10
  display: flex;
4
11
  align-items: center;
5
12
  justify-content: space-between;
@@ -7,15 +14,18 @@
7
14
  padding: 0 0 10px;
8
15
  border: none;
9
16
  }
10
- .ant-table-wrapper .ant-table {
17
+ [class$='-basic-table'] .ant-table-wrapper .ant-table,
18
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table {
11
19
  width: 100%;
12
20
  overflow-x: hidden;
13
21
  border-radius: 0;
14
22
  }
15
- .ant-table-wrapper .ant-table .ant-table-container .ant-table-header {
23
+ [class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header,
24
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header {
16
25
  border-radius: 0;
17
26
  }
18
- .ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th {
27
+ [class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th,
28
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th {
19
29
  color: #182948;
20
30
  font-weight: 700;
21
31
  font-size: 14px;
@@ -24,18 +34,22 @@
24
34
  text-transform: none;
25
35
  background: #f2f6f9;
26
36
  }
27
- .ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th::before {
37
+ [class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th::before,
38
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th::before {
28
39
  display: none;
29
40
  width: 0;
30
41
  visibility: hidden;
31
42
  }
32
- .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover {
43
+ [class$='-basic-table'] .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover,
44
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover {
33
45
  background: #f6f9fa;
34
46
  }
35
- .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover > td {
47
+ [class$='-basic-table'] .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover > td,
48
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover > td {
36
49
  background: #f6f9fa;
37
50
  }
38
- .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row > td {
51
+ [class$='-basic-table'] .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row > td,
52
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row > td {
39
53
  color: #182948;
40
54
  font-weight: 400;
41
55
  font-size: 14px;
@@ -44,35 +58,36 @@
44
58
  text-transform: none;
45
59
  transition: unset;
46
60
  }
47
- .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-thead tr > th {
61
+ [class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-thead tr > th,
62
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-thead tr > th {
48
63
  padding: 12px 16px;
49
64
  line-height: 22px;
50
65
  }
51
- .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td {
66
+ [class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td,
67
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td {
52
68
  border-top: 1px solid;
53
69
  border-top-color: transparent;
54
70
  }
55
- .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr > .ant-table-cell {
71
+ [class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr > .ant-table-cell,
72
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr > .ant-table-cell {
56
73
  padding: 12px 16px;
57
74
  line-height: 22px;
58
75
  }
59
- .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-thead tr > th {
76
+ [class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-thead tr > th,
77
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-thead tr > th {
60
78
  padding: 10.5px 16px;
61
79
  line-height: 18px;
62
80
  }
63
- .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td {
81
+ [class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td,
82
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td {
64
83
  border-top: 1px solid;
65
84
  border-top-color: transparent;
66
85
  }
67
- .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr > .ant-table-cell {
86
+ [class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr > .ant-table-cell,
87
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr > .ant-table-cell {
68
88
  padding: 10.5px 16px;
69
89
  line-height: 18px;
70
90
  }
71
- [class$='-basic-table'],
72
- [class$='-basic-table-form-container'] {
73
- width: 100%;
74
- height: 100%;
75
- }
76
91
  [class$='-basic-table-row__striped'] td {
77
92
  background-color: #f6f9fa;
78
93
  }
package/lib/src/theme/ap-tag/ap-tag-group.css CHANGED
@@ -2,5 +2,6 @@
2
2
  text-wrap: nowrap;
3
3
  display: flex;
4
4
  flex-wrap: nowrap;
5
+ white-space: nowrap;
5
6
  align-items: center;
6
7
  }
package/lib/src/theme/ap-tag/ap-tag.css CHANGED
@@ -1,5 +1,6 @@
1
1
  .aplus-tag-wrapper {
2
2
  text-wrap: nowrap;
3
+ white-space: nowrap;
3
4
  display: inline-block;
4
5
  }
5
6
  .aplus-tag-inner-wrapper {
package/lib/src/theme/pro-table/pro-table.css CHANGED
@@ -16,6 +16,9 @@
16
16
  border-radius: 2px;
17
17
  background-color: #fff;
18
18
  }
19
+ .aplus-pro-table-form-container .ant-form .ant-form-item {
20
+ margin-bottom: 16px;
21
+ }
19
22
  .aplus-pro-table-form-container-no-divide .ant-form {
20
23
  border-bottom-left-radius: 0 !important;
21
24
  border-bottom-right-radius: 0 !important;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aplus-frontend/ui",
3
- "version": "0.0.2",
3
+ "version": "0.0.3",
4
4
  "main": "lib/index.js",
5
5
  "module": "es/index.mjs",
6
6
  "files": [