vxe-table 3.8.0-beta.2 → 3.8.0-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/lib/checkbox/style/style.css +0 -36
  2. package/lib/checkbox/style/style.min.css +1 -1
  3. package/lib/export/style/style.css +36 -36
  4. package/lib/export/style/style.min.css +1 -1
  5. package/lib/filter/style/style.css +36 -36
  6. package/lib/filter/style/style.min.css +1 -1
  7. package/lib/icon/style/style.css +1 -1
  8. package/lib/icon/style/style.min.css +1 -1
  9. package/lib/index.css +1 -1
  10. package/lib/index.umd.js +6 -4
  11. package/lib/index.umd.min.js +1 -1
  12. package/lib/radio/style/style.css +20 -23
  13. package/lib/radio/style/style.min.css +1 -1
  14. package/lib/style.css +1 -1
  15. package/lib/style.min.css +1 -1
  16. package/lib/table/src/cell.js +4 -2
  17. package/lib/table/src/cell.min.js +1 -1
  18. package/lib/table/style/style.css +73 -81
  19. package/lib/table/style/style.min.css +1 -1
  20. package/lib/toolbar/style/style.css +35 -36
  21. package/lib/toolbar/style/style.min.css +1 -1
  22. package/lib/tools/log.js +1 -1
  23. package/lib/tools/log.min.js +1 -1
  24. package/lib/v-x-e-table/index.js +1 -1
  25. package/lib/v-x-e-table/index.min.js +1 -1
  26. package/lib/vxe-checkbox/style/style.css +0 -36
  27. package/lib/vxe-checkbox/style/style.min.css +1 -1
  28. package/lib/vxe-radio/style/style.css +20 -23
  29. package/lib/vxe-radio/style/style.min.css +1 -1
  30. package/lib/vxe-table/style/style.css +73 -81
  31. package/lib/vxe-table/style/style.min.css +1 -1
  32. package/lib/vxe-table-export-module/style/style.css +36 -36
  33. package/lib/vxe-table-export-module/style/style.min.css +1 -1
  34. package/lib/vxe-table-filter-module/style/style.css +36 -36
  35. package/lib/vxe-table-filter-module/style/style.min.css +1 -1
  36. package/lib/vxe-toolbar/style/style.css +35 -36
  37. package/lib/vxe-toolbar/style/style.min.css +1 -1
  38. package/package.json +1 -1
  39. package/packages/table/src/cell.js +4 -2
  40. package/styles/checkbox.scss +0 -2
  41. package/styles/export.scss +2 -2
  42. package/styles/filter.scss +2 -2
  43. package/styles/helpers/mixin.scss +76 -0
  44. package/styles/radio.scss +1 -2
  45. package/styles/table.scss +2 -8
  46. package/styles/toolbar.scss +2 -2
  47. package/styles/base/checked.scss +0 -75
  48. /package/lib/icon/style/{iconfont.1713239799481.ttf → iconfont.1713329378368.ttf} +0 -0
  49. /package/lib/icon/style/{iconfont.1713239799481.woff → iconfont.1713329378368.woff} +0 -0
  50. /package/lib/icon/style/{iconfont.1713239799481.woff2 → iconfont.1713329378368.woff2} +0 -0
  51. /package/lib/{iconfont.1713239799481.ttf → iconfont.1713329378368.ttf} +0 -0
  52. /package/lib/{iconfont.1713239799481.woff → iconfont.1713329378368.woff} +0 -0
  53. /package/lib/{iconfont.1713239799481.woff2 → iconfont.1713329378368.woff2} +0 -0
package/lib/vxe-table-filter-module/style/style.css CHANGED
@@ -24,42 +24,6 @@
24
24
  /*select*/
25
25
  /*switch*/
26
26
  /*pulldown*/
27
- .vxe-table--filter-option .vxe-checkbox--icon {
28
- font-size: 1.34em;
29
- }
30
- .vxe-table--filter-option .vxe-checkbox--icon {
31
- color: #dcdfe6;
32
- vertical-align: middle;
33
- font-weight: 700;
34
- -webkit-user-select: none;
35
- -moz-user-select: none;
36
- -ms-user-select: none;
37
- user-select: none;
38
- }
39
- .is--checked.vxe-table--filter-option, .is--indeterminate.vxe-table--filter-option {
40
- color: #409eff;
41
- }
42
- .is--checked.vxe-table--filter-option .vxe-checkbox--icon, .is--indeterminate.vxe-table--filter-option .vxe-checkbox--icon {
43
- color: #409eff;
44
- }
45
- .vxe-table--filter-option:not(.is--disabled) {
46
- cursor: pointer;
47
- }
48
- .vxe-table--filter-option:not(.is--disabled):hover .vxe-checkbox--icon {
49
- color: #409eff;
50
- }
51
- .is--disabled.vxe-table--filter-option {
52
- color: #BFBFBF;
53
- cursor: not-allowed;
54
- }
55
- .is--disabled.vxe-table--filter-option .vxe-checkbox--icon {
56
- color: #dcdfe6;
57
- }
58
- .vxe-table--filter-option .vxe-checkbox--label {
59
- padding-left: 0.5em;
60
- vertical-align: middle;
61
- }
62
-
63
27
  /*筛选*/
64
28
  .vxe-cell--filter {
65
29
  padding: 0 0.1em 0 0.2em;
@@ -162,4 +126,40 @@
162
126
  .vxe-table--filter-wrapper .vxe-table--filter-footer button.is--disabled {
163
127
  color: #BFBFBF;
164
128
  cursor: not-allowed;
129
+ }
130
+
131
+ .vxe-table--filter-option .vxe-checkbox--icon {
132
+ font-size: 1.34em;
133
+ }
134
+ .vxe-table--filter-option .vxe-checkbox--icon {
135
+ color: #dcdfe6;
136
+ vertical-align: middle;
137
+ font-weight: 700;
138
+ -webkit-user-select: none;
139
+ -moz-user-select: none;
140
+ -ms-user-select: none;
141
+ user-select: none;
142
+ }
143
+ .vxe-table--filter-option.is--checked, .vxe-table--filter-option.is--indeterminate {
144
+ color: #409eff;
145
+ }
146
+ .vxe-table--filter-option.is--checked .vxe-checkbox--icon, .vxe-table--filter-option.is--indeterminate .vxe-checkbox--icon {
147
+ color: #409eff;
148
+ }
149
+ .vxe-table--filter-option:not(.is--disabled) {
150
+ cursor: pointer;
151
+ }
152
+ .vxe-table--filter-option:not(.is--disabled):hover .vxe-checkbox--icon {
153
+ color: #409eff;
154
+ }
155
+ .vxe-table--filter-option.is--disabled {
156
+ color: #BFBFBF;
157
+ cursor: not-allowed;
158
+ }
159
+ .vxe-table--filter-option.is--disabled .vxe-checkbox--icon {
160
+ color: #dcdfe6;
161
+ }
162
+ .vxe-table--filter-option .vxe-checkbox--label {
163
+ padding-left: 0.5em;
164
+ vertical-align: middle;
165
165
  }
package/lib/vxe-table-filter-module/style/style.min.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";.vxe-table--filter-option .vxe-checkbox--icon{font-size:1.34em}.vxe-table--filter-option .vxe-checkbox--icon{color:#dcdfe6;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.is--checked.vxe-table--filter-option,.is--indeterminate.vxe-table--filter-option{color:#409eff}.is--checked.vxe-table--filter-option .vxe-checkbox--icon,.is--indeterminate.vxe-table--filter-option .vxe-checkbox--icon{color:#409eff}.vxe-table--filter-option:not(.is--disabled){cursor:pointer}.vxe-table--filter-option:not(.is--disabled):hover .vxe-checkbox--icon{color:#409eff}.is--disabled.vxe-table--filter-option{color:#bfbfbf;cursor:not-allowed}.is--disabled.vxe-table--filter-option .vxe-checkbox--icon{color:#dcdfe6}.vxe-table--filter-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-cell--filter{padding:0 .1em 0 .2em;text-align:center;vertical-align:middle;display:inline-block;line-height:0}.vxe-cell--filter.col--filter .vxe-filter--btn{color:#606266}.vxe-cell--filter .vxe-filter--btn{color:#c0c4cc;cursor:pointer}.vxe-cell--filter .vxe-filter--btn:hover{color:#606266}.is--filter-active .vxe-cell--filter .vxe-filter--btn{color:#409eff}.vxe-table--filter-wrapper{display:none;position:absolute;top:0;min-width:100px;border-radius:4px;background-color:#fff;border:1px solid #dadce0;box-shadow:0 1px 6px rgba(0,0,0,.2);z-index:10}.vxe-table--filter-wrapper:not(.is--multiple){text-align:center}.vxe-table--filter-wrapper.is--active{display:block}.vxe-table--filter-wrapper .vxe-table--filter-body>li,.vxe-table--filter-wrapper .vxe-table--filter-header>li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:360px;padding:.25em .8em;cursor:pointer}.vxe-table--filter-wrapper .vxe-table--filter-body>li.is--checked,.vxe-table--filter-wrapper .vxe-table--filter-header>li.is--checked{color:#409eff}.vxe-table--filter-wrapper .vxe-table--filter-body>li:hover,.vxe-table--filter-wrapper .vxe-table--filter-header>li:hover{background-color:#f5f7fa}.vxe-table--filter-wrapper .vxe-table--filter-header{padding-top:.2em}.vxe-table--filter-wrapper .vxe-table--filter-body{max-height:200px;padding-bottom:.2em}.vxe-table--filter-wrapper>ul{list-style-type:none;padding:0;margin:0;overflow:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-table--filter-wrapper.is--multiple>ul>li{padding:.25em .8em .25em 1em}.vxe-table--filter-wrapper .vxe-table--filter-footer{border-top:1px solid #dadce0;padding:.6em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-table--filter-wrapper .vxe-table--filter-footer button{background-color:transparent;padding:0 .4em;border:0;color:#606266;cursor:pointer}.vxe-table--filter-wrapper .vxe-table--filter-footer button:focus{outline:0}.vxe-table--filter-wrapper .vxe-table--filter-footer button:hover{color:#409eff}.vxe-table--filter-wrapper .vxe-table--filter-footer button.is--disabled{color:#bfbfbf;cursor:not-allowed}
1
+ @charset "UTF-8";.vxe-cell--filter{padding:0 .1em 0 .2em;text-align:center;vertical-align:middle;display:inline-block;line-height:0}.vxe-cell--filter.col--filter .vxe-filter--btn{color:#606266}.vxe-cell--filter .vxe-filter--btn{color:#c0c4cc;cursor:pointer}.vxe-cell--filter .vxe-filter--btn:hover{color:#606266}.is--filter-active .vxe-cell--filter .vxe-filter--btn{color:#409eff}.vxe-table--filter-wrapper{display:none;position:absolute;top:0;min-width:100px;border-radius:4px;background-color:#fff;border:1px solid #dadce0;box-shadow:0 1px 6px rgba(0,0,0,.2);z-index:10}.vxe-table--filter-wrapper:not(.is--multiple){text-align:center}.vxe-table--filter-wrapper.is--active{display:block}.vxe-table--filter-wrapper .vxe-table--filter-body>li,.vxe-table--filter-wrapper .vxe-table--filter-header>li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:360px;padding:.25em .8em;cursor:pointer}.vxe-table--filter-wrapper .vxe-table--filter-body>li.is--checked,.vxe-table--filter-wrapper .vxe-table--filter-header>li.is--checked{color:#409eff}.vxe-table--filter-wrapper .vxe-table--filter-body>li:hover,.vxe-table--filter-wrapper .vxe-table--filter-header>li:hover{background-color:#f5f7fa}.vxe-table--filter-wrapper .vxe-table--filter-header{padding-top:.2em}.vxe-table--filter-wrapper .vxe-table--filter-body{max-height:200px;padding-bottom:.2em}.vxe-table--filter-wrapper>ul{list-style-type:none;padding:0;margin:0;overflow:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-table--filter-wrapper.is--multiple>ul>li{padding:.25em .8em .25em 1em}.vxe-table--filter-wrapper .vxe-table--filter-footer{border-top:1px solid #dadce0;padding:.6em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-table--filter-wrapper .vxe-table--filter-footer button{background-color:transparent;padding:0 .4em;border:0;color:#606266;cursor:pointer}.vxe-table--filter-wrapper .vxe-table--filter-footer button:focus{outline:0}.vxe-table--filter-wrapper .vxe-table--filter-footer button:hover{color:#409eff}.vxe-table--filter-wrapper .vxe-table--filter-footer button.is--disabled{color:#bfbfbf;cursor:not-allowed}.vxe-table--filter-option .vxe-checkbox--icon{font-size:1.34em}.vxe-table--filter-option .vxe-checkbox--icon{color:#dcdfe6;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-table--filter-option.is--checked,.vxe-table--filter-option.is--indeterminate{color:#409eff}.vxe-table--filter-option.is--checked .vxe-checkbox--icon,.vxe-table--filter-option.is--indeterminate .vxe-checkbox--icon{color:#409eff}.vxe-table--filter-option:not(.is--disabled){cursor:pointer}.vxe-table--filter-option:not(.is--disabled):hover .vxe-checkbox--icon{color:#409eff}.vxe-table--filter-option.is--disabled{color:#bfbfbf;cursor:not-allowed}.vxe-table--filter-option.is--disabled .vxe-checkbox--icon{color:#dcdfe6}.vxe-table--filter-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}
package/lib/vxe-toolbar/style/style.css CHANGED
@@ -23,42 +23,6 @@
23
23
  /*select*/
24
24
  /*switch*/
25
25
  /*pulldown*/
26
- .vxe-custom--checkbox-option .vxe-checkbox--icon {
27
- font-size: 1.34em;
28
- }
29
- .vxe-custom--checkbox-option .vxe-checkbox--icon {
30
- color: #dcdfe6;
31
- vertical-align: middle;
32
- font-weight: 700;
33
- -webkit-user-select: none;
34
- -moz-user-select: none;
35
- -ms-user-select: none;
36
- user-select: none;
37
- }
38
- .is--checked.vxe-custom--checkbox-option, .is--indeterminate.vxe-custom--checkbox-option {
39
- color: #409eff;
40
- }
41
- .is--checked.vxe-custom--checkbox-option .vxe-checkbox--icon, .is--indeterminate.vxe-custom--checkbox-option .vxe-checkbox--icon {
42
- color: #409eff;
43
- }
44
- .vxe-custom--checkbox-option:not(.is--disabled) {
45
- cursor: pointer;
46
- }
47
- .vxe-custom--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon {
48
- color: #409eff;
49
- }
50
- .is--disabled.vxe-custom--checkbox-option {
51
- color: #BFBFBF;
52
- cursor: not-allowed;
53
- }
54
- .is--disabled.vxe-custom--checkbox-option .vxe-checkbox--icon {
55
- color: #dcdfe6;
56
- }
57
- .vxe-custom--checkbox-option .vxe-checkbox--label {
58
- padding-left: 0.5em;
59
- vertical-align: middle;
60
- }
61
-
62
26
  /*toolbar*/
63
27
  .vxe-toolbar {
64
28
  position: relative;
@@ -270,6 +234,41 @@
270
234
  white-space: nowrap;
271
235
  flex-grow: 1;
272
236
  }
237
+ .vxe-custom--checkbox-option .vxe-checkbox--icon {
238
+ font-size: 1.34em;
239
+ }
240
+ .vxe-custom--checkbox-option .vxe-checkbox--icon {
241
+ color: #dcdfe6;
242
+ vertical-align: middle;
243
+ font-weight: 700;
244
+ -webkit-user-select: none;
245
+ -moz-user-select: none;
246
+ -ms-user-select: none;
247
+ user-select: none;
248
+ }
249
+ .vxe-custom--checkbox-option.is--checked, .vxe-custom--checkbox-option.is--indeterminate {
250
+ color: #409eff;
251
+ }
252
+ .vxe-custom--checkbox-option.is--checked .vxe-checkbox--icon, .vxe-custom--checkbox-option.is--indeterminate .vxe-checkbox--icon {
253
+ color: #409eff;
254
+ }
255
+ .vxe-custom--checkbox-option:not(.is--disabled) {
256
+ cursor: pointer;
257
+ }
258
+ .vxe-custom--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon {
259
+ color: #409eff;
260
+ }
261
+ .vxe-custom--checkbox-option.is--disabled {
262
+ color: #BFBFBF;
263
+ cursor: not-allowed;
264
+ }
265
+ .vxe-custom--checkbox-option.is--disabled .vxe-checkbox--icon {
266
+ color: #dcdfe6;
267
+ }
268
+ .vxe-custom--checkbox-option .vxe-checkbox--label {
269
+ padding-left: 0.5em;
270
+ vertical-align: middle;
271
+ }
273
272
 
274
273
  .vxe-custom--fixed-option {
275
274
  flex-shrink: 0;
package/lib/vxe-toolbar/style/style.min.css CHANGED
@@ -1 +1 @@
1
- .vxe-custom--checkbox-option .vxe-checkbox--icon{font-size:1.34em}.vxe-custom--checkbox-option .vxe-checkbox--icon{color:#dcdfe6;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.is--checked.vxe-custom--checkbox-option,.is--indeterminate.vxe-custom--checkbox-option{color:#409eff}.is--checked.vxe-custom--checkbox-option .vxe-checkbox--icon,.is--indeterminate.vxe-custom--checkbox-option .vxe-checkbox--icon{color:#409eff}.vxe-custom--checkbox-option:not(.is--disabled){cursor:pointer}.vxe-custom--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:#409eff}.is--disabled.vxe-custom--checkbox-option{color:#bfbfbf;cursor:not-allowed}.is--disabled.vxe-custom--checkbox-option .vxe-checkbox--icon{color:#dcdfe6}.vxe-custom--checkbox-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-toolbar{position:relative;display:flex;flex-direction:row;align-items:center;padding:.6em 0;color:#606266;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;background-color:#fff}.vxe-toolbar:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-toolbar.is--perfect{border:1px solid #e8eaec;border-bottom-width:0;background-color:#f8f8f9}.vxe-toolbar.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(255,255,255,.5)}.vxe-toolbar .vxe-buttons--wrapper{flex-grow:1}.vxe-toolbar .vxe-buttons--wrapper>.vxe-button+.vxe-button--item,.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item+.vxe-button,.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item+.vxe-button--item{margin-left:.8em}.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item{display:inline-block}.vxe-toolbar .vxe-tools--wrapper>.vxe-button+.vxe-tool--item,.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item+.vxe-button,.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item+.vxe-tool--item{margin-left:.8em}.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item{display:inline-block}.vxe-toolbar .vxe-tools--wrapper>.vxe-button{display:flex;align-items:center;justify-content:center}.vxe-toolbar .vxe-buttons--wrapper,.vxe-toolbar .vxe-tools--operate,.vxe-toolbar .vxe-tools--wrapper{display:flex;align-items:center}.vxe-toolbar .vxe-buttons--wrapper,.vxe-toolbar .vxe-tools--wrapper{flex-wrap:wrap}.vxe-toolbar .vxe-tools--operate{flex-shrink:0}.vxe-toolbar .vxe-custom--wrapper{position:relative;margin-left:.8em}.vxe-toolbar .vxe-custom--wrapper.is--active>.vxe-button{background-color:#d9dadb;border-radius:50%}.vxe-toolbar .vxe-custom--wrapper.is--active .vxe-custom--option-wrapper{display:block}.vxe-toolbar .vxe-custom--option-wrapper{display:none;position:absolute;right:2px;text-align:left;background-color:#fff;z-index:19;border:1px solid #e8eaec;border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,.2)}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header{padding:.28em 0;font-weight:700;border-bottom:1px solid #dadce0}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body{padding:.2em 0;max-height:17.6em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body .vxe-custom--option:hover{background-color:#f5f7fa}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li{max-width:18em;min-width:14em;padding:.2em 1em .2em 1em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--2,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--2{padding-left:3.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--2 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--2 .vxe-checkbox--icon{left:1.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--3,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--3{padding-left:4.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--3 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--3 .vxe-checkbox--icon{left:2.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--4,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--4{padding-left:5.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--4 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--4 .vxe-checkbox--icon{left:3.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--5,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--5{padding-left:6.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--5 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--5 .vxe-checkbox--icon{left:4.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--6,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--6{padding-left:7.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--6 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--6 .vxe-checkbox--icon{left:5.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--7,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--7{padding-left:8.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--7 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--7 .vxe-checkbox--icon{left:6.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--8,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--8{padding-left:9.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--8 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--8 .vxe-checkbox--icon{left:7.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer{border-top:1px solid #dadce0;text-align:right}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button{background-color:transparent;width:50%;height:2.5em;border:0;color:#606266;text-align:center;cursor:pointer}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button:focus{outline:0}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button:hover{color:#409eff}.vxe-custom--option{display:flex;flex-direction:row}.vxe-custom--option-wrapper .vxe-custom--body,.vxe-custom--option-wrapper .vxe-custom--header{list-style-type:none;overflow-x:hidden;overflow-y:auto;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-custom--checkbox-option{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1}.vxe-custom--fixed-option{flex-shrink:0;padding-left:.5em;display:flex;flex-direction:row;align-items:center}.vxe-custom--fixed-option .vxe-custom--fixed-left-option,.vxe-custom--fixed-option .vxe-custom--fixed-right-option{line-height:1.34em;font-size:1.1em;padding:0 .2em;cursor:pointer}.vxe-custom--fixed-option .vxe-custom--fixed-left-option.is--checked,.vxe-custom--fixed-option .vxe-custom--fixed-left-option:hover,.vxe-custom--fixed-option .vxe-custom--fixed-right-option.is--checked,.vxe-custom--fixed-option .vxe-custom--fixed-right-option:hover{color:#409eff}.vxe-custom--fixed-option .vxe-custom--fixed-left-option.is--disabled,.vxe-custom--fixed-option .vxe-custom--fixed-right-option.is--disabled{cursor:no-drop;color:#dcdfe6}.vxe-toolbar{font-size:14px}.vxe-toolbar.size--medium{font-size:14px}.vxe-toolbar.size--small{font-size:13px}.vxe-toolbar.size--mini{font-size:12px}
1
+ .vxe-toolbar{position:relative;display:flex;flex-direction:row;align-items:center;padding:.6em 0;color:#606266;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;background-color:#fff}.vxe-toolbar:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-toolbar.is--perfect{border:1px solid #e8eaec;border-bottom-width:0;background-color:#f8f8f9}.vxe-toolbar.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(255,255,255,.5)}.vxe-toolbar .vxe-buttons--wrapper{flex-grow:1}.vxe-toolbar .vxe-buttons--wrapper>.vxe-button+.vxe-button--item,.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item+.vxe-button,.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item+.vxe-button--item{margin-left:.8em}.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item{display:inline-block}.vxe-toolbar .vxe-tools--wrapper>.vxe-button+.vxe-tool--item,.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item+.vxe-button,.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item+.vxe-tool--item{margin-left:.8em}.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item{display:inline-block}.vxe-toolbar .vxe-tools--wrapper>.vxe-button{display:flex;align-items:center;justify-content:center}.vxe-toolbar .vxe-buttons--wrapper,.vxe-toolbar .vxe-tools--operate,.vxe-toolbar .vxe-tools--wrapper{display:flex;align-items:center}.vxe-toolbar .vxe-buttons--wrapper,.vxe-toolbar .vxe-tools--wrapper{flex-wrap:wrap}.vxe-toolbar .vxe-tools--operate{flex-shrink:0}.vxe-toolbar .vxe-custom--wrapper{position:relative;margin-left:.8em}.vxe-toolbar .vxe-custom--wrapper.is--active>.vxe-button{background-color:#d9dadb;border-radius:50%}.vxe-toolbar .vxe-custom--wrapper.is--active .vxe-custom--option-wrapper{display:block}.vxe-toolbar .vxe-custom--option-wrapper{display:none;position:absolute;right:2px;text-align:left;background-color:#fff;z-index:19;border:1px solid #e8eaec;border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,.2)}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header{padding:.28em 0;font-weight:700;border-bottom:1px solid #dadce0}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body{padding:.2em 0;max-height:17.6em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body .vxe-custom--option:hover{background-color:#f5f7fa}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li{max-width:18em;min-width:14em;padding:.2em 1em .2em 1em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--2,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--2{padding-left:3.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--2 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--2 .vxe-checkbox--icon{left:1.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--3,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--3{padding-left:4.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--3 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--3 .vxe-checkbox--icon{left:2.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--4,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--4{padding-left:5.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--4 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--4 .vxe-checkbox--icon{left:3.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--5,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--5{padding-left:6.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--5 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--5 .vxe-checkbox--icon{left:4.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--6,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--6{padding-left:7.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--6 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--6 .vxe-checkbox--icon{left:5.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--7,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--7{padding-left:8.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--7 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--7 .vxe-checkbox--icon{left:6.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--8,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--8{padding-left:9.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--8 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--8 .vxe-checkbox--icon{left:7.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer{border-top:1px solid #dadce0;text-align:right}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button{background-color:transparent;width:50%;height:2.5em;border:0;color:#606266;text-align:center;cursor:pointer}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button:focus{outline:0}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button:hover{color:#409eff}.vxe-custom--option{display:flex;flex-direction:row}.vxe-custom--option-wrapper .vxe-custom--body,.vxe-custom--option-wrapper .vxe-custom--header{list-style-type:none;overflow-x:hidden;overflow-y:auto;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-custom--checkbox-option{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1}.vxe-custom--checkbox-option .vxe-checkbox--icon{font-size:1.34em}.vxe-custom--checkbox-option .vxe-checkbox--icon{color:#dcdfe6;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-custom--checkbox-option.is--checked,.vxe-custom--checkbox-option.is--indeterminate{color:#409eff}.vxe-custom--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-custom--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:#409eff}.vxe-custom--checkbox-option:not(.is--disabled){cursor:pointer}.vxe-custom--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:#409eff}.vxe-custom--checkbox-option.is--disabled{color:#bfbfbf;cursor:not-allowed}.vxe-custom--checkbox-option.is--disabled .vxe-checkbox--icon{color:#dcdfe6}.vxe-custom--checkbox-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-custom--fixed-option{flex-shrink:0;padding-left:.5em;display:flex;flex-direction:row;align-items:center}.vxe-custom--fixed-option .vxe-custom--fixed-left-option,.vxe-custom--fixed-option .vxe-custom--fixed-right-option{line-height:1.34em;font-size:1.1em;padding:0 .2em;cursor:pointer}.vxe-custom--fixed-option .vxe-custom--fixed-left-option.is--checked,.vxe-custom--fixed-option .vxe-custom--fixed-left-option:hover,.vxe-custom--fixed-option .vxe-custom--fixed-right-option.is--checked,.vxe-custom--fixed-option .vxe-custom--fixed-right-option:hover{color:#409eff}.vxe-custom--fixed-option .vxe-custom--fixed-left-option.is--disabled,.vxe-custom--fixed-option .vxe-custom--fixed-right-option.is--disabled{cursor:no-drop;color:#dcdfe6}.vxe-toolbar{font-size:14px}.vxe-toolbar.size--medium{font-size:14px}.vxe-toolbar.size--small{font-size:13px}.vxe-toolbar.size--mini{font-size:12px}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vxe-table",
3
- "version": "3.8.0-beta.2",
3
+ "version": "3.8.0-beta.3",
4
4
  "description": "一个基于 vue 的 PC 端表单/表格组件，支持增删改查、虚拟列表、虚拟树、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、弹窗、自定义模板、渲染器、JSON 配置式...",
5
5
  "scripts": {
6
6
  "update": "npm install --legacy-peer-deps",
package/packages/table/src/cell.js CHANGED
@@ -484,7 +484,8 @@ export const Cell = {
484
484
  class: ['vxe-cell--checkbox', {
485
485
  'is--checked': isChecked,
486
486
  'is--disabled': isDisabled,
487
- 'is--indeterminate': indeterminate
487
+ 'is--indeterminate': indeterminate,
488
+ 'is--hidden': !isVisible
488
489
  }],
489
490
  on
490
491
  }, checkVNs)
@@ -548,7 +549,8 @@ export const Cell = {
548
549
  class: ['vxe-cell--checkbox', {
549
550
  'is--checked': isChecked,
550
551
  'is--disabled': isDisabled,
551
- 'is--indeterminate': indeterminateField && !isChecked ? row[indeterminateField] : isIndeterminate
552
+ 'is--indeterminate': indeterminateField && !isChecked ? row[indeterminateField] : isIndeterminate,
553
+ 'is--hidden': !isVisible
552
554
  }],
553
555
  on
554
556
  }, checkVNs)
package/styles/checkbox.scss CHANGED
@@ -1,7 +1,6 @@
1
1
  /**Variable**/
2
2
  @import './helpers/mixin.scss';
3
3
  @import './base/common.scss';
4
- @import './base/checked.scss';
5
4
 
6
5
  /*checkbox-group*/
7
6
  .vxe-checkbox-group {
@@ -12,7 +11,6 @@
12
11
 
13
12
  /*checkbox*/
14
13
  .vxe-checkbox {
15
- @extend %XECheckboxIcon;
16
14
  display: inline-block;
17
15
  vertical-align: middle;
18
16
  white-space: nowrap;
package/styles/export.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  /**Variable**/
2
- @import './base/checked.scss';
2
+ @import './helpers/mixin.scss';
3
3
 
4
4
  .vxe-export--panel-column > ul {
5
5
  list-style-type: none;
@@ -121,5 +121,5 @@
121
121
  }
122
122
 
123
123
  .vxe-export--panel-column-option {
124
- @extend %XECheckboxIcon;
124
+ @include createCheckboxIcon();
125
125
  }
package/styles/filter.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  /**Variable**/
2
- @import './base/checked.scss';
2
+ @import './helpers/mixin.scss';
3
3
 
4
4
  /*筛选*/
5
5
  .vxe-cell--filter {
@@ -109,5 +109,5 @@
109
109
  }
110
110
 
111
111
  .vxe-table--filter-option {
112
- @extend %XECheckboxIcon;
112
+ @include createCheckboxIcon();
113
113
  }
package/styles/helpers/mixin.scss CHANGED
@@ -1,3 +1,79 @@
1
1
  @mixin animatTransition ($property, $duration: .1s, $func: ease-in-out) {
2
2
  transition: $property $duration $func;
3
+ }
4
+
5
+ @mixin createCheckboxIcon {
6
+ .vxe-checkbox--icon {
7
+ font-size: 1.34em;
8
+ }
9
+ .vxe-checkbox--icon {
10
+ color: $vxe-input-border-color;
11
+ vertical-align: middle;
12
+ font-weight: 700;
13
+ user-select: none;
14
+ }
15
+ &.is--checked,
16
+ &.is--indeterminate {
17
+ color: $vxe-primary-color;
18
+ .vxe-checkbox--icon {
19
+ color: $vxe-primary-color;
20
+ }
21
+ }
22
+ &:not(.is--disabled) {
23
+ cursor: pointer;
24
+ &:hover {
25
+ .vxe-checkbox--icon {
26
+ color: $vxe-primary-color;
27
+ }
28
+ }
29
+ }
30
+ &.is--disabled {
31
+ color: $vxe-font-disabled-color;
32
+ cursor: not-allowed;
33
+ .vxe-checkbox--icon {
34
+ color: $vxe-input-disabled-color;
35
+ }
36
+ }
37
+ .vxe-checkbox--label {
38
+ padding-left: 0.5em;
39
+ vertical-align: middle;
40
+ }
41
+ }
42
+
43
+ @mixin createRadioIcon {
44
+ cursor: pointer;
45
+ .vxe-radio--icon {
46
+ font-size: 1.4em;
47
+ }
48
+ .vxe-radio--icon {
49
+ color: $vxe-input-border-color;
50
+ vertical-align: middle;
51
+ font-weight: 700;
52
+ user-select: none;
53
+ }
54
+ &.is--checked {
55
+ color: $vxe-primary-color;
56
+ .vxe-radio--icon {
57
+ color: $vxe-primary-color;
58
+ }
59
+ }
60
+ &:not(.is--disabled) {
61
+ cursor: pointer;
62
+ &:hover {
63
+ .vxe-radio--icon {
64
+ color: $vxe-primary-color;
65
+ }
66
+ }
67
+ }
68
+ &.is--disabled {
69
+ color: $vxe-font-disabled-color;
70
+ cursor: not-allowed;
71
+ .vxe-radio--icon {
72
+ color: $vxe-input-disabled-color;
73
+ }
74
+ }
75
+ .vxe-radio--label {
76
+ padding-left: 0.5em;
77
+ vertical-align: middle;
78
+ }
3
79
  }
package/styles/radio.scss CHANGED
@@ -1,7 +1,6 @@
1
1
  /**Variable**/
2
2
  @import './helpers/mixin.scss';
3
3
  @import './base/common.scss';
4
- @import './base/checked.scss';
5
4
 
6
5
  /*radio-group*/
7
6
  .vxe-radio-group {
@@ -16,7 +15,7 @@
16
15
 
17
16
  /*radio*/
18
17
  .vxe-radio {
19
- @extend %XERadioIcon;
18
+ @include createRadioIcon();
20
19
  display: inline-block;
21
20
  vertical-align: middle;
22
21
  white-space: nowrap;
package/styles/table.scss CHANGED
@@ -1,6 +1,5 @@
1
1
  /**Variable**/
2
2
  @import './helpers/mixin.scss';
3
- @import './base/checked.scss';
4
3
  @import './base/common.scss';
5
4
  @import './loading.scss';
6
5
 
@@ -659,11 +658,6 @@
659
658
  }
660
659
  }
661
660
  }
662
- .vxe-body--column {
663
- &.col--checkbox {
664
- user-select: none;
665
- }
666
- }
667
661
 
668
662
  /*边框*/
669
663
  .vxe-table--footer-wrapper {
@@ -835,10 +829,10 @@
835
829
 
836
830
  // 单选框和复选框
837
831
  .vxe-cell--radio {
838
- @extend %XERadioIcon;
832
+ @include createRadioIcon();
839
833
  }
840
834
  .vxe-cell--checkbox {
841
- @extend %XECheckboxIcon;
835
+ @include createCheckboxIcon();
842
836
  }
843
837
 
844
838
  .fixed--hidden {
package/styles/toolbar.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  /**Variable**/
2
- @import './base/checked.scss';
2
+ @import './helpers/mixin.scss';
3
3
 
4
4
  /*toolbar*/
5
5
  .vxe-toolbar {
@@ -170,7 +170,7 @@
170
170
  }
171
171
 
172
172
  .vxe-custom--checkbox-option {
173
- @extend %XECheckboxIcon;
173
+ @include createCheckboxIcon();
174
174
  overflow: hidden;
175
175
  text-overflow: ellipsis;
176
176
  white-space: nowrap;
package/styles/base/checked.scss DELETED
@@ -1,75 +0,0 @@
1
- %XECheckboxIcon {
2
- .vxe-checkbox--icon {
3
- font-size: 1.34em;
4
- }
5
- .vxe-checkbox--icon {
6
- color: $vxe-input-border-color;
7
- vertical-align: middle;
8
- font-weight: 700;
9
- user-select: none;
10
- }
11
- &.is--checked,
12
- &.is--indeterminate {
13
- color: $vxe-primary-color;
14
- .vxe-checkbox--icon {
15
- color: $vxe-primary-color;
16
- }
17
- }
18
- &:not(.is--disabled) {
19
- cursor: pointer;
20
- &:hover {
21
- .vxe-checkbox--icon {
22
- color: $vxe-primary-color;
23
- }
24
- }
25
- }
26
- &.is--disabled {
27
- color: $vxe-font-disabled-color;
28
- cursor: not-allowed;
29
- .vxe-checkbox--icon {
30
- color: $vxe-input-disabled-color;
31
- }
32
- }
33
- .vxe-checkbox--label {
34
- padding-left: 0.5em;
35
- vertical-align: middle;
36
- }
37
- }
38
-
39
- %XERadioIcon {
40
- cursor: pointer;
41
- .vxe-radio--icon {
42
- font-size: 1.4em;
43
- }
44
- .vxe-radio--icon {
45
- color: $vxe-input-border-color;
46
- vertical-align: middle;
47
- font-weight: 700;
48
- user-select: none;
49
- }
50
- &.is--checked {
51
- color: $vxe-primary-color;
52
- .vxe-radio--icon {
53
- color: $vxe-primary-color;
54
- }
55
- }
56
- &:not(.is--disabled) {
57
- cursor: pointer;
58
- &:hover {
59
- .vxe-radio--icon {
60
- color: $vxe-primary-color;
61
- }
62
- }
63
- }
64
- &.is--disabled {
65
- color: $vxe-font-disabled-color;
66
- cursor: not-allowed;
67
- .vxe-radio--icon {
68
- color: $vxe-input-disabled-color;
69
- }
70
- }
71
- .vxe-radio--label {
72
- padding-left: 0.5em;
73
- vertical-align: middle;
74
- }
75
- }