vxe-pc-ui 4.15.13 → 4.15.15

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 (333) hide show
  1. package/dist/all.esm.js +709 -140
  2. package/dist/style.css +1 -1
  3. package/dist/style.min.css +1 -1
  4. package/es/button/style.css +42 -72
  5. package/es/button/style.min.css +1 -1
  6. package/es/cascader/style.css +29 -33
  7. package/es/cascader/style.min.css +1 -1
  8. package/es/checkbox/src/button.js +3 -1
  9. package/es/checkbox/src/group.js +6 -1
  10. package/es/checkbox/style.css +22 -28
  11. package/es/checkbox/style.min.css +1 -1
  12. package/es/checkbox-button/style.css +151 -8
  13. package/es/checkbox-button/style.min.css +1 -1
  14. package/es/context-menu/style.css +14 -13
  15. package/es/context-menu/style.min.css +1 -1
  16. package/es/date-picker/src/date-picker.js +1 -1
  17. package/es/form/style.css +45 -95
  18. package/es/form/style.min.css +1 -1
  19. package/es/icon/style.css +1 -1
  20. package/es/icon-picker/src/icon-picker.js +145 -46
  21. package/es/icon-picker/style.css +49 -23
  22. package/es/icon-picker/style.min.css +1 -1
  23. package/es/language/ar-EG.js +3 -0
  24. package/es/language/de-DE.js +3 -0
  25. package/es/language/en-US.js +3 -0
  26. package/es/language/es-ES.js +3 -0
  27. package/es/language/fr-FR.js +3 -0
  28. package/es/language/hu-HU.js +3 -0
  29. package/es/language/hy-AM.js +3 -0
  30. package/es/language/id-ID.js +3 -0
  31. package/es/language/it-IT.js +3 -0
  32. package/es/language/ja-JP.js +3 -0
  33. package/es/language/ko-KR.js +3 -0
  34. package/es/language/ms-MY.js +3 -0
  35. package/es/language/nb-NO.js +3 -0
  36. package/es/language/pt-BR.js +3 -0
  37. package/es/language/ru-RU.js +3 -0
  38. package/es/language/th-TH.js +3 -0
  39. package/es/language/ug-CN.js +3 -0
  40. package/es/language/uk-UA.js +3 -0
  41. package/es/language/uz-UZ.js +3 -0
  42. package/es/language/vi-VN.js +3 -0
  43. package/es/language/zh-CHT.js +3 -0
  44. package/es/language/zh-CN.js +3 -0
  45. package/es/list/src/list.js +14 -1
  46. package/es/list/style.css +26 -28
  47. package/es/list/style.min.css +1 -1
  48. package/es/menu/style.css +22 -29
  49. package/es/menu/style.min.css +1 -1
  50. package/es/notice-bar/style.css +14 -10
  51. package/es/notice-bar/style.min.css +1 -1
  52. package/es/radio/src/button.js +3 -1
  53. package/es/radio/src/group.js +6 -1
  54. package/es/radio/style.css +22 -30
  55. package/es/radio/style.min.css +1 -1
  56. package/es/radio-button/style.css +151 -8
  57. package/es/radio-button/style.min.css +1 -1
  58. package/es/select/style.css +42 -59
  59. package/es/select/style.min.css +1 -1
  60. package/es/style.css +1 -1
  61. package/es/style.min.css +1 -1
  62. package/es/tree/src/tree.js +441 -18
  63. package/es/tree/src/util.js +15 -0
  64. package/es/tree/style.css +26 -25
  65. package/es/tree/style.min.css +1 -1
  66. package/es/tree-select/style.css +27 -31
  67. package/es/tree-select/style.min.css +1 -1
  68. package/es/ui/index.js +5 -2
  69. package/es/ui/src/log.js +1 -1
  70. package/es/upload/style.css +30 -41
  71. package/es/upload/style.min.css +1 -1
  72. package/es/vxe-button/style.css +42 -72
  73. package/es/vxe-button/style.min.css +1 -1
  74. package/es/vxe-cascader/style.css +29 -33
  75. package/es/vxe-cascader/style.min.css +1 -1
  76. package/es/vxe-checkbox/style.css +22 -28
  77. package/es/vxe-checkbox/style.min.css +1 -1
  78. package/es/vxe-checkbox-button/style.css +151 -8
  79. package/es/vxe-checkbox-button/style.min.css +1 -1
  80. package/es/vxe-context-menu/style.css +14 -13
  81. package/es/vxe-context-menu/style.min.css +1 -1
  82. package/es/vxe-form/style.css +45 -95
  83. package/es/vxe-form/style.min.css +1 -1
  84. package/es/vxe-icon-picker/style.css +49 -23
  85. package/es/vxe-icon-picker/style.min.css +1 -1
  86. package/es/vxe-list/style.css +26 -28
  87. package/es/vxe-list/style.min.css +1 -1
  88. package/es/vxe-menu/style.css +22 -29
  89. package/es/vxe-menu/style.min.css +1 -1
  90. package/es/vxe-notice-bar/style.css +14 -10
  91. package/es/vxe-notice-bar/style.min.css +1 -1
  92. package/es/vxe-radio/style.css +22 -30
  93. package/es/vxe-radio/style.min.css +1 -1
  94. package/es/vxe-radio-button/style.css +151 -8
  95. package/es/vxe-radio-button/style.min.css +1 -1
  96. package/es/vxe-select/style.css +42 -59
  97. package/es/vxe-select/style.min.css +1 -1
  98. package/es/vxe-tree/style.css +26 -25
  99. package/es/vxe-tree/style.min.css +1 -1
  100. package/es/vxe-tree-select/style.css +27 -31
  101. package/es/vxe-tree-select/style.min.css +1 -1
  102. package/es/vxe-upload/style.css +30 -41
  103. package/es/vxe-upload/style.min.css +1 -1
  104. package/lib/button/style/style.css +42 -72
  105. package/lib/button/style/style.min.css +1 -1
  106. package/lib/cascader/style/style.css +29 -33
  107. package/lib/cascader/style/style.min.css +1 -1
  108. package/lib/checkbox/src/button.js +3 -1
  109. package/lib/checkbox/src/button.min.js +1 -1
  110. package/lib/checkbox/src/group.js +6 -0
  111. package/lib/checkbox/src/group.min.js +1 -1
  112. package/lib/checkbox/style/style.css +22 -28
  113. package/lib/checkbox/style/style.min.css +1 -1
  114. package/lib/checkbox-button/style/style.css +151 -8
  115. package/lib/checkbox-button/style/style.min.css +1 -1
  116. package/lib/context-menu/style/style.css +14 -13
  117. package/lib/context-menu/style/style.min.css +1 -1
  118. package/lib/date-picker/src/date-picker.js +1 -1
  119. package/lib/date-picker/src/date-picker.min.js +1 -1
  120. package/lib/form/style/style.css +45 -95
  121. package/lib/form/style/style.min.css +1 -1
  122. package/lib/icon/style/style.css +1 -1
  123. package/lib/icon/style/style.min.css +1 -1
  124. package/lib/icon-picker/src/icon-picker.js +143 -29
  125. package/lib/icon-picker/src/icon-picker.min.js +1 -1
  126. package/lib/icon-picker/style/style.css +49 -23
  127. package/lib/icon-picker/style/style.min.css +1 -1
  128. package/lib/index.umd.js +732 -50
  129. package/lib/index.umd.min.js +1 -1
  130. package/lib/language/ar-EG.js +3 -0
  131. package/lib/language/ar-EG.min.js +1 -1
  132. package/lib/language/ar-EG.umd.js +3 -0
  133. package/lib/language/de-DE.js +3 -0
  134. package/lib/language/de-DE.min.js +1 -1
  135. package/lib/language/de-DE.umd.js +3 -0
  136. package/lib/language/en-US.js +3 -0
  137. package/lib/language/en-US.min.js +1 -1
  138. package/lib/language/en-US.umd.js +3 -0
  139. package/lib/language/es-ES.js +3 -0
  140. package/lib/language/es-ES.min.js +1 -1
  141. package/lib/language/es-ES.umd.js +3 -0
  142. package/lib/language/fr-FR.js +3 -0
  143. package/lib/language/fr-FR.min.js +1 -1
  144. package/lib/language/fr-FR.umd.js +3 -0
  145. package/lib/language/hu-HU.js +3 -0
  146. package/lib/language/hu-HU.min.js +1 -1
  147. package/lib/language/hu-HU.umd.js +3 -0
  148. package/lib/language/hy-AM.js +3 -0
  149. package/lib/language/hy-AM.min.js +1 -1
  150. package/lib/language/hy-AM.umd.js +3 -0
  151. package/lib/language/id-ID.js +3 -0
  152. package/lib/language/id-ID.min.js +1 -1
  153. package/lib/language/id-ID.umd.js +3 -0
  154. package/lib/language/it-IT.js +3 -0
  155. package/lib/language/it-IT.min.js +1 -1
  156. package/lib/language/it-IT.umd.js +3 -0
  157. package/lib/language/ja-JP.js +3 -0
  158. package/lib/language/ja-JP.min.js +1 -1
  159. package/lib/language/ja-JP.umd.js +3 -0
  160. package/lib/language/ko-KR.js +3 -0
  161. package/lib/language/ko-KR.min.js +1 -1
  162. package/lib/language/ko-KR.umd.js +3 -0
  163. package/lib/language/ms-MY.js +3 -0
  164. package/lib/language/ms-MY.min.js +1 -1
  165. package/lib/language/ms-MY.umd.js +3 -0
  166. package/lib/language/nb-NO.js +3 -0
  167. package/lib/language/nb-NO.min.js +1 -1
  168. package/lib/language/nb-NO.umd.js +3 -0
  169. package/lib/language/pt-BR.js +3 -0
  170. package/lib/language/pt-BR.min.js +1 -1
  171. package/lib/language/pt-BR.umd.js +3 -0
  172. package/lib/language/ru-RU.js +3 -0
  173. package/lib/language/ru-RU.min.js +1 -1
  174. package/lib/language/ru-RU.umd.js +3 -0
  175. package/lib/language/th-TH.js +3 -0
  176. package/lib/language/th-TH.min.js +1 -1
  177. package/lib/language/th-TH.umd.js +3 -0
  178. package/lib/language/ug-CN.js +3 -0
  179. package/lib/language/ug-CN.min.js +1 -1
  180. package/lib/language/ug-CN.umd.js +3 -0
  181. package/lib/language/uk-UA.js +3 -0
  182. package/lib/language/uk-UA.min.js +1 -1
  183. package/lib/language/uk-UA.umd.js +3 -0
  184. package/lib/language/uz-UZ.js +3 -0
  185. package/lib/language/uz-UZ.min.js +1 -1
  186. package/lib/language/uz-UZ.umd.js +3 -0
  187. package/lib/language/vi-VN.js +3 -0
  188. package/lib/language/vi-VN.min.js +1 -1
  189. package/lib/language/vi-VN.umd.js +3 -0
  190. package/lib/language/zh-CHT.js +3 -0
  191. package/lib/language/zh-CHT.min.js +1 -1
  192. package/lib/language/zh-CHT.umd.js +3 -0
  193. package/lib/language/zh-CN.js +3 -0
  194. package/lib/language/zh-CN.min.js +1 -1
  195. package/lib/language/zh-CN.umd.js +3 -0
  196. package/lib/list/src/list.js +19 -1
  197. package/lib/list/src/list.min.js +1 -1
  198. package/lib/list/style/style.css +26 -28
  199. package/lib/list/style/style.min.css +1 -1
  200. package/lib/menu/style/style.css +22 -29
  201. package/lib/menu/style/style.min.css +1 -1
  202. package/lib/notice-bar/style/style.css +14 -10
  203. package/lib/notice-bar/style/style.min.css +1 -1
  204. package/lib/radio/src/button.js +3 -1
  205. package/lib/radio/src/button.min.js +1 -1
  206. package/lib/radio/src/group.js +7 -1
  207. package/lib/radio/src/group.min.js +1 -1
  208. package/lib/radio/style/style.css +22 -30
  209. package/lib/radio/style/style.min.css +1 -1
  210. package/lib/radio-button/style/style.css +151 -8
  211. package/lib/radio-button/style/style.min.css +1 -1
  212. package/lib/select/style/style.css +42 -59
  213. package/lib/select/style/style.min.css +1 -1
  214. package/lib/style.css +1 -1
  215. package/lib/style.min.css +1 -1
  216. package/lib/tree/src/tree.js +525 -14
  217. package/lib/tree/src/tree.min.js +1 -1
  218. package/lib/tree/src/util.js +16 -0
  219. package/lib/tree/src/util.min.js +1 -1
  220. package/lib/tree/style/style.css +26 -25
  221. package/lib/tree/style/style.min.css +1 -1
  222. package/lib/tree-select/style/style.css +27 -31
  223. package/lib/tree-select/style/style.min.css +1 -1
  224. package/lib/ui/index.js +5 -2
  225. package/lib/ui/index.min.js +1 -1
  226. package/lib/ui/src/log.js +1 -1
  227. package/lib/ui/src/log.min.js +1 -1
  228. package/lib/upload/style/style.css +30 -41
  229. package/lib/upload/style/style.min.css +1 -1
  230. package/lib/vxe-button/style/style.css +42 -72
  231. package/lib/vxe-button/style/style.min.css +1 -1
  232. package/lib/vxe-cascader/style/style.css +29 -33
  233. package/lib/vxe-cascader/style/style.min.css +1 -1
  234. package/lib/vxe-checkbox/style/style.css +22 -28
  235. package/lib/vxe-checkbox/style/style.min.css +1 -1
  236. package/lib/vxe-checkbox-button/style/style.css +151 -8
  237. package/lib/vxe-checkbox-button/style/style.min.css +1 -1
  238. package/lib/vxe-context-menu/style/style.css +14 -13
  239. package/lib/vxe-context-menu/style/style.min.css +1 -1
  240. package/lib/vxe-form/style/style.css +45 -95
  241. package/lib/vxe-form/style/style.min.css +1 -1
  242. package/lib/vxe-icon-picker/style/style.css +49 -23
  243. package/lib/vxe-icon-picker/style/style.min.css +1 -1
  244. package/lib/vxe-list/style/style.css +26 -28
  245. package/lib/vxe-list/style/style.min.css +1 -1
  246. package/lib/vxe-menu/style/style.css +22 -29
  247. package/lib/vxe-menu/style/style.min.css +1 -1
  248. package/lib/vxe-notice-bar/style/style.css +14 -10
  249. package/lib/vxe-notice-bar/style/style.min.css +1 -1
  250. package/lib/vxe-radio/style/style.css +22 -30
  251. package/lib/vxe-radio/style/style.min.css +1 -1
  252. package/lib/vxe-radio-button/style/style.css +151 -8
  253. package/lib/vxe-radio-button/style/style.min.css +1 -1
  254. package/lib/vxe-select/style/style.css +42 -59
  255. package/lib/vxe-select/style/style.min.css +1 -1
  256. package/lib/vxe-tree/style/style.css +26 -25
  257. package/lib/vxe-tree/style/style.min.css +1 -1
  258. package/lib/vxe-tree-select/style/style.css +27 -31
  259. package/lib/vxe-tree-select/style/style.min.css +1 -1
  260. package/lib/vxe-upload/style/style.css +30 -41
  261. package/lib/vxe-upload/style/style.min.css +1 -1
  262. package/package.json +1 -1
  263. package/packages/checkbox/src/button.ts +3 -1
  264. package/packages/checkbox/src/group.ts +6 -1
  265. package/packages/date-picker/src/date-picker.ts +1 -1
  266. package/packages/icon-picker/src/icon-picker.ts +157 -48
  267. package/packages/language/ar-EG.ts +3 -0
  268. package/packages/language/de-DE.ts +3 -0
  269. package/packages/language/en-US.ts +3 -0
  270. package/packages/language/es-ES.ts +3 -0
  271. package/packages/language/fr-FR.ts +3 -0
  272. package/packages/language/hu-HU.ts +3 -0
  273. package/packages/language/hy-AM.ts +3 -0
  274. package/packages/language/id-ID.ts +3 -0
  275. package/packages/language/it-IT.ts +3 -0
  276. package/packages/language/ja-JP.ts +3 -0
  277. package/packages/language/ko-KR.ts +3 -0
  278. package/packages/language/ms-MY.ts +3 -0
  279. package/packages/language/nb-NO.ts +3 -0
  280. package/packages/language/pt-BR.ts +3 -0
  281. package/packages/language/ru-RU.ts +3 -0
  282. package/packages/language/th-TH.ts +3 -0
  283. package/packages/language/ug-CN.ts +3 -0
  284. package/packages/language/uk-UA.ts +3 -0
  285. package/packages/language/uz-UZ.ts +3 -0
  286. package/packages/language/vi-VN.ts +3 -0
  287. package/packages/language/zh-CHT.ts +3 -0
  288. package/packages/language/zh-CN.ts +3 -0
  289. package/packages/list/src/list.ts +14 -1
  290. package/packages/radio/src/button.ts +3 -1
  291. package/packages/radio/src/group.ts +6 -1
  292. package/packages/tree/src/tree.ts +443 -14
  293. package/packages/tree/src/util.ts +17 -1
  294. package/packages/ui/index.ts +4 -1
  295. package/styles/components/button.scss +56 -137
  296. package/styles/components/cascader.scss +25 -27
  297. package/styles/components/checkbox-button.scss +65 -13
  298. package/styles/components/checkbox.scss +22 -24
  299. package/styles/components/context-menu.scss +15 -13
  300. package/styles/components/form.scss +57 -134
  301. package/styles/components/icon-picker.scss +56 -27
  302. package/styles/components/link.scss +1 -1
  303. package/styles/components/list.scss +24 -26
  304. package/styles/components/menu.scss +23 -25
  305. package/styles/components/notice-bar.scss +15 -13
  306. package/styles/components/radio-button.scss +65 -13
  307. package/styles/components/radio.scss +22 -23
  308. package/styles/components/select.scss +36 -62
  309. package/styles/components/tree-select.scss +26 -27
  310. package/styles/components/tree.scss +16 -14
  311. package/styles/components/upload.scss +28 -30
  312. package/styles/helpers/baseMixin.scss +2 -2
  313. package/styles/helpers/themeStatus.scss +58 -0
  314. package/styles/theme/base.scss +11 -3
  315. package/types/all.d.ts +205 -0
  316. package/types/components/checkbox-group.d.ts +3 -1
  317. package/types/components/checkbox.d.ts +1 -1
  318. package/types/components/icon-picker.d.ts +28 -4
  319. package/types/components/list.d.ts +2 -2
  320. package/types/components/radio-group.d.ts +3 -1
  321. package/types/components/tree.d.ts +36 -0
  322. /package/es/icon/{iconfont.1782658269305.ttf → iconfont.1782810550462.ttf} +0 -0
  323. /package/es/icon/{iconfont.1782658269305.woff → iconfont.1782810550462.woff} +0 -0
  324. /package/es/icon/{iconfont.1782658269305.woff2 → iconfont.1782810550462.woff2} +0 -0
  325. /package/es/{iconfont.1782658269305.ttf → iconfont.1782810550462.ttf} +0 -0
  326. /package/es/{iconfont.1782658269305.woff → iconfont.1782810550462.woff} +0 -0
  327. /package/es/{iconfont.1782658269305.woff2 → iconfont.1782810550462.woff2} +0 -0
  328. /package/lib/icon/style/{iconfont.1782658269305.ttf → iconfont.1782810550462.ttf} +0 -0
  329. /package/lib/icon/style/{iconfont.1782658269305.woff → iconfont.1782810550462.woff} +0 -0
  330. /package/lib/icon/style/{iconfont.1782658269305.woff2 → iconfont.1782810550462.woff2} +0 -0
  331. /package/lib/{iconfont.1782658269305.ttf → iconfont.1782810550462.ttf} +0 -0
  332. /package/lib/{iconfont.1782658269305.woff → iconfont.1782810550462.woff} +0 -0
  333. /package/lib/{iconfont.1782658269305.woff2 → iconfont.1782810550462.woff2} +0 -0
@@ -1,3 +1,28 @@
1
+ .vxe-button {
2
+ --vxe-ui-button-current-font-size: var(--vxe-ui-font-size-default);
3
+ --vxe-ui-button-current-margin-left: var(--vxe-ui-base-margin-gap-default);
4
+ --vxe-ui-button-current-height: var(--vxe-ui-button-height-default);
5
+ --vxe-ui-button-current-border-radius: var(--vxe-ui-button-round-border-radius-default);
6
+ }
7
+ .vxe-button.size--medium {
8
+ --vxe-ui-button-current-font-size: var(--vxe-ui-font-size-medium);
9
+ --vxe-ui-button-current-margin-left: var(--vxe-ui-base-margin-gap-medium);
10
+ --vxe-ui-button-current-height: var(--vxe-ui-button-height-medium);
11
+ --vxe-ui-button-current-border-radius: var(--vxe-ui-button-round-border-radius-medium);
12
+ }
13
+ .vxe-button.size--small {
14
+ --vxe-ui-button-current-font-size: var(--vxe-ui-font-size-small);
15
+ --vxe-ui-button-current-margin-left: var(--vxe-ui-base-margin-gap-small);
16
+ --vxe-ui-button-current-height: var(--vxe-ui-button-height-small);
17
+ --vxe-ui-button-current-border-radius: var(--vxe-ui-button-round-border-radius-small);
18
+ }
19
+ .vxe-button.size--mini {
20
+ --vxe-ui-button-current-font-size: var(--vxe-ui-font-size-mini);
21
+ --vxe-ui-button-current-margin-left: var(--vxe-ui-base-margin-gap-mini);
22
+ --vxe-ui-button-current-height: var(--vxe-ui-button-height-mini);
23
+ --vxe-ui-button-current-border-radius: var(--vxe-ui-button-round-border-radius-mini);
24
+ }
25
+
1
26
  .vxe-button {
2
27
  display: inline-flex;
3
28
  flex-direction: row;
@@ -7,7 +32,7 @@
7
32
  position: relative;
8
33
  background-color: var(--vxe-ui-layout-background-color);
9
34
  outline: 0;
10
- font-size: var(--vxe-ui-font-size-default);
35
+ font-size: var(--vxe-ui-button-current-font-size);
11
36
  max-width: var(--vxe-ui-button-max-width);
12
37
  overflow: hidden;
13
38
  text-overflow: ellipsis;
@@ -182,7 +207,7 @@
182
207
  text-decoration: none;
183
208
  }
184
209
  .vxe-button.type--button.is--round {
185
- border-radius: var(--vxe-ui-button-round-border-radius-default);
210
+ border-radius: var(--vxe-ui-button-current-border-radius);
186
211
  }
187
212
  .vxe-button.type--button:not(.is--round) {
188
213
  border-radius: var(--vxe-ui-base-border-radius);
@@ -191,7 +216,7 @@
191
216
  padding: 0 0.5em;
192
217
  text-align: center;
193
218
  justify-content: center;
194
- min-width: var(--vxe-ui-button-height-default);
219
+ min-width: var(--vxe-ui-button-current-height);
195
220
  border-radius: 50%;
196
221
  }
197
222
  .vxe-button.type--button.is--shadow {
@@ -211,6 +236,17 @@
211
236
  border-color: var(--vxe-ui-font-primary-darken-color);
212
237
  background-color: var(--vxe-ui-layout-background-color);
213
238
  }
239
+ .vxe-button.type--button:not(.is--disabled):hover {
240
+ color: var(--vxe-ui-font-primary-lighten-color);
241
+ }
242
+ .vxe-button.type--button:not(.is--disabled):focus {
243
+ border-color: var(--vxe-ui-font-primary-color);
244
+ }
245
+ .vxe-button.type--button:not(.is--disabled):active {
246
+ color: var(--vxe-ui-font-primary-darken-color);
247
+ border-color: var(--vxe-ui-font-primary-darken-color);
248
+ background-color: var(--vxe-ui-layout-background-color);
249
+ }
214
250
  .vxe-button.type--button.theme--primary {
215
251
  color: #fff;
216
252
  }
@@ -386,51 +422,9 @@
386
422
  border-color: var(--vxe-ui-table-header-background-color);
387
423
  background-color: var(--vxe-ui-table-header-background-color);
388
424
  }
389
- .vxe-button.size--medium {
390
- font-size: var(--vxe-ui-font-size-medium);
391
- }
392
- .vxe-button.size--medium.type--button.is--circle {
393
- min-width: var(--vxe-ui-button-height-medium);
394
- }
395
- .vxe-button.size--medium.type--button.is--round {
396
- border-radius: var(--vxe-ui-button-round-border-radius-medium);
397
- }
398
- .vxe-button.size--small {
399
- font-size: var(--vxe-ui-font-size-small);
400
- }
401
- .vxe-button.size--small.type--button {
402
- height: var(--vxe-ui-button-height-small);
403
- }
404
- .vxe-button.size--small.type--button.is--circle {
405
- min-width: var(--vxe-ui-button-height-small);
406
- }
407
- .vxe-button.size--small.type--button.is--round {
408
- border-radius: var(--vxe-ui-button-round-border-radius-small);
409
- }
410
- .vxe-button.size--mini {
411
- font-size: var(--vxe-ui-font-size-mini);
412
- }
413
- .vxe-button.size--mini.type--button {
414
- height: var(--vxe-ui-button-height-mini);
415
- }
416
- .vxe-button.size--mini.type--button.is--circle {
417
- min-width: var(--vxe-ui-button-height-mini);
418
- }
419
- .vxe-button.size--mini.type--button.is--round {
420
- border-radius: var(--vxe-ui-button-round-border-radius-mini);
421
- }
422
425
 
423
426
  .vxe-button.type--button {
424
- height: var(--vxe-ui-button-height-default);
425
- }
426
- .vxe-button.type--button.size--medium {
427
- height: var(--vxe-ui-button-height-medium);
428
- }
429
- .vxe-button.type--button.size--small {
430
- height: var(--vxe-ui-button-height-small);
431
- }
432
- .vxe-button.type--button.size--mini {
433
- height: var(--vxe-ui-button-height-mini);
427
+ height: var(--vxe-ui-button-current-height);
434
428
  }
435
429
 
436
430
  .vxe-button--custom-prefix-icon > svg,
@@ -625,19 +619,7 @@
625
619
 
626
620
  .vxe-button.type--button,
627
621
  .vxe-button--dropdown {
628
- margin-right: var(--vxe-ui-base-margin-gap-default);
629
- }
630
- .vxe-button.type--button.size--medium,
631
- .vxe-button--dropdown.size--medium {
632
- margin-right: var(--vxe-ui-base-margin-gap-medium);
633
- }
634
- .vxe-button.type--button.size--small,
635
- .vxe-button--dropdown.size--small {
636
- margin-right: var(--vxe-ui-base-margin-gap-small);
637
- }
638
- .vxe-button.type--button.size--mini,
639
- .vxe-button--dropdown.size--mini {
640
- margin-right: var(--vxe-ui-base-margin-gap-mini);
622
+ margin-right: var(--vxe-ui-button-current-margin-left);
641
623
  }
642
624
  .vxe-button.type--button:last-of-type,
643
625
  .vxe-button--dropdown:last-of-type {
@@ -646,17 +628,5 @@
646
628
 
647
629
  .vxe-button + .vxe-button--dropdown,
648
630
  .vxe-button--dropdown + .vxe-button {
649
- margin-left: var(--vxe-ui-base-margin-gap-default);
650
- }
651
- .vxe-button + .vxe-button--dropdown.size--medium,
652
- .vxe-button--dropdown + .vxe-button.size--medium {
653
- margin-left: var(--vxe-ui-base-margin-gap-medium);
654
- }
655
- .vxe-button + .vxe-button--dropdown.size--small,
656
- .vxe-button--dropdown + .vxe-button.size--small {
657
- margin-left: var(--vxe-ui-base-margin-gap-small);
658
- }
659
- .vxe-button + .vxe-button--dropdown.size--mini,
660
- .vxe-button--dropdown + .vxe-button.size--mini {
661
- margin-left: var(--vxe-ui-base-margin-gap-mini);
631
+ margin-left: var(--vxe-ui-button-current-margin-left);
662
632
  }
@@ -1 +1 @@
1
- .vxe-button{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;position:relative;background-color:var(--vxe-ui-layout-background-color);outline:0;font-size:var(--vxe-ui-font-size-default);max-width:var(--vxe-ui-button-max-width);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.align--left{justify-content:left}.vxe-button.align--center{justify-content:center}.vxe-button.align--right{justify-content:right}.vxe-button:not(.is--disabled){color:var(--vxe-ui-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-ui-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;text-decoration:none}.vxe-button.type--text:not(.is--disabled):focus{color:var(--vxe-ui-font-darken-color)}.vxe-button.type--text:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--text:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary{color:var(--vxe-ui-font-primary-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):focus{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary.is--disabled{color:var(--vxe-ui-font-primary-disabled-color)}.vxe-button.type--text.theme--success{color:var(--vxe-ui-status-success-color)}.vxe-button.type--text.theme--success:not(.is--disabled):focus{color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--text.theme--success:not(.is--disabled):hover{color:var(--vxe-ui-status-success-lighten-color)}.vxe-button.type--text.theme--success:not(.is--disabled):active{color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--text.theme--success.is--disabled{color:var(--vxe-ui-status-success-disabled-color)}.vxe-button.type--text.theme--info{color:var(--vxe-ui-status-info-color)}.vxe-button.type--text.theme--info:not(.is--disabled):focus{color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--text.theme--info:not(.is--disabled):hover{color:var(--vxe-ui-status-info-lighten-color)}.vxe-button.type--text.theme--info:not(.is--disabled):active{color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--text.theme--info.is--disabled{color:var(--vxe-ui-status-info-disabled-color)}.vxe-button.type--text.theme--warning{color:var(--vxe-ui-status-warning-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):focus{color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):hover{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):active{color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--text.theme--warning.is--disabled{color:var(--vxe-ui-status-warning-disabled-color)}.vxe-button.type--text.theme--danger{color:var(--vxe-ui-status-danger-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):focus{color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):hover{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):active{color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--text.theme--danger.is--disabled{color:var(--vxe-ui-status-danger-disabled-color)}.vxe-button.type--text.theme--error{color:var(--vxe-ui-status-error-color)}.vxe-button.type--text.theme--error:not(.is--disabled):focus{color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--text.theme--error:not(.is--disabled):hover{color:var(--vxe-ui-status-error-lighten-color)}.vxe-button.type--text.theme--error:not(.is--disabled):active{color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--text.theme--error.is--disabled{color:var(--vxe-ui-status-error-disabled-color)}.vxe-button.type--text.theme--perfect{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):focus{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):hover{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):active{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect.is--disabled{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button{font-family:inherit;line-height:1;border:1px solid var(--vxe-ui-input-border-color);text-decoration:none}.vxe-button.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-default)}.vxe-button.type--button:not(.is--round){border-radius:var(--vxe-ui-base-border-radius)}.vxe-button.type--button.is--circle{padding:0 .5em;text-align:center;justify-content:center;min-width:var(--vxe-ui-button-height-default);border-radius:50%}.vxe-button.type--button.is--shadow{box-shadow:0 0 6px rgba(0,0,0,.3)}.vxe-button.type--button:not(.is--circle){padding:0 1em}.vxe-button.type--button:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--button:not(.is--disabled):focus{border-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color);background-color:var(--vxe-ui-layout-background-color)}.vxe-button.type--button.theme--primary{color:#fff}.vxe-button.type--button.theme--primary:not(.is--disabled){border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--button.theme--primary.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-button.type--button.theme--primary.is--loading{border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button.theme--success{color:#fff}.vxe-button.type--button.theme--success:not(.is--disabled){border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-button.type--button.theme--success:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-button.type--button.theme--success:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-success-darken-color);border-color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--button.theme--success.is--disabled{border-color:var(--vxe-ui-status-success-disabled-color);background-color:var(--vxe-ui-status-success-disabled-color)}.vxe-button.type--button.theme--success.is--loading{border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-button.type--button.theme--info{color:#fff}.vxe-button.type--button.theme--info:not(.is--disabled){border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-button.type--button.theme--info:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-button.type--button.theme--info:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-info-darken-color);border-color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--button.theme--info.is--disabled{border-color:var(--vxe-ui-status-info-disabled-color);background-color:var(--vxe-ui-status-info-disabled-color)}.vxe-button.type--button.theme--info.is--loading{border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-button.type--button.theme--warning{color:#fff}.vxe-button.type--button.theme--warning:not(.is--disabled){border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-warning-darken-color);border-color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--button.theme--warning.is--disabled{border-color:var(--vxe-ui-status-warning-disabled-color);background-color:var(--vxe-ui-status-warning-disabled-color)}.vxe-button.type--button.theme--warning.is--loading{border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-button.type--button.theme--danger{color:#fff}.vxe-button.type--button.theme--danger:not(.is--disabled){border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-danger-darken-color);border-color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--button.theme--danger.is--disabled{border-color:var(--vxe-ui-status-danger-disabled-color);background-color:var(--vxe-ui-status-danger-disabled-color)}.vxe-button.type--button.theme--danger.is--loading{border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-button.type--button.theme--error{color:#fff}.vxe-button.type--button.theme--error:not(.is--disabled){border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-button.type--button.theme--error:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-button.type--button.theme--error:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-error-darken-color);border-color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--button.theme--error.is--disabled{border-color:var(--vxe-ui-status-error-disabled-color);background-color:var(--vxe-ui-status-error-disabled-color)}.vxe-button.type--button.theme--error.is--loading{border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled){border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled):hover{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled):active{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--disabled{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--loading{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-button.size--medium.type--button.is--circle{min-width:var(--vxe-ui-button-height-medium)}.vxe-button.size--medium.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-medium)}.vxe-button.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-button.size--small.type--button{height:var(--vxe-ui-button-height-small)}.vxe-button.size--small.type--button.is--circle{min-width:var(--vxe-ui-button-height-small)}.vxe-button.size--small.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-small)}.vxe-button.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-button.size--mini.type--button{height:var(--vxe-ui-button-height-mini)}.vxe-button.size--mini.type--button.is--circle{min-width:var(--vxe-ui-button-height-mini)}.vxe-button.size--mini.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-mini)}.vxe-button.type--button{height:var(--vxe-ui-button-height-default)}.vxe-button.type--button.size--medium{height:var(--vxe-ui-button-height-medium)}.vxe-button.type--button.size--small{height:var(--vxe-ui-button-height-small)}.vxe-button.type--button.size--mini{height:var(--vxe-ui-button-height-mini)}.vxe-button--custom-prefix-icon>svg,.vxe-button--custom-suffix-icon>svg{max-width:1em;max-height:1em;vertical-align:middle}.vxe-input--prefix-icon>.vxe-button.type--button,.vxe-input--suffix-icon>.vxe-button.type--button{height:100%}.vxe-button--item{padding:0 .1em}.vxe-button--item:first-child{padding-left:0}.vxe-button--item:last-child{padding-right:0}.vxe-button--dropdown,.vxe-button--wrapper{display:inline-block}.vxe-button--dropdown{position:relative;outline:0}.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--error{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color)}.vxe-button--dropdown.is--active>.vxe-button:not(.is--disabled){color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--primary{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--success{color:var(--vxe-ui-status-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--info{color:var(--vxe-ui-status-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--warning{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--danger{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--error{color:var(--vxe-ui-status-error-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--perfect{color:var(--vxe-ui-table-header-background-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--primary{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--success{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--info{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--warning{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--danger{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--error{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-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;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-button--dropdown-panel:not(.is--transfer){min-width:100%}.vxe-button--dropdown-panel.is--transfer{position:fixed}.vxe-button--dropdown-panel.ani--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-button--dropdown-panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-button--dropdown-panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-button--dropdown-panel.ani--enter>div::after{display:none}.vxe-button--dropdown-panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-button--dropdown-wrapper{padding:5px;background-color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-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}.vxe-button--dropdown,.vxe-button.type--button{margin-right:var(--vxe-ui-base-margin-gap-default)}.vxe-button--dropdown.size--medium,.vxe-button.type--button.size--medium{margin-right:var(--vxe-ui-base-margin-gap-medium)}.vxe-button--dropdown.size--small,.vxe-button.type--button.size--small{margin-right:var(--vxe-ui-base-margin-gap-small)}.vxe-button--dropdown.size--mini,.vxe-button.type--button.size--mini{margin-right:var(--vxe-ui-base-margin-gap-mini)}.vxe-button--dropdown:last-of-type,.vxe-button.type--button:last-of-type{margin-right:0}.vxe-button+.vxe-button--dropdown,.vxe-button--dropdown+.vxe-button{margin-left:var(--vxe-ui-base-margin-gap-default)}.vxe-button+.vxe-button--dropdown.size--medium,.vxe-button--dropdown+.vxe-button.size--medium{margin-left:var(--vxe-ui-base-margin-gap-medium)}.vxe-button+.vxe-button--dropdown.size--small,.vxe-button--dropdown+.vxe-button.size--small{margin-left:var(--vxe-ui-base-margin-gap-small)}.vxe-button+.vxe-button--dropdown.size--mini,.vxe-button--dropdown+.vxe-button.size--mini{margin-left:var(--vxe-ui-base-margin-gap-mini)}
1
+ .vxe-button{--vxe-ui-button-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-button-current-margin-left:var(--vxe-ui-base-margin-gap-default);--vxe-ui-button-current-height:var(--vxe-ui-button-height-default);--vxe-ui-button-current-border-radius:var(--vxe-ui-button-round-border-radius-default)}.vxe-button.size--medium{--vxe-ui-button-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-button-current-margin-left:var(--vxe-ui-base-margin-gap-medium);--vxe-ui-button-current-height:var(--vxe-ui-button-height-medium);--vxe-ui-button-current-border-radius:var(--vxe-ui-button-round-border-radius-medium)}.vxe-button.size--small{--vxe-ui-button-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-button-current-margin-left:var(--vxe-ui-base-margin-gap-small);--vxe-ui-button-current-height:var(--vxe-ui-button-height-small);--vxe-ui-button-current-border-radius:var(--vxe-ui-button-round-border-radius-small)}.vxe-button.size--mini{--vxe-ui-button-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-button-current-margin-left:var(--vxe-ui-base-margin-gap-mini);--vxe-ui-button-current-height:var(--vxe-ui-button-height-mini);--vxe-ui-button-current-border-radius:var(--vxe-ui-button-round-border-radius-mini)}.vxe-button{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;position:relative;background-color:var(--vxe-ui-layout-background-color);outline:0;font-size:var(--vxe-ui-button-current-font-size);max-width:var(--vxe-ui-button-max-width);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.align--left{justify-content:left}.vxe-button.align--center{justify-content:center}.vxe-button.align--right{justify-content:right}.vxe-button:not(.is--disabled){color:var(--vxe-ui-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-ui-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;text-decoration:none}.vxe-button.type--text:not(.is--disabled):focus{color:var(--vxe-ui-font-darken-color)}.vxe-button.type--text:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--text:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary{color:var(--vxe-ui-font-primary-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):focus{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary.is--disabled{color:var(--vxe-ui-font-primary-disabled-color)}.vxe-button.type--text.theme--success{color:var(--vxe-ui-status-success-color)}.vxe-button.type--text.theme--success:not(.is--disabled):focus{color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--text.theme--success:not(.is--disabled):hover{color:var(--vxe-ui-status-success-lighten-color)}.vxe-button.type--text.theme--success:not(.is--disabled):active{color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--text.theme--success.is--disabled{color:var(--vxe-ui-status-success-disabled-color)}.vxe-button.type--text.theme--info{color:var(--vxe-ui-status-info-color)}.vxe-button.type--text.theme--info:not(.is--disabled):focus{color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--text.theme--info:not(.is--disabled):hover{color:var(--vxe-ui-status-info-lighten-color)}.vxe-button.type--text.theme--info:not(.is--disabled):active{color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--text.theme--info.is--disabled{color:var(--vxe-ui-status-info-disabled-color)}.vxe-button.type--text.theme--warning{color:var(--vxe-ui-status-warning-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):focus{color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):hover{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):active{color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--text.theme--warning.is--disabled{color:var(--vxe-ui-status-warning-disabled-color)}.vxe-button.type--text.theme--danger{color:var(--vxe-ui-status-danger-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):focus{color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):hover{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):active{color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--text.theme--danger.is--disabled{color:var(--vxe-ui-status-danger-disabled-color)}.vxe-button.type--text.theme--error{color:var(--vxe-ui-status-error-color)}.vxe-button.type--text.theme--error:not(.is--disabled):focus{color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--text.theme--error:not(.is--disabled):hover{color:var(--vxe-ui-status-error-lighten-color)}.vxe-button.type--text.theme--error:not(.is--disabled):active{color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--text.theme--error.is--disabled{color:var(--vxe-ui-status-error-disabled-color)}.vxe-button.type--text.theme--perfect{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):focus{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):hover{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):active{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect.is--disabled{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button{font-family:inherit;line-height:1;border:1px solid var(--vxe-ui-input-border-color);text-decoration:none}.vxe-button.type--button.is--round{border-radius:var(--vxe-ui-button-current-border-radius)}.vxe-button.type--button:not(.is--round){border-radius:var(--vxe-ui-base-border-radius)}.vxe-button.type--button.is--circle{padding:0 .5em;text-align:center;justify-content:center;min-width:var(--vxe-ui-button-current-height);border-radius:50%}.vxe-button.type--button.is--shadow{box-shadow:0 0 6px rgba(0,0,0,.3)}.vxe-button.type--button:not(.is--circle){padding:0 1em}.vxe-button.type--button:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--button:not(.is--disabled):focus{border-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color);background-color:var(--vxe-ui-layout-background-color)}.vxe-button.type--button:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--button:not(.is--disabled):focus{border-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color);background-color:var(--vxe-ui-layout-background-color)}.vxe-button.type--button.theme--primary{color:#fff}.vxe-button.type--button.theme--primary:not(.is--disabled){border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--button.theme--primary.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-button.type--button.theme--primary.is--loading{border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button.theme--success{color:#fff}.vxe-button.type--button.theme--success:not(.is--disabled){border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-button.type--button.theme--success:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-button.type--button.theme--success:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-success-darken-color);border-color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--button.theme--success.is--disabled{border-color:var(--vxe-ui-status-success-disabled-color);background-color:var(--vxe-ui-status-success-disabled-color)}.vxe-button.type--button.theme--success.is--loading{border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-button.type--button.theme--info{color:#fff}.vxe-button.type--button.theme--info:not(.is--disabled){border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-button.type--button.theme--info:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-button.type--button.theme--info:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-info-darken-color);border-color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--button.theme--info.is--disabled{border-color:var(--vxe-ui-status-info-disabled-color);background-color:var(--vxe-ui-status-info-disabled-color)}.vxe-button.type--button.theme--info.is--loading{border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-button.type--button.theme--warning{color:#fff}.vxe-button.type--button.theme--warning:not(.is--disabled){border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-warning-darken-color);border-color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--button.theme--warning.is--disabled{border-color:var(--vxe-ui-status-warning-disabled-color);background-color:var(--vxe-ui-status-warning-disabled-color)}.vxe-button.type--button.theme--warning.is--loading{border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-button.type--button.theme--danger{color:#fff}.vxe-button.type--button.theme--danger:not(.is--disabled){border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-danger-darken-color);border-color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--button.theme--danger.is--disabled{border-color:var(--vxe-ui-status-danger-disabled-color);background-color:var(--vxe-ui-status-danger-disabled-color)}.vxe-button.type--button.theme--danger.is--loading{border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-button.type--button.theme--error{color:#fff}.vxe-button.type--button.theme--error:not(.is--disabled){border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-button.type--button.theme--error:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-button.type--button.theme--error:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-error-darken-color);border-color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--button.theme--error.is--disabled{border-color:var(--vxe-ui-status-error-disabled-color);background-color:var(--vxe-ui-status-error-disabled-color)}.vxe-button.type--button.theme--error.is--loading{border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled){border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled):hover{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled):active{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--disabled{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--loading{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button{height:var(--vxe-ui-button-current-height)}.vxe-button--custom-prefix-icon>svg,.vxe-button--custom-suffix-icon>svg{max-width:1em;max-height:1em;vertical-align:middle}.vxe-input--prefix-icon>.vxe-button.type--button,.vxe-input--suffix-icon>.vxe-button.type--button{height:100%}.vxe-button--item{padding:0 .1em}.vxe-button--item:first-child{padding-left:0}.vxe-button--item:last-child{padding-right:0}.vxe-button--dropdown,.vxe-button--wrapper{display:inline-block}.vxe-button--dropdown{position:relative;outline:0}.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--error{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color)}.vxe-button--dropdown.is--active>.vxe-button:not(.is--disabled){color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--primary{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--success{color:var(--vxe-ui-status-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--info{color:var(--vxe-ui-status-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--warning{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--danger{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--error{color:var(--vxe-ui-status-error-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--perfect{color:var(--vxe-ui-table-header-background-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--primary{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--success{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--info{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--warning{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--danger{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--error{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-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;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-button--dropdown-panel:not(.is--transfer){min-width:100%}.vxe-button--dropdown-panel.is--transfer{position:fixed}.vxe-button--dropdown-panel.ani--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-button--dropdown-panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-button--dropdown-panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-button--dropdown-panel.ani--enter>div::after{display:none}.vxe-button--dropdown-panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-button--dropdown-wrapper{padding:5px;background-color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-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}.vxe-button--dropdown,.vxe-button.type--button{margin-right:var(--vxe-ui-button-current-margin-left)}.vxe-button--dropdown:last-of-type,.vxe-button.type--button:last-of-type{margin-right:0}.vxe-button+.vxe-button--dropdown,.vxe-button--dropdown+.vxe-button{margin-left:var(--vxe-ui-button-current-margin-left)}
@@ -1,7 +1,29 @@
1
+ .vxe-cascader,
2
+ .vxe-cascader--panel {
3
+ --vxe-ui-cascader-current-font-size: var(--vxe-ui-font-size-default);
4
+ --vxe-ui-cascader-current-font-size: var(--vxe-ui-layout-padding-default);
5
+ }
6
+ .vxe-cascader.size--medium,
7
+ .vxe-cascader--panel.size--medium {
8
+ --vxe-ui-cascader-current-font-size: var(--vxe-ui-font-size-medium);
9
+ --vxe-ui-cascader-current-font-size: var(--vxe-ui-layout-padding-medium);
10
+ }
11
+ .vxe-cascader.size--small,
12
+ .vxe-cascader--panel.size--small {
13
+ --vxe-ui-cascader-current-font-size: var(--vxe-ui-font-size-small);
14
+ --vxe-ui-cascader-current-font-size: var(--vxe-ui-layout-padding-small);
15
+ }
16
+ .vxe-cascader.size--mini,
17
+ .vxe-cascader--panel.size--mini {
18
+ --vxe-ui-cascader-current-font-size: var(--vxe-ui-font-size-mini);
19
+ --vxe-ui-cascader-current-font-size: var(--vxe-ui-layout-padding-mini);
20
+ }
21
+
1
22
  .vxe-cascader {
2
23
  position: relative;
3
24
  display: inline-block;
4
25
  width: 180px;
26
+ font-size: var(--vxe-ui-cascader-current-font-size);
5
27
  color: var(--vxe-ui-font-color);
6
28
  text-align: left;
7
29
  --vxe-ui-cascader-chunk-size: 1;
@@ -38,6 +60,7 @@
38
60
  }
39
61
 
40
62
  .vxe-cascader--panel {
63
+ font-size: var(--vxe-ui-cascader-current-font-size);
41
64
  pointer-events: none;
42
65
  display: none;
43
66
  position: absolute;
@@ -85,7 +108,7 @@
85
108
 
86
109
  .vxe-cascader--panel-search {
87
110
  display: block;
88
- padding: var(--vxe-ui-current-padding);
111
+ padding: var(--vxe-ui-cascader-current-font-size);
89
112
  width: calc(var(--vxe-ui-cascader-node-width) * var(--vxe-ui-cascader-chunk-size));
90
113
  }
91
114
  .vxe-cascader--panel-search .vxe-cascader-search--input {
@@ -102,7 +125,7 @@
102
125
  }
103
126
 
104
127
  .vxe-cascader--total-btns {
105
- padding-left: var(--vxe-ui-current-padding);
128
+ padding-left: var(--vxe-ui-cascader-current-font-size);
106
129
  flex-grow: 1;
107
130
  }
108
131
 
@@ -193,7 +216,7 @@
193
216
  color: var(--vxe-ui-input-disabled-color);
194
217
  }
195
218
  .vxe-cascader--checkbox-option .vxe-checkbox--label {
196
- padding-left: 0.5em;
219
+ padding-left: 0.4em;
197
220
  vertical-align: middle;
198
221
  }
199
222
 
@@ -235,7 +258,7 @@
235
258
  color: var(--vxe-ui-input-disabled-color);
236
259
  }
237
260
  .vxe-cascader--radio-option .vxe-radio--label {
238
- padding-left: 0.5em;
261
+ padding-left: 0.4em;
239
262
  vertical-align: middle;
240
263
  }
241
264
 
@@ -249,7 +272,7 @@
249
272
  .vxe-cascader-chunk--item-wrapper {
250
273
  flex-shrink: 0;
251
274
  border-left: 1px solid var(--vxe-ui-base-popup-border-color);
252
- padding: var(--vxe-ui-current-padding) 0;
275
+ padding: var(--vxe-ui-cascader-current-font-size) 0;
253
276
  }
254
277
  .vxe-cascader-chunk--item-wrapper:first-child {
255
278
  border-left: 0;
@@ -272,7 +295,7 @@
272
295
  flex-direction: row;
273
296
  height: var(--vxe-ui-cascader-node-height);
274
297
  line-height: var(--vxe-ui-cascader-node-height);
275
- padding: 0 calc(var(--vxe-ui-current-padding) + 18px) 0 var(--vxe-ui-current-padding);
298
+ padding: 0 calc(var(--vxe-ui-cascader-current-font-size) + 18px) 0 var(--vxe-ui-cascader-current-font-size);
276
299
  cursor: pointer;
277
300
  }
278
301
  .vxe-cascader-chunk--node-item:hover {
@@ -316,31 +339,4 @@
316
339
  .vxe-cascader-chunk--node-item-switcher .vxe-cascader--node-item-icon > i {
317
340
  display: inline-block;
318
341
  transition: transform 0.2s ease-in-out;
319
- }
320
-
321
- .vxe-cascader,
322
- .vxe-cascader--panel {
323
- --vxe-ui-current-padding: var(--vxe-ui-layout-padding-default);
324
- }
325
- .vxe-cascader.size--small, .vxe-cascader.size--mini,
326
- .vxe-cascader--panel.size--small,
327
- .vxe-cascader--panel.size--mini {
328
- --vxe-ui-current-padding: var(--vxe-ui-layout-padding-half);
329
- }
330
-
331
- .vxe-cascader,
332
- .vxe-cascader--panel {
333
- font-size: var(--vxe-ui-font-size-default);
334
- }
335
- .vxe-cascader.size--medium,
336
- .vxe-cascader--panel.size--medium {
337
- font-size: var(--vxe-ui-font-size-medium);
338
- }
339
- .vxe-cascader.size--small,
340
- .vxe-cascader--panel.size--small {
341
- font-size: var(--vxe-ui-font-size-small);
342
- }
343
- .vxe-cascader.size--mini,
344
- .vxe-cascader--panel.size--mini {
345
- font-size: var(--vxe-ui-font-size-mini);
346
342
  }
@@ -1 +1 @@
1
- .vxe-cascader{position:relative;display:inline-block;width:180px;color:var(--vxe-ui-font-color);text-align:left;--vxe-ui-cascader-chunk-size:1}.vxe-cascader>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-cascader.is--filterable .vxe-cascader-chunk--wrapper{padding-top:0}.vxe-cascader.is--filterable .vxe-cascader--panel-header{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-cascader.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-cascader.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-cascader>.vxe-input{width:100%}.vxe-cascader>.vxe-input .vxe-input--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-cascader.is--active:not(.is--filter)>.vxe-input{border-color:var(--vxe-ui-font-primary-color)}.vxe-cascader--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-cascader--panel{pointer-events:none;display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-cascader--panel:not(.is--transfer){min-width:var(--vxe-ui-cascader-node-width)}.vxe-cascader--panel.is--transfer{position:fixed}.vxe-cascader--panel.ani--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-cascader--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-cascader--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-cascader--panel.ani--enter>div::after{display:none}.vxe-cascader--panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-cascader--panel-search{display:block;padding:var(--vxe-ui-current-padding);width:calc(var(--vxe-ui-cascader-node-width) * var(--vxe-ui-cascader-chunk-size))}.vxe-cascader--panel-search .vxe-cascader-search--input{width:100%}.vxe-cascader--footer-button,.vxe-cascader--header-button{display:flex;flex-direction:row;white-space:nowrap;align-items:center;min-height:2em}.vxe-cascader--total-btns{padding-left:var(--vxe-ui-current-padding);flex-grow:1}.vxe-cascader--oper-btns,.vxe-cascader--total-btns{display:flex;flex-direction:row;align-items:center}.vxe-cascader--oper-btns{flex-shrink:0}.vxe-cascader--expand-btns,.vxe-cascader--footer-button,.vxe-cascader--selected-btns{display:flex;flex-direction:row;flex-grow:1}.vxe-cascader--selected-btns+.vxe-cascader--expand-btns{padding-left:2.2em}.vxe-cascader--panel-wrapper{display:flex;flex-direction:column;position:relative;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color);pointer-events:auto}.vxe-cascader--panel-header{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-cascader--panel-footer{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-cascader--panel-footer,.vxe-cascader--panel-header{padding:4px 0}.vxe-cascader--checkbox-option{padding-right:.4em}.vxe-cascader--checkbox-option{cursor:pointer}.vxe-cascader--checkbox-option .vxe-checkbox--icon{font-size:1.22em}.vxe-cascader--checkbox-option .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-cascader--checkbox-option.is--checked,.vxe-cascader--checkbox-option.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-cascader--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--checkbox-option.is--hidden{cursor:default}.vxe-cascader--checkbox-option.is--readonly{cursor:auto}.vxe-cascader--checkbox-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-cascader--checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-cascader--checkbox-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-cascader--radio-option{padding-right:.4em}.vxe-cascader--radio-option{cursor:pointer}.vxe-cascader--radio-option .vxe-radio--icon{font-size:1.26em}.vxe-cascader--radio-option .vxe-radio--icon{color:var(--vxe-ui-input-border-color);border-radius:50%;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-cascader--radio-option.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--radio-option.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--radio-option:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--radio-option.is--readonly{cursor:auto}.vxe-cascader--radio-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-cascader--radio-option.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-cascader--radio-option .vxe-radio--label{padding-left:.5em;vertical-align:middle}.vxe-cascader-chunk--wrapper{position:relative;display:flex;flex-direction:row;outline:0}.vxe-cascader-chunk--item-wrapper{flex-shrink:0;border-left:1px solid var(--vxe-ui-base-popup-border-color);padding:var(--vxe-ui-current-padding) 0}.vxe-cascader-chunk--item-wrapper:first-child{border-left:0}.vxe-cascader-chunk--item-wrapper .vxe-list .vxe-list--virtual-wrapper{height:var(--vxe-ui-cascader-chunk-height);width:var(--vxe-ui-cascader-node-width);overflow-x:hidden;overflow-y:hidden}.vxe-cascader-chunk--item-wrapper .vxe-list .vxe-list--virtual-wrapper:hover{overflow-y:auto}.vxe-cascader-chunk--item-wrapper .vxe-list .vxe-list--body{width:var(--vxe-ui-cascader-node-width)}.vxe-cascader-chunk--node-item{display:flex;flex-direction:row;height:var(--vxe-ui-cascader-node-height);line-height:var(--vxe-ui-cascader-node-height);padding:0 calc(var(--vxe-ui-current-padding) + 18px) 0 var(--vxe-ui-current-padding);cursor:pointer}.vxe-cascader-chunk--node-item:hover{background-color:var(--vxe-ui-cascader-node-hover-background-color)}.vxe-cascader-chunk--node-item.is--current,.vxe-cascader-chunk--node-item.is--expand{font-weight:700}.vxe-cascader-chunk--node-item.is--current{background-color:var(--vxe-ui-cascader-node-current-background-color)}.vxe-cascader-chunk--node-item.is-checkbox--indeterminate{color:var(--vxe-ui-cascader-node-checkbox-indeterminate-color)}.vxe-cascader-chunk--node-item.is-checkbox--checked,.vxe-cascader-chunk--node-item.is-radio--checked{color:var(--vxe-ui-cascader-node-checkbox-checked-color)}.vxe-cascader-chunk--node-item-inner{display:flex;flex-direction:row;overflow:hidden;flex-grow:1}.vxe-cascader-chunk--node-item-title{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-cascader-chunk--node-item-switcher{-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;width:1em;position:relative}.vxe-cascader-chunk--node-item-switcher .vxe-cascader--node-item-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-cascader,.vxe-cascader--panel{--vxe-ui-current-padding:var(--vxe-ui-layout-padding-default)}.vxe-cascader--panel.size--mini,.vxe-cascader--panel.size--small,.vxe-cascader.size--mini,.vxe-cascader.size--small{--vxe-ui-current-padding:var(--vxe-ui-layout-padding-half)}.vxe-cascader,.vxe-cascader--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-cascader--panel.size--medium,.vxe-cascader.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-cascader--panel.size--small,.vxe-cascader.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-cascader--panel.size--mini,.vxe-cascader.size--mini{font-size:var(--vxe-ui-font-size-mini)}
1
+ .vxe-cascader,.vxe-cascader--panel{--vxe-ui-cascader-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-cascader-current-font-size:var(--vxe-ui-layout-padding-default)}.vxe-cascader--panel.size--medium,.vxe-cascader.size--medium{--vxe-ui-cascader-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-cascader-current-font-size:var(--vxe-ui-layout-padding-medium)}.vxe-cascader--panel.size--small,.vxe-cascader.size--small{--vxe-ui-cascader-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-cascader-current-font-size:var(--vxe-ui-layout-padding-small)}.vxe-cascader--panel.size--mini,.vxe-cascader.size--mini{--vxe-ui-cascader-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-cascader-current-font-size:var(--vxe-ui-layout-padding-mini)}.vxe-cascader{position:relative;display:inline-block;width:180px;font-size:var(--vxe-ui-cascader-current-font-size);color:var(--vxe-ui-font-color);text-align:left;--vxe-ui-cascader-chunk-size:1}.vxe-cascader>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-cascader.is--filterable .vxe-cascader-chunk--wrapper{padding-top:0}.vxe-cascader.is--filterable .vxe-cascader--panel-header{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-cascader.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-cascader.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-cascader>.vxe-input{width:100%}.vxe-cascader>.vxe-input .vxe-input--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-cascader.is--active:not(.is--filter)>.vxe-input{border-color:var(--vxe-ui-font-primary-color)}.vxe-cascader--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-cascader--panel{font-size:var(--vxe-ui-cascader-current-font-size);pointer-events:none;display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-cascader--panel:not(.is--transfer){min-width:var(--vxe-ui-cascader-node-width)}.vxe-cascader--panel.is--transfer{position:fixed}.vxe-cascader--panel.ani--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-cascader--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-cascader--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-cascader--panel.ani--enter>div::after{display:none}.vxe-cascader--panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-cascader--panel-search{display:block;padding:var(--vxe-ui-cascader-current-font-size);width:calc(var(--vxe-ui-cascader-node-width) * var(--vxe-ui-cascader-chunk-size))}.vxe-cascader--panel-search .vxe-cascader-search--input{width:100%}.vxe-cascader--footer-button,.vxe-cascader--header-button{display:flex;flex-direction:row;white-space:nowrap;align-items:center;min-height:2em}.vxe-cascader--total-btns{padding-left:var(--vxe-ui-cascader-current-font-size);flex-grow:1}.vxe-cascader--oper-btns,.vxe-cascader--total-btns{display:flex;flex-direction:row;align-items:center}.vxe-cascader--oper-btns{flex-shrink:0}.vxe-cascader--expand-btns,.vxe-cascader--footer-button,.vxe-cascader--selected-btns{display:flex;flex-direction:row;flex-grow:1}.vxe-cascader--selected-btns+.vxe-cascader--expand-btns{padding-left:2.2em}.vxe-cascader--panel-wrapper{display:flex;flex-direction:column;position:relative;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color);pointer-events:auto}.vxe-cascader--panel-header{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-cascader--panel-footer{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-cascader--panel-footer,.vxe-cascader--panel-header{padding:4px 0}.vxe-cascader--checkbox-option{padding-right:.4em}.vxe-cascader--checkbox-option{cursor:pointer}.vxe-cascader--checkbox-option .vxe-checkbox--icon{font-size:1.22em}.vxe-cascader--checkbox-option .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-cascader--checkbox-option.is--checked,.vxe-cascader--checkbox-option.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-cascader--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--checkbox-option.is--hidden{cursor:default}.vxe-cascader--checkbox-option.is--readonly{cursor:auto}.vxe-cascader--checkbox-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-cascader--checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-cascader--checkbox-option .vxe-checkbox--label{padding-left:.4em;vertical-align:middle}.vxe-cascader--radio-option{padding-right:.4em}.vxe-cascader--radio-option{cursor:pointer}.vxe-cascader--radio-option .vxe-radio--icon{font-size:1.26em}.vxe-cascader--radio-option .vxe-radio--icon{color:var(--vxe-ui-input-border-color);border-radius:50%;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-cascader--radio-option.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--radio-option.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--radio-option:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--radio-option.is--readonly{cursor:auto}.vxe-cascader--radio-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-cascader--radio-option.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-cascader--radio-option .vxe-radio--label{padding-left:.4em;vertical-align:middle}.vxe-cascader-chunk--wrapper{position:relative;display:flex;flex-direction:row;outline:0}.vxe-cascader-chunk--item-wrapper{flex-shrink:0;border-left:1px solid var(--vxe-ui-base-popup-border-color);padding:var(--vxe-ui-cascader-current-font-size) 0}.vxe-cascader-chunk--item-wrapper:first-child{border-left:0}.vxe-cascader-chunk--item-wrapper .vxe-list .vxe-list--virtual-wrapper{height:var(--vxe-ui-cascader-chunk-height);width:var(--vxe-ui-cascader-node-width);overflow-x:hidden;overflow-y:hidden}.vxe-cascader-chunk--item-wrapper .vxe-list .vxe-list--virtual-wrapper:hover{overflow-y:auto}.vxe-cascader-chunk--item-wrapper .vxe-list .vxe-list--body{width:var(--vxe-ui-cascader-node-width)}.vxe-cascader-chunk--node-item{display:flex;flex-direction:row;height:var(--vxe-ui-cascader-node-height);line-height:var(--vxe-ui-cascader-node-height);padding:0 calc(var(--vxe-ui-cascader-current-font-size) + 18px) 0 var(--vxe-ui-cascader-current-font-size);cursor:pointer}.vxe-cascader-chunk--node-item:hover{background-color:var(--vxe-ui-cascader-node-hover-background-color)}.vxe-cascader-chunk--node-item.is--current,.vxe-cascader-chunk--node-item.is--expand{font-weight:700}.vxe-cascader-chunk--node-item.is--current{background-color:var(--vxe-ui-cascader-node-current-background-color)}.vxe-cascader-chunk--node-item.is-checkbox--indeterminate{color:var(--vxe-ui-cascader-node-checkbox-indeterminate-color)}.vxe-cascader-chunk--node-item.is-checkbox--checked,.vxe-cascader-chunk--node-item.is-radio--checked{color:var(--vxe-ui-cascader-node-checkbox-checked-color)}.vxe-cascader-chunk--node-item-inner{display:flex;flex-direction:row;overflow:hidden;flex-grow:1}.vxe-cascader-chunk--node-item-title{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-cascader-chunk--node-item-switcher{-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;width:1em;position:relative}.vxe-cascader-chunk--node-item-switcher .vxe-cascader--node-item-icon>i{display:inline-block;transition:transform .2s ease-in-out}
@@ -136,7 +136,9 @@ export default defineVxeComponent({
136
136
  onChange: changeEvent
137
137
  }),
138
138
  h('span', {
139
- class: 'vxe-checkbox--label'
139
+ class: ['vxe-checkbox--label', {
140
+ 'is--disabled': isDisabled
141
+ }]
140
142
  }, slots.default ? slots.default({}) : getFuncText(content))
141
143
  ]);
142
144
  };
@@ -25,6 +25,10 @@ export default defineVxeComponent({
25
25
  type: Boolean,
26
26
  default: null
27
27
  },
28
+ status: {
29
+ type: String,
30
+ default: () => getConfig().checkboxGroup.status
31
+ },
28
32
  max: {
29
33
  type: [String, Number],
30
34
  default: null
@@ -168,7 +172,7 @@ export default defineVxeComponent({
168
172
  };
169
173
  Object.assign($xeCheckboxGroup, checkboxGroupMethods, checkboxGroupPrivateMethods);
170
174
  const renderVN = () => {
171
- const { options } = props;
175
+ const { status, options } = props;
172
176
  const defaultSlot = slots.default;
173
177
  const valueField = computeValueField.value;
174
178
  const labelField = computeLabelField.value;
@@ -177,6 +181,7 @@ export default defineVxeComponent({
177
181
  const isDisabled = computeIsDisabled.value;
178
182
  return h('div', {
179
183
  class: ['vxe-checkbox-group', {
184
+ [`theme--${status}`]: status,
180
185
  'is--readonly': isReadonly,
181
186
  'is--disabled': isDisabled
182
187
  }]
@@ -1,3 +1,20 @@
1
+ .vxe-checkbox {
2
+ --vxe-ui-checkbox-current-font-size: var(--vxe-ui-font-size-default);
3
+ --vxe-ui-checkbox-current-margin-right: var(--vxe-ui-base-margin-gap-default);
4
+ }
5
+ .vxe-checkbox.size--medium {
6
+ --vxe-ui-checkbox-current-font-size: var(--vxe-ui-font-size-medium);
7
+ --vxe-ui-checkbox-current-margin-right: var(--vxe-ui-base-margin-gap-medium);
8
+ }
9
+ .vxe-checkbox.size--small {
10
+ --vxe-ui-checkbox-current-font-size: var(--vxe-ui-font-size-small);
11
+ --vxe-ui-checkbox-current-margin-right: var(--vxe-ui-base-margin-gap-small);
12
+ }
13
+ .vxe-checkbox.size--mini {
14
+ --vxe-ui-checkbox-current-font-size: var(--vxe-ui-font-size-mini);
15
+ --vxe-ui-checkbox-current-margin-right: var(--vxe-ui-base-margin-gap-mini);
16
+ }
17
+
1
18
  /*checkbox-group*/
2
19
  .vxe-checkbox-group {
3
20
  display: inline-flex;
@@ -17,9 +34,12 @@
17
34
  /*checkbox*/
18
35
  .vxe-checkbox {
19
36
  display: inline-flex;
37
+ flex-direction: row;
38
+ align-items: center;
20
39
  vertical-align: middle;
21
40
  white-space: nowrap;
22
41
  line-height: 1;
42
+ font-size: var(--vxe-ui-checkbox-current-font-size);
23
43
  }
24
44
  .vxe-checkbox {
25
45
  cursor: pointer;
@@ -58,7 +78,7 @@
58
78
  color: var(--vxe-ui-input-disabled-color);
59
79
  }
60
80
  .vxe-checkbox .vxe-checkbox--label {
61
- padding-left: 0.5em;
81
+ padding-left: 0.4em;
62
82
  vertical-align: middle;
63
83
  }
64
84
  .vxe-checkbox > input[type=checkbox] {
@@ -74,7 +94,6 @@
74
94
  color: var(--vxe-ui-font-primary-darken-color);
75
95
  }
76
96
  .vxe-checkbox .vxe-checkbox--label {
77
- padding-left: 0.5em;
78
97
  vertical-align: middle;
79
98
  display: inline-block;
80
99
  max-width: 50em;
@@ -83,34 +102,9 @@
83
102
  white-space: nowrap;
84
103
  }
85
104
 
86
- .vxe-checkbox {
87
- font-size: var(--vxe-ui-font-size-default);
88
- }
89
- .vxe-checkbox.size--medium {
90
- font-size: var(--vxe-ui-font-size-medium);
91
- }
92
- .vxe-checkbox.size--small {
93
- font-size: var(--vxe-ui-font-size-small);
94
- }
95
- .vxe-checkbox.size--mini {
96
- font-size: var(--vxe-ui-font-size-mini);
97
- }
98
-
99
105
  .vxe-checkbox--default,
100
106
  .vxe-checkbox-group {
101
- margin-right: var(--vxe-ui-base-margin-gap-default);
102
- }
103
- .vxe-checkbox--default.size--medium,
104
- .vxe-checkbox-group.size--medium {
105
- margin-right: var(--vxe-ui-base-margin-gap-medium);
106
- }
107
- .vxe-checkbox--default.size--small,
108
- .vxe-checkbox-group.size--small {
109
- margin-right: var(--vxe-ui-base-margin-gap-small);
110
- }
111
- .vxe-checkbox--default.size--mini,
112
- .vxe-checkbox-group.size--mini {
113
- margin-right: var(--vxe-ui-base-margin-gap-mini);
107
+ margin-right: var(--vxe-ui-checkbox-current-margin-right);
114
108
  }
115
109
  .vxe-checkbox--default:last-of-type,
116
110
  .vxe-checkbox-group:last-of-type {
@@ -1 +1 @@
1
- .vxe-checkbox-group{display:inline-flex;vertical-align:middle;line-height:1}.vxe-checkbox-slots{display:none}.vxe-checkbox--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-checkbox{display:inline-flex;vertical-align:middle;white-space:nowrap;line-height:1}.vxe-checkbox{cursor:pointer}.vxe-checkbox .vxe-checkbox--icon{font-size:1.22em}.vxe-checkbox .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-checkbox.is--checked,.vxe-checkbox.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--checked .vxe-checkbox--icon,.vxe-checkbox.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--hidden{cursor:default}.vxe-checkbox.is--readonly{cursor:auto}.vxe-checkbox.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-checkbox.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-checkbox .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-checkbox>input[type=checkbox]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-checkbox:not(.is--disabled)>input:focus+.vxe-checkbox--icon{color:var(--vxe-ui-font-primary-darken-color)}.vxe-checkbox .vxe-checkbox--label{padding-left:.5em;vertical-align:middle;display:inline-block;max-width:50em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-checkbox{font-size:var(--vxe-ui-font-size-default)}.vxe-checkbox.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-checkbox.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-checkbox.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-checkbox--default,.vxe-checkbox-group{margin-right:var(--vxe-ui-base-margin-gap-default)}.vxe-checkbox--default.size--medium,.vxe-checkbox-group.size--medium{margin-right:var(--vxe-ui-base-margin-gap-medium)}.vxe-checkbox--default.size--small,.vxe-checkbox-group.size--small{margin-right:var(--vxe-ui-base-margin-gap-small)}.vxe-checkbox--default.size--mini,.vxe-checkbox-group.size--mini{margin-right:var(--vxe-ui-base-margin-gap-mini)}.vxe-checkbox--default:last-of-type,.vxe-checkbox-group:last-of-type{margin-right:0}
1
+ .vxe-checkbox{--vxe-ui-checkbox-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-checkbox-current-margin-right:var(--vxe-ui-base-margin-gap-default)}.vxe-checkbox.size--medium{--vxe-ui-checkbox-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-checkbox-current-margin-right:var(--vxe-ui-base-margin-gap-medium)}.vxe-checkbox.size--small{--vxe-ui-checkbox-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-checkbox-current-margin-right:var(--vxe-ui-base-margin-gap-small)}.vxe-checkbox.size--mini{--vxe-ui-checkbox-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-checkbox-current-margin-right:var(--vxe-ui-base-margin-gap-mini)}.vxe-checkbox-group{display:inline-flex;vertical-align:middle;line-height:1}.vxe-checkbox-slots{display:none}.vxe-checkbox--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-checkbox{display:inline-flex;flex-direction:row;align-items:center;vertical-align:middle;white-space:nowrap;line-height:1;font-size:var(--vxe-ui-checkbox-current-font-size)}.vxe-checkbox{cursor:pointer}.vxe-checkbox .vxe-checkbox--icon{font-size:1.22em}.vxe-checkbox .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-checkbox.is--checked,.vxe-checkbox.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--checked .vxe-checkbox--icon,.vxe-checkbox.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--hidden{cursor:default}.vxe-checkbox.is--readonly{cursor:auto}.vxe-checkbox.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-checkbox.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-checkbox .vxe-checkbox--label{padding-left:.4em;vertical-align:middle}.vxe-checkbox>input[type=checkbox]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-checkbox:not(.is--disabled)>input:focus+.vxe-checkbox--icon{color:var(--vxe-ui-font-primary-darken-color)}.vxe-checkbox .vxe-checkbox--label{vertical-align:middle;display:inline-block;max-width:50em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-checkbox--default,.vxe-checkbox-group{margin-right:var(--vxe-ui-checkbox-current-margin-right)}.vxe-checkbox--default:last-of-type,.vxe-checkbox-group:last-of-type{margin-right:0}