vxe-table 4.6.5 → 4.6.6

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 (149) hide show
  1. package/es/button/style.css +6 -6
  2. package/es/checkbox/src/group.js +7 -1
  3. package/es/custom/src/hook.js +1 -0
  4. package/es/custom/src/panel.js +207 -45
  5. package/es/custom/style.css +326 -80
  6. package/es/export/src/export-panel.js +1 -1
  7. package/es/export/src/import-panel.js +1 -1
  8. package/es/icon/style.css +1 -1
  9. package/es/input/style.css +0 -1
  10. package/es/loading/src/loading.js +1 -1
  11. package/es/loading/style.css +1 -1
  12. package/es/locale/lang/en-US.js +18 -7
  13. package/es/locale/lang/es-ES.js +18 -7
  14. package/es/locale/lang/ja-JP.js +18 -6
  15. package/es/locale/lang/pt-BR.js +18 -7
  16. package/es/locale/lang/zh-CN.js +18 -7
  17. package/es/locale/lang/zh-TC.js +18 -7
  18. package/es/modal/src/modal.js +1 -1
  19. package/es/radio/src/group.js +7 -1
  20. package/es/style.css +1 -1
  21. package/es/style.min.css +1 -1
  22. package/es/table/src/columnInfo.js +3 -3
  23. package/es/table/src/table.js +60 -36
  24. package/es/table/style.css +4 -4
  25. package/es/tools/log.js +1 -1
  26. package/es/v-x-e-table/index.js +1 -1
  27. package/es/v-x-e-table/style.css +1 -1
  28. package/es/vxe-button/style.css +6 -6
  29. package/es/vxe-input/style.css +0 -1
  30. package/es/vxe-loading/style.css +1 -1
  31. package/es/vxe-table/style.css +4 -4
  32. package/es/vxe-table-custom-module/style.css +326 -80
  33. package/lib/button/style/style.css +6 -6
  34. package/lib/button/style/style.min.css +1 -1
  35. package/lib/checkbox/src/group.js +7 -1
  36. package/lib/checkbox/src/group.min.js +1 -1
  37. package/lib/custom/src/hook.js +1 -0
  38. package/lib/custom/src/hook.min.js +1 -1
  39. package/lib/custom/src/panel.js +185 -30
  40. package/lib/custom/src/panel.min.js +1 -1
  41. package/lib/custom/style/style.css +326 -80
  42. package/lib/custom/style/style.min.css +1 -1
  43. package/lib/export/src/export-panel.js +1 -1
  44. package/lib/export/src/export-panel.min.js +1 -1
  45. package/lib/export/src/import-panel.js +1 -1
  46. package/lib/export/src/import-panel.min.js +1 -1
  47. package/lib/icon/style/style.css +1 -1
  48. package/lib/icon/style/style.min.css +1 -1
  49. package/lib/index.umd.js +288 -84
  50. package/lib/index.umd.min.js +1 -1
  51. package/lib/input/style/style.css +0 -1
  52. package/lib/input/style/style.min.css +1 -1
  53. package/lib/loading/src/loading.js +1 -1
  54. package/lib/loading/src/loading.min.js +1 -1
  55. package/lib/loading/style/style.css +1 -1
  56. package/lib/loading/style/style.min.css +1 -1
  57. package/lib/locale/lang/en-US.js +18 -7
  58. package/lib/locale/lang/en-US.min.js +1 -1
  59. package/lib/locale/lang/en-US.umd.js +18 -7
  60. package/lib/locale/lang/es-ES.js +18 -7
  61. package/lib/locale/lang/es-ES.min.js +1 -1
  62. package/lib/locale/lang/es-ES.umd.js +18 -7
  63. package/lib/locale/lang/ja-JP.js +18 -6
  64. package/lib/locale/lang/ja-JP.min.js +1 -1
  65. package/lib/locale/lang/ja-JP.umd.js +18 -6
  66. package/lib/locale/lang/pt-BR.js +18 -7
  67. package/lib/locale/lang/pt-BR.min.js +1 -1
  68. package/lib/locale/lang/pt-BR.umd.js +18 -7
  69. package/lib/locale/lang/zh-CN.js +18 -7
  70. package/lib/locale/lang/zh-CN.min.js +1 -1
  71. package/lib/locale/lang/zh-CN.umd.js +18 -7
  72. package/lib/locale/lang/zh-HK.min.js +1 -1
  73. package/lib/locale/lang/zh-HK.umd.js +18 -7
  74. package/lib/locale/lang/zh-MO.min.js +1 -1
  75. package/lib/locale/lang/zh-MO.umd.js +18 -7
  76. package/lib/locale/lang/zh-TC.js +18 -7
  77. package/lib/locale/lang/zh-TC.min.js +1 -1
  78. package/lib/locale/lang/zh-TC.umd.js +18 -7
  79. package/lib/locale/lang/zh-TW.min.js +1 -1
  80. package/lib/locale/lang/zh-TW.umd.js +18 -7
  81. package/lib/modal/src/modal.js +1 -1
  82. package/lib/modal/src/modal.min.js +1 -1
  83. package/lib/radio/src/group.js +7 -1
  84. package/lib/radio/src/group.min.js +1 -1
  85. package/lib/style.css +1 -1
  86. package/lib/style.min.css +1 -1
  87. package/lib/table/src/columnInfo.js +3 -3
  88. package/lib/table/src/columnInfo.min.js +1 -1
  89. package/lib/table/src/table.js +61 -36
  90. package/lib/table/src/table.min.js +1 -1
  91. package/lib/table/style/style.css +4 -4
  92. package/lib/table/style/style.min.css +1 -1
  93. package/lib/tools/log.js +1 -1
  94. package/lib/tools/log.min.js +1 -1
  95. package/lib/v-x-e-table/index.js +1 -1
  96. package/lib/v-x-e-table/index.min.js +1 -1
  97. package/lib/v-x-e-table/style/style.css +1 -1
  98. package/lib/v-x-e-table/style/style.min.css +1 -1
  99. package/lib/vxe-button/style/style.css +6 -6
  100. package/lib/vxe-button/style/style.min.css +1 -1
  101. package/lib/vxe-input/style/style.css +0 -1
  102. package/lib/vxe-input/style/style.min.css +1 -1
  103. package/lib/vxe-loading/style/style.css +1 -1
  104. package/lib/vxe-loading/style/style.min.css +1 -1
  105. package/lib/vxe-table/style/style.css +4 -4
  106. package/lib/vxe-table/style/style.min.css +1 -1
  107. package/lib/vxe-table-custom-module/style/style.css +326 -80
  108. package/lib/vxe-table-custom-module/style/style.min.css +1 -1
  109. package/package.json +1 -1
  110. package/packages/checkbox/src/group.ts +8 -1
  111. package/packages/custom/src/hook.ts +1 -0
  112. package/packages/custom/src/panel.ts +213 -45
  113. package/packages/export/src/export-panel.ts +1 -1
  114. package/packages/export/src/import-panel.ts +1 -1
  115. package/packages/loading/src/loading.ts +1 -1
  116. package/packages/locale/lang/en-US.ts +18 -7
  117. package/packages/locale/lang/es-ES.ts +18 -7
  118. package/packages/locale/lang/ja-JP.ts +18 -6
  119. package/packages/locale/lang/pt-BR.ts +18 -7
  120. package/packages/locale/lang/zh-CN.ts +18 -7
  121. package/packages/locale/lang/zh-TC.ts +18 -7
  122. package/packages/modal/src/modal.ts +1 -1
  123. package/packages/radio/src/group.ts +8 -1
  124. package/packages/table/src/columnInfo.ts +9 -6
  125. package/packages/table/src/table.ts +62 -39
  126. package/packages/table/src/util.ts +1 -1
  127. package/styles/base/common.scss +4 -4
  128. package/styles/button.scss +5 -5
  129. package/styles/custom.scss +192 -86
  130. package/styles/helpers/mixin.scss +1 -1
  131. package/styles/input.scss +1 -2
  132. package/styles/loading.scss +1 -1
  133. package/styles/modal.scss +2 -2
  134. package/styles/select.scss +1 -1
  135. package/styles/table.scss +2 -2
  136. package/types/table.d.ts +32 -22
  137. package/types/v-x-e-table/renderer.d.ts +1 -0
  138. /package/es/icon/style/{iconfont.1714102086168.ttf → iconfont.1714295309081.ttf} +0 -0
  139. /package/es/icon/style/{iconfont.1714102086168.woff → iconfont.1714295309081.woff} +0 -0
  140. /package/es/icon/style/{iconfont.1714102086168.woff2 → iconfont.1714295309081.woff2} +0 -0
  141. /package/es/{iconfont.1714102086168.ttf → iconfont.1714295309081.ttf} +0 -0
  142. /package/es/{iconfont.1714102086168.woff → iconfont.1714295309081.woff} +0 -0
  143. /package/es/{iconfont.1714102086168.woff2 → iconfont.1714295309081.woff2} +0 -0
  144. /package/lib/icon/style/{iconfont.1714102086168.ttf → iconfont.1714295309081.ttf} +0 -0
  145. /package/lib/icon/style/{iconfont.1714102086168.woff → iconfont.1714295309081.woff} +0 -0
  146. /package/lib/icon/style/{iconfont.1714102086168.woff2 → iconfont.1714295309081.woff2} +0 -0
  147. /package/lib/{iconfont.1714102086168.ttf → iconfont.1714295309081.ttf} +0 -0
  148. /package/lib/{iconfont.1714102086168.woff → iconfont.1714295309081.woff} +0 -0
  149. /package/lib/{iconfont.1714102086168.woff2 → iconfont.1714295309081.woff2} +0 -0
@@ -23,6 +23,170 @@
23
23
  /*select*/
24
24
  /*switch*/
25
25
  /*pulldown*/
26
+ [class*=vxe-]:after, [class*=vxe-]:before,
27
+ [class*=vxe-] *:after, [class*=vxe-] *:before, [class*=vxe-] {
28
+ box-sizing: border-box;
29
+ }
30
+
31
+ .vxe-table-custom-popup--drag-hint {
32
+ overflow: hidden;
33
+ text-overflow: ellipsis;
34
+ white-space: nowrap;
35
+ }
36
+
37
+ [class*=vxe-] {
38
+ font-variant: tabular-nums;
39
+ font-feature-settings: "tnum";
40
+ }
41
+ .vxe-primary-color {
42
+ color: var(--vxe-primary-color);
43
+ }
44
+
45
+ .vxe-success-color {
46
+ color: var(--vxe-success-color);
47
+ }
48
+
49
+ .vxe-info-color {
50
+ color: var(--vxe-info-color);
51
+ }
52
+
53
+ .vxe-warning-color {
54
+ color: var(--vxe-warning-color);
55
+ }
56
+
57
+ .vxe-danger-color {
58
+ color: var(--vxe-danger-color);
59
+ }
60
+
61
+ .vxe-perfect-color {
62
+ color: var(--vxe-table-header-background-color);
63
+ }
64
+
65
+ .vxe-row:after {
66
+ content: "";
67
+ display: block;
68
+ clear: both;
69
+ height: 0;
70
+ overflow: hidden;
71
+ visibility: hidden;
72
+ }
73
+ .vxe-row > .vxe-col--1 {
74
+ float: left;
75
+ width: 4.16667%;
76
+ }
77
+ .vxe-row > .vxe-col--2 {
78
+ float: left;
79
+ width: 8.33333%;
80
+ }
81
+ .vxe-row > .vxe-col--3 {
82
+ float: left;
83
+ width: 12.5%;
84
+ }
85
+ .vxe-row > .vxe-col--4 {
86
+ float: left;
87
+ width: 16.66667%;
88
+ }
89
+ .vxe-row > .vxe-col--5 {
90
+ float: left;
91
+ width: 20.83333%;
92
+ }
93
+ .vxe-row > .vxe-col--6 {
94
+ float: left;
95
+ width: 25%;
96
+ }
97
+ .vxe-row > .vxe-col--7 {
98
+ float: left;
99
+ width: 29.16667%;
100
+ }
101
+ .vxe-row > .vxe-col--8 {
102
+ float: left;
103
+ width: 33.33333%;
104
+ }
105
+ .vxe-row > .vxe-col--9 {
106
+ float: left;
107
+ width: 37.5%;
108
+ }
109
+ .vxe-row > .vxe-col--10 {
110
+ float: left;
111
+ width: 41.66667%;
112
+ }
113
+ .vxe-row > .vxe-col--11 {
114
+ float: left;
115
+ width: 45.83333%;
116
+ }
117
+ .vxe-row > .vxe-col--12 {
118
+ float: left;
119
+ width: 50%;
120
+ }
121
+ .vxe-row > .vxe-col--13 {
122
+ float: left;
123
+ width: 54.16667%;
124
+ }
125
+ .vxe-row > .vxe-col--14 {
126
+ float: left;
127
+ width: 58.33333%;
128
+ }
129
+ .vxe-row > .vxe-col--15 {
130
+ float: left;
131
+ width: 62.5%;
132
+ }
133
+ .vxe-row > .vxe-col--16 {
134
+ float: left;
135
+ width: 66.66667%;
136
+ }
137
+ .vxe-row > .vxe-col--17 {
138
+ float: left;
139
+ width: 70.83333%;
140
+ }
141
+ .vxe-row > .vxe-col--18 {
142
+ float: left;
143
+ width: 75%;
144
+ }
145
+ .vxe-row > .vxe-col--19 {
146
+ float: left;
147
+ width: 79.16667%;
148
+ }
149
+ .vxe-row > .vxe-col--20 {
150
+ float: left;
151
+ width: 83.33333%;
152
+ }
153
+ .vxe-row > .vxe-col--21 {
154
+ float: left;
155
+ width: 87.5%;
156
+ }
157
+ .vxe-row > .vxe-col--22 {
158
+ float: left;
159
+ width: 91.66667%;
160
+ }
161
+ .vxe-row > .vxe-col--23 {
162
+ float: left;
163
+ width: 95.83333%;
164
+ }
165
+ .vxe-row > .vxe-col--24 {
166
+ float: left;
167
+ width: 100%;
168
+ }
169
+
170
+ /*animat*/
171
+ .is--animat .vxe-sort--asc-btn:before, .is--animat .vxe-sort--asc-btn:after,
172
+ .is--animat .vxe-sort--desc-btn:before,
173
+ .is--animat .vxe-sort--desc-btn:after,
174
+ .is--animat .vxe-filter--btn:before,
175
+ .is--animat .vxe-filter--btn:after {
176
+ transition: border 0.1s ease-in-out;
177
+ }
178
+ .is--animat .vxe-input--wrapper .vxe-input {
179
+ transition: border 0.1s ease-in-out;
180
+ }
181
+ .is--animat .vxe-table--expand-btn,
182
+ .is--animat .vxe-tree--node-btn {
183
+ transition: transform 0.1s ease-in-out;
184
+ }
185
+ .is--animat .vxe-checkbox > input:checked + span,
186
+ .is--animat .vxe-radio > input:checked + span {
187
+ transition: background-color 0.1s ease-in-out;
188
+ }
189
+
26
190
  .vxe-table-custom--option {
27
191
  display: flex;
28
192
  flex-direction: row;
@@ -43,8 +207,9 @@
43
207
  .vxe-table-custom-wrapper.is--active {
44
208
  display: block;
45
209
  }
46
- .vxe-table-custom-wrapper .vxe-table-custom--header,
47
- .vxe-table-custom-wrapper .vxe-table-custom--body {
210
+
211
+ .vxe-table-custom--header,
212
+ .vxe-table-custom--body {
48
213
  list-style-type: none;
49
214
  overflow-x: hidden;
50
215
  overflow-y: auto;
@@ -54,85 +219,88 @@
54
219
  -moz-user-select: none;
55
220
  user-select: none;
56
221
  }
57
- .vxe-table-custom-wrapper .vxe-table-custom--header > li,
58
- .vxe-table-custom-wrapper .vxe-table-custom--body > li {
222
+ .vxe-table-custom--header > li,
223
+ .vxe-table-custom--body > li {
59
224
  max-width: 18em;
60
225
  min-width: 14em;
61
226
  padding: 0.2em 1em 0.2em 1em;
62
227
  }
63
- .vxe-table-custom-wrapper .vxe-table-custom--header > li.level--2,
64
- .vxe-table-custom-wrapper .vxe-table-custom--body > li.level--2 {
228
+ .vxe-table-custom--header > li.level--2,
229
+ .vxe-table-custom--body > li.level--2 {
65
230
  padding-left: 3.5em;
66
231
  }
67
- .vxe-table-custom-wrapper .vxe-table-custom--header > li.level--2 .vxe-checkbox--icon,
68
- .vxe-table-custom-wrapper .vxe-table-custom--body > li.level--2 .vxe-checkbox--icon {
232
+ .vxe-table-custom--header > li.level--2 .vxe-checkbox--icon,
233
+ .vxe-table-custom--body > li.level--2 .vxe-checkbox--icon {
69
234
  left: 1.8em;
70
235
  }
71
- .vxe-table-custom-wrapper .vxe-table-custom--header > li.level--3,
72
- .vxe-table-custom-wrapper .vxe-table-custom--body > li.level--3 {
236
+ .vxe-table-custom--header > li.level--3,
237
+ .vxe-table-custom--body > li.level--3 {
73
238
  padding-left: 4.5em;
74
239
  }
75
- .vxe-table-custom-wrapper .vxe-table-custom--header > li.level--3 .vxe-checkbox--icon,
76
- .vxe-table-custom-wrapper .vxe-table-custom--body > li.level--3 .vxe-checkbox--icon {
240
+ .vxe-table-custom--header > li.level--3 .vxe-checkbox--icon,
241
+ .vxe-table-custom--body > li.level--3 .vxe-checkbox--icon {
77
242
  left: 2.8em;
78
243
  }
79
- .vxe-table-custom-wrapper .vxe-table-custom--header > li.level--4,
80
- .vxe-table-custom-wrapper .vxe-table-custom--body > li.level--4 {
244
+ .vxe-table-custom--header > li.level--4,
245
+ .vxe-table-custom--body > li.level--4 {
81
246
  padding-left: 5.5em;
82
247
  }
83
- .vxe-table-custom-wrapper .vxe-table-custom--header > li.level--4 .vxe-checkbox--icon,
84
- .vxe-table-custom-wrapper .vxe-table-custom--body > li.level--4 .vxe-checkbox--icon {
248
+ .vxe-table-custom--header > li.level--4 .vxe-checkbox--icon,
249
+ .vxe-table-custom--body > li.level--4 .vxe-checkbox--icon {
85
250
  left: 3.8em;
86
251
  }
87
- .vxe-table-custom-wrapper .vxe-table-custom--header > li.level--5,
88
- .vxe-table-custom-wrapper .vxe-table-custom--body > li.level--5 {
252
+ .vxe-table-custom--header > li.level--5,
253
+ .vxe-table-custom--body > li.level--5 {
89
254
  padding-left: 6.5em;
90
255
  }
91
- .vxe-table-custom-wrapper .vxe-table-custom--header > li.level--5 .vxe-checkbox--icon,
92
- .vxe-table-custom-wrapper .vxe-table-custom--body > li.level--5 .vxe-checkbox--icon {
256
+ .vxe-table-custom--header > li.level--5 .vxe-checkbox--icon,
257
+ .vxe-table-custom--body > li.level--5 .vxe-checkbox--icon {
93
258
  left: 4.8em;
94
259
  }
95
- .vxe-table-custom-wrapper .vxe-table-custom--header > li.level--6,
96
- .vxe-table-custom-wrapper .vxe-table-custom--body > li.level--6 {
260
+ .vxe-table-custom--header > li.level--6,
261
+ .vxe-table-custom--body > li.level--6 {
97
262
  padding-left: 7.5em;
98
263
  }
99
- .vxe-table-custom-wrapper .vxe-table-custom--header > li.level--6 .vxe-checkbox--icon,
100
- .vxe-table-custom-wrapper .vxe-table-custom--body > li.level--6 .vxe-checkbox--icon {
264
+ .vxe-table-custom--header > li.level--6 .vxe-checkbox--icon,
265
+ .vxe-table-custom--body > li.level--6 .vxe-checkbox--icon {
101
266
  left: 5.8em;
102
267
  }
103
- .vxe-table-custom-wrapper .vxe-table-custom--header > li.level--7,
104
- .vxe-table-custom-wrapper .vxe-table-custom--body > li.level--7 {
268
+ .vxe-table-custom--header > li.level--7,
269
+ .vxe-table-custom--body > li.level--7 {
105
270
  padding-left: 8.5em;
106
271
  }
107
- .vxe-table-custom-wrapper .vxe-table-custom--header > li.level--7 .vxe-checkbox--icon,
108
- .vxe-table-custom-wrapper .vxe-table-custom--body > li.level--7 .vxe-checkbox--icon {
272
+ .vxe-table-custom--header > li.level--7 .vxe-checkbox--icon,
273
+ .vxe-table-custom--body > li.level--7 .vxe-checkbox--icon {
109
274
  left: 6.8em;
110
275
  }
111
- .vxe-table-custom-wrapper .vxe-table-custom--header > li.level--8,
112
- .vxe-table-custom-wrapper .vxe-table-custom--body > li.level--8 {
276
+ .vxe-table-custom--header > li.level--8,
277
+ .vxe-table-custom--body > li.level--8 {
113
278
  padding-left: 9.5em;
114
279
  }
115
- .vxe-table-custom-wrapper .vxe-table-custom--header > li.level--8 .vxe-checkbox--icon,
116
- .vxe-table-custom-wrapper .vxe-table-custom--body > li.level--8 .vxe-checkbox--icon {
280
+ .vxe-table-custom--header > li.level--8 .vxe-checkbox--icon,
281
+ .vxe-table-custom--body > li.level--8 .vxe-checkbox--icon {
117
282
  left: 7.8em;
118
283
  }
119
- .vxe-table-custom-wrapper .vxe-table-custom--header {
284
+
285
+ .vxe-table-custom--header {
120
286
  padding: 0.28em 0;
121
287
  font-weight: 700;
122
288
  border-bottom: 1px solid var(--vxe-table-popup-border-color);
123
289
  }
124
- .vxe-table-custom-wrapper .vxe-table-custom--body {
290
+
291
+ .vxe-table-custom--body {
125
292
  padding: 0.2em 0;
126
293
  max-height: 20em;
127
294
  }
128
- .vxe-table-custom-wrapper .vxe-table-custom--body .vxe-table-custom--checkbox-option:hover {
295
+ .vxe-table-custom--body .vxe-table-custom--checkbox-option:hover {
129
296
  background-color: var(--vxe-table-row-hover-background-color);
130
297
  }
131
- .vxe-table-custom-wrapper .vxe-table-custom--footer {
298
+
299
+ .vxe-table-custom--footer {
132
300
  border-top: 1px solid var(--vxe-table-popup-border-color);
133
301
  text-align: right;
134
302
  }
135
- .vxe-table-custom-wrapper .vxe-table-custom--footer button {
303
+ .vxe-table-custom--footer button {
136
304
  background-color: transparent;
137
305
  width: 50%;
138
306
  height: 2.5em;
@@ -141,10 +309,10 @@
141
309
  text-align: center;
142
310
  cursor: pointer;
143
311
  }
144
- .vxe-table-custom-wrapper .vxe-table-custom--footer button:focus {
312
+ .vxe-table-custom--footer button:focus {
145
313
  outline: none;
146
314
  }
147
- .vxe-table-custom-wrapper .vxe-table-custom--footer button:hover {
315
+ .vxe-table-custom--footer button:hover {
148
316
  color: var(--vxe-primary-color);
149
317
  }
150
318
 
@@ -199,20 +367,21 @@
199
367
  flex-direction: row;
200
368
  align-items: center;
201
369
  }
202
- .vxe-table-custom--fixed-option .vxe-table-custom--fixed-left-option,
203
- .vxe-table-custom--fixed-option .vxe-table-custom--fixed-right-option {
370
+
371
+ .vxe-table-custom--fixed-left-option,
372
+ .vxe-table-custom--fixed-right-option {
204
373
  line-height: 1.34em;
205
374
  font-size: 1.1em;
206
375
  padding: 0 0.2em;
207
376
  cursor: pointer;
208
377
  }
209
- .vxe-table-custom--fixed-option .vxe-table-custom--fixed-left-option.is--checked, .vxe-table-custom--fixed-option .vxe-table-custom--fixed-left-option:hover,
210
- .vxe-table-custom--fixed-option .vxe-table-custom--fixed-right-option.is--checked,
211
- .vxe-table-custom--fixed-option .vxe-table-custom--fixed-right-option:hover {
378
+ .vxe-table-custom--fixed-left-option.is--checked, .vxe-table-custom--fixed-left-option:hover,
379
+ .vxe-table-custom--fixed-right-option.is--checked,
380
+ .vxe-table-custom--fixed-right-option:hover {
212
381
  color: var(--vxe-primary-color);
213
382
  }
214
- .vxe-table-custom--fixed-option .vxe-table-custom--fixed-left-option.is--disabled,
215
- .vxe-table-custom--fixed-option .vxe-table-custom--fixed-right-option.is--disabled {
383
+ .vxe-table-custom--fixed-left-option.is--disabled,
384
+ .vxe-table-custom--fixed-right-option.is--disabled {
216
385
  cursor: no-drop;
217
386
  color: var(--vxe-input-disabled-color);
218
387
  }
@@ -220,76 +389,153 @@
220
389
  .vxe-table-custom-popup--body {
221
390
  overflow: auto;
222
391
  height: 100%;
223
- border: 1px solid var(--vxe-table-border-color);
224
392
  }
225
- .vxe-table-custom-popup--body .vxe-table-custom-popup--name {
393
+
394
+ .vxe-table-custom-popup--table-wrapper {
395
+ border-bottom: 1px solid var(--vxe-table-border-color);
396
+ }
397
+ .vxe-table-custom-popup--table-wrapper table {
398
+ width: 100%;
399
+ border: 0;
400
+ border-spacing: 0;
401
+ border-collapse: separate;
402
+ }
403
+ .vxe-table-custom-popup--table-wrapper table th {
404
+ position: sticky;
405
+ top: 0;
406
+ text-align: left;
407
+ border-top: 1px solid var(--vxe-table-border-color);
408
+ border-bottom: 1px solid var(--vxe-table-border-color);
409
+ border-left: 1px solid var(--vxe-table-border-color);
410
+ background-color: var(--vxe-table-header-background-color);
411
+ z-index: 7;
412
+ }
413
+ .vxe-table-custom-popup--table-wrapper table td {
414
+ border-top: 1px solid var(--vxe-table-border-color);
415
+ border-left: 1px solid var(--vxe-table-border-color);
416
+ }
417
+ .vxe-table-custom-popup--table-wrapper table tr:first-child td {
418
+ border-top: 0;
419
+ }
420
+ .vxe-table-custom-popup--table-wrapper table th,
421
+ .vxe-table-custom-popup--table-wrapper table td {
422
+ height: 44px;
423
+ padding: 0 0.6em;
424
+ }
425
+ .vxe-table-custom-popup--table-wrapper table th:last-child,
426
+ .vxe-table-custom-popup--table-wrapper table td:last-child {
427
+ border-right: 1px solid var(--vxe-table-border-color);
428
+ }
429
+
430
+ .vxe-table-custom-popup--drag-hint {
431
+ display: none;
432
+ position: absolute;
433
+ top: 0;
434
+ left: 0;
435
+ padding: 0.6em 1em 0.6em 1.8em;
436
+ max-width: 300px;
437
+ border-radius: var(--vxe-border-radius);
438
+ -webkit-user-select: none;
439
+ -moz-user-select: none;
440
+ user-select: none;
441
+ pointer-events: none;
442
+ background-color: var(--vxe-table-body-background-color);
443
+ box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
444
+ z-index: 33;
445
+ }
446
+
447
+ .vxe-table-custom-popup--name {
226
448
  max-width: 360px;
227
449
  overflow: hidden;
228
450
  text-overflow: ellipsis;
229
451
  white-space: nowrap;
230
452
  }
231
- .vxe-table-custom-popup--body .vxe-table-custom-popup--row-level2 .vxe-table-custom-popup--name {
453
+
454
+ .vxe-table-custom-popup--row.level--2 .vxe-table-custom-popup--name {
232
455
  padding-left: 24px;
233
456
  max-width: 236px;
234
457
  }
235
- .vxe-table-custom-popup--body .vxe-table-custom-popup--row-level3 .vxe-table-custom-popup--name {
458
+
459
+ .vxe-table-custom-popup--row.level--3 .vxe-table-custom-popup--name {
236
460
  padding-left: 48px;
237
461
  max-width: 212px;
238
462
  }
239
- .vxe-table-custom-popup--body .vxe-table-custom-popup--row-level4 .vxe-table-custom-popup--name {
463
+
464
+ .vxe-table-custom-popup--row.level--4 .vxe-table-custom-popup--name {
240
465
  padding-left: 72px;
241
466
  max-width: 188px;
242
467
  }
243
- .vxe-table-custom-popup--body .vxe-table-custom-popup--row-level5 .vxe-table-custom-popup--name {
468
+
469
+ .vxe-table-custom-popup--row.level--5 .vxe-table-custom-popup--name {
244
470
  padding-left: 96px;
245
471
  max-width: 164px;
246
472
  }
247
- .vxe-table-custom-popup--body .vxe-table-custom-popup--row-level6 .vxe-table-custom-popup--name {
473
+
474
+ .vxe-table-custom-popup--row.level--6 .vxe-table-custom-popup--name {
248
475
  padding-left: 120px;
249
476
  max-width: 140px;
250
477
  }
251
- .vxe-table-custom-popup--body .vxe-table-custom-popup--row-level7 .vxe-table-custom-popup--name {
478
+
479
+ .vxe-table-custom-popup--row.level--7 .vxe-table-custom-popup--name {
252
480
  padding-left: 144px;
253
481
  max-width: 116px;
254
482
  }
255
- .vxe-table-custom-popup--body .vxe-table-custom-popup--row-level8 .vxe-table-custom-popup--name {
483
+
484
+ .vxe-table-custom-popup--row.level--8 .vxe-table-custom-popup--name {
256
485
  padding-left: 168px;
257
486
  max-width: 92px;
258
487
  }
259
- .vxe-table-custom-popup--body .vxe-table-custom-popup--row-level9 .vxe-table-custom-popup--name {
488
+
489
+ .vxe-table-custom-popup--row.level--9 .vxe-table-custom-popup--name {
260
490
  padding-left: 192px;
261
491
  max-width: 68px;
262
492
  }
263
- .vxe-table-custom-popup--body .vxe-table-custom-popup--column-visible,
264
- .vxe-table-custom-popup--body .vxe-table-custom-popup--column-fixed {
493
+
494
+ .vxe-table-custom-popup--column-item {
495
+ position: relative;
496
+ }
497
+ .vxe-table-custom-popup--column-item.col--sort, .vxe-table-custom-popup--column-item.col--visible, .vxe-table-custom-popup--column-item.col--fixed {
265
498
  text-align: center;
266
499
  }
267
- .vxe-table-custom-popup--body table {
268
- width: 100%;
269
- border: 0;
270
- border-spacing: 0;
271
- border-collapse: separate;
500
+
501
+ .vxe-table-custom-popup--row.active--drag-target[drag-pos=top] .vxe-table-custom-popup--column-item::after {
502
+ display: block;
503
+ top: -2px;
272
504
  }
273
- .vxe-table-custom-popup--body table th {
274
- position: sticky;
505
+ .vxe-table-custom-popup--row.active--drag-target[drag-pos=bottom] .vxe-table-custom-popup--column-item::after {
506
+ display: block;
507
+ bottom: -2px;
508
+ }
509
+ .vxe-table-custom-popup--row:first-child[drag-pos=top] .vxe-table-custom-popup--column-item::after {
275
510
  top: 0;
276
- text-align: left;
277
- border-bottom: 1px solid var(--vxe-table-border-color);
278
- border-left: 1px solid var(--vxe-table-border-color);
279
- background-color: var(--vxe-table-header-background-color);
280
511
  }
281
- .vxe-table-custom-popup--body table td {
282
- border-top: 1px solid var(--vxe-table-border-color);
283
- border-left: 1px solid var(--vxe-table-border-color);
512
+ .vxe-table-custom-popup--row:last-child[drag-pos=bottom] .vxe-table-custom-popup--column-item::after {
513
+ bottom: 0;
284
514
  }
285
- .vxe-table-custom-popup--body table td:nth-child(2) {
286
- text-align: center;
515
+
516
+ .vxe-table-custom-popup--column-item::after {
517
+ display: none;
518
+ content: "";
519
+ position: absolute;
520
+ left: -1px;
521
+ width: calc(100% + 1px);
522
+ height: 3px;
523
+ background-color: var(--vxe-primary-color);
524
+ z-index: 12;
287
525
  }
288
- .vxe-table-custom-popup--body table tr:first-child td {
289
- border-top: 0;
526
+ .vxe-table-custom-popup--column-item:last-child::after {
527
+ width: 100%;
290
528
  }
291
- .vxe-table-custom-popup--body table th,
292
- .vxe-table-custom-popup--body table td {
293
- height: 44px;
294
- padding: 0 0.6em;
529
+
530
+ .vxe-table-custom--flip-move {
531
+ transition: transform 0.35s;
532
+ }
533
+
534
+ .vxe-table-custom-popup--column-sort-btn {
535
+ font-size: 1.2em;
536
+ padding: 0.2em 0.5em;
537
+ cursor: grab;
538
+ }
539
+ .vxe-table-custom-popup--column-sort-btn:active {
540
+ cursor: grabbing;
295
541
  }
@@ -381,13 +381,13 @@
381
381
  min-width: var(--vxe-font-size-mini);
382
382
  }
383
383
 
384
- .vxe-input + .vxe-button-warpper, .vxe-input + .vxe-button.type--button, .vxe-input + .vxe-button--dropdown,
385
- .vxe-button + .vxe-button-warpper,
384
+ .vxe-input + .vxe-button-wrapper, .vxe-input + .vxe-button.type--button, .vxe-input + .vxe-button--dropdown,
385
+ .vxe-button + .vxe-button-wrapper,
386
386
  .vxe-button + .vxe-button.type--button,
387
387
  .vxe-button + .vxe-button--dropdown,
388
- .vxe-button-warpper + .vxe-button-warpper,
389
- .vxe-button-warpper + .vxe-button.type--button,
390
- .vxe-button-warpper + .vxe-button--dropdown {
388
+ .vxe-button-wrapper + .vxe-button-wrapper,
389
+ .vxe-button-wrapper + .vxe-button.type--button,
390
+ .vxe-button-wrapper + .vxe-button--dropdown {
391
391
  margin-left: 12px;
392
392
  }
393
393
 
@@ -408,7 +408,7 @@
408
408
  .vxe-button--dropdown {
409
409
  position: relative;
410
410
  }
411
- .vxe-button--dropdown + .vxe-button-warpper, .vxe-button--dropdown + .vxe-button.type--button, .vxe-button--dropdown + .vxe-button--dropdown {
411
+ .vxe-button--dropdown + .vxe-button-wrapper, .vxe-button--dropdown + .vxe-button.type--button, .vxe-button--dropdown + .vxe-button--dropdown {
412
412
  margin-left: 12px;
413
413
  }
414
414
  .vxe-button--dropdown > .vxe-button.type--button.theme--primary {
@@ -1 +1 @@
1
- .vxe-button{position:relative;text-align:center;background-color:var(--vxe-button-default-background-color);outline:0;font-size:var(--vxe-font-size);max-width:var(--vxe-button-max-width);line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border .2s ease-in-out}.vxe-button:not(.is--disabled){color:var(--vxe-font-color);cursor:pointer}.vxe-button.is--loading{cursor:progress}.vxe-button.is--loading:before{content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:hsla(0,0%,100%,.35);pointer-events:none}.vxe-button.is--disabled{color:var(--vxe-font-disabled-color)}.vxe-button.is--disabled:not(.is--loading){cursor:no-drop}.vxe-button.type--text{text-decoration:none;border:0;padding:.1em .5em;background-color:transparent}.vxe-button.type--text:not(.is--disabled):focus{color:var(--vxe-font-darken-color)}.vxe-button.type--text:not(.is--disabled):hover{color:var(--vxe-primary-lighten-color)}.vxe-button.type--text.theme--primary{color:var(--vxe-primary-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):focus{color:var(--vxe-primary-darken-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):hover{color:var(--vxe-primary-lighten-color)}.vxe-button.type--text.theme--primary.is--disabled{color:var(--vxe-primary-disabled-color)}.vxe-button.type--text.theme--success{color:var(--vxe-success-color)}.vxe-button.type--text.theme--success:not(.is--disabled):focus{color:var(--vxe-success-darken-color)}.vxe-button.type--text.theme--success:not(.is--disabled):hover{color:var(--vxe-success-lighten-color)}.vxe-button.type--text.theme--success.is--disabled{color:var(--vxe-success-disabled-color)}.vxe-button.type--text.theme--info{color:var(--vxe-info-color)}.vxe-button.type--text.theme--info:not(.is--disabled):focus{color:var(--vxe-info-darken-color)}.vxe-button.type--text.theme--info:not(.is--disabled):hover{color:var(--vxe-info-lighten-color)}.vxe-button.type--text.theme--info.is--disabled{color:var(--vxe-info-disabled-color)}.vxe-button.type--text.theme--warning{color:var(--vxe-warning-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):focus{color:var(--vxe-warning-darken-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):hover{color:var(--vxe-warning-lighten-color)}.vxe-button.type--text.theme--warning.is--disabled{color:var(--vxe-warning-disabled-color)}.vxe-button.type--text.theme--danger{color:var(--vxe-danger-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):focus{color:var(--vxe-danger-darken-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):hover{color:var(--vxe-danger-lighten-color)}.vxe-button.type--text.theme--danger.is--disabled{color:var(--vxe-danger-disabled-color)}.vxe-button.type--text.theme--perfect{color:var(--vxe-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):focus{color:var(--vxe-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):hover{color:var(--vxe-table-header-background-color)}.vxe-button.type--text.theme--perfect.is--disabled{color:var(--vxe-table-header-background-color)}.vxe-button.type--button{font-family:inherit;height:var(--vxe-button-height-default);line-height:1;border:1px solid var(--vxe-input-border-color)}.vxe-button.type--button.is--round{border-radius:var(--vxe-button-round-border-radius-default)}.vxe-button.type--button:not(.is--round){border-radius:var(--vxe-border-radius)}.vxe-button.type--button.is--circle{padding:0 .5em;min-width:var(--vxe-button-height-default);border-radius:50%}.vxe-button.type--button:not(.is--circle){padding:0 1em}.vxe-button.type--button:not(.is--disabled):hover{color:var(--vxe-primary-lighten-color)}.vxe-button.type--button:not(.is--disabled):focus{border-color:var(--vxe-primary-color)}.vxe-button.type--button:not(.is--disabled):active{color:var(--vxe-primary-darken-color);border-color:var(--vxe-primary-darken-color);background-color:var(--vxe-button-default-background-color)}.vxe-button.type--button.theme--primary{color:#fff}.vxe-button.type--button.theme--primary:not(.is--disabled){border-color:var(--vxe-primary-color);background-color:var(--vxe-primary-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-primary-lighten-color);border-color:var(--vxe-primary-lighten-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):active{color:#fff;background-color:var(--vxe-primary-darken-color);border-color:var(--vxe-primary-darken-color)}.vxe-button.type--button.theme--primary.is--disabled{border-color:var(--vxe-primary-disabled-color);background-color:var(--vxe-primary-disabled-color)}.vxe-button.type--button.theme--primary.is--loading{border-color:var(--vxe-primary-color);background-color:var(--vxe-primary-color)}.vxe-button.type--button.theme--success{color:#fff}.vxe-button.type--button.theme--success:not(.is--disabled){border-color:var(--vxe-success-color);background-color:var(--vxe-success-color)}.vxe-button.type--button.theme--success:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-success-lighten-color);border-color:var(--vxe-success-lighten-color)}.vxe-button.type--button.theme--success:not(.is--disabled):active{color:#fff;background-color:var(--vxe-success-darken-color);border-color:var(--vxe-success-darken-color)}.vxe-button.type--button.theme--success.is--disabled{border-color:var(--vxe-success-disabled-color);background-color:var(--vxe-success-disabled-color)}.vxe-button.type--button.theme--success.is--loading{border-color:var(--vxe-success-color);background-color:var(--vxe-success-color)}.vxe-button.type--button.theme--info{color:#fff}.vxe-button.type--button.theme--info:not(.is--disabled){border-color:var(--vxe-info-color);background-color:var(--vxe-info-color)}.vxe-button.type--button.theme--info:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-info-lighten-color);border-color:var(--vxe-info-lighten-color)}.vxe-button.type--button.theme--info:not(.is--disabled):active{color:#fff;background-color:var(--vxe-info-darken-color);border-color:var(--vxe-info-darken-color)}.vxe-button.type--button.theme--info.is--disabled{border-color:var(--vxe-info-disabled-color);background-color:var(--vxe-info-disabled-color)}.vxe-button.type--button.theme--info.is--loading{border-color:var(--vxe-info-color);background-color:var(--vxe-info-color)}.vxe-button.type--button.theme--warning{color:#fff}.vxe-button.type--button.theme--warning:not(.is--disabled){border-color:var(--vxe-warning-color);background-color:var(--vxe-warning-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-warning-lighten-color);border-color:var(--vxe-warning-lighten-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):active{color:#fff;background-color:var(--vxe-warning-darken-color);border-color:var(--vxe-warning-darken-color)}.vxe-button.type--button.theme--warning.is--disabled{border-color:var(--vxe-warning-disabled-color);background-color:var(--vxe-warning-disabled-color)}.vxe-button.type--button.theme--warning.is--loading{border-color:var(--vxe-warning-color);background-color:var(--vxe-warning-color)}.vxe-button.type--button.theme--danger{color:#fff}.vxe-button.type--button.theme--danger:not(.is--disabled){border-color:var(--vxe-danger-color);background-color:var(--vxe-danger-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-danger-lighten-color);border-color:var(--vxe-danger-lighten-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):active{color:#fff;background-color:var(--vxe-danger-darken-color);border-color:var(--vxe-danger-darken-color)}.vxe-button.type--button.theme--danger.is--disabled{border-color:var(--vxe-danger-disabled-color);background-color:var(--vxe-danger-disabled-color)}.vxe-button.type--button.theme--danger.is--loading{border-color:var(--vxe-danger-color);background-color:var(--vxe-danger-color)}.vxe-button.type--button.theme--perfect{color:var(--vxe-font-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled){border-color:var(--vxe-table-header-background-color);background-color:var(--vxe-table-header-background-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled):hover{color:var(--vxe-font-color);background-color:var(--vxe-table-header-background-color);border-color:var(--vxe-table-header-background-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled):active{color:var(--vxe-font-color);background-color:var(--vxe-table-header-background-color);border-color:var(--vxe-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--disabled{border-color:var(--vxe-table-header-background-color);background-color:var(--vxe-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--loading{border-color:var(--vxe-table-header-background-color);background-color:var(--vxe-table-header-background-color)}.vxe-button.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-button.size--medium.type--button{height:var(--vxe-button-height-medium)}.vxe-button.size--medium.type--button.is--circle{min-width:var(--vxe-button-height-medium)}.vxe-button.size--medium.type--button.is--round{border-radius:var(--vxe-button-round-border-radius-medium)}.vxe-button.size--medium .vxe-button--icon,.vxe-button.size--medium .vxe-button--loading-icon{min-width:var(--vxe-font-size-medium)}.vxe-button.size--small{font-size:var(--vxe-font-size-small)}.vxe-button.size--small.type--button{height:var(--vxe-button-height-small)}.vxe-button.size--small.type--button.is--circle{min-width:var(--vxe-button-height-small)}.vxe-button.size--small.type--button.is--round{border-radius:var(--vxe-button-round-border-radius-small)}.vxe-button.size--small .vxe-button--icon,.vxe-button.size--small .vxe-button--loading-icon{min-width:var(--vxe-font-size-small)}.vxe-button.size--mini{font-size:var(--vxe-font-size-mini)}.vxe-button.size--mini.type--button{height:var(--vxe-button-height-mini)}.vxe-button.size--mini.type--button.is--circle{min-width:var(--vxe-button-height-mini)}.vxe-button.size--mini.type--button.is--round{border-radius:var(--vxe-button-round-border-radius-mini)}.vxe-button.size--mini .vxe-button--icon,.vxe-button.size--mini .vxe-button--loading-icon{min-width:var(--vxe-font-size-mini)}.vxe-button+.vxe-button--dropdown,.vxe-button+.vxe-button-warpper,.vxe-button+.vxe-button.type--button,.vxe-button-warpper+.vxe-button--dropdown,.vxe-button-warpper+.vxe-button-warpper,.vxe-button-warpper+.vxe-button.type--button,.vxe-input+.vxe-button--dropdown,.vxe-input+.vxe-button-warpper,.vxe-input+.vxe-button.type--button{margin-left:12px}.vxe-button--icon,.vxe-button--loading-icon{min-width:var(--vxe-font-size)}.vxe-button--icon+.vxe-button--content,.vxe-button--loading-icon+.vxe-button--content{margin-left:4px}.vxe-button--dropdown,.vxe-button--wrapper{display:inline-block}.vxe-button--dropdown{position:relative}.vxe-button--dropdown+.vxe-button--dropdown,.vxe-button--dropdown+.vxe-button-warpper,.vxe-button--dropdown+.vxe-button.type--button{margin-left:12px}.vxe-button--dropdown>.vxe-button.type--button.theme--primary{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--success{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--info{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--warning{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--danger{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--perfect{color:var(--vxe-font-color)}.vxe-button--dropdown.is--active>.vxe-button:not(.is--disabled){color:var(--vxe-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--primary{color:var(--vxe-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--success{color:var(--vxe-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--info{color:var(--vxe-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--warning{color:var(--vxe-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--danger{color:var(--vxe-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--perfect{color:var(--vxe-table-header-background-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--primary{color:#fff;background-color:var(--vxe-primary-lighten-color);border-color:var(--vxe-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--success{color:#fff;background-color:var(--vxe-success-lighten-color);border-color:var(--vxe-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--info{color:#fff;background-color:var(--vxe-info-lighten-color);border-color:var(--vxe-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--warning{color:#fff;background-color:var(--vxe-warning-lighten-color);border-color:var(--vxe-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--danger{color:#fff;background-color:var(--vxe-danger-lighten-color);border-color:var(--vxe-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--perfect{color:var(--vxe-font-color);background-color:var(--vxe-table-header-background-color);border-color:var(--vxe-table-header-background-color)}.vxe-button--dropdown.is--active .vxe-button--dropdown-arrow{transform:rotate(180deg)}.vxe-button--dropdown-arrow{display:inline-block;font-size:12px;margin-left:4px;transition:transform .2s ease-in-out}.vxe-button--dropdown-panel{display:none;position:absolute;right:0;padding:4px 0}.vxe-button--dropdown-panel.animat--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden;transform-style:preserve-3d}.vxe-button--dropdown-panel.animat--leave[placement=top]{transform-origin:center bottom}.vxe-button--dropdown-panel.animat--enter{opacity:1;transform:scaleY(1)}.vxe-button--dropdown-wrapper{padding:5px;background-color:var(--vxe-button-dropdown-panel-background-color);border-radius:var(--vxe-border-radius);border:1px solid var(--vxe-input-border-color);box-shadow:0 1px 6px rgba(0,0,0,.2)}.vxe-button--dropdown-wrapper>.vxe-button.type--button,.vxe-button--dropdown-wrapper>.vxe-button.type--text{display:block;width:100%;border:0;margin:.4em 0 0 0}.vxe-button--dropdown-wrapper>.vxe-button.type--text{padding:2px 8px}.vxe-button--dropdown-wrapper>.vxe-button:first-child{margin-top:0}.vxe-button--dropdown-wrapper>.vxe-button:last-child{margin-bottom:0}
1
+ .vxe-button{position:relative;text-align:center;background-color:var(--vxe-button-default-background-color);outline:0;font-size:var(--vxe-font-size);max-width:var(--vxe-button-max-width);line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border .2s ease-in-out}.vxe-button:not(.is--disabled){color:var(--vxe-font-color);cursor:pointer}.vxe-button.is--loading{cursor:progress}.vxe-button.is--loading:before{content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:hsla(0,0%,100%,.35);pointer-events:none}.vxe-button.is--disabled{color:var(--vxe-font-disabled-color)}.vxe-button.is--disabled:not(.is--loading){cursor:no-drop}.vxe-button.type--text{text-decoration:none;border:0;padding:.1em .5em;background-color:transparent}.vxe-button.type--text:not(.is--disabled):focus{color:var(--vxe-font-darken-color)}.vxe-button.type--text:not(.is--disabled):hover{color:var(--vxe-primary-lighten-color)}.vxe-button.type--text.theme--primary{color:var(--vxe-primary-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):focus{color:var(--vxe-primary-darken-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):hover{color:var(--vxe-primary-lighten-color)}.vxe-button.type--text.theme--primary.is--disabled{color:var(--vxe-primary-disabled-color)}.vxe-button.type--text.theme--success{color:var(--vxe-success-color)}.vxe-button.type--text.theme--success:not(.is--disabled):focus{color:var(--vxe-success-darken-color)}.vxe-button.type--text.theme--success:not(.is--disabled):hover{color:var(--vxe-success-lighten-color)}.vxe-button.type--text.theme--success.is--disabled{color:var(--vxe-success-disabled-color)}.vxe-button.type--text.theme--info{color:var(--vxe-info-color)}.vxe-button.type--text.theme--info:not(.is--disabled):focus{color:var(--vxe-info-darken-color)}.vxe-button.type--text.theme--info:not(.is--disabled):hover{color:var(--vxe-info-lighten-color)}.vxe-button.type--text.theme--info.is--disabled{color:var(--vxe-info-disabled-color)}.vxe-button.type--text.theme--warning{color:var(--vxe-warning-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):focus{color:var(--vxe-warning-darken-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):hover{color:var(--vxe-warning-lighten-color)}.vxe-button.type--text.theme--warning.is--disabled{color:var(--vxe-warning-disabled-color)}.vxe-button.type--text.theme--danger{color:var(--vxe-danger-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):focus{color:var(--vxe-danger-darken-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):hover{color:var(--vxe-danger-lighten-color)}.vxe-button.type--text.theme--danger.is--disabled{color:var(--vxe-danger-disabled-color)}.vxe-button.type--text.theme--perfect{color:var(--vxe-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):focus{color:var(--vxe-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):hover{color:var(--vxe-table-header-background-color)}.vxe-button.type--text.theme--perfect.is--disabled{color:var(--vxe-table-header-background-color)}.vxe-button.type--button{font-family:inherit;height:var(--vxe-button-height-default);line-height:1;border:1px solid var(--vxe-input-border-color)}.vxe-button.type--button.is--round{border-radius:var(--vxe-button-round-border-radius-default)}.vxe-button.type--button:not(.is--round){border-radius:var(--vxe-border-radius)}.vxe-button.type--button.is--circle{padding:0 .5em;min-width:var(--vxe-button-height-default);border-radius:50%}.vxe-button.type--button:not(.is--circle){padding:0 1em}.vxe-button.type--button:not(.is--disabled):hover{color:var(--vxe-primary-lighten-color)}.vxe-button.type--button:not(.is--disabled):focus{border-color:var(--vxe-primary-color)}.vxe-button.type--button:not(.is--disabled):active{color:var(--vxe-primary-darken-color);border-color:var(--vxe-primary-darken-color);background-color:var(--vxe-button-default-background-color)}.vxe-button.type--button.theme--primary{color:#fff}.vxe-button.type--button.theme--primary:not(.is--disabled){border-color:var(--vxe-primary-color);background-color:var(--vxe-primary-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-primary-lighten-color);border-color:var(--vxe-primary-lighten-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):active{color:#fff;background-color:var(--vxe-primary-darken-color);border-color:var(--vxe-primary-darken-color)}.vxe-button.type--button.theme--primary.is--disabled{border-color:var(--vxe-primary-disabled-color);background-color:var(--vxe-primary-disabled-color)}.vxe-button.type--button.theme--primary.is--loading{border-color:var(--vxe-primary-color);background-color:var(--vxe-primary-color)}.vxe-button.type--button.theme--success{color:#fff}.vxe-button.type--button.theme--success:not(.is--disabled){border-color:var(--vxe-success-color);background-color:var(--vxe-success-color)}.vxe-button.type--button.theme--success:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-success-lighten-color);border-color:var(--vxe-success-lighten-color)}.vxe-button.type--button.theme--success:not(.is--disabled):active{color:#fff;background-color:var(--vxe-success-darken-color);border-color:var(--vxe-success-darken-color)}.vxe-button.type--button.theme--success.is--disabled{border-color:var(--vxe-success-disabled-color);background-color:var(--vxe-success-disabled-color)}.vxe-button.type--button.theme--success.is--loading{border-color:var(--vxe-success-color);background-color:var(--vxe-success-color)}.vxe-button.type--button.theme--info{color:#fff}.vxe-button.type--button.theme--info:not(.is--disabled){border-color:var(--vxe-info-color);background-color:var(--vxe-info-color)}.vxe-button.type--button.theme--info:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-info-lighten-color);border-color:var(--vxe-info-lighten-color)}.vxe-button.type--button.theme--info:not(.is--disabled):active{color:#fff;background-color:var(--vxe-info-darken-color);border-color:var(--vxe-info-darken-color)}.vxe-button.type--button.theme--info.is--disabled{border-color:var(--vxe-info-disabled-color);background-color:var(--vxe-info-disabled-color)}.vxe-button.type--button.theme--info.is--loading{border-color:var(--vxe-info-color);background-color:var(--vxe-info-color)}.vxe-button.type--button.theme--warning{color:#fff}.vxe-button.type--button.theme--warning:not(.is--disabled){border-color:var(--vxe-warning-color);background-color:var(--vxe-warning-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-warning-lighten-color);border-color:var(--vxe-warning-lighten-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):active{color:#fff;background-color:var(--vxe-warning-darken-color);border-color:var(--vxe-warning-darken-color)}.vxe-button.type--button.theme--warning.is--disabled{border-color:var(--vxe-warning-disabled-color);background-color:var(--vxe-warning-disabled-color)}.vxe-button.type--button.theme--warning.is--loading{border-color:var(--vxe-warning-color);background-color:var(--vxe-warning-color)}.vxe-button.type--button.theme--danger{color:#fff}.vxe-button.type--button.theme--danger:not(.is--disabled){border-color:var(--vxe-danger-color);background-color:var(--vxe-danger-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-danger-lighten-color);border-color:var(--vxe-danger-lighten-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):active{color:#fff;background-color:var(--vxe-danger-darken-color);border-color:var(--vxe-danger-darken-color)}.vxe-button.type--button.theme--danger.is--disabled{border-color:var(--vxe-danger-disabled-color);background-color:var(--vxe-danger-disabled-color)}.vxe-button.type--button.theme--danger.is--loading{border-color:var(--vxe-danger-color);background-color:var(--vxe-danger-color)}.vxe-button.type--button.theme--perfect{color:var(--vxe-font-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled){border-color:var(--vxe-table-header-background-color);background-color:var(--vxe-table-header-background-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled):hover{color:var(--vxe-font-color);background-color:var(--vxe-table-header-background-color);border-color:var(--vxe-table-header-background-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled):active{color:var(--vxe-font-color);background-color:var(--vxe-table-header-background-color);border-color:var(--vxe-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--disabled{border-color:var(--vxe-table-header-background-color);background-color:var(--vxe-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--loading{border-color:var(--vxe-table-header-background-color);background-color:var(--vxe-table-header-background-color)}.vxe-button.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-button.size--medium.type--button{height:var(--vxe-button-height-medium)}.vxe-button.size--medium.type--button.is--circle{min-width:var(--vxe-button-height-medium)}.vxe-button.size--medium.type--button.is--round{border-radius:var(--vxe-button-round-border-radius-medium)}.vxe-button.size--medium .vxe-button--icon,.vxe-button.size--medium .vxe-button--loading-icon{min-width:var(--vxe-font-size-medium)}.vxe-button.size--small{font-size:var(--vxe-font-size-small)}.vxe-button.size--small.type--button{height:var(--vxe-button-height-small)}.vxe-button.size--small.type--button.is--circle{min-width:var(--vxe-button-height-small)}.vxe-button.size--small.type--button.is--round{border-radius:var(--vxe-button-round-border-radius-small)}.vxe-button.size--small .vxe-button--icon,.vxe-button.size--small .vxe-button--loading-icon{min-width:var(--vxe-font-size-small)}.vxe-button.size--mini{font-size:var(--vxe-font-size-mini)}.vxe-button.size--mini.type--button{height:var(--vxe-button-height-mini)}.vxe-button.size--mini.type--button.is--circle{min-width:var(--vxe-button-height-mini)}.vxe-button.size--mini.type--button.is--round{border-radius:var(--vxe-button-round-border-radius-mini)}.vxe-button.size--mini .vxe-button--icon,.vxe-button.size--mini .vxe-button--loading-icon{min-width:var(--vxe-font-size-mini)}.vxe-button+.vxe-button--dropdown,.vxe-button+.vxe-button-wrapper,.vxe-button+.vxe-button.type--button,.vxe-button-wrapper+.vxe-button--dropdown,.vxe-button-wrapper+.vxe-button-wrapper,.vxe-button-wrapper+.vxe-button.type--button,.vxe-input+.vxe-button--dropdown,.vxe-input+.vxe-button-wrapper,.vxe-input+.vxe-button.type--button{margin-left:12px}.vxe-button--icon,.vxe-button--loading-icon{min-width:var(--vxe-font-size)}.vxe-button--icon+.vxe-button--content,.vxe-button--loading-icon+.vxe-button--content{margin-left:4px}.vxe-button--dropdown,.vxe-button--wrapper{display:inline-block}.vxe-button--dropdown{position:relative}.vxe-button--dropdown+.vxe-button--dropdown,.vxe-button--dropdown+.vxe-button-wrapper,.vxe-button--dropdown+.vxe-button.type--button{margin-left:12px}.vxe-button--dropdown>.vxe-button.type--button.theme--primary{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--success{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--info{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--warning{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--danger{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--perfect{color:var(--vxe-font-color)}.vxe-button--dropdown.is--active>.vxe-button:not(.is--disabled){color:var(--vxe-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--primary{color:var(--vxe-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--success{color:var(--vxe-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--info{color:var(--vxe-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--warning{color:var(--vxe-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--danger{color:var(--vxe-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--perfect{color:var(--vxe-table-header-background-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--primary{color:#fff;background-color:var(--vxe-primary-lighten-color);border-color:var(--vxe-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--success{color:#fff;background-color:var(--vxe-success-lighten-color);border-color:var(--vxe-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--info{color:#fff;background-color:var(--vxe-info-lighten-color);border-color:var(--vxe-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--warning{color:#fff;background-color:var(--vxe-warning-lighten-color);border-color:var(--vxe-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--danger{color:#fff;background-color:var(--vxe-danger-lighten-color);border-color:var(--vxe-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--perfect{color:var(--vxe-font-color);background-color:var(--vxe-table-header-background-color);border-color:var(--vxe-table-header-background-color)}.vxe-button--dropdown.is--active .vxe-button--dropdown-arrow{transform:rotate(180deg)}.vxe-button--dropdown-arrow{display:inline-block;font-size:12px;margin-left:4px;transition:transform .2s ease-in-out}.vxe-button--dropdown-panel{display:none;position:absolute;right:0;padding:4px 0}.vxe-button--dropdown-panel.animat--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden;transform-style:preserve-3d}.vxe-button--dropdown-panel.animat--leave[placement=top]{transform-origin:center bottom}.vxe-button--dropdown-panel.animat--enter{opacity:1;transform:scaleY(1)}.vxe-button--dropdown-wrapper{padding:5px;background-color:var(--vxe-button-dropdown-panel-background-color);border-radius:var(--vxe-border-radius);border:1px solid var(--vxe-input-border-color);box-shadow:0 1px 6px rgba(0,0,0,.2)}.vxe-button--dropdown-wrapper>.vxe-button.type--button,.vxe-button--dropdown-wrapper>.vxe-button.type--text{display:block;width:100%;border:0;margin:.4em 0 0 0}.vxe-button--dropdown-wrapper>.vxe-button.type--text{padding:2px 8px}.vxe-button--dropdown-wrapper>.vxe-button:first-child{margin-top:0}.vxe-button--dropdown-wrapper>.vxe-button:last-child{margin-bottom:0}
@@ -56,6 +56,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
56
56
  const propsOpts = computePropsOpts.value;
57
57
  return propsOpts.value || 'value';
58
58
  });
59
+ const computeDisabledField = (0, _vue.computed)(() => {
60
+ const propsOpts = computePropsOpts.value;
61
+ return propsOpts.disabled || 'disabled';
62
+ });
59
63
  const computeMaps = {
60
64
  computeIsMaximize
61
65
  };
@@ -107,12 +111,14 @@ var _default = exports.default = (0, _vue.defineComponent)({
107
111
  const defaultSlot = slots.default;
108
112
  const valueField = computeValueField.value;
109
113
  const labelField = computeLabelField.value;
114
+ const disabledField = computeDisabledField.value;
110
115
  return (0, _vue.h)('div', {
111
116
  class: 'vxe-checkbox-group'
112
117
  }, defaultSlot ? defaultSlot({}) : options ? options.map(item => {
113
118
  return (0, _vue.h)(_checkbox.default, {
114
119
  label: item[valueField],
115
- content: item[labelField]
120
+ content: item[labelField],
121
+ disabled: item[disabledField]
116
122
  });
117
123
  }) : []);
118
124
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_xeUtils=_interopRequireDefault(require("xe-utils")),_checkbox=_interopRequireDefault(require("./checkbox")),_size=require("../../hooks/size");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCheckboxGroup",props:{modelValue:Array,options:Array,optionProps:Object,disabled:Boolean,max:{type:[String,Number],default:null},size:{type:String,default:()=>_conf.default.checkboxGroup.size||_conf.default.size}},emits:["update:modelValue","change"],setup(a,e){const{slots:r,emit:i}=e,n=(0,_vue.inject)("$xeform",null),c=(0,_vue.inject)("$xeformiteminfo",null);var t=_xeUtils.default.uniqueId(),u=(0,_vue.computed)(()=>{var{modelValue:e,max:t}=a;return!!t&&(e?e.length:0)>=_xeUtils.default.toNumber(t)});const o=(0,_vue.computed)(()=>a.optionProps||{}),l=(0,_vue.computed)(()=>{return o.value.label||"label"}),s=(0,_vue.computed)(()=>{return o.value.value||"value"}),p={computeIsMaximize:u},d={xID:t,props:a,context:e,getComputeMaps:()=>p};(0,_size.useSize)(a);Object.assign(d,{dispatchEvent(e,t,u){i(e,Object.assign({$checkboxGroup:d,$event:u},t))}},{handleChecked(e,t){var{checked:u,label:o}=e,r=a.modelValue||[],l=r.indexOf(o);u?-1===l&&r.push(o):r.splice(l,1),i("update:modelValue",r),d.dispatchEvent("change",Object.assign({checklist:r},e),t),n&&c&&n.triggerItemEvent(t,c.itemConfig.field,r)}});u=()=>{var e=a["options"],t=r.default;const u=s.value,o=l.value;return(0,_vue.h)("div",{class:"vxe-checkbox-group"},t?t({}):e?e.map(e=>(0,_vue.h)(_checkbox.default,{label:e[u],content:e[o]})):[])};return d.renderVN=u,(0,_vue.provide)("$xecheckboxgroup",d),u}});
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_xeUtils=_interopRequireDefault(require("xe-utils")),_checkbox=_interopRequireDefault(require("./checkbox")),_size=require("../../hooks/size");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCheckboxGroup",props:{modelValue:Array,options:Array,optionProps:Object,disabled:Boolean,max:{type:[String,Number],default:null},size:{type:String,default:()=>_conf.default.checkboxGroup.size||_conf.default.size}},emits:["update:modelValue","change"],setup(a,e){const{slots:l,emit:i}=e,n=(0,_vue.inject)("$xeform",null),s=(0,_vue.inject)("$xeformiteminfo",null);var t=_xeUtils.default.uniqueId(),u=(0,_vue.computed)(()=>{var{modelValue:e,max:t}=a;return!!t&&(e?e.length:0)>=_xeUtils.default.toNumber(t)});const o=(0,_vue.computed)(()=>a.optionProps||{}),c=(0,_vue.computed)(()=>{return o.value.label||"label"}),d=(0,_vue.computed)(()=>{return o.value.value||"value"}),p=(0,_vue.computed)(()=>{return o.value.disabled||"disabled"}),r={computeIsMaximize:u},v={xID:t,props:a,context:e,getComputeMaps:()=>r};(0,_size.useSize)(a);Object.assign(v,{dispatchEvent(e,t,u){i(e,Object.assign({$checkboxGroup:v,$event:u},t))}},{handleChecked(e,t){var{checked:u,label:o}=e,r=a.modelValue||[],l=r.indexOf(o);u?-1===l&&r.push(o):r.splice(l,1),i("update:modelValue",r),v.dispatchEvent("change",Object.assign({checklist:r},e),t),n&&s&&n.triggerItemEvent(t,s.itemConfig.field,r)}});u=()=>{var e=a["options"],t=l.default;const u=d.value,o=c.value,r=p.value;return(0,_vue.h)("div",{class:"vxe-checkbox-group"},t?t({}):e?e.map(e=>(0,_vue.h)(_checkbox.default,{label:e[u],content:e[o],disabled:e[r]})):[])};return v.renderVN=u,(0,_vue.provide)("$xecheckboxgroup",v),u}});
@@ -48,6 +48,7 @@ const customHook = {
48
48
  } = reactData;
49
49
  customStore.visible = true;
50
50
  initStore.custom = true;
51
+ reactData.customColumnList = internalData.collectColumn.slice(0);
51
52
  checkCustomStatus();
52
53
  calcMaxHeight();
53
54
  return (0, _vue.nextTick)().then(() => calcMaxHeight());