@aplus-frontend/ui 0.0.15 → 0.0.17

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 (71) hide show
  1. package/es/index.mjs +42 -38
  2. package/es/src/ap-form/modal-form/index.vue.mjs +1 -1
  3. package/es/src/ap-table/ap-table.vue.d.ts +2 -2
  4. package/es/src/ap-table/ap-table.vue.mjs +1 -1
  5. package/es/src/ap-table/interface.d.ts +12 -11
  6. package/es/src/ap-table/style/ap-table.css +6 -0
  7. package/es/src/ap-table/utils.d.ts +2188 -5
  8. package/es/src/business/title/style.css +29 -9
  9. package/es/src/check-card/checked.svg.mjs +4 -0
  10. package/es/src/check-card/context.d.ts +6 -0
  11. package/es/src/check-card/context.mjs +16 -0
  12. package/es/src/check-card/group.vue.d.ts +57 -0
  13. package/es/src/check-card/group.vue.mjs +57 -0
  14. package/es/src/check-card/group.vue2.mjs +4 -0
  15. package/es/src/check-card/index.d.ts +9 -0
  16. package/es/src/check-card/index.mjs +11 -0
  17. package/es/src/check-card/index.vue.d.ts +54 -0
  18. package/es/src/check-card/index.vue.mjs +4 -0
  19. package/es/src/check-card/index.vue2.mjs +133 -0
  20. package/es/src/check-card/interface.d.ts +100 -0
  21. package/es/src/check-card/interface.mjs +1 -0
  22. package/es/src/check-card/style/index.css +108 -0
  23. package/es/src/editable-table/hooks/use-get-columns.d.ts +26 -3
  24. package/es/src/editable-table/hooks/use-get-columns.mjs +54 -52
  25. package/es/src/editable-table/interface.d.ts +24 -7
  26. package/es/src/hooks/useControllableValue.mjs +15 -13
  27. package/es/src/index.d.ts +1 -0
  28. package/es/src/index.mjs +194 -190
  29. package/es/src/theme/antd-global-overwrite/admin/index.css +6 -6
  30. package/es/src/theme/antd-global-overwrite/admin/modal.css +6 -6
  31. package/es/src/theme/antd-global-overwrite/aplus/index.css +6 -6
  32. package/es/src/theme/antd-global-overwrite/aplus/modal.css +6 -6
  33. package/es/src/theme/ap-table/ap-table.css +6 -0
  34. package/es/src/theme/ap-title/ap-title.css +29 -9
  35. package/es/src/theme/check-card/index.css +108 -0
  36. package/lib/index.js +1 -1
  37. package/lib/src/ap-form/modal-form/index.vue.js +1 -1
  38. package/lib/src/ap-table/ap-table.vue.d.ts +2 -2
  39. package/lib/src/ap-table/ap-table.vue.js +1 -1
  40. package/lib/src/ap-table/interface.d.ts +12 -11
  41. package/lib/src/ap-table/style/ap-table.css +6 -0
  42. package/lib/src/ap-table/utils.d.ts +2188 -5
  43. package/lib/src/business/title/style.css +29 -9
  44. package/lib/src/check-card/checked.svg.js +1 -0
  45. package/lib/src/check-card/context.d.ts +6 -0
  46. package/lib/src/check-card/context.js +1 -0
  47. package/lib/src/check-card/group.vue.d.ts +57 -0
  48. package/lib/src/check-card/group.vue.js +1 -0
  49. package/lib/src/check-card/group.vue2.js +1 -0
  50. package/lib/src/check-card/index.d.ts +9 -0
  51. package/lib/src/check-card/index.js +1 -0
  52. package/lib/src/check-card/index.vue.d.ts +54 -0
  53. package/lib/src/check-card/index.vue.js +1 -0
  54. package/lib/src/check-card/index.vue2.js +1 -0
  55. package/lib/src/check-card/interface.d.ts +100 -0
  56. package/lib/src/check-card/interface.js +1 -0
  57. package/lib/src/check-card/style/index.css +108 -0
  58. package/lib/src/editable-table/hooks/use-get-columns.d.ts +26 -3
  59. package/lib/src/editable-table/hooks/use-get-columns.js +1 -1
  60. package/lib/src/editable-table/interface.d.ts +24 -7
  61. package/lib/src/hooks/useControllableValue.js +1 -1
  62. package/lib/src/index.d.ts +1 -0
  63. package/lib/src/index.js +1 -1
  64. package/lib/src/theme/antd-global-overwrite/admin/index.css +6 -6
  65. package/lib/src/theme/antd-global-overwrite/admin/modal.css +6 -6
  66. package/lib/src/theme/antd-global-overwrite/aplus/index.css +6 -6
  67. package/lib/src/theme/antd-global-overwrite/aplus/modal.css +6 -6
  68. package/lib/src/theme/ap-table/ap-table.css +6 -0
  69. package/lib/src/theme/ap-title/ap-title.css +29 -9
  70. package/lib/src/theme/check-card/index.css +108 -0
  71. package/package.json +2 -2
@@ -157,7 +157,7 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
157
157
  vertical-align: -0.18em;
158
158
  margin-inline-end: 9px;
159
159
  }
160
- .ant-modal-root .ant-modal-close {
160
+ .ant-modal-root .ant-modal .ant-modal-close {
161
161
  top: 0;
162
162
  right: 0;
163
163
  width: auto;
@@ -167,28 +167,28 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
167
167
  outline: none;
168
168
  cursor: default;
169
169
  }
170
- .ant-modal-root .ant-modal-close:hover {
170
+ .ant-modal-root .ant-modal .ant-modal-close:hover {
171
171
  color: #666666;
172
172
  background-color: transparent;
173
173
  }
174
- .ant-modal-root .ant-modal-close-x {
174
+ .ant-modal-root .ant-modal .ant-modal-close-x {
175
175
  display: inline-block;
176
176
  width: 96px;
177
177
  height: 54px;
178
178
  line-height: 54px;
179
179
  text-align: start;
180
180
  }
181
- .ant-modal-root .ant-modal-close-x > div {
181
+ .ant-modal-root .ant-modal .ant-modal-close-x > div {
182
182
  height: 100%;
183
183
  }
184
- .ant-modal-root .ant-modal-close-x > span {
184
+ .ant-modal-root .ant-modal .ant-modal-close-x > span {
185
185
  display: inline-block;
186
186
  margin-left: 48px;
187
187
  padding: 10px;
188
188
  cursor: pointer;
189
189
  transition: all 0.2s;
190
190
  }
191
- .ant-modal-root .ant-modal-close-x > span:hover {
191
+ .ant-modal-root .ant-modal .ant-modal-close-x > span:hover {
192
192
  color: #ed6f6f;
193
193
  }
194
194
  .ant-modal-root .ant-modal .ant-modal-content {
@@ -1,4 +1,4 @@
1
- .ant-modal-root .ant-modal-close {
1
+ .ant-modal-root .ant-modal .ant-modal-close {
2
2
  top: 0;
3
3
  right: 0;
4
4
  width: auto;
@@ -8,28 +8,28 @@
8
8
  outline: none;
9
9
  cursor: default;
10
10
  }
11
- .ant-modal-root .ant-modal-close:hover {
11
+ .ant-modal-root .ant-modal .ant-modal-close:hover {
12
12
  color: #666666;
13
13
  background-color: transparent;
14
14
  }
15
- .ant-modal-root .ant-modal-close-x {
15
+ .ant-modal-root .ant-modal .ant-modal-close-x {
16
16
  display: inline-block;
17
17
  width: 96px;
18
18
  height: 54px;
19
19
  line-height: 54px;
20
20
  text-align: start;
21
21
  }
22
- .ant-modal-root .ant-modal-close-x > div {
22
+ .ant-modal-root .ant-modal .ant-modal-close-x > div {
23
23
  height: 100%;
24
24
  }
25
- .ant-modal-root .ant-modal-close-x > span {
25
+ .ant-modal-root .ant-modal .ant-modal-close-x > span {
26
26
  display: inline-block;
27
27
  margin-left: 48px;
28
28
  padding: 10px;
29
29
  cursor: pointer;
30
30
  transition: all 0.2s;
31
31
  }
32
- .ant-modal-root .ant-modal-close-x > span:hover {
32
+ .ant-modal-root .ant-modal .ant-modal-close-x > span:hover {
33
33
  color: #ed6f6f;
34
34
  }
35
35
  .ant-modal-root .ant-modal .ant-modal-content {
@@ -182,7 +182,7 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
182
182
  vertical-align: -0.18em;
183
183
  margin-inline-end: 9px;
184
184
  }
185
- .ant-modal-root .ant-modal-close {
185
+ .ant-modal-root .ant-modal .ant-modal-close {
186
186
  top: 0;
187
187
  right: 0;
188
188
  width: auto;
@@ -192,28 +192,28 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
192
192
  outline: none;
193
193
  cursor: default;
194
194
  }
195
- .ant-modal-root .ant-modal-close:hover {
195
+ .ant-modal-root .ant-modal .ant-modal-close:hover {
196
196
  color: #8796b0;
197
197
  background-color: transparent;
198
198
  }
199
- .ant-modal-root .ant-modal-close-x {
199
+ .ant-modal-root .ant-modal .ant-modal-close-x {
200
200
  display: inline-block;
201
201
  width: 96px;
202
202
  height: 54px;
203
203
  line-height: 54px;
204
204
  text-align: start;
205
205
  }
206
- .ant-modal-root .ant-modal-close-x > div {
206
+ .ant-modal-root .ant-modal .ant-modal-close-x > div {
207
207
  height: 100%;
208
208
  }
209
- .ant-modal-root .ant-modal-close-x > span {
209
+ .ant-modal-root .ant-modal .ant-modal-close-x > span {
210
210
  display: inline-block;
211
211
  margin-left: 48px;
212
212
  padding: 10px;
213
213
  cursor: pointer;
214
214
  transition: all 0.2s;
215
215
  }
216
- .ant-modal-root .ant-modal-close-x > span:hover {
216
+ .ant-modal-root .ant-modal .ant-modal-close-x > span:hover {
217
217
  color: #ed6f6f;
218
218
  }
219
219
  .ant-modal-root .ant-modal .ant-modal-content {
@@ -1,4 +1,4 @@
1
- .ant-modal-root .ant-modal-close {
1
+ .ant-modal-root .ant-modal .ant-modal-close {
2
2
  top: 0;
3
3
  right: 0;
4
4
  width: auto;
@@ -8,28 +8,28 @@
8
8
  outline: none;
9
9
  cursor: default;
10
10
  }
11
- .ant-modal-root .ant-modal-close:hover {
11
+ .ant-modal-root .ant-modal .ant-modal-close:hover {
12
12
  color: #8796b0;
13
13
  background-color: transparent;
14
14
  }
15
- .ant-modal-root .ant-modal-close-x {
15
+ .ant-modal-root .ant-modal .ant-modal-close-x {
16
16
  display: inline-block;
17
17
  width: 96px;
18
18
  height: 54px;
19
19
  line-height: 54px;
20
20
  text-align: start;
21
21
  }
22
- .ant-modal-root .ant-modal-close-x > div {
22
+ .ant-modal-root .ant-modal .ant-modal-close-x > div {
23
23
  height: 100%;
24
24
  }
25
- .ant-modal-root .ant-modal-close-x > span {
25
+ .ant-modal-root .ant-modal .ant-modal-close-x > span {
26
26
  display: inline-block;
27
27
  margin-left: 48px;
28
28
  padding: 10px;
29
29
  cursor: pointer;
30
30
  transition: all 0.2s;
31
31
  }
32
- .ant-modal-root .ant-modal-close-x > span:hover {
32
+ .ant-modal-root .ant-modal .ant-modal-close-x > span:hover {
33
33
  color: #ed6f6f;
34
34
  }
35
35
  .ant-modal-root .ant-modal .ant-modal-content {
@@ -78,3 +78,9 @@
78
78
  .aplus-ap-table .ant-table-small .ant-table-cell {
79
79
  padding: 9px 16px !important;
80
80
  }
81
+ .aplus-ap-table .ant-table-middle .ant-table-placeholder .ant-table-cell {
82
+ padding: 0 !important;
83
+ }
84
+ .aplus-ap-table .ant-table-small .ant-table-placeholder .ant-table-cell {
85
+ padding: 0 !important;
86
+ }
@@ -1,7 +1,7 @@
1
1
  .aplus-ap-title {
2
2
  position: relative;
3
3
  width: 100%;
4
- height: 32px;
4
+ height: 20px;
5
5
  display: flex;
6
6
  align-items: center;
7
7
  justify-content: space-between;
@@ -12,17 +12,12 @@
12
12
  position: absolute;
13
13
  content: '';
14
14
  left: 0;
15
- top: 6px;
15
+ top: 2px;
16
16
  width: 3px;
17
- height: 20px;
17
+ height: 16px;
18
18
  background: #0070ff;
19
19
  border-radius: 0px 4px 4px 0px;
20
- }
21
- .aplus-ap-title--aplus::before {
22
- background: #0070ff;
23
- }
24
- .aplus-ap-title--admin::before {
25
- background: #34b77c;
20
+ z-index: 1;
26
21
  }
27
22
  .aplus-ap-title__prefix {
28
23
  font-weight: bold;
@@ -34,6 +29,31 @@
34
29
  margin-left: 5px;
35
30
  color: #8896b0;
36
31
  }
32
+ .aplus-ap-title--admin {
33
+ height: 22px;
34
+ padding-left: 14px;
35
+ }
36
+ .aplus-ap-title--admin::before {
37
+ top: 7px;
38
+ width: 8px;
39
+ height: 8px;
40
+ border-radius: 50%;
41
+ border-width: 2px;
42
+ border-style: solid;
43
+ border-color: #34b77c;
44
+ background: #fff;
45
+ z-index: 1;
46
+ }
47
+ .aplus-ap-title--admin .aplus-ap-title__prefix {
48
+ font-weight: bold;
49
+ color: #333;
50
+ display: flex;
51
+ align-items: center;
52
+ }
53
+ .aplus-ap-title--admin .aplus-ap-title__prefix .anticon-question-circle {
54
+ margin-left: 5px;
55
+ color: #8896b0;
56
+ }
37
57
  .aplus-ap-title__suffix {
38
58
  color: #526a90;
39
59
  }
@@ -0,0 +1,108 @@
1
+ .aplus-check-card {
2
+ border-radius: 4px;
3
+ position: relative;
4
+ }
5
+ .aplus-check-card--disabled {
6
+ background-color: #F9F9FA;
7
+ cursor: not-allowed;
8
+ }
9
+ .aplus-check-card--bordered {
10
+ outline: 1px solid var(--check-card-border-color);
11
+ }
12
+ .aplus-check-card-aplus:hover {
13
+ cursor: pointer;
14
+ outline: 1px solid #0070ff;
15
+ }
16
+ .aplus-check-card-aplus::after {
17
+ content: '';
18
+ position: absolute;
19
+ width: 0;
20
+ height: 0;
21
+ opacity: 0;
22
+ inset-block-start: -2px;
23
+ inset-inline-end: -2px;
24
+ border-inline-start: 16px solid transparent;
25
+ border-block-end: 16px solid transparent;
26
+ border-radius: 4px;
27
+ }
28
+ .aplus-check-card-aplus--checked {
29
+ outline: 2px solid #0070ff;
30
+ }
31
+ .aplus-check-card-aplus--checked:hover {
32
+ outline: 2px solid #0070ff;
33
+ }
34
+ .aplus-check-card-aplus--checked::after {
35
+ opacity: 1;
36
+ border: 16px solid #0070ff;
37
+ border-inline-start: 16px solid transparent;
38
+ border-block-end: 16px solid transparent;
39
+ inset-block-start: -2px;
40
+ inset-inline-end: -2px;
41
+ transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
42
+ }
43
+ .aplus-check-card-admin:hover {
44
+ cursor: pointer;
45
+ outline: 1px solid #34b77c;
46
+ }
47
+ .aplus-check-card-admin::after {
48
+ content: '';
49
+ position: absolute;
50
+ width: 0px;
51
+ height: 0px;
52
+ opacity: 0;
53
+ inset-block-start: -2px;
54
+ inset-inline-end: -2px;
55
+ border-inline-start: 16px solid transparent;
56
+ border-block-end: 16px solid transparent;
57
+ border-radius: 4px;
58
+ }
59
+ .aplus-check-card-admin--checked {
60
+ outline: 2px solid #34b77c;
61
+ }
62
+ .aplus-check-card-admin--checked:hover {
63
+ outline: 2px solid #34b77c;
64
+ }
65
+ .aplus-check-card-admin--checked::after {
66
+ content: '';
67
+ opacity: 1;
68
+ border: 16px solid #34b77c;
69
+ border-inline-start: 16px solid transparent;
70
+ border-block-end: 16px solid transparent;
71
+ inset-block-start: -2px;
72
+ inset-inline-end: -2px;
73
+ transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
74
+ }
75
+ .aplus-check-card--middle {
76
+ padding: 16px 24px;
77
+ }
78
+ .aplus-check-card--small {
79
+ padding: 12px 24px;
80
+ }
81
+ .aplus-check-card__title {
82
+ margin-bottom: 8px;
83
+ }
84
+ .aplus-check-card__title > span {
85
+ font-size: 14px;
86
+ line-height: 22px;
87
+ color: #333;
88
+ }
89
+ .aplus-check-card__title--disabled {
90
+ color: #ABB7CC;
91
+ }
92
+ .aplus-check-card__content {
93
+ font-size: 14px;
94
+ line-height: 22px;
95
+ color: #333;
96
+ }
97
+ .aplus-check-card__content--disabled {
98
+ color: #ABB7CC;
99
+ }
100
+ .aplus-check-card__checked-icon {
101
+ position: absolute;
102
+ top: 0;
103
+ right: 0;
104
+ z-index: 1;
105
+ -webkit-user-select: none;
106
+ -moz-user-select: none;
107
+ user-select: none;
108
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aplus-frontend/ui",
3
- "version": "0.0.15",
3
+ "version": "0.0.17",
4
4
  "main": "lib/index.js",
5
5
  "module": "es/index.mjs",
6
6
  "files": [
@@ -60,7 +60,7 @@
60
60
  "sortablejs": "^1.15.2",
61
61
  "@aplus-frontend/oss": "^1.0.11",
62
62
  "mime": "^4.0.3",
63
- "@aplus-frontend/hooks": "1.0.4",
63
+ "@aplus-frontend/hooks": "1.0.6",
64
64
  "@aplus-frontend/utils": "1.0.22"
65
65
  },
66
66
  "peerDependencies": {