vxe-table 4.4.1 → 4.4.2-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (212) hide show
  1. package/es/button/style.css +27 -27
  2. package/es/checkbox/style.css +11 -11
  3. package/es/export/style.css +12 -12
  4. package/es/filter/style.css +13 -13
  5. package/es/form/style.css +33 -33
  6. package/es/grid/style.css +8 -8
  7. package/es/icon/style.css +10 -10
  8. package/es/input/style.css +82 -82
  9. package/es/list/style.css +1 -1
  10. package/es/loading/style.css +3 -3
  11. package/es/menu/style.css +7 -7
  12. package/es/modal/style.css +20 -20
  13. package/es/pager/style.css +31 -31
  14. package/es/pulldown/style.css +7 -7
  15. package/es/radio/style.css +20 -20
  16. package/es/select/style.css +23 -23
  17. package/es/style.css +1 -1
  18. package/es/style.min.css +1 -1
  19. package/es/switch/style.css +11 -11
  20. package/es/table/src/body.js +1 -1
  21. package/es/table/src/table.js +1 -1
  22. package/es/table/style.css +118 -118
  23. package/es/textarea/style.css +23 -23
  24. package/es/toolbar/style.css +20 -20
  25. package/es/tools/log.js +1 -1
  26. package/es/tooltip/style.css +17 -17
  27. package/es/v-x-e-table/index.js +1 -1
  28. package/es/v-x-e-table/style.css +12 -12
  29. package/es/vxe-button/style.css +27 -27
  30. package/es/vxe-checkbox/style.css +11 -11
  31. package/es/vxe-form/style.css +33 -33
  32. package/es/vxe-grid/style.css +8 -8
  33. package/es/vxe-icon/style.css +9 -9
  34. package/es/vxe-input/style.css +82 -82
  35. package/es/vxe-list/style.css +1 -1
  36. package/es/vxe-loading/style.css +3 -3
  37. package/es/vxe-modal/style.css +20 -20
  38. package/es/vxe-module-export/style.css +12 -12
  39. package/es/vxe-module-filter/style.css +13 -13
  40. package/es/vxe-module-menu/style.css +7 -7
  41. package/es/vxe-pager/style.css +31 -31
  42. package/es/vxe-pulldown/style.css +7 -7
  43. package/es/vxe-radio/style.css +20 -20
  44. package/es/vxe-select/style.css +23 -23
  45. package/es/vxe-switch/style.css +11 -11
  46. package/es/vxe-table/style.css +118 -118
  47. package/es/vxe-textarea/style.css +23 -23
  48. package/es/vxe-toolbar/style.css +20 -20
  49. package/es/vxe-tooltip/style.css +17 -17
  50. package/lib/button/style/style.css +27 -27
  51. package/lib/button/style/style.min.css +1 -1
  52. package/lib/checkbox/style/style.css +11 -11
  53. package/lib/checkbox/style/style.min.css +1 -1
  54. package/lib/export/style/style.css +12 -12
  55. package/lib/export/style/style.min.css +1 -1
  56. package/lib/filter/style/style.css +13 -13
  57. package/lib/filter/style/style.min.css +1 -1
  58. package/lib/form/style/style.css +33 -33
  59. package/lib/form/style/style.min.css +1 -1
  60. package/lib/grid/style/style.css +8 -8
  61. package/lib/grid/style/style.min.css +1 -1
  62. package/lib/icon/style/style.css +10 -10
  63. package/lib/icon/style/style.min.css +10 -10
  64. package/lib/index.umd.js +8 -4
  65. package/lib/index.umd.min.js +1 -1
  66. package/lib/input/style/style.css +82 -82
  67. package/lib/input/style/style.min.css +1 -1
  68. package/lib/list/style/style.css +1 -1
  69. package/lib/list/style/style.min.css +1 -1
  70. package/lib/loading/style/style.css +3 -3
  71. package/lib/loading/style/style.min.css +1 -1
  72. package/lib/menu/style/style.css +7 -7
  73. package/lib/menu/style/style.min.css +1 -1
  74. package/lib/modal/style/style.css +20 -20
  75. package/lib/modal/style/style.min.css +1 -1
  76. package/lib/pager/style/style.css +31 -31
  77. package/lib/pager/style/style.min.css +1 -1
  78. package/lib/pulldown/style/style.css +7 -7
  79. package/lib/pulldown/style/style.min.css +1 -1
  80. package/lib/radio/style/style.css +20 -20
  81. package/lib/radio/style/style.min.css +1 -1
  82. package/lib/select/style/style.css +23 -23
  83. package/lib/select/style/style.min.css +1 -1
  84. package/lib/style.css +1 -1
  85. package/lib/style.min.css +1 -1
  86. package/lib/switch/style/style.css +11 -11
  87. package/lib/switch/style/style.min.css +1 -1
  88. package/lib/table/src/body.js +2 -1
  89. package/lib/table/src/body.min.js +1 -1
  90. package/lib/table/src/table.js +4 -1
  91. package/lib/table/src/table.min.js +1 -1
  92. package/lib/table/style/style.css +118 -118
  93. package/lib/table/style/style.min.css +1 -1
  94. package/lib/textarea/style/style.css +23 -23
  95. package/lib/textarea/style/style.min.css +1 -1
  96. package/lib/toolbar/style/style.css +20 -20
  97. package/lib/toolbar/style/style.min.css +1 -1
  98. package/lib/tools/log.js +1 -1
  99. package/lib/tools/log.min.js +1 -1
  100. package/lib/tooltip/style/style.css +17 -17
  101. package/lib/tooltip/style/style.min.css +1 -1
  102. package/lib/v-x-e-table/index.js +1 -1
  103. package/lib/v-x-e-table/index.min.js +1 -1
  104. package/lib/v-x-e-table/style/style.css +12 -12
  105. package/lib/v-x-e-table/style/style.min.css +1 -1
  106. package/lib/vxe-button/style/style.css +27 -27
  107. package/lib/vxe-button/style/style.min.css +1 -1
  108. package/lib/vxe-checkbox/style/style.css +11 -11
  109. package/lib/vxe-checkbox/style/style.min.css +1 -1
  110. package/lib/vxe-form/style/style.css +33 -33
  111. package/lib/vxe-form/style/style.min.css +1 -1
  112. package/lib/vxe-grid/style/style.css +8 -8
  113. package/lib/vxe-grid/style/style.min.css +1 -1
  114. package/lib/vxe-icon/style/style.css +9 -9
  115. package/lib/vxe-icon/style/style.min.css +1 -1
  116. package/lib/vxe-input/style/style.css +82 -82
  117. package/lib/vxe-input/style/style.min.css +1 -1
  118. package/lib/vxe-list/style/style.css +1 -1
  119. package/lib/vxe-list/style/style.min.css +1 -1
  120. package/lib/vxe-loading/style/style.css +3 -3
  121. package/lib/vxe-loading/style/style.min.css +1 -1
  122. package/lib/vxe-modal/style/style.css +20 -20
  123. package/lib/vxe-modal/style/style.min.css +1 -1
  124. package/lib/vxe-module-export/style/style.css +12 -12
  125. package/lib/vxe-module-export/style/style.min.css +1 -1
  126. package/lib/vxe-module-filter/style/style.css +13 -13
  127. package/lib/vxe-module-filter/style/style.min.css +1 -1
  128. package/lib/vxe-module-menu/style/style.css +7 -7
  129. package/lib/vxe-module-menu/style/style.min.css +1 -1
  130. package/lib/vxe-pager/style/style.css +31 -31
  131. package/lib/vxe-pager/style/style.min.css +1 -1
  132. package/lib/vxe-pulldown/style/style.css +7 -7
  133. package/lib/vxe-pulldown/style/style.min.css +1 -1
  134. package/lib/vxe-radio/style/style.css +20 -20
  135. package/lib/vxe-radio/style/style.min.css +1 -1
  136. package/lib/vxe-select/style/style.css +23 -23
  137. package/lib/vxe-select/style/style.min.css +1 -1
  138. package/lib/vxe-switch/style/style.css +11 -11
  139. package/lib/vxe-switch/style/style.min.css +1 -1
  140. package/lib/vxe-table/style/style.css +118 -118
  141. package/lib/vxe-table/style/style.min.css +1 -1
  142. package/lib/vxe-textarea/style/style.css +23 -23
  143. package/lib/vxe-textarea/style/style.min.css +1 -1
  144. package/lib/vxe-toolbar/style/style.css +20 -20
  145. package/lib/vxe-toolbar/style/style.min.css +1 -1
  146. package/lib/vxe-tooltip/style/style.css +17 -17
  147. package/lib/vxe-tooltip/style/style.min.css +1 -1
  148. package/package.json +2 -2
  149. package/packages/table/src/body.ts +1 -1
  150. package/packages/table/src/table.ts +1 -1
  151. package/styles/button.scss +27 -27
  152. package/styles/checkbox.scss +11 -11
  153. package/styles/cssvar.scss +257 -0
  154. package/styles/export.scss +12 -12
  155. package/styles/filter.scss +13 -13
  156. package/styles/form.scss +31 -31
  157. package/styles/grid.scss +8 -8
  158. package/styles/input.scss +75 -75
  159. package/styles/list.scss +1 -1
  160. package/styles/loading.scss +3 -3
  161. package/styles/menu.scss +7 -7
  162. package/styles/modal.scss +20 -20
  163. package/styles/modules.scss +1 -0
  164. package/styles/old-icon.scss +9 -9
  165. package/styles/pager.scss +31 -31
  166. package/styles/pulldown.scss +7 -7
  167. package/styles/radio.scss +20 -20
  168. package/styles/select.scss +23 -23
  169. package/styles/switch.scss +11 -11
  170. package/styles/table.scss +126 -126
  171. package/styles/textarea.scss +22 -22
  172. package/styles/toolbar.scss +20 -20
  173. package/styles/tooltip.scss +17 -17
  174. package/types/button.d.ts +23 -2
  175. package/types/checkbox-group.d.ts +11 -2
  176. package/types/checkbox.d.ts +11 -2
  177. package/types/colgroup.d.ts +19 -3
  178. package/types/column.d.ts +142 -61
  179. package/types/component.d.ts +7 -2
  180. package/types/form-gather.d.ts +10 -1
  181. package/types/form-item.d.ts +16 -1
  182. package/types/form.d.ts +10 -1
  183. package/types/grid.d.ts +72 -2
  184. package/types/index.d.ts +1 -1
  185. package/types/input.d.ts +11 -2
  186. package/types/list.d.ts +11 -2
  187. package/types/modal.d.ts +40 -2
  188. package/types/optgroup.d.ts +10 -1
  189. package/types/option.d.ts +10 -1
  190. package/types/pager.d.ts +17 -2
  191. package/types/pulldown.d.ts +26 -9
  192. package/types/radio-button.d.ts +11 -2
  193. package/types/radio-group.d.ts +11 -2
  194. package/types/radio.d.ts +11 -2
  195. package/types/select.d.ts +11 -2
  196. package/types/switch.d.ts +11 -2
  197. package/types/table.d.ts +20 -3
  198. package/types/textarea.d.ts +11 -2
  199. package/types/toolbar.d.ts +17 -2
  200. package/types/tooltip.d.ts +11 -2
  201. /package/es/icon/style/{iconfont.1685110524528.ttf → iconfont.1685611928442.ttf} +0 -0
  202. /package/es/icon/style/{iconfont.1685110524528.woff → iconfont.1685611928442.woff} +0 -0
  203. /package/es/icon/style/{iconfont.1685110524528.woff2 → iconfont.1685611928442.woff2} +0 -0
  204. /package/es/{iconfont.1685110524528.ttf → iconfont.1685611928442.ttf} +0 -0
  205. /package/es/{iconfont.1685110524528.woff → iconfont.1685611928442.woff} +0 -0
  206. /package/es/{iconfont.1685110524528.woff2 → iconfont.1685611928442.woff2} +0 -0
  207. /package/lib/icon/style/{iconfont.1685110524528.ttf → iconfont.1685611928442.ttf} +0 -0
  208. /package/lib/icon/style/{iconfont.1685110524528.woff → iconfont.1685611928442.woff} +0 -0
  209. /package/lib/icon/style/{iconfont.1685110524528.woff2 → iconfont.1685611928442.woff2} +0 -0
  210. /package/lib/{iconfont.1685110524528.ttf → iconfont.1685611928442.ttf} +0 -0
  211. /package/lib/{iconfont.1685110524528.woff → iconfont.1685611928442.woff} +0 -0
  212. /package/lib/{iconfont.1685110524528.woff2 → iconfont.1685611928442.woff2} +0 -0
@@ -27,7 +27,7 @@
27
27
  .vxe-pulldown {
28
28
  position: relative;
29
29
  display: inline-block;
30
- color: #606266;
30
+ color: var(--vxe-font-color);
31
31
  text-align: left;
32
32
  }
33
33
 
@@ -36,7 +36,7 @@
36
36
  position: absolute;
37
37
  left: 0;
38
38
  padding: 4px 0;
39
- color: #606266;
39
+ color: var(--vxe-font-color);
40
40
  text-align: left;
41
41
  }
42
42
  .vxe-pulldown--panel:not(.is--transfer) {
@@ -62,22 +62,22 @@
62
62
  }
63
63
 
64
64
  .vxe-pulldown--wrapper {
65
- background-color: #fff;
65
+ background-color: var(--vxe-pulldown-panel-background-color);
66
66
  }
67
67
 
68
68
  .vxe-pulldown,
69
69
  .vxe-pulldown--panel {
70
- font-size: 14px;
70
+ font-size: var(--vxe-font-size);
71
71
  }
72
72
  .vxe-pulldown.size--medium,
73
73
  .vxe-pulldown--panel.size--medium {
74
- font-size: 14px;
74
+ font-size: var(--vxe-font-size-medium);
75
75
  }
76
76
  .vxe-pulldown.size--small,
77
77
  .vxe-pulldown--panel.size--small {
78
- font-size: 13px;
78
+ font-size: var(--vxe-font-size-small);
79
79
  }
80
80
  .vxe-pulldown.size--mini,
81
81
  .vxe-pulldown--panel.size--mini {
82
- font-size: 12px;
82
+ font-size: var(--vxe-font-size-mini);
83
83
  }
@@ -1 +1 @@
1
- .vxe-pulldown{position:relative;display:inline-block;color:#606266;text-align:left}.vxe-pulldown--panel{display:none;position:absolute;left:0;padding:4px 0;color:#606266;text-align:left}.vxe-pulldown--panel:not(.is--transfer){min-width:100%}.vxe-pulldown--panel.is--transfer{position:fixed}.vxe-pulldown--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}.vxe-pulldown--panel.animat--leave[placement=top]{transform-origin:center bottom}.vxe-pulldown--panel.animat--enter{opacity:1;transform:scaleY(1)}.vxe-pulldown--wrapper{background-color:#fff}.vxe-pulldown,.vxe-pulldown--panel{font-size:14px}.vxe-pulldown--panel.size--medium,.vxe-pulldown.size--medium{font-size:14px}.vxe-pulldown--panel.size--small,.vxe-pulldown.size--small{font-size:13px}.vxe-pulldown--panel.size--mini,.vxe-pulldown.size--mini{font-size:12px}
1
+ .vxe-pulldown{position:relative;display:inline-block;color:var(--vxe-font-color);text-align:left}.vxe-pulldown--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-font-color);text-align:left}.vxe-pulldown--panel:not(.is--transfer){min-width:100%}.vxe-pulldown--panel.is--transfer{position:fixed}.vxe-pulldown--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}.vxe-pulldown--panel.animat--leave[placement=top]{transform-origin:center bottom}.vxe-pulldown--panel.animat--enter{opacity:1;transform:scaleY(1)}.vxe-pulldown--wrapper{background-color:var(--vxe-pulldown-panel-background-color)}.vxe-pulldown,.vxe-pulldown--panel{font-size:var(--vxe-font-size)}.vxe-pulldown--panel.size--medium,.vxe-pulldown.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-pulldown--panel.size--small,.vxe-pulldown.size--small{font-size:var(--vxe-font-size-small)}.vxe-pulldown--panel.size--mini,.vxe-pulldown.size--mini{font-size:var(--vxe-font-size-mini)}
@@ -258,33 +258,33 @@
258
258
  max-width: 50em;
259
259
  }
260
260
  .vxe-radio:not(.is--disabled) > input:focus + .vxe-radio--icon {
261
- color: #409eff;
261
+ color: var(--vxe-primary-color);
262
262
  }
263
263
  .vxe-radio:not(.vxe-radio-button) + .vxe-radio {
264
264
  margin-left: 10px;
265
265
  }
266
266
 
267
267
  .vxe-radio-button .vxe-radio--label {
268
- background-color: #fff;
268
+ background-color: var(--vxe-radio-button-default-background-color);
269
269
  }
270
270
  .vxe-radio-button:first-child .vxe-radio--label {
271
- border-left: 1px solid #dcdfe6;
272
- border-radius: 4px 0 0 4px;
271
+ border-left: 1px solid var(--vxe-input-border-color);
272
+ border-radius: var(--vxe-border-radius) 0 0 var(--vxe-border-radius);
273
273
  }
274
274
  .vxe-radio-button:last-child .vxe-radio--label {
275
- border-radius: 0 4px 4px 0;
275
+ border-radius: 0 var(--vxe-border-radius) var(--vxe-border-radius) 0;
276
276
  }
277
277
  .vxe-radio-button > input:checked + .vxe-radio--label {
278
278
  color: #fff;
279
- background-color: #409eff;
280
- border-color: #409eff;
279
+ background-color: var(--vxe-primary-color);
280
+ border-color: var(--vxe-primary-color);
281
281
  }
282
282
  .vxe-radio-button .vxe-radio--label {
283
283
  padding: 0 1em;
284
- line-height: 32px;
284
+ line-height: var(--vxe-button-height-default)-2;
285
285
  display: inline-block;
286
286
  border-style: solid;
287
- border-color: #dcdfe6;
287
+ border-color: var(--vxe-input-border-color);
288
288
  border-width: 1px 1px 1px 0;
289
289
  max-width: 50em;
290
290
  }
@@ -292,38 +292,38 @@
292
292
  cursor: not-allowed;
293
293
  }
294
294
  .vxe-radio-button.is--disabled > input:not(:checked) + .vxe-radio--label {
295
- color: #dcdfe6;
295
+ color: var(--vxe-input-disabled-color);
296
296
  }
297
297
  .vxe-radio-button.is--disabled > input:checked + .vxe-radio--label {
298
298
  border-color: #a6d2ff;
299
299
  background-color: #a6d2ff;
300
300
  }
301
301
  .vxe-radio-button:not(.is--disabled) > input:focus + .vxe-radio--label {
302
- border-color: #409eff;
303
- box-shadow: 0 0 0.2em 0 #409eff;
302
+ border-color: var(--vxe-primary-color);
303
+ box-shadow: 0 0 0.2em 0 var(--vxe-primary-color);
304
304
  }
305
305
  .vxe-radio-button:not(.is--disabled):hover > input:not(:checked) + .vxe-radio--label {
306
- color: #409eff;
306
+ color: var(--vxe-primary-color);
307
307
  }
308
308
  .vxe-radio-button.size--medium .vxe-radio--label {
309
- line-height: 30px;
309
+ line-height: var(--vxe-button-height-medium)-2;
310
310
  }
311
311
  .vxe-radio-button.size--small .vxe-radio--label {
312
- line-height: 28px;
312
+ line-height: var(--vxe-button-height-small)-2;
313
313
  }
314
314
  .vxe-radio-button.size--mini .vxe-radio--label {
315
- line-height: 26px;
315
+ line-height: var(--vxe-button-height-mini)-2;
316
316
  }
317
317
 
318
318
  .vxe-radio {
319
- font-size: 14px;
319
+ font-size: var(--vxe-font-size);
320
320
  }
321
321
  .vxe-radio.size--medium {
322
- font-size: 14px;
322
+ font-size: var(--vxe-font-size-medium);
323
323
  }
324
324
  .vxe-radio.size--small {
325
- font-size: 13px;
325
+ font-size: var(--vxe-font-size-small);
326
326
  }
327
327
  .vxe-radio.size--mini {
328
- font-size: 12px;
328
+ font-size: var(--vxe-font-size-mini);
329
329
  }
@@ -1 +1 @@
1
- [class*=vxe-],[class*=vxe-] :after,[class*=vxe-] :before,[class*=vxe-]:after,[class*=vxe-]:before{box-sizing:border-box}.vxe-radio .vxe-radio--label,.vxe-radio-button .vxe-radio--label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[class*=vxe-]{font-variant:tabular-nums;font-feature-settings:"tnum"}.vxe-primary-color{color:#409eff}.vxe-success-color{color:#67c23a}.vxe-info-color{color:#909399}.vxe-warning-color{color:#e6a23c}.vxe-danger-color{color:#f56c6c}.vxe-perfect-color{color:#f8f8f9}.vxe-row:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-row>.vxe-col--1{float:left;width:4.16667%}.vxe-row>.vxe-col--2{float:left;width:8.33333%}.vxe-row>.vxe-col--3{float:left;width:12.5%}.vxe-row>.vxe-col--4{float:left;width:16.66667%}.vxe-row>.vxe-col--5{float:left;width:20.83333%}.vxe-row>.vxe-col--6{float:left;width:25%}.vxe-row>.vxe-col--7{float:left;width:29.16667%}.vxe-row>.vxe-col--8{float:left;width:33.33333%}.vxe-row>.vxe-col--9{float:left;width:37.5%}.vxe-row>.vxe-col--10{float:left;width:41.66667%}.vxe-row>.vxe-col--11{float:left;width:45.83333%}.vxe-row>.vxe-col--12{float:left;width:50%}.vxe-row>.vxe-col--13{float:left;width:54.16667%}.vxe-row>.vxe-col--14{float:left;width:58.33333%}.vxe-row>.vxe-col--15{float:left;width:62.5%}.vxe-row>.vxe-col--16{float:left;width:66.66667%}.vxe-row>.vxe-col--17{float:left;width:70.83333%}.vxe-row>.vxe-col--18{float:left;width:75%}.vxe-row>.vxe-col--19{float:left;width:79.16667%}.vxe-row>.vxe-col--20{float:left;width:83.33333%}.vxe-row>.vxe-col--21{float:left;width:87.5%}.vxe-row>.vxe-col--22{float:left;width:91.66667%}.vxe-row>.vxe-col--23{float:left;width:95.83333%}.vxe-row>.vxe-col--24{float:left;width:100%}.is--animat .vxe-filter--btn:after,.is--animat .vxe-filter--btn:before,.is--animat .vxe-sort--asc-btn:after,.is--animat .vxe-sort--asc-btn:before,.is--animat .vxe-sort--desc-btn:after,.is--animat .vxe-sort--desc-btn:before{transition:border .1s ease-in-out}.is--animat .vxe-input--wrapper .vxe-input{transition:border .1s ease-in-out}.is--animat .vxe-table--expand-btn,.is--animat .vxe-tree--node-btn{transition:transform .1s ease-in-out}.is--animat .vxe-checkbox>input:checked+span,.is--animat .vxe-radio>input:checked+span{transition:background-color .1s ease-in-out}.vxe-radio{cursor:pointer}.vxe-radio .vxe-radio--icon{font-size:1.4em}.vxe-radio .vxe-radio--icon{color:#dcdfe6;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.is--checked.vxe-radio{color:#409eff}.is--checked.vxe-radio .vxe-radio--icon{color:#409eff}.vxe-radio:not(.is--disabled){cursor:pointer}.vxe-radio:not(.is--disabled):hover .vxe-radio--icon{color:#409eff}.is--disabled.vxe-radio{color:#bfbfbf;cursor:not-allowed}.is--disabled.vxe-radio .vxe-radio--icon{color:#dcdfe6}.vxe-radio .vxe-radio--label{padding-left:.5em;vertical-align:middle}.vxe-radio-group{display:inline-block;vertical-align:middle;line-height:1;font-size:0}.vxe-radio-group+.vxe-radio-group{margin-left:10px}.vxe-radio{display:inline-block;vertical-align:middle;white-space:nowrap;line-height:1}.vxe-radio>input[type=radio]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-radio .vxe-radio--label{vertical-align:middle;display:inline-block;max-width:50em}.vxe-radio:not(.is--disabled)>input:focus+.vxe-radio--icon{color:#409eff}.vxe-radio:not(.vxe-radio-button)+.vxe-radio{margin-left:10px}.vxe-radio-button .vxe-radio--label{background-color:#fff}.vxe-radio-button:first-child .vxe-radio--label{border-left:1px solid #dcdfe6;border-radius:4px 0 0 4px}.vxe-radio-button:last-child .vxe-radio--label{border-radius:0 4px 4px 0}.vxe-radio-button>input:checked+.vxe-radio--label{color:#fff;background-color:#409eff;border-color:#409eff}.vxe-radio-button .vxe-radio--label{padding:0 1em;line-height:32px;display:inline-block;border-style:solid;border-color:#dcdfe6;border-width:1px 1px 1px 0;max-width:50em}.vxe-radio-button.is--disabled{cursor:not-allowed}.vxe-radio-button.is--disabled>input:not(:checked)+.vxe-radio--label{color:#dcdfe6}.vxe-radio-button.is--disabled>input:checked+.vxe-radio--label{border-color:#a6d2ff;background-color:#a6d2ff}.vxe-radio-button:not(.is--disabled)>input:focus+.vxe-radio--label{border-color:#409eff;box-shadow:0 0 .2em 0 #409eff}.vxe-radio-button:not(.is--disabled):hover>input:not(:checked)+.vxe-radio--label{color:#409eff}.vxe-radio-button.size--medium .vxe-radio--label{line-height:30px}.vxe-radio-button.size--small .vxe-radio--label{line-height:28px}.vxe-radio-button.size--mini .vxe-radio--label{line-height:26px}.vxe-radio{font-size:14px}.vxe-radio.size--medium{font-size:14px}.vxe-radio.size--small{font-size:13px}.vxe-radio.size--mini{font-size:12px}
1
+ [class*=vxe-],[class*=vxe-] :after,[class*=vxe-] :before,[class*=vxe-]:after,[class*=vxe-]:before{box-sizing:border-box}.vxe-radio .vxe-radio--label,.vxe-radio-button .vxe-radio--label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[class*=vxe-]{font-variant:tabular-nums;font-feature-settings:"tnum"}.vxe-primary-color{color:#409eff}.vxe-success-color{color:#67c23a}.vxe-info-color{color:#909399}.vxe-warning-color{color:#e6a23c}.vxe-danger-color{color:#f56c6c}.vxe-perfect-color{color:#f8f8f9}.vxe-row:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-row>.vxe-col--1{float:left;width:4.16667%}.vxe-row>.vxe-col--2{float:left;width:8.33333%}.vxe-row>.vxe-col--3{float:left;width:12.5%}.vxe-row>.vxe-col--4{float:left;width:16.66667%}.vxe-row>.vxe-col--5{float:left;width:20.83333%}.vxe-row>.vxe-col--6{float:left;width:25%}.vxe-row>.vxe-col--7{float:left;width:29.16667%}.vxe-row>.vxe-col--8{float:left;width:33.33333%}.vxe-row>.vxe-col--9{float:left;width:37.5%}.vxe-row>.vxe-col--10{float:left;width:41.66667%}.vxe-row>.vxe-col--11{float:left;width:45.83333%}.vxe-row>.vxe-col--12{float:left;width:50%}.vxe-row>.vxe-col--13{float:left;width:54.16667%}.vxe-row>.vxe-col--14{float:left;width:58.33333%}.vxe-row>.vxe-col--15{float:left;width:62.5%}.vxe-row>.vxe-col--16{float:left;width:66.66667%}.vxe-row>.vxe-col--17{float:left;width:70.83333%}.vxe-row>.vxe-col--18{float:left;width:75%}.vxe-row>.vxe-col--19{float:left;width:79.16667%}.vxe-row>.vxe-col--20{float:left;width:83.33333%}.vxe-row>.vxe-col--21{float:left;width:87.5%}.vxe-row>.vxe-col--22{float:left;width:91.66667%}.vxe-row>.vxe-col--23{float:left;width:95.83333%}.vxe-row>.vxe-col--24{float:left;width:100%}.is--animat .vxe-filter--btn:after,.is--animat .vxe-filter--btn:before,.is--animat .vxe-sort--asc-btn:after,.is--animat .vxe-sort--asc-btn:before,.is--animat .vxe-sort--desc-btn:after,.is--animat .vxe-sort--desc-btn:before{transition:border .1s ease-in-out}.is--animat .vxe-input--wrapper .vxe-input{transition:border .1s ease-in-out}.is--animat .vxe-table--expand-btn,.is--animat .vxe-tree--node-btn{transition:transform .1s ease-in-out}.is--animat .vxe-checkbox>input:checked+span,.is--animat .vxe-radio>input:checked+span{transition:background-color .1s ease-in-out}.vxe-radio{cursor:pointer}.vxe-radio .vxe-radio--icon{font-size:1.4em}.vxe-radio .vxe-radio--icon{color:#dcdfe6;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.is--checked.vxe-radio{color:#409eff}.is--checked.vxe-radio .vxe-radio--icon{color:#409eff}.vxe-radio:not(.is--disabled){cursor:pointer}.vxe-radio:not(.is--disabled):hover .vxe-radio--icon{color:#409eff}.is--disabled.vxe-radio{color:#bfbfbf;cursor:not-allowed}.is--disabled.vxe-radio .vxe-radio--icon{color:#dcdfe6}.vxe-radio .vxe-radio--label{padding-left:.5em;vertical-align:middle}.vxe-radio-group{display:inline-block;vertical-align:middle;line-height:1;font-size:0}.vxe-radio-group+.vxe-radio-group{margin-left:10px}.vxe-radio{display:inline-block;vertical-align:middle;white-space:nowrap;line-height:1}.vxe-radio>input[type=radio]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-radio .vxe-radio--label{vertical-align:middle;display:inline-block;max-width:50em}.vxe-radio:not(.is--disabled)>input:focus+.vxe-radio--icon{color:var(--vxe-primary-color)}.vxe-radio:not(.vxe-radio-button)+.vxe-radio{margin-left:10px}.vxe-radio-button .vxe-radio--label{background-color:var(--vxe-radio-button-default-background-color)}.vxe-radio-button:first-child .vxe-radio--label{border-left:1px solid var(--vxe-input-border-color);border-radius:var(--vxe-border-radius) 0 0 var(--vxe-border-radius)}.vxe-radio-button:last-child .vxe-radio--label{border-radius:0 var(--vxe-border-radius) var(--vxe-border-radius) 0}.vxe-radio-button>input:checked+.vxe-radio--label{color:#fff;background-color:var(--vxe-primary-color);border-color:var(--vxe-primary-color)}.vxe-radio-button .vxe-radio--label{padding:0 1em;line-height:var(--vxe-button-height-default) -2;display:inline-block;border-style:solid;border-color:var(--vxe-input-border-color);border-width:1px 1px 1px 0;max-width:50em}.vxe-radio-button.is--disabled{cursor:not-allowed}.vxe-radio-button.is--disabled>input:not(:checked)+.vxe-radio--label{color:var(--vxe-input-disabled-color)}.vxe-radio-button.is--disabled>input:checked+.vxe-radio--label{border-color:#a6d2ff;background-color:#a6d2ff}.vxe-radio-button:not(.is--disabled)>input:focus+.vxe-radio--label{border-color:var(--vxe-primary-color);box-shadow:0 0 .2em 0 var(--vxe-primary-color)}.vxe-radio-button:not(.is--disabled):hover>input:not(:checked)+.vxe-radio--label{color:var(--vxe-primary-color)}.vxe-radio-button.size--medium .vxe-radio--label{line-height:var(--vxe-button-height-medium) -2}.vxe-radio-button.size--small .vxe-radio--label{line-height:var(--vxe-button-height-small) -2}.vxe-radio-button.size--mini .vxe-radio--label{line-height:var(--vxe-button-height-mini) -2}.vxe-radio{font-size:var(--vxe-font-size)}.vxe-radio.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-radio.size--small{font-size:var(--vxe-font-size-small)}.vxe-radio.size--mini{font-size:var(--vxe-font-size-mini)}
@@ -27,7 +27,7 @@
27
27
  position: relative;
28
28
  display: inline-block;
29
29
  width: 180px;
30
- color: #606266;
30
+ color: var(--vxe-font-color);
31
31
  text-align: left;
32
32
  }
33
33
  .vxe-select > .vxe-input .vxe-input--inner {
@@ -47,7 +47,7 @@
47
47
  transition: transform 0.2s ease-in-out;
48
48
  }
49
49
  .vxe-select.is--active:not(.is--filter) > .vxe-input .vxe-input--inner {
50
- border: 1px solid #409eff;
50
+ border: 1px solid var(--vxe-primary-color);
51
51
  }
52
52
 
53
53
  .vxe-select-slots {
@@ -59,7 +59,7 @@
59
59
  position: absolute;
60
60
  left: 0;
61
61
  padding: 4px 0;
62
- color: #606266;
62
+ color: var(--vxe-font-color);
63
63
  text-align: left;
64
64
  }
65
65
  .vxe-select--panel:not(.is--transfer) {
@@ -98,15 +98,15 @@
98
98
  overflow-y: auto;
99
99
  padding: 4px 0;
100
100
  max-height: 200px;
101
- border-radius: 4px;
102
- border: 1px solid #DADCE0;
101
+ border-radius: var(--vxe-border-radius);
102
+ border: 1px solid var(--vxe-table-popup-border-color);
103
103
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
104
- background-color: #fff;
104
+ background-color: var(--vxe-select-panel-background-color);
105
105
  }
106
106
 
107
107
  .vxe-optgroup .vxe-optgroup--title {
108
108
  padding: 0 6px;
109
- color: #909399;
109
+ color: var(--vxe-optgroup-title-color);
110
110
  font-size: 12px;
111
111
  }
112
112
 
@@ -127,16 +127,16 @@
127
127
  }
128
128
  .vxe-select-option.is--selected {
129
129
  font-weight: 700;
130
- color: #409eff;
130
+ color: var(--vxe-primary-color);
131
131
  }
132
132
  .vxe-select-option:not(.is--disabled) {
133
133
  cursor: pointer;
134
134
  }
135
135
  .vxe-select-option:not(.is--disabled).is--hover {
136
- background-color: #f5f7fa;
136
+ background-color: var(--vxe-select-option-hover-background-color);
137
137
  }
138
138
  .vxe-select-option.is--disabled {
139
- color: #BFBFBF;
139
+ color: var(--vxe-disabled-color);
140
140
  cursor: no-drop;
141
141
  }
142
142
 
@@ -148,63 +148,63 @@
148
148
  .vxe-select--empty-placeholder {
149
149
  padding: 0 0.6em;
150
150
  text-align: center;
151
- color: #C0C4CC;
151
+ color: var(--vxe-select-empty-color);
152
152
  }
153
153
 
154
154
  .vxe-select,
155
155
  .vxe-select--panel {
156
- font-size: 14px;
156
+ font-size: var(--vxe-font-size);
157
157
  }
158
158
  .vxe-select.size--medium,
159
159
  .vxe-select--panel.size--medium {
160
- font-size: 14px;
160
+ font-size: var(--vxe-font-size-medium);
161
161
  }
162
162
  .vxe-select.size--small,
163
163
  .vxe-select--panel.size--small {
164
- font-size: 13px;
164
+ font-size: var(--vxe-font-size-small);
165
165
  }
166
166
  .vxe-select.size--mini,
167
167
  .vxe-select--panel.size--mini {
168
- font-size: 12px;
168
+ font-size: var(--vxe-font-size-mini);
169
169
  }
170
170
 
171
171
  .vxe-select--panel .vxe-optgroup--title,
172
172
  .vxe-select--panel .vxe-select-option {
173
- height: 30px;
173
+ height: var(--vxe-select-option-height-default);
174
174
  }
175
175
  .vxe-select--panel .vxe-optgroup--title,
176
176
  .vxe-select--panel .vxe-select-option,
177
177
  .vxe-select--panel .vxe-select--search-loading,
178
178
  .vxe-select--panel .vxe-select--empty-placeholder {
179
- line-height: 30px;
179
+ line-height: var(--vxe-select-option-height-default);
180
180
  }
181
181
  .vxe-select--panel.size--medium .vxe-optgroup--title,
182
182
  .vxe-select--panel.size--medium .vxe-select-option {
183
- height: 28px;
183
+ height: var(--vxe-select-option-height-medium);
184
184
  }
185
185
  .vxe-select--panel.size--medium .vxe-optgroup--title,
186
186
  .vxe-select--panel.size--medium .vxe-select-option,
187
187
  .vxe-select--panel.size--medium .vxe-select--search-loading,
188
188
  .vxe-select--panel.size--medium .vxe-select--empty-placeholder {
189
- line-height: 28px;
189
+ line-height: var(--vxe-select-option-height-medium);
190
190
  }
191
191
  .vxe-select--panel.size--small .vxe-optgroup--title,
192
192
  .vxe-select--panel.size--small .vxe-select-option {
193
- height: 26px;
193
+ height: var(--vxe-select-option-height-small);
194
194
  }
195
195
  .vxe-select--panel.size--small .vxe-optgroup--title,
196
196
  .vxe-select--panel.size--small .vxe-select-option,
197
197
  .vxe-select--panel.size--small .vxe-select--search-loading,
198
198
  .vxe-select--panel.size--small .vxe-select--empty-placeholder {
199
- line-height: 26px;
199
+ line-height: var(--vxe-select-option-height-small);
200
200
  }
201
201
  .vxe-select--panel.size--mini .vxe-optgroup--title,
202
202
  .vxe-select--panel.size--mini .vxe-select-option {
203
- height: 24px;
203
+ height: var(--vxe-select-option-height-mini);
204
204
  }
205
205
  .vxe-select--panel.size--mini .vxe-optgroup--title,
206
206
  .vxe-select--panel.size--mini .vxe-select-option,
207
207
  .vxe-select--panel.size--mini .vxe-select--search-loading,
208
208
  .vxe-select--panel.size--mini .vxe-select--empty-placeholder {
209
- line-height: 24px;
209
+ line-height: var(--vxe-select-option-height-mini);
210
210
  }
@@ -1 +1 @@
1
- .vxe-select{position:relative;display:inline-block;width:180px;color:#606266;text-align:left}.vxe-select>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-select.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-select.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-select>.vxe-input{width:100%}.vxe-select>.vxe-input .vxe-input--suffix-icon{display:inline-block;transition:transform .2s ease-in-out}.vxe-select.is--active:not(.is--filter)>.vxe-input .vxe-input--inner{border:1px solid #409eff}.vxe-select-slots{display:none}.vxe-select--panel{display:none;position:absolute;left:0;padding:4px 0;color:#606266;text-align:left}.vxe-select--panel:not(.is--transfer){min-width:100%}.vxe-select--panel.is--transfer{position:fixed}.vxe-select--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-select--panel.animat--leave[placement=top]{transform-origin:center bottom}.vxe-select--panel.animat--enter{opacity:1;transform:scaleY(1)}.vxe-select-filter--wrapper{display:block}.vxe-select-filter--wrapper .vxe-select-filter--input{width:100%}.vxe-select-option--wrapper{position:relative;overflow-x:hidden;overflow-y:auto;padding:4px 0;max-height:200px;border-radius:4px;border:1px solid #dadce0;box-shadow:0 0 6px 2px rgba(0,0,0,.1);background-color:#fff}.vxe-optgroup .vxe-optgroup--title{padding:0 6px;color:#909399;font-size:12px}.vxe-optgroup--wrapper .vxe-select-option{padding:0 20px}.vxe-select-option{padding:0 .6em;max-width:600px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-select-option.is--selected{font-weight:700;color:#409eff}.vxe-select-option:not(.is--disabled){cursor:pointer}.vxe-select-option:not(.is--disabled).is--hover{background-color:#f5f7fa}.vxe-select-option.is--disabled{color:#bfbfbf;cursor:no-drop}.vxe-select--search-icon{margin-right:.5em}.vxe-select--empty-placeholder,.vxe-select--search-loading{padding:0 .6em;text-align:center;color:#c0c4cc}.vxe-select,.vxe-select--panel{font-size:14px}.vxe-select--panel.size--medium,.vxe-select.size--medium{font-size:14px}.vxe-select--panel.size--small,.vxe-select.size--small{font-size:13px}.vxe-select--panel.size--mini,.vxe-select.size--mini{font-size:12px}.vxe-select--panel .vxe-optgroup--title,.vxe-select--panel .vxe-select-option{height:30px}.vxe-select--panel .vxe-optgroup--title,.vxe-select--panel .vxe-select--empty-placeholder,.vxe-select--panel .vxe-select--search-loading,.vxe-select--panel .vxe-select-option{line-height:30px}.vxe-select--panel.size--medium .vxe-optgroup--title,.vxe-select--panel.size--medium .vxe-select-option{height:28px}.vxe-select--panel.size--medium .vxe-optgroup--title,.vxe-select--panel.size--medium .vxe-select--empty-placeholder,.vxe-select--panel.size--medium .vxe-select--search-loading,.vxe-select--panel.size--medium .vxe-select-option{line-height:28px}.vxe-select--panel.size--small .vxe-optgroup--title,.vxe-select--panel.size--small .vxe-select-option{height:26px}.vxe-select--panel.size--small .vxe-optgroup--title,.vxe-select--panel.size--small .vxe-select--empty-placeholder,.vxe-select--panel.size--small .vxe-select--search-loading,.vxe-select--panel.size--small .vxe-select-option{line-height:26px}.vxe-select--panel.size--mini .vxe-optgroup--title,.vxe-select--panel.size--mini .vxe-select-option{height:24px}.vxe-select--panel.size--mini .vxe-optgroup--title,.vxe-select--panel.size--mini .vxe-select--empty-placeholder,.vxe-select--panel.size--mini .vxe-select--search-loading,.vxe-select--panel.size--mini .vxe-select-option{line-height:24px}
1
+ .vxe-select{position:relative;display:inline-block;width:180px;color:var(--vxe-font-color);text-align:left}.vxe-select>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-select.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-select.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-select>.vxe-input{width:100%}.vxe-select>.vxe-input .vxe-input--suffix-icon{display:inline-block;transition:transform .2s ease-in-out}.vxe-select.is--active:not(.is--filter)>.vxe-input .vxe-input--inner{border:1px solid var(--vxe-primary-color)}.vxe-select-slots{display:none}.vxe-select--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-font-color);text-align:left}.vxe-select--panel:not(.is--transfer){min-width:100%}.vxe-select--panel.is--transfer{position:fixed}.vxe-select--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-select--panel.animat--leave[placement=top]{transform-origin:center bottom}.vxe-select--panel.animat--enter{opacity:1;transform:scaleY(1)}.vxe-select-filter--wrapper{display:block}.vxe-select-filter--wrapper .vxe-select-filter--input{width:100%}.vxe-select-option--wrapper{position:relative;overflow-x:hidden;overflow-y:auto;padding:4px 0;max-height:200px;border-radius:var(--vxe-border-radius);border:1px solid var(--vxe-table-popup-border-color);box-shadow:0 0 6px 2px rgba(0,0,0,.1);background-color:var(--vxe-select-panel-background-color)}.vxe-optgroup .vxe-optgroup--title{padding:0 6px;color:var(--vxe-optgroup-title-color);font-size:12px}.vxe-optgroup--wrapper .vxe-select-option{padding:0 20px}.vxe-select-option{padding:0 .6em;max-width:600px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-select-option.is--selected{font-weight:700;color:var(--vxe-primary-color)}.vxe-select-option:not(.is--disabled){cursor:pointer}.vxe-select-option:not(.is--disabled).is--hover{background-color:var(--vxe-select-option-hover-background-color)}.vxe-select-option.is--disabled{color:var(--vxe-disabled-color);cursor:no-drop}.vxe-select--search-icon{margin-right:.5em}.vxe-select--empty-placeholder,.vxe-select--search-loading{padding:0 .6em;text-align:center;color:var(--vxe-select-empty-color)}.vxe-select,.vxe-select--panel{font-size:var(--vxe-font-size)}.vxe-select--panel.size--medium,.vxe-select.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-select--panel.size--small,.vxe-select.size--small{font-size:var(--vxe-font-size-small)}.vxe-select--panel.size--mini,.vxe-select.size--mini{font-size:var(--vxe-font-size-mini)}.vxe-select--panel .vxe-optgroup--title,.vxe-select--panel .vxe-select-option{height:var(--vxe-select-option-height-default)}.vxe-select--panel .vxe-optgroup--title,.vxe-select--panel .vxe-select--empty-placeholder,.vxe-select--panel .vxe-select--search-loading,.vxe-select--panel .vxe-select-option{line-height:var(--vxe-select-option-height-default)}.vxe-select--panel.size--medium .vxe-optgroup--title,.vxe-select--panel.size--medium .vxe-select-option{height:var(--vxe-select-option-height-medium)}.vxe-select--panel.size--medium .vxe-optgroup--title,.vxe-select--panel.size--medium .vxe-select--empty-placeholder,.vxe-select--panel.size--medium .vxe-select--search-loading,.vxe-select--panel.size--medium .vxe-select-option{line-height:var(--vxe-select-option-height-medium)}.vxe-select--panel.size--small .vxe-optgroup--title,.vxe-select--panel.size--small .vxe-select-option{height:var(--vxe-select-option-height-small)}.vxe-select--panel.size--small .vxe-optgroup--title,.vxe-select--panel.size--small .vxe-select--empty-placeholder,.vxe-select--panel.size--small .vxe-select--search-loading,.vxe-select--panel.size--small .vxe-select-option{line-height:var(--vxe-select-option-height-small)}.vxe-select--panel.size--mini .vxe-optgroup--title,.vxe-select--panel.size--mini .vxe-select-option{height:var(--vxe-select-option-height-mini)}.vxe-select--panel.size--mini .vxe-optgroup--title,.vxe-select--panel.size--mini .vxe-select--empty-placeholder,.vxe-select--panel.size--mini .vxe-select--search-loading,.vxe-select--panel.size--mini .vxe-select-option{line-height:var(--vxe-select-option-height-mini)}
@@ -25,7 +25,7 @@
25
25
  /*pulldown*/
26
26
  .vxe-switch {
27
27
  display: inline-block;
28
- color: #606266;
28
+ color: var(--vxe-font-color);
29
29
  vertical-align: middle;
30
30
  padding: 0.4em;
31
31
  -webkit-user-select: none;
@@ -41,7 +41,7 @@
41
41
  }
42
42
  .vxe-switch.is--on .vxe-switch--button {
43
43
  padding-right: 1.7em;
44
- background-color: #409eff;
44
+ background-color: var(--vxe-switch-open-background-color);
45
45
  }
46
46
  .vxe-switch.is--on .vxe-switch--icon {
47
47
  left: 100%;
@@ -49,7 +49,7 @@
49
49
  }
50
50
  .vxe-switch.is--off .vxe-switch--button {
51
51
  padding-left: 1.7em;
52
- background-color: rgba(0, 0, 0, 0.35);
52
+ background-color: var(--vxe-switch-close-background-color);
53
53
  }
54
54
  .vxe-switch.is--off .vxe-switch--icon {
55
55
  left: 0.2em;
@@ -67,7 +67,7 @@
67
67
  cursor: pointer;
68
68
  }
69
69
  .vxe-switch:not(.is--disabled) .vxe-switch--button:focus {
70
- box-shadow: 0 0 0.4em 0 #409eff;
70
+ box-shadow: 0 0 0.4em 0 var(--vxe-primary-color);
71
71
  }
72
72
  .vxe-switch.is--disabled .vxe-switch--button {
73
73
  cursor: no-drop;
@@ -76,7 +76,7 @@
76
76
  background-color: #a6d2ff;
77
77
  }
78
78
  .vxe-switch.is--disabled.is--off .vxe-switch--button {
79
- background-color: rgba(0, 0, 0, 0.15);
79
+ background-color: var(--vxe-switch-disabled-background-color);
80
80
  }
81
81
  .vxe-switch .vxe-switch--button {
82
82
  display: block;
@@ -92,7 +92,7 @@
92
92
  .vxe-switch .vxe-switch--label {
93
93
  opacity: 0;
94
94
  display: block;
95
- color: #fff;
95
+ color: var(--vxe-switch-font-color);
96
96
  font-size: 0.8em;
97
97
  }
98
98
  .vxe-switch .vxe-switch--icon {
@@ -102,21 +102,21 @@
102
102
  width: 1.2em;
103
103
  height: 1.2em;
104
104
  border-radius: 50%;
105
- background-color: #fff;
105
+ background-color: var(--vxe-switch-icon-background-color);
106
106
  }
107
107
  .vxe-switch .vxe-switch--label-icon {
108
108
  margin-right: 0.25em;
109
109
  }
110
110
 
111
111
  .vxe-switch {
112
- font-size: 14px;
112
+ font-size: var(--vxe-font-size);
113
113
  }
114
114
  .vxe-switch.size--medium {
115
- font-size: 14px;
115
+ font-size: var(--vxe-font-size-medium);
116
116
  }
117
117
  .vxe-switch.size--small {
118
- font-size: 13px;
118
+ font-size: var(--vxe-font-size-small);
119
119
  }
120
120
  .vxe-switch.size--mini {
121
- font-size: 12px;
121
+ font-size: var(--vxe-font-size-mini);
122
122
  }
@@ -1 +1 @@
1
- .vxe-switch{display:inline-block;color:#606266;vertical-align:middle;padding:.4em;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center}.vxe-switch.is--animat .vxe-switch--button{transition:border-color .3s,background-color .3s}.vxe-switch.is--animat .vxe-switch--icon{transition:all .3s}.vxe-switch.is--on .vxe-switch--button{padding-right:1.7em;background-color:#409eff}.vxe-switch.is--on .vxe-switch--icon{left:100%;transform:translateX(-1.4em)}.vxe-switch.is--off .vxe-switch--button{padding-left:1.7em;background-color:rgba(0,0,0,.35)}.vxe-switch.is--off .vxe-switch--icon{left:.2em;transform:translateX(0)}.vxe-switch.is--off .vxe-switch--label-on,.vxe-switch.is--on .vxe-switch--label-off{height:0;visibility:hidden;overflow:hidden}.vxe-switch.is--off .vxe-switch--label,.vxe-switch.is--on .vxe-switch--label{opacity:1}.vxe-switch:not(.is--disabled) .vxe-switch--button{cursor:pointer}.vxe-switch:not(.is--disabled) .vxe-switch--button:focus{box-shadow:0 0 .4em 0 #409eff}.vxe-switch.is--disabled .vxe-switch--button{cursor:no-drop}.vxe-switch.is--disabled.is--on .vxe-switch--button{background-color:#a6d2ff}.vxe-switch.is--disabled.is--off .vxe-switch--button{background-color:rgba(0,0,0,.15)}.vxe-switch .vxe-switch--button{display:block;position:relative;height:1.6em;line-height:1;min-width:3.2em;padding:0 .6em;border-radius:1em;border:0;outline:0}.vxe-switch .vxe-switch--label{opacity:0;display:block;color:#fff;font-size:.8em}.vxe-switch .vxe-switch--icon{position:absolute;top:.2em;left:0;width:1.2em;height:1.2em;border-radius:50%;background-color:#fff}.vxe-switch .vxe-switch--label-icon{margin-right:.25em}.vxe-switch{font-size:14px}.vxe-switch.size--medium{font-size:14px}.vxe-switch.size--small{font-size:13px}.vxe-switch.size--mini{font-size:12px}
1
+ .vxe-switch{display:inline-block;color:var(--vxe-font-color);vertical-align:middle;padding:.4em;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center}.vxe-switch.is--animat .vxe-switch--button{transition:border-color .3s,background-color .3s}.vxe-switch.is--animat .vxe-switch--icon{transition:all .3s}.vxe-switch.is--on .vxe-switch--button{padding-right:1.7em;background-color:var(--vxe-switch-open-background-color)}.vxe-switch.is--on .vxe-switch--icon{left:100%;transform:translateX(-1.4em)}.vxe-switch.is--off .vxe-switch--button{padding-left:1.7em;background-color:var(--vxe-switch-close-background-color)}.vxe-switch.is--off .vxe-switch--icon{left:.2em;transform:translateX(0)}.vxe-switch.is--off .vxe-switch--label-on,.vxe-switch.is--on .vxe-switch--label-off{height:0;visibility:hidden;overflow:hidden}.vxe-switch.is--off .vxe-switch--label,.vxe-switch.is--on .vxe-switch--label{opacity:1}.vxe-switch:not(.is--disabled) .vxe-switch--button{cursor:pointer}.vxe-switch:not(.is--disabled) .vxe-switch--button:focus{box-shadow:0 0 .4em 0 var(--vxe-primary-color)}.vxe-switch.is--disabled .vxe-switch--button{cursor:no-drop}.vxe-switch.is--disabled.is--on .vxe-switch--button{background-color:#a6d2ff}.vxe-switch.is--disabled.is--off .vxe-switch--button{background-color:var(--vxe-switch-disabled-background-color)}.vxe-switch .vxe-switch--button{display:block;position:relative;height:1.6em;line-height:1;min-width:3.2em;padding:0 .6em;border-radius:1em;border:0;outline:0}.vxe-switch .vxe-switch--label{opacity:0;display:block;color:var(--vxe-switch-font-color);font-size:.8em}.vxe-switch .vxe-switch--icon{position:absolute;top:.2em;left:0;width:1.2em;height:1.2em;border-radius:50%;background-color:var(--vxe-switch-icon-background-color)}.vxe-switch .vxe-switch--label-icon{margin-right:.25em}.vxe-switch{font-size:var(--vxe-font-size)}.vxe-switch.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-switch.size--small{font-size:var(--vxe-font-size-small)}.vxe-switch.size--mini{font-size:var(--vxe-font-size-mini)}