@aplus-frontend/ui 6.26.0 → 6.26.1

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 (32) hide show
  1. package/es/src/ag-grid/components/empty/index.vue.d.ts +3 -0
  2. package/es/src/ag-grid/components/empty/index.vue.mjs +4 -0
  3. package/es/src/ag-grid/components/empty/index.vue2.mjs +15 -0
  4. package/es/src/ag-grid/index.vue.mjs +53 -53
  5. package/es/src/ap-grid/index.vue.mjs +196 -180
  6. package/es/src/ap-grid/interface.d.ts +8 -1
  7. package/es/src/ap-pro-card/components/card/index.vue2.mjs +70 -75
  8. package/es/src/version.d.ts +1 -1
  9. package/es/src/version.mjs +1 -1
  10. package/lib/src/ag-grid/components/empty/index.vue.d.ts +3 -0
  11. package/lib/src/ag-grid/components/empty/index.vue.js +1 -0
  12. package/lib/src/ag-grid/components/empty/index.vue2.js +1 -0
  13. package/lib/src/ag-grid/index.vue.js +1 -1
  14. package/lib/src/ap-grid/index.vue.js +1 -1
  15. package/lib/src/ap-grid/interface.d.ts +8 -1
  16. package/lib/src/ap-pro-card/components/card/index.vue2.js +1 -1
  17. package/lib/src/version.d.ts +1 -1
  18. package/lib/src/version.js +1 -1
  19. package/package.json +3 -3
  20. package/theme/ag-grid/index.css +1 -1
  21. package/theme/ag-grid/index.less +1 -1
  22. package/theme/ap-grid/index.css +1 -0
  23. package/theme/ap-grid/index.less +1 -0
  24. package/theme/ap-pro-card/index.css +22 -6
  25. package/theme/ap-pro-card/index.less +22 -7
  26. package/theme/css-var.css +32 -0
  27. package/theme/css-var.less +34 -0
  28. package/theme/index.css +56 -7
  29. package/es/src/ap-pro-card/utils/css-var.d.ts +0 -17
  30. package/es/src/ap-pro-card/utils/css-var.mjs +0 -29
  31. package/lib/src/ap-pro-card/utils/css-var.d.ts +0 -17
  32. package/lib/src/ap-pro-card/utils/css-var.js +0 -1
package/theme/ap-pro-card/index.less CHANGED
@@ -8,7 +8,7 @@
8
8
  padding: 0;
9
9
  width: 100%;
10
10
  transition: all 0.3s;
11
- background: var(--ap-pro-card-colo-bg-container);
11
+ background: var(--ap-pro-card-color-bg-container);
12
12
  border-radius: var(--ap-pro-card-border-radius);
13
13
  font-size: 12px;
14
14
  line-height: 18px;
@@ -126,7 +126,6 @@
126
126
  border-bottom: var(--ap-pro-card-border-line-width) var(--ap-pro-card-border-line-type) var(--ap-pro-card-border-color-split);
127
127
  content: '';
128
128
  }
129
-
130
129
  }
131
130
  &-span-0 {
132
131
  display: none;
@@ -142,7 +141,7 @@
142
141
  }
143
142
  &-actions {
144
143
  border-block-start:var(--ap-pro-card-border-line-width) var(--ap-pro-card-border-line-type) var(--ap-pro-card-border-color-split);
145
- background: var(--ap-pro-card-colo-bg-container);
144
+ background: var(--ap-pro-card-color-bg-container);
146
145
  padding: var(--ap-pro-card-actions-padding);
147
146
  }
148
147
  &-collapsed > &-header {
@@ -199,14 +198,30 @@
199
198
  flex: none;
200
199
  background: var(--ap-pro-card-border-color-split);
201
200
  &-vertical {
202
- width: var(--ap-pro-card-border-line-width);
201
+ position: relative;
203
202
  margin-inline: 8px;
204
- margin-block: 24px;
203
+ &::after {
204
+ position: absolute;
205
+ height: var(--ap-pro-card-divider-line-height);
206
+ top: 50%;
207
+ transform: translateY(-50%);
208
+ right: 0;
209
+ border-right: var(--ap-pro-card-border-line-width) var(--ap-pro-card-border-line-type) var(--ap-pro-card-border-color-split);
210
+ content: '';
211
+ }
205
212
  }
206
213
  &-horizontal {
207
- height: var(--ap-pro-card-border-line-width);
208
- margin-inline: 24px;
214
+ position: relative;
209
215
  margin-block: 8px;
216
+ &::after {
217
+ position: absolute;
218
+ width: var(--ap-pro-card-divider-line-height);
219
+ left: 50%;
220
+ transform: translateX(-50%);
221
+ bottom: 0;
222
+ border-bottom: var(--ap-pro-card-border-line-width) var(--ap-pro-card-border-line-type) var(--ap-pro-card-border-color-split);
223
+ content: '';
224
+ }
210
225
  }
211
226
  });
212
227
 
package/theme/css-var.css CHANGED
@@ -29,6 +29,22 @@
29
29
  --ap-radio-group-item-active-bg-color: rgba(0, 112, 255, 0.12);
30
30
  --ap-drawer-wrapper-shadow: -8px 2px 24px 0px rgba(24, 41, 72, 0.2);
31
31
  --ap-grid-fixed-scrolling-box-shadow-color: #dae0e7;
32
+ --ap-pro-card-color-bg-container: transparent;
33
+ --ap-pro-card-border-radius: 4px;
34
+ --ap-pro-card-header-padding: 8px 16px 0;
35
+ --ap-pro-card-header-padding-bottom: 8px;
36
+ --ap-pro-card-body-padding: 8px 16px;
37
+ --ap-pro-card-actions-padding: 12px 16px;
38
+ --ap-pro-card-border-line-width: 1px;
39
+ --ap-pro-card-border-line-type: solid;
40
+ --ap-pro-card-border-color-split: #e9edf3;
41
+ --ap-pro-card-box-shadow: 3px 10px 30px -2px rgba(123, 121, 140, 0.15);
42
+ --ap-pro-card-tooltip-color: #8896b0;
43
+ --ap-pro-card-header-title-font-size: 12px;
44
+ --ap-pro-card-header-title-font-color: #182948;
45
+ --ap-pro-card-area-color: #f1f7ff;
46
+ --ap-pro-card-split-line-height: 100%;
47
+ --ap-pro-card-divider-line-height: 60%;
32
48
  }
33
49
  [data-aplus-ui-mode='admin'] {
34
50
  --ap-border-color-base: #d9d9d9;
@@ -61,4 +77,20 @@
61
77
  --ap-radio-group-item-active-bg-color: rgba(52, 183, 124, 0.12);
62
78
  --ap-drawer-wrapper-shadow: -8px 2px 24px 0px rgba(51, 51, 51, 0.2);
63
79
  --ap-grid-fixed-scrolling-box-shadow-color: #e5e5e5;
80
+ --ap-pro-card-color-bg-container: transparent;
81
+ --ap-pro-card-border-radius: 4px;
82
+ --ap-pro-card-header-padding: 8px 16px 0;
83
+ --ap-pro-card-header-padding-bottom: 8px;
84
+ --ap-pro-card-body-padding: 8px 16px;
85
+ --ap-pro-card-actions-padding: 12px 16px;
86
+ --ap-pro-card-border-line-width: 1px;
87
+ --ap-pro-card-border-line-type: solid;
88
+ --ap-pro-card-border-color-split: #e9e9e9;
89
+ --ap-pro-card-box-shadow: 3px 10px 30px -2px rgba(123, 121, 140, 0.15);
90
+ --ap-pro-card-tooltip-color: #999999;
91
+ --ap-pro-card-header-title-font-size: 12px;
92
+ --ap-pro-card-header-title-font-color: #333333;
93
+ --ap-pro-card-area-color: #eff9f5;
94
+ --ap-pro-card-split-line-height: 100%;
95
+ --ap-pro-card-divider-line-height: 60%;
64
96
  }
package/theme/css-var.less CHANGED
@@ -57,6 +57,23 @@
57
57
  --ap-drawer-wrapper-shadow: -8px 2px 24px 0px rgba(24, 41, 72, 0.2);
58
58
  // 表格
59
59
  --ap-grid-fixed-scrolling-box-shadow-color: #dae0e7;
60
+ // 高级卡片
61
+ --ap-pro-card-color-bg-container: transparent;
62
+ --ap-pro-card-border-radius: 4px;
63
+ --ap-pro-card-header-padding: 8px 16px 0;
64
+ --ap-pro-card-header-padding-bottom: 8px;
65
+ --ap-pro-card-body-padding: 8px 16px;
66
+ --ap-pro-card-actions-padding: 12px 16px;
67
+ --ap-pro-card-border-line-width: 1px;
68
+ --ap-pro-card-border-line-type: solid;
69
+ --ap-pro-card-border-color-split: #e9edf3;
70
+ --ap-pro-card-box-shadow: 3px 10px 30px -2px rgba(123, 121, 140, 0.15);
71
+ --ap-pro-card-tooltip-color: #8896b0;
72
+ --ap-pro-card-header-title-font-size: 12px;
73
+ --ap-pro-card-header-title-font-color: #182948;
74
+ --ap-pro-card-area-color: #f1f7ff;
75
+ --ap-pro-card-split-line-height: 100%;
76
+ --ap-pro-card-divider-line-height: 60%;
60
77
  }
61
78
 
62
79
  [data-aplus-ui-mode='admin'] {
@@ -114,4 +131,21 @@
114
131
  --ap-drawer-wrapper-shadow: -8px 2px 24px 0px rgba(51, 51, 51, 0.2);
115
132
  // 表格
116
133
  --ap-grid-fixed-scrolling-box-shadow-color: #e5e5e5;
134
+ // 高级卡片
135
+ --ap-pro-card-color-bg-container: transparent;
136
+ --ap-pro-card-border-radius: 4px;
137
+ --ap-pro-card-header-padding: 8px 16px 0;
138
+ --ap-pro-card-header-padding-bottom: 8px;
139
+ --ap-pro-card-body-padding: 8px 16px;
140
+ --ap-pro-card-actions-padding: 12px 16px;
141
+ --ap-pro-card-border-line-width: 1px;
142
+ --ap-pro-card-border-line-type: solid;
143
+ --ap-pro-card-border-color-split: #e9e9e9;
144
+ --ap-pro-card-box-shadow: 3px 10px 30px -2px rgba(123, 121, 140, 0.15);
145
+ --ap-pro-card-tooltip-color: #999999;
146
+ --ap-pro-card-header-title-font-size: 12px;
147
+ --ap-pro-card-header-title-font-color: #333333;
148
+ --ap-pro-card-area-color: #eff9f5;
149
+ --ap-pro-card-split-line-height: 100%;
150
+ --ap-pro-card-divider-line-height: 60%;
117
151
  }
package/theme/index.css CHANGED
@@ -29,6 +29,22 @@
29
29
  --ap-radio-group-item-active-bg-color: rgba(0, 112, 255, 0.12);
30
30
  --ap-drawer-wrapper-shadow: -8px 2px 24px 0px rgba(24, 41, 72, 0.2);
31
31
  --ap-grid-fixed-scrolling-box-shadow-color: #dae0e7;
32
+ --ap-pro-card-color-bg-container: transparent;
33
+ --ap-pro-card-border-radius: 4px;
34
+ --ap-pro-card-header-padding: 8px 16px 0;
35
+ --ap-pro-card-header-padding-bottom: 8px;
36
+ --ap-pro-card-body-padding: 8px 16px;
37
+ --ap-pro-card-actions-padding: 12px 16px;
38
+ --ap-pro-card-border-line-width: 1px;
39
+ --ap-pro-card-border-line-type: solid;
40
+ --ap-pro-card-border-color-split: #e9edf3;
41
+ --ap-pro-card-box-shadow: 3px 10px 30px -2px rgba(123, 121, 140, 0.15);
42
+ --ap-pro-card-tooltip-color: #8896b0;
43
+ --ap-pro-card-header-title-font-size: 12px;
44
+ --ap-pro-card-header-title-font-color: #182948;
45
+ --ap-pro-card-area-color: #f1f7ff;
46
+ --ap-pro-card-split-line-height: 100%;
47
+ --ap-pro-card-divider-line-height: 60%;
32
48
  }
33
49
  [data-aplus-ui-mode='admin'] {
34
50
  --ap-border-color-base: #d9d9d9;
@@ -61,6 +77,22 @@
61
77
  --ap-radio-group-item-active-bg-color: rgba(52, 183, 124, 0.12);
62
78
  --ap-drawer-wrapper-shadow: -8px 2px 24px 0px rgba(51, 51, 51, 0.2);
63
79
  --ap-grid-fixed-scrolling-box-shadow-color: #e5e5e5;
80
+ --ap-pro-card-color-bg-container: transparent;
81
+ --ap-pro-card-border-radius: 4px;
82
+ --ap-pro-card-header-padding: 8px 16px 0;
83
+ --ap-pro-card-header-padding-bottom: 8px;
84
+ --ap-pro-card-body-padding: 8px 16px;
85
+ --ap-pro-card-actions-padding: 12px 16px;
86
+ --ap-pro-card-border-line-width: 1px;
87
+ --ap-pro-card-border-line-type: solid;
88
+ --ap-pro-card-border-color-split: #e9e9e9;
89
+ --ap-pro-card-box-shadow: 3px 10px 30px -2px rgba(123, 121, 140, 0.15);
90
+ --ap-pro-card-tooltip-color: #999999;
91
+ --ap-pro-card-header-title-font-size: 12px;
92
+ --ap-pro-card-header-title-font-color: #333333;
93
+ --ap-pro-card-area-color: #eff9f5;
94
+ --ap-pro-card-split-line-height: 100%;
95
+ --ap-pro-card-divider-line-height: 60%;
64
96
  }
65
97
  @font-face {
66
98
  /* stylelint-disable-next-line font-family-name-quotes */
@@ -3531,6 +3563,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
3531
3563
  vertical-align: middle;
3532
3564
  word-break: break-all;
3533
3565
  flex: 1;
3566
+ font-weight: bold;
3534
3567
  }
3535
3568
  .aplus-ap-grid-table-header__title--single {
3536
3569
  flex: unset;
@@ -4274,7 +4307,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
4274
4307
  left: 0;
4275
4308
  width: 100%;
4276
4309
  height: 100%;
4277
- z-index: 1;
4310
+ z-index: 2;
4278
4311
  display: flex;
4279
4312
  justify-content: center;
4280
4313
  align-items: center;
@@ -4467,7 +4500,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
4467
4500
  padding: 0;
4468
4501
  width: 100%;
4469
4502
  transition: all 0.3s;
4470
- background: var(--ap-pro-card-colo-bg-container);
4503
+ background: var(--ap-pro-card-color-bg-container);
4471
4504
  border-radius: var(--ap-pro-card-border-radius);
4472
4505
  font-size: 12px;
4473
4506
  line-height: 18px;
@@ -4688,7 +4721,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
4688
4721
  }
4689
4722
  .aplus-pro-card-actions {
4690
4723
  border-block-start: var(--ap-pro-card-border-line-width) var(--ap-pro-card-border-line-type) var(--ap-pro-card-border-color-split);
4691
- background: var(--ap-pro-card-colo-bg-container);
4724
+ background: var(--ap-pro-card-color-bg-container);
4692
4725
  padding: var(--ap-pro-card-actions-padding);
4693
4726
  }
4694
4727
  .aplus-pro-card-collapsed > .aplus-pro-card-header {
@@ -4741,15 +4774,31 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
4741
4774
  background: var(--ap-pro-card-border-color-split);
4742
4775
  }
4743
4776
  .aplus-pro-card-divider-vertical {
4744
- width: var(--ap-pro-card-border-line-width);
4777
+ position: relative;
4745
4778
  margin-inline: 8px;
4746
- margin-block: 24px;
4779
+ }
4780
+ .aplus-pro-card-divider-vertical::after {
4781
+ position: absolute;
4782
+ height: var(--ap-pro-card-divider-line-height);
4783
+ top: 50%;
4784
+ transform: translateY(-50%);
4785
+ right: 0;
4786
+ border-right: var(--ap-pro-card-border-line-width) var(--ap-pro-card-border-line-type) var(--ap-pro-card-border-color-split);
4787
+ content: '';
4747
4788
  }
4748
4789
  .aplus-pro-card-divider-horizontal {
4749
- height: var(--ap-pro-card-border-line-width);
4750
- margin-inline: 24px;
4790
+ position: relative;
4751
4791
  margin-block: 8px;
4752
4792
  }
4793
+ .aplus-pro-card-divider-horizontal::after {
4794
+ position: absolute;
4795
+ width: var(--ap-pro-card-divider-line-height);
4796
+ left: 50%;
4797
+ transform: translateX(-50%);
4798
+ bottom: 0;
4799
+ border-bottom: var(--ap-pro-card-border-line-width) var(--ap-pro-card-border-line-type) var(--ap-pro-card-border-color-split);
4800
+ content: '';
4801
+ }
4753
4802
  .aplus-pro-card-operation {
4754
4803
  display: flex;
4755
4804
  flex-direction: column;
package/es/src/ap-pro-card/utils/css-var.d.ts DELETED
@@ -1,17 +0,0 @@
1
- export declare const getProCardCssVar: (uiMode: "aplus" | "admin") => {
2
- '--ap-pro-card-border-color-split': string;
3
- '--ap-pro-card-box-shadow': string;
4
- '--ap-pro-card-tooltip-color': string;
5
- '--ap-pro-card-header-title-font-color': string;
6
- '--ap-pro-card-area-color': string;
7
- '--ap-pro-card-colo-bg-container': string;
8
- '--ap-pro-card-border-radius': string;
9
- '--ap-pro-card-header-padding': string;
10
- '--ap-pro-card-header-padding-bottom': string;
11
- '--ap-pro-card-body-padding': string;
12
- '--ap-pro-card-actions-padding': string;
13
- '--ap-pro-card-border-line-width': string;
14
- '--ap-pro-card-border-line-type': string;
15
- '--ap-pro-card-header-title-font-size': string;
16
- '--ap-pro-card-split-line-height': string;
17
- };
package/es/src/ap-pro-card/utils/css-var.mjs DELETED
@@ -1,29 +0,0 @@
1
- const p = {
2
- "--ap-pro-card-colo-bg-container": "transparent",
3
- "--ap-pro-card-border-radius": "4px",
4
- "--ap-pro-card-header-padding": "8px 16px 0",
5
- "--ap-pro-card-header-padding-bottom": "8px",
6
- "--ap-pro-card-body-padding": "8px 16px 12px",
7
- "--ap-pro-card-actions-padding": "12px 16px",
8
- "--ap-pro-card-border-line-width": "1px",
9
- "--ap-pro-card-border-line-type": "solid",
10
- "--ap-pro-card-border-color-split": "#e9edf3",
11
- "--ap-pro-card-box-shadow": "3px 10px 30px -2px rgba(123, 121, 140, 0.15)",
12
- "--ap-pro-card-tooltip-color": "#8896b0",
13
- "--ap-pro-card-header-title-font-size": "12px",
14
- "--ap-pro-card-header-title-font-color": "#182948",
15
- "--ap-pro-card-area-color": "#f1f7ff",
16
- "--ap-pro-card-split-line-height": "100%"
17
- }, a = {
18
- "--ap-pro-card-border-color-split": "#e9e9e9",
19
- "--ap-pro-card-box-shadow": "3px 10px 30px -2px rgba(123, 121, 140, 0.15)",
20
- "--ap-pro-card-tooltip-color": "#999",
21
- "--ap-pro-card-header-title-font-color": "#333",
22
- "--ap-pro-card-area-color": "#eff9f5"
23
- }, o = (r) => ({
24
- ...p,
25
- ...r === "admin" ? a : {}
26
- });
27
- export {
28
- o as getProCardCssVar
29
- };
package/lib/src/ap-pro-card/utils/css-var.d.ts DELETED
@@ -1,17 +0,0 @@
1
- export declare const getProCardCssVar: (uiMode: "aplus" | "admin") => {
2
- '--ap-pro-card-border-color-split': string;
3
- '--ap-pro-card-box-shadow': string;
4
- '--ap-pro-card-tooltip-color': string;
5
- '--ap-pro-card-header-title-font-color': string;
6
- '--ap-pro-card-area-color': string;
7
- '--ap-pro-card-colo-bg-container': string;
8
- '--ap-pro-card-border-radius': string;
9
- '--ap-pro-card-header-padding': string;
10
- '--ap-pro-card-header-padding-bottom': string;
11
- '--ap-pro-card-body-padding': string;
12
- '--ap-pro-card-actions-padding': string;
13
- '--ap-pro-card-border-line-width': string;
14
- '--ap-pro-card-border-line-type': string;
15
- '--ap-pro-card-header-title-font-size': string;
16
- '--ap-pro-card-split-line-height': string;
17
- };
package/lib/src/ap-pro-card/utils/css-var.js DELETED
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p={"--ap-pro-card-colo-bg-container":"transparent","--ap-pro-card-border-radius":"4px","--ap-pro-card-header-padding":"8px 16px 0","--ap-pro-card-header-padding-bottom":"8px","--ap-pro-card-body-padding":"8px 16px 12px","--ap-pro-card-actions-padding":"12px 16px","--ap-pro-card-border-line-width":"1px","--ap-pro-card-border-line-type":"solid","--ap-pro-card-border-color-split":"#e9edf3","--ap-pro-card-box-shadow":"3px 10px 30px -2px rgba(123, 121, 140, 0.15)","--ap-pro-card-tooltip-color":"#8896b0","--ap-pro-card-header-title-font-size":"12px","--ap-pro-card-header-title-font-color":"#182948","--ap-pro-card-area-color":"#f1f7ff","--ap-pro-card-split-line-height":"100%"},a={"--ap-pro-card-border-color-split":"#e9e9e9","--ap-pro-card-box-shadow":"3px 10px 30px -2px rgba(123, 121, 140, 0.15)","--ap-pro-card-tooltip-color":"#999","--ap-pro-card-header-title-font-color":"#333","--ap-pro-card-area-color":"#eff9f5"},o=r=>({...p,...r==="admin"?a:{}});exports.getProCardCssVar=o;