vxe-pc-ui 0.2.0 → 0.4.0

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 (318) hide show
  1. package/es/anchor/index.js +2 -0
  2. package/es/anchor/src/anchor.js +18 -18
  3. package/es/anchor-link/index.js +2 -0
  4. package/es/breadcrumb/index.js +2 -0
  5. package/es/breadcrumb/src/breadcrumb.js +2 -2
  6. package/es/breadcrumb-item/index.js +2 -0
  7. package/es/button/index.js +2 -0
  8. package/es/button/src/button-group.js +2 -5
  9. package/es/button-group/index.js +2 -0
  10. package/es/checkbox/src/checkbox.js +8 -8
  11. package/es/checkbox/src/group.js +6 -6
  12. package/es/checkbox-group/index.js +1 -1
  13. package/es/col/index.js +2 -0
  14. package/es/components.js +3 -0
  15. package/es/form/index.js +2 -0
  16. package/es/form/src/form-config-item.js +3 -8
  17. package/es/form/src/form-item.js +3 -8
  18. package/es/form/src/form.js +5 -8
  19. package/es/form/src/render.js +2 -10
  20. package/es/form-design/index.js +2 -0
  21. package/es/form-gather/index.js +2 -0
  22. package/es/form-item/index.js +2 -0
  23. package/es/icon/index.js +2 -0
  24. package/es/input/index.js +1 -1
  25. package/es/input/style.css +5 -5
  26. package/es/input/style.min.css +1 -1
  27. package/es/layout-aside/index.js +2 -0
  28. package/es/layout-body/index.js +2 -0
  29. package/es/layout-container/index.js +2 -0
  30. package/es/layout-footer/index.js +2 -0
  31. package/es/layout-header/index.js +2 -0
  32. package/es/list/index.js +10 -0
  33. package/es/list/src/list.js +340 -0
  34. package/es/list/style.css +26 -0
  35. package/es/list/style.min.css +1 -0
  36. package/es/list-design/index.js +2 -0
  37. package/es/loading/index.js +2 -0
  38. package/es/modal/index.js +1 -1
  39. package/es/modal/src/modal.js +2 -5
  40. package/es/modal/style.css +1 -1
  41. package/es/modal/style.min.css +1 -1
  42. package/es/optgroup/index.js +1 -1
  43. package/es/option/index.js +1 -1
  44. package/es/pager/index.js +1 -1
  45. package/es/pager/src/pager.js +4 -4
  46. package/es/pager/style.css +2 -2
  47. package/es/pager/style.min.css +1 -1
  48. package/es/pulldown/index.js +1 -1
  49. package/es/pulldown/style.css +2 -2
  50. package/es/pulldown/style.min.css +1 -1
  51. package/es/radio/index.js +1 -1
  52. package/es/radio-button/index.js +1 -1
  53. package/es/radio-group/index.js +1 -1
  54. package/es/row/index.js +2 -0
  55. package/es/select/index.js +1 -1
  56. package/es/select/style.css +2 -2
  57. package/es/select/style.min.css +1 -1
  58. package/es/style.css +1 -1
  59. package/es/style.min.css +1 -1
  60. package/es/switch/index.js +1 -1
  61. package/es/switch/style.css +1 -1
  62. package/es/switch/style.min.css +1 -1
  63. package/es/tab-pane/index.js +2 -0
  64. package/es/tabs/index.js +2 -0
  65. package/es/tabs/src/tabs.js +50 -19
  66. package/es/tabs/style.css +49 -34
  67. package/es/tabs/style.min.css +1 -1
  68. package/es/textarea/index.js +1 -1
  69. package/es/textarea/style.css +2 -2
  70. package/es/textarea/style.min.css +1 -1
  71. package/es/tooltip/index.js +2 -0
  72. package/es/tooltip/src/tooltip.js +2 -7
  73. package/es/ui/src/core.js +1 -1
  74. package/es/ui/src/globalStore.js +64 -66
  75. package/es/ui/src/log.js +1 -1
  76. package/es/ui/src/resize.js +81 -0
  77. package/es/ui/src/store.js +8 -1
  78. package/es/vxe-input/style.css +5 -5
  79. package/es/vxe-input/style.min.css +1 -1
  80. package/es/vxe-list/index.js +3 -0
  81. package/es/vxe-list/style.css +26 -0
  82. package/es/vxe-list/style.min.css +1 -0
  83. package/es/vxe-modal/style.css +1 -1
  84. package/es/vxe-modal/style.min.css +1 -1
  85. package/es/vxe-pager/style.css +2 -2
  86. package/es/vxe-pager/style.min.css +1 -1
  87. package/es/vxe-pulldown/style.css +2 -2
  88. package/es/vxe-pulldown/style.min.css +1 -1
  89. package/es/vxe-select/style.css +2 -2
  90. package/es/vxe-select/style.min.css +1 -1
  91. package/es/vxe-switch/style.css +1 -1
  92. package/es/vxe-switch/style.min.css +1 -1
  93. package/es/vxe-tabs/style.css +49 -34
  94. package/es/vxe-tabs/style.min.css +1 -1
  95. package/es/vxe-textarea/style.css +2 -2
  96. package/es/vxe-textarea/style.min.css +1 -1
  97. package/lib/anchor/index.js +2 -0
  98. package/lib/anchor/index.min.js +1 -1
  99. package/lib/anchor/src/anchor.js +18 -18
  100. package/lib/anchor/src/anchor.min.js +1 -1
  101. package/lib/anchor-link/index.js +2 -0
  102. package/lib/anchor-link/index.min.js +1 -1
  103. package/lib/breadcrumb/index.js +2 -0
  104. package/lib/breadcrumb/index.min.js +1 -1
  105. package/lib/breadcrumb/src/breadcrumb.js +2 -2
  106. package/lib/breadcrumb/src/breadcrumb.min.js +1 -1
  107. package/lib/breadcrumb-item/index.js +2 -0
  108. package/lib/breadcrumb-item/index.min.js +1 -1
  109. package/lib/button/index.js +2 -0
  110. package/lib/button/index.min.js +1 -1
  111. package/lib/button/src/button-group.js +5 -7
  112. package/lib/button/src/button-group.min.js +1 -1
  113. package/lib/button-group/index.js +2 -0
  114. package/lib/button-group/index.min.js +1 -1
  115. package/lib/checkbox/src/checkbox.js +8 -8
  116. package/lib/checkbox/src/checkbox.min.js +1 -1
  117. package/lib/checkbox/src/group.js +6 -6
  118. package/lib/checkbox/src/group.min.js +1 -1
  119. package/lib/checkbox-group/index.js +1 -1
  120. package/lib/checkbox-group/index.min.js +1 -1
  121. package/lib/col/index.js +2 -0
  122. package/lib/col/index.min.js +1 -1
  123. package/lib/components.js +13 -1
  124. package/lib/components.min.js +1 -1
  125. package/lib/form/index.js +2 -0
  126. package/lib/form/index.min.js +1 -1
  127. package/lib/form/src/form-config-item.js +3 -4
  128. package/lib/form/src/form-config-item.min.js +1 -1
  129. package/lib/form/src/form-item.js +3 -4
  130. package/lib/form/src/form-item.min.js +1 -1
  131. package/lib/form/src/form.js +7 -8
  132. package/lib/form/src/form.min.js +1 -1
  133. package/lib/form/src/render.js +4 -8
  134. package/lib/form/src/render.min.js +1 -1
  135. package/lib/form-design/index.js +2 -0
  136. package/lib/form-design/index.min.js +1 -1
  137. package/lib/form-gather/index.js +2 -0
  138. package/lib/form-gather/index.min.js +1 -1
  139. package/lib/form-item/index.js +2 -0
  140. package/lib/form-item/index.min.js +1 -1
  141. package/lib/icon/index.js +2 -0
  142. package/lib/icon/index.min.js +1 -1
  143. package/lib/index.umd.js +737 -167
  144. package/lib/index.umd.min.js +1 -1
  145. package/lib/input/index.js +1 -1
  146. package/lib/input/index.min.js +1 -1
  147. package/lib/input/style/style.css +5 -5
  148. package/lib/input/style/style.min.css +1 -1
  149. package/lib/layout-aside/index.js +2 -0
  150. package/lib/layout-aside/index.min.js +1 -1
  151. package/lib/layout-body/index.js +2 -0
  152. package/lib/layout-body/index.min.js +1 -1
  153. package/lib/layout-container/index.js +2 -0
  154. package/lib/layout-container/index.min.js +1 -1
  155. package/lib/layout-footer/index.js +2 -0
  156. package/lib/layout-footer/index.min.js +1 -1
  157. package/lib/layout-header/index.js +2 -0
  158. package/lib/layout-header/index.min.js +1 -1
  159. package/lib/list/index.js +17 -0
  160. package/lib/list/index.min.js +1 -0
  161. package/lib/list/src/list.js +397 -0
  162. package/lib/list/src/list.min.js +1 -0
  163. package/lib/list/style/index.js +1 -0
  164. package/lib/list/style/style.css +26 -0
  165. package/lib/list/style/style.min.css +1 -0
  166. package/lib/list-design/index.js +2 -0
  167. package/lib/list-design/index.min.js +1 -1
  168. package/lib/loading/index.js +2 -0
  169. package/lib/loading/index.min.js +1 -1
  170. package/lib/modal/index.js +1 -5
  171. package/lib/modal/index.min.js +1 -1
  172. package/lib/modal/src/modal.js +3 -4
  173. package/lib/modal/src/modal.min.js +1 -1
  174. package/lib/modal/style/style.css +1 -1
  175. package/lib/modal/style/style.min.css +1 -1
  176. package/lib/optgroup/index.js +1 -1
  177. package/lib/optgroup/index.min.js +1 -1
  178. package/lib/option/index.js +1 -1
  179. package/lib/option/index.min.js +1 -1
  180. package/lib/pager/index.js +1 -1
  181. package/lib/pager/index.min.js +1 -1
  182. package/lib/pager/src/pager.js +6 -7
  183. package/lib/pager/src/pager.min.js +1 -1
  184. package/lib/pager/style/style.css +2 -2
  185. package/lib/pager/style/style.min.css +1 -1
  186. package/lib/pulldown/index.js +1 -1
  187. package/lib/pulldown/index.min.js +1 -1
  188. package/lib/pulldown/style/style.css +2 -2
  189. package/lib/pulldown/style/style.min.css +1 -1
  190. package/lib/radio/index.js +1 -1
  191. package/lib/radio/index.min.js +1 -1
  192. package/lib/radio-button/index.js +1 -1
  193. package/lib/radio-button/index.min.js +1 -1
  194. package/lib/radio-group/index.js +1 -1
  195. package/lib/radio-group/index.min.js +1 -1
  196. package/lib/row/index.js +2 -0
  197. package/lib/row/index.min.js +1 -1
  198. package/lib/select/index.js +1 -1
  199. package/lib/select/index.min.js +1 -1
  200. package/lib/select/style/style.css +2 -2
  201. package/lib/select/style/style.min.css +1 -1
  202. package/lib/style.css +1 -1
  203. package/lib/style.min.css +1 -1
  204. package/lib/switch/index.js +1 -1
  205. package/lib/switch/index.min.js +1 -1
  206. package/lib/switch/style/style.css +1 -1
  207. package/lib/switch/style/style.min.css +1 -1
  208. package/lib/tab-pane/index.js +2 -0
  209. package/lib/tab-pane/index.min.js +1 -1
  210. package/lib/tabs/index.js +2 -0
  211. package/lib/tabs/index.min.js +1 -1
  212. package/lib/tabs/src/tabs.js +50 -12
  213. package/lib/tabs/src/tabs.min.js +1 -1
  214. package/lib/tabs/style/style.css +49 -34
  215. package/lib/tabs/style/style.min.css +1 -1
  216. package/lib/textarea/index.js +1 -1
  217. package/lib/textarea/index.min.js +1 -1
  218. package/lib/textarea/style/style.css +2 -2
  219. package/lib/textarea/style/style.min.css +1 -1
  220. package/lib/tooltip/index.js +2 -0
  221. package/lib/tooltip/index.min.js +1 -1
  222. package/lib/tooltip/src/tooltip.js +3 -4
  223. package/lib/tooltip/src/tooltip.min.js +1 -1
  224. package/lib/ui/src/core.js +1 -1
  225. package/lib/ui/src/core.min.js +1 -1
  226. package/lib/ui/src/globalStore.js +63 -65
  227. package/lib/ui/src/globalStore.min.js +1 -1
  228. package/lib/ui/src/log.js +1 -1
  229. package/lib/ui/src/log.min.js +1 -1
  230. package/lib/ui/src/resize.js +96 -0
  231. package/lib/ui/src/resize.min.js +1 -0
  232. package/lib/ui/src/store.js +8 -1
  233. package/lib/ui/src/store.min.js +1 -1
  234. package/lib/vxe-input/style/style.css +5 -5
  235. package/lib/vxe-input/style/style.min.css +1 -1
  236. package/lib/vxe-list/index.js +22 -0
  237. package/lib/vxe-list/index.min.js +1 -0
  238. package/lib/vxe-list/style/index.js +1 -0
  239. package/lib/vxe-list/style/style.css +26 -0
  240. package/lib/vxe-list/style/style.min.css +1 -0
  241. package/lib/vxe-modal/style/style.css +1 -1
  242. package/lib/vxe-modal/style/style.min.css +1 -1
  243. package/lib/vxe-pager/style/style.css +2 -2
  244. package/lib/vxe-pager/style/style.min.css +1 -1
  245. package/lib/vxe-pulldown/style/style.css +2 -2
  246. package/lib/vxe-pulldown/style/style.min.css +1 -1
  247. package/lib/vxe-select/style/style.css +2 -2
  248. package/lib/vxe-select/style/style.min.css +1 -1
  249. package/lib/vxe-switch/style/style.css +1 -1
  250. package/lib/vxe-switch/style/style.min.css +1 -1
  251. package/lib/vxe-tabs/style/style.css +49 -34
  252. package/lib/vxe-tabs/style/style.min.css +1 -1
  253. package/lib/vxe-textarea/style/style.css +2 -2
  254. package/lib/vxe-textarea/style/style.min.css +1 -1
  255. package/package.json +1 -1
  256. package/packages/anchor/index.ts +3 -0
  257. package/packages/anchor/src/anchor.ts +23 -23
  258. package/packages/anchor-link/index.ts +3 -0
  259. package/packages/breadcrumb/index.ts +3 -0
  260. package/packages/breadcrumb/src/breadcrumb.ts +2 -2
  261. package/packages/breadcrumb-item/index.ts +3 -0
  262. package/packages/button/index.ts +3 -0
  263. package/packages/button-group/index.ts +3 -0
  264. package/packages/checkbox/index.ts +2 -2
  265. package/packages/checkbox/src/checkbox.ts +8 -8
  266. package/packages/checkbox/src/group.ts +6 -6
  267. package/packages/checkbox-group/index.ts +3 -4
  268. package/packages/col/index.ts +3 -0
  269. package/packages/components.ts +3 -0
  270. package/packages/form/index.ts +3 -0
  271. package/packages/form/src/form.ts +4 -4
  272. package/packages/form-design/index.ts +3 -0
  273. package/packages/form-gather/index.ts +3 -0
  274. package/packages/form-item/index.ts +3 -0
  275. package/packages/icon/index.ts +3 -0
  276. package/packages/input/index.ts +3 -4
  277. package/packages/layout-aside/index.ts +3 -0
  278. package/packages/layout-body/index.ts +3 -0
  279. package/packages/layout-container/index.ts +3 -0
  280. package/packages/layout-footer/index.ts +3 -0
  281. package/packages/layout-header/index.ts +3 -0
  282. package/packages/list/index.ts +14 -0
  283. package/packages/list/src/list.ts +372 -0
  284. package/packages/list-design/index.ts +3 -0
  285. package/packages/loading/index.ts +3 -0
  286. package/packages/optgroup/index.ts +3 -4
  287. package/packages/option/index.ts +3 -4
  288. package/packages/pager/index.ts +3 -4
  289. package/packages/pager/src/pager.ts +3 -3
  290. package/packages/pulldown/index.ts +3 -4
  291. package/packages/radio/index.ts +3 -4
  292. package/packages/radio-button/index.ts +3 -4
  293. package/packages/radio-group/index.ts +2 -3
  294. package/packages/row/index.ts +3 -0
  295. package/packages/select/index.ts +3 -4
  296. package/packages/switch/index.ts +1 -2
  297. package/packages/tab-pane/index.ts +3 -0
  298. package/packages/tabs/index.ts +3 -0
  299. package/packages/tabs/src/tabs.ts +49 -19
  300. package/packages/textarea/index.ts +3 -4
  301. package/packages/tooltip/index.ts +3 -0
  302. package/packages/ui/src/globalStore.ts +63 -65
  303. package/packages/ui/src/resize.ts +85 -0
  304. package/styles/all.scss +1 -0
  305. package/styles/components/input.scss +5 -5
  306. package/styles/components/list.scss +1 -1
  307. package/styles/components/modal.scss +1 -1
  308. package/styles/components/pager.scss +2 -2
  309. package/styles/components/pulldown.scss +2 -2
  310. package/styles/components/select.scss +2 -2
  311. package/styles/components/switch.scss +1 -1
  312. package/styles/components/tabs.scss +44 -34
  313. package/styles/components/textarea.scss +2 -2
  314. package/types/all.d.ts +1 -0
  315. package/types/components/list.d.ts +166 -0
  316. package/types/components/tab-pane.d.ts +1 -1
  317. package/types/components/tabs.d.ts +2 -2
  318. package/types/ui/global-config.d.ts +67 -25
@@ -3,7 +3,7 @@
3
3
  position: relative;
4
4
  display: flex;
5
5
  align-items: center;
6
- color: var(--vxe-font-color);
6
+ color: var(--vxe-ui-font-color);
7
7
  font-family: var(--vxe-font-family);
8
8
  text-align: right;
9
9
  background-color: var(--vxe-ui-pager-background-color);
@@ -281,7 +281,7 @@
281
281
  .vxe-pager .vxe-pager--jump .vxe-pager--goto {
282
282
  border-radius: var(--vxe-border-radius);
283
283
  border: 1px solid var(--vxe-ui-input-border-color);
284
- color: var(--vxe-font-color);
284
+ color: var(--vxe-ui-font-color);
285
285
  transition: border 0.2s ease-in-out;
286
286
  padding: 0 0.4em;
287
287
  background-color: var(--vxe-ui-input-background-color);
@@ -1 +1 @@
1
- .vxe-pager{position:relative;display:flex;align-items:center;color:var(--vxe-font-color);font-family:var(--vxe-font-family);text-align:right;background-color:var(--vxe-ui-pager-background-color)}.vxe-pager.is--hidden{display:none}.vxe-pager.align--left{text-align:left}.vxe-pager.align--center{text-align:center}.vxe-pager.is--loading:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:var(--vxe-loading-z-index);-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-loading-background-color)}.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{color:inherit;outline:0;padding:0;border:1px solid transparent;font-size:inherit}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):focus,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):focus,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus{box-shadow:0 0 .25em 0 var(--vxe-primary-color)}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):hover,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):hover,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):hover{color:var(--vxe-primary-lighten-color)}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):active,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):active,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):active{background-color:#fff}.vxe-pager.is--border:not(.is--background) .vxe-pager--jump-next,.vxe-pager.is--border:not(.is--background) .vxe-pager--jump-prev,.vxe-pager.is--border:not(.is--background) .vxe-pager--next-btn,.vxe-pager.is--border:not(.is--background) .vxe-pager--num-btn,.vxe-pager.is--border:not(.is--background) .vxe-pager--prev-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--jump-next,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--jump-prev,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--next-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--num-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--prev-btn{border-color:var(--vxe-ui-input-border-color)}.vxe-pager.is--background .vxe-pager--jump-next,.vxe-pager.is--background .vxe-pager--jump-prev,.vxe-pager.is--background .vxe-pager--next-btn,.vxe-pager.is--background .vxe-pager--num-btn,.vxe-pager.is--background .vxe-pager--prev-btn,.vxe-pager.is--perfect .vxe-pager--jump-next,.vxe-pager.is--perfect .vxe-pager--jump-prev,.vxe-pager.is--perfect .vxe-pager--next-btn,.vxe-pager.is--perfect .vxe-pager--num-btn,.vxe-pager.is--perfect .vxe-pager--prev-btn{background-color:var(--vxe-ui-pager-perfect-button-background-color)}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active{color:#fff;background-color:var(--vxe-primary-color)}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:hover,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:hover,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:hover,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:hover,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:hover,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:hover{background-color:var(--vxe-primary-lighten-color)}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:focus,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:focus,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:focus,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:focus,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:focus,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:focus{border-color:var(--vxe-primary-color)}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:active,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:active,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:active,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:active,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:active,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:active{border-color:var(--vxe-primary-darken-color);background-color:var(--vxe-primary-darken-color)}.vxe-pager.is--perfect{border:1px solid var(--vxe-table-border-color);border-top-width:0;background-color:var(--vxe-ui-pager-perfect-background-color)}.vxe-pager.is--border .vxe-pager--num-btn.is--active{border-color:var(--vxe-primary-color)}.vxe-pager .vxe-pager--wrapper{flex-grow:1}.vxe-pager .vxe-pager--btn-icon,.vxe-pager .vxe-pager--jump-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--jump,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--left-wrapper,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--prev-btn,.vxe-pager .vxe-pager--right-wrapper,.vxe-pager .vxe-pager--sizes,.vxe-pager .vxe-pager--total{margin:0 .4em;vertical-align:middle;display:inline-block}.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{position:relative;cursor:pointer}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--left-wrapper,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn,.vxe-pager .vxe-pager--right-wrapper{height:2.15em;line-height:2em;display:inline-block}.vxe-pager .vxe-pager--jump .vxe-pager--goto,.vxe-pager .vxe-pager--sizes>.vxe-input{height:2.15em;line-height:2.15em}.vxe-pager .vxe-pager--sizes>.vxe-select--panel .vxe-select-option{text-align:center}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{min-width:2.15em}.vxe-pager .vxe-pager--btn-wrapper{padding:0;margin:0;display:inline-block;text-align:center}.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-next:hover .vxe-pager--jump-more-icon,.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-prev:hover .vxe-pager--jump-more-icon{display:none}.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-next:hover .vxe-pager--jump-icon,.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-prev:hover .vxe-pager--jump-icon{display:inline-block}.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-icon{display:none}.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{text-align:center;border-radius:var(--vxe-border-radius);margin:0 .25em;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-pager-background-color)}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):hover,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):hover,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):hover{color:var(--vxe-primary-lighten-color)}.vxe-pager .vxe-pager--jump-next:not(.is--disabled).is--active,.vxe-pager .vxe-pager--jump-next:not(.is--disabled):focus,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled).is--active,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):focus,.vxe-pager .vxe-pager--next-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--num-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus{color:var(--vxe-primary-color)}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):active,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):active,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):active{color:var(--vxe-primary-darken-color)}.vxe-pager .vxe-pager--jump-next.is--disabled,.vxe-pager .vxe-pager--jump-prev.is--disabled,.vxe-pager .vxe-pager--next-btn.is--disabled,.vxe-pager .vxe-pager--num-btn.is--disabled,.vxe-pager .vxe-pager--prev-btn.is--disabled{cursor:no-drop;color:var(--vxe-font-disabled-color)}.vxe-pager .vxe-pager--jump-next.is--disabled:hover,.vxe-pager .vxe-pager--jump-prev.is--disabled:hover,.vxe-pager .vxe-pager--next-btn.is--disabled:hover,.vxe-pager .vxe-pager--num-btn.is--disabled:hover,.vxe-pager .vxe-pager--prev-btn.is--disabled:hover{color:var(--vxe-font-disabled-color)}.vxe-pager .vxe-pager--num-btn{vertical-align:middle}.vxe-pager .vxe-pager--num-btn.is--active{font-weight:700}.vxe-pager .vxe-pager--sizes{width:7em;text-align:center;cursor:pointer}.vxe-pager .vxe-pager--sizes .vxe-input--inner{text-align:center}.vxe-pager .vxe-pager--count{text-align:center}.vxe-pager .vxe-pager--count>span{vertical-align:middle}.vxe-pager .vxe-pager--count .vxe-pager--separator{margin-right:.2em}.vxe-pager .vxe-pager--count .vxe-pager--separator:before{content:"/"}.vxe-pager .vxe-pager--jump .vxe-pager--goto{border-radius:var(--vxe-border-radius);border:1px solid var(--vxe-ui-input-border-color);color:var(--vxe-font-color);transition:border .2s ease-in-out;padding:0 .4em;background-color:var(--vxe-ui-input-background-color)}.vxe-pager .vxe-pager--jump .vxe-pager--goto:focus{border:1px solid var(--vxe-primary-color);outline:0}.vxe-pager .vxe-pager--jump .vxe-pager--goto-text{margin-right:.25em}.vxe-pager .vxe-pager--jump .vxe-pager--classifier-text{margin-left:.25em}.vxe-pager .vxe-pager--jump .vxe-pager--goto{width:3.2em;text-align:center}.vxe-pager{font-size:var(--vxe-font-size);height:var(--vxe-table-row-height-default)}.vxe-pager.size--medium{font-size:var(--vxe-font-size-medium);height:var(--vxe-table-row-height-medium)}.vxe-pager.size--small{font-size:var(--vxe-font-size-small);height:var(--vxe-table-row-height-small)}.vxe-pager.size--mini{font-size:var(--vxe-font-size-mini);height:var(--vxe-table-row-height-mini)}
1
+ .vxe-pager{position:relative;display:flex;align-items:center;color:var(--vxe-ui-font-color);font-family:var(--vxe-font-family);text-align:right;background-color:var(--vxe-ui-pager-background-color)}.vxe-pager.is--hidden{display:none}.vxe-pager.align--left{text-align:left}.vxe-pager.align--center{text-align:center}.vxe-pager.is--loading:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:var(--vxe-loading-z-index);-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-loading-background-color)}.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{color:inherit;outline:0;padding:0;border:1px solid transparent;font-size:inherit}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):focus,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):focus,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus{box-shadow:0 0 .25em 0 var(--vxe-primary-color)}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):hover,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):hover,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):hover{color:var(--vxe-primary-lighten-color)}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):active,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):active,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):active{background-color:#fff}.vxe-pager.is--border:not(.is--background) .vxe-pager--jump-next,.vxe-pager.is--border:not(.is--background) .vxe-pager--jump-prev,.vxe-pager.is--border:not(.is--background) .vxe-pager--next-btn,.vxe-pager.is--border:not(.is--background) .vxe-pager--num-btn,.vxe-pager.is--border:not(.is--background) .vxe-pager--prev-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--jump-next,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--jump-prev,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--next-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--num-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--prev-btn{border-color:var(--vxe-ui-input-border-color)}.vxe-pager.is--background .vxe-pager--jump-next,.vxe-pager.is--background .vxe-pager--jump-prev,.vxe-pager.is--background .vxe-pager--next-btn,.vxe-pager.is--background .vxe-pager--num-btn,.vxe-pager.is--background .vxe-pager--prev-btn,.vxe-pager.is--perfect .vxe-pager--jump-next,.vxe-pager.is--perfect .vxe-pager--jump-prev,.vxe-pager.is--perfect .vxe-pager--next-btn,.vxe-pager.is--perfect .vxe-pager--num-btn,.vxe-pager.is--perfect .vxe-pager--prev-btn{background-color:var(--vxe-ui-pager-perfect-button-background-color)}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active{color:#fff;background-color:var(--vxe-primary-color)}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:hover,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:hover,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:hover,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:hover,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:hover,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:hover{background-color:var(--vxe-primary-lighten-color)}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:focus,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:focus,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:focus,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:focus,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:focus,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:focus{border-color:var(--vxe-primary-color)}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:active,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:active,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:active,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:active,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:active,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:active{border-color:var(--vxe-primary-darken-color);background-color:var(--vxe-primary-darken-color)}.vxe-pager.is--perfect{border:1px solid var(--vxe-table-border-color);border-top-width:0;background-color:var(--vxe-ui-pager-perfect-background-color)}.vxe-pager.is--border .vxe-pager--num-btn.is--active{border-color:var(--vxe-primary-color)}.vxe-pager .vxe-pager--wrapper{flex-grow:1}.vxe-pager .vxe-pager--btn-icon,.vxe-pager .vxe-pager--jump-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--jump,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--left-wrapper,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--prev-btn,.vxe-pager .vxe-pager--right-wrapper,.vxe-pager .vxe-pager--sizes,.vxe-pager .vxe-pager--total{margin:0 .4em;vertical-align:middle;display:inline-block}.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{position:relative;cursor:pointer}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--left-wrapper,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn,.vxe-pager .vxe-pager--right-wrapper{height:2.15em;line-height:2em;display:inline-block}.vxe-pager .vxe-pager--jump .vxe-pager--goto,.vxe-pager .vxe-pager--sizes>.vxe-input{height:2.15em;line-height:2.15em}.vxe-pager .vxe-pager--sizes>.vxe-select--panel .vxe-select-option{text-align:center}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{min-width:2.15em}.vxe-pager .vxe-pager--btn-wrapper{padding:0;margin:0;display:inline-block;text-align:center}.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-next:hover .vxe-pager--jump-more-icon,.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-prev:hover .vxe-pager--jump-more-icon{display:none}.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-next:hover .vxe-pager--jump-icon,.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-prev:hover .vxe-pager--jump-icon{display:inline-block}.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-icon{display:none}.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{text-align:center;border-radius:var(--vxe-border-radius);margin:0 .25em;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-pager-background-color)}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):hover,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):hover,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):hover{color:var(--vxe-primary-lighten-color)}.vxe-pager .vxe-pager--jump-next:not(.is--disabled).is--active,.vxe-pager .vxe-pager--jump-next:not(.is--disabled):focus,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled).is--active,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):focus,.vxe-pager .vxe-pager--next-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--num-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus{color:var(--vxe-primary-color)}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):active,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):active,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):active{color:var(--vxe-primary-darken-color)}.vxe-pager .vxe-pager--jump-next.is--disabled,.vxe-pager .vxe-pager--jump-prev.is--disabled,.vxe-pager .vxe-pager--next-btn.is--disabled,.vxe-pager .vxe-pager--num-btn.is--disabled,.vxe-pager .vxe-pager--prev-btn.is--disabled{cursor:no-drop;color:var(--vxe-font-disabled-color)}.vxe-pager .vxe-pager--jump-next.is--disabled:hover,.vxe-pager .vxe-pager--jump-prev.is--disabled:hover,.vxe-pager .vxe-pager--next-btn.is--disabled:hover,.vxe-pager .vxe-pager--num-btn.is--disabled:hover,.vxe-pager .vxe-pager--prev-btn.is--disabled:hover{color:var(--vxe-font-disabled-color)}.vxe-pager .vxe-pager--num-btn{vertical-align:middle}.vxe-pager .vxe-pager--num-btn.is--active{font-weight:700}.vxe-pager .vxe-pager--sizes{width:7em;text-align:center;cursor:pointer}.vxe-pager .vxe-pager--sizes .vxe-input--inner{text-align:center}.vxe-pager .vxe-pager--count{text-align:center}.vxe-pager .vxe-pager--count>span{vertical-align:middle}.vxe-pager .vxe-pager--count .vxe-pager--separator{margin-right:.2em}.vxe-pager .vxe-pager--count .vxe-pager--separator:before{content:"/"}.vxe-pager .vxe-pager--jump .vxe-pager--goto{border-radius:var(--vxe-border-radius);border:1px solid var(--vxe-ui-input-border-color);color:var(--vxe-ui-font-color);transition:border .2s ease-in-out;padding:0 .4em;background-color:var(--vxe-ui-input-background-color)}.vxe-pager .vxe-pager--jump .vxe-pager--goto:focus{border:1px solid var(--vxe-primary-color);outline:0}.vxe-pager .vxe-pager--jump .vxe-pager--goto-text{margin-right:.25em}.vxe-pager .vxe-pager--jump .vxe-pager--classifier-text{margin-left:.25em}.vxe-pager .vxe-pager--jump .vxe-pager--goto{width:3.2em;text-align:center}.vxe-pager{font-size:var(--vxe-font-size);height:var(--vxe-table-row-height-default)}.vxe-pager.size--medium{font-size:var(--vxe-font-size-medium);height:var(--vxe-table-row-height-medium)}.vxe-pager.size--small{font-size:var(--vxe-font-size-small);height:var(--vxe-table-row-height-small)}.vxe-pager.size--mini{font-size:var(--vxe-font-size-mini);height:var(--vxe-table-row-height-mini)}
@@ -1,7 +1,7 @@
1
1
  .vxe-pulldown {
2
2
  position: relative;
3
3
  display: inline-block;
4
- color: var(--vxe-font-color);
4
+ color: var(--vxe-ui-font-color);
5
5
  text-align: left;
6
6
  }
7
7
 
@@ -10,7 +10,7 @@
10
10
  position: absolute;
11
11
  left: 0;
12
12
  padding: 4px 0;
13
- color: var(--vxe-font-color);
13
+ color: var(--vxe-ui-font-color);
14
14
  text-align: left;
15
15
  }
16
16
  .vxe-pulldown--panel:not(.is--transfer) {
@@ -1 +1 @@
1
- .vxe-pulldown{position:relative;display:inline-block;color:var(--vxe-font-color);text-align:left}.vxe-pulldown--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-font-color);text-align:left}.vxe-pulldown--panel:not(.is--transfer){min-width:100%}.vxe-pulldown--panel.is--transfer{position:fixed}.vxe-pulldown--panel.animat--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-pulldown--panel.animat--leave[placement=top]{transform-origin:center bottom}.vxe-pulldown--panel.animat--enter{opacity:1;transform:scaleY(1)}.vxe-pulldown--panel-wrapper{background-color:var(--vxe-ui-pulldown-panel-background-color)}.vxe-pulldown,.vxe-pulldown--panel{font-size:var(--vxe-font-size)}.vxe-pulldown--panel.size--medium,.vxe-pulldown.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-pulldown--panel.size--small,.vxe-pulldown.size--small{font-size:var(--vxe-font-size-small)}.vxe-pulldown--panel.size--mini,.vxe-pulldown.size--mini{font-size:var(--vxe-font-size-mini)}
1
+ .vxe-pulldown{position:relative;display:inline-block;color:var(--vxe-ui-font-color);text-align:left}.vxe-pulldown--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-pulldown--panel:not(.is--transfer){min-width:100%}.vxe-pulldown--panel.is--transfer{position:fixed}.vxe-pulldown--panel.animat--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-pulldown--panel.animat--leave[placement=top]{transform-origin:center bottom}.vxe-pulldown--panel.animat--enter{opacity:1;transform:scaleY(1)}.vxe-pulldown--panel-wrapper{background-color:var(--vxe-ui-pulldown-panel-background-color)}.vxe-pulldown,.vxe-pulldown--panel{font-size:var(--vxe-font-size)}.vxe-pulldown--panel.size--medium,.vxe-pulldown.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-pulldown--panel.size--small,.vxe-pulldown.size--small{font-size:var(--vxe-font-size-small)}.vxe-pulldown--panel.size--mini,.vxe-pulldown.size--mini{font-size:var(--vxe-font-size-mini)}
@@ -2,7 +2,7 @@
2
2
  position: relative;
3
3
  display: inline-block;
4
4
  width: 180px;
5
- color: var(--vxe-font-color);
5
+ color: var(--vxe-ui-font-color);
6
6
  text-align: left;
7
7
  }
8
8
  .vxe-select > .vxe-input .vxe-input--inner {
@@ -34,7 +34,7 @@
34
34
  position: absolute;
35
35
  left: 0;
36
36
  padding: 4px 0;
37
- color: var(--vxe-font-color);
37
+ color: var(--vxe-ui-font-color);
38
38
  text-align: left;
39
39
  }
40
40
  .vxe-select--panel:not(.is--transfer) {
@@ -1 +1 @@
1
- .vxe-select{position:relative;display:inline-block;width:180px;color:var(--vxe-font-color);text-align:left}.vxe-select>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-select.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-select.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-select>.vxe-input{width:100%}.vxe-select>.vxe-input .vxe-input--suffix-icon{display:inline-block;transition:transform .2s ease-in-out}.vxe-select.is--active:not(.is--filter)>.vxe-input .vxe-input--inner{border:1px solid var(--vxe-primary-color)}.vxe-select-slots{display:none}.vxe-select--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-font-color);text-align:left}.vxe-select--panel:not(.is--transfer){min-width:100%}.vxe-select--panel.is--transfer{position:fixed}.vxe-select--panel.animat--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-select--panel.animat--leave[placement=top]{transform-origin:center bottom}.vxe-select--panel.animat--enter{opacity:1;transform:scaleY(1)}.vxe-select--panel-search{display:block}.vxe-select--panel-search .vxe-select-search--input{width:100%}.vxe-select--panel-wrapper{position:relative;border-radius:var(--vxe-border-radius);border:1px solid var(---vxe-ui-base-popup-border-color);box-shadow:0 0 6px 2px rgba(0,0,0,.1);background-color:var(--vxe-ui-select-panel-background-color)}.vxe-select--panel-header{border-bottom:1px solid var(---vxe-ui-base-popup-border-color)}.vxe-select--panel-footer{border-top:1px solid var(---vxe-ui-base-popup-border-color)}.vxe-select--panel-footer,.vxe-select--panel-header{padding:4px 0}.vxe-select-option--wrapper{position:relative;overflow-x:hidden;overflow-y:auto;padding:4px 0;max-height:200px}.vxe-optgroup .vxe-optgroup--title{padding:0 6px;color:var(--vxe-optgroup-title-color);font-size:12px}.vxe-optgroup--wrapper .vxe-select-option{padding:0 20px}.vxe-select-option{padding:0 .6em;max-width:600px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-select-option.is--selected{font-weight:700;color:var(--vxe-primary-color)}.vxe-select-option:not(.is--disabled){cursor:pointer}.vxe-select-option:not(.is--disabled).is--hover{background-color:var(--vxe-ui-select-option-hover-background-color)}.vxe-select-option.is--disabled{color:var(--vxe-font-disabled-color);cursor:no-drop}.vxe-select--search-icon{margin-right:.5em}.vxe-select--empty-placeholder,.vxe-select--search-loading{padding:0 .6em;text-align:center;color:var(--vxe-ui-select-empty-color)}.vxe-select,.vxe-select--panel{font-size:var(--vxe-font-size)}.vxe-select--panel.size--medium,.vxe-select.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-select--panel.size--small,.vxe-select.size--small{font-size:var(--vxe-font-size-small)}.vxe-select--panel.size--mini,.vxe-select.size--mini{font-size:var(--vxe-font-size-mini)}.vxe-select--panel .vxe-optgroup--title,.vxe-select--panel .vxe-select-option{height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel .vxe-optgroup--title,.vxe-select--panel .vxe-select--empty-placeholder,.vxe-select--panel .vxe-select--search-loading,.vxe-select--panel .vxe-select-option{line-height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel.size--medium .vxe-optgroup--title,.vxe-select--panel.size--medium .vxe-select-option{height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--medium .vxe-optgroup--title,.vxe-select--panel.size--medium .vxe-select--empty-placeholder,.vxe-select--panel.size--medium .vxe-select--search-loading,.vxe-select--panel.size--medium .vxe-select-option{line-height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--small .vxe-optgroup--title,.vxe-select--panel.size--small .vxe-select-option{height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--small .vxe-optgroup--title,.vxe-select--panel.size--small .vxe-select--empty-placeholder,.vxe-select--panel.size--small .vxe-select--search-loading,.vxe-select--panel.size--small .vxe-select-option{line-height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--mini .vxe-optgroup--title,.vxe-select--panel.size--mini .vxe-select-option{height:var(--vxe-ui-select-option-height-mini)}.vxe-select--panel.size--mini .vxe-optgroup--title,.vxe-select--panel.size--mini .vxe-select--empty-placeholder,.vxe-select--panel.size--mini .vxe-select--search-loading,.vxe-select--panel.size--mini .vxe-select-option{line-height:var(--vxe-ui-select-option-height-mini)}
1
+ .vxe-select{position:relative;display:inline-block;width:180px;color:var(--vxe-ui-font-color);text-align:left}.vxe-select>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-select.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-select.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-select>.vxe-input{width:100%}.vxe-select>.vxe-input .vxe-input--suffix-icon{display:inline-block;transition:transform .2s ease-in-out}.vxe-select.is--active:not(.is--filter)>.vxe-input .vxe-input--inner{border:1px solid var(--vxe-primary-color)}.vxe-select-slots{display:none}.vxe-select--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-select--panel:not(.is--transfer){min-width:100%}.vxe-select--panel.is--transfer{position:fixed}.vxe-select--panel.animat--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-select--panel.animat--leave[placement=top]{transform-origin:center bottom}.vxe-select--panel.animat--enter{opacity:1;transform:scaleY(1)}.vxe-select--panel-search{display:block}.vxe-select--panel-search .vxe-select-search--input{width:100%}.vxe-select--panel-wrapper{position:relative;border-radius:var(--vxe-border-radius);border:1px solid var(---vxe-ui-base-popup-border-color);box-shadow:0 0 6px 2px rgba(0,0,0,.1);background-color:var(--vxe-ui-select-panel-background-color)}.vxe-select--panel-header{border-bottom:1px solid var(---vxe-ui-base-popup-border-color)}.vxe-select--panel-footer{border-top:1px solid var(---vxe-ui-base-popup-border-color)}.vxe-select--panel-footer,.vxe-select--panel-header{padding:4px 0}.vxe-select-option--wrapper{position:relative;overflow-x:hidden;overflow-y:auto;padding:4px 0;max-height:200px}.vxe-optgroup .vxe-optgroup--title{padding:0 6px;color:var(--vxe-optgroup-title-color);font-size:12px}.vxe-optgroup--wrapper .vxe-select-option{padding:0 20px}.vxe-select-option{padding:0 .6em;max-width:600px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-select-option.is--selected{font-weight:700;color:var(--vxe-primary-color)}.vxe-select-option:not(.is--disabled){cursor:pointer}.vxe-select-option:not(.is--disabled).is--hover{background-color:var(--vxe-ui-select-option-hover-background-color)}.vxe-select-option.is--disabled{color:var(--vxe-font-disabled-color);cursor:no-drop}.vxe-select--search-icon{margin-right:.5em}.vxe-select--empty-placeholder,.vxe-select--search-loading{padding:0 .6em;text-align:center;color:var(--vxe-ui-select-empty-color)}.vxe-select,.vxe-select--panel{font-size:var(--vxe-font-size)}.vxe-select--panel.size--medium,.vxe-select.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-select--panel.size--small,.vxe-select.size--small{font-size:var(--vxe-font-size-small)}.vxe-select--panel.size--mini,.vxe-select.size--mini{font-size:var(--vxe-font-size-mini)}.vxe-select--panel .vxe-optgroup--title,.vxe-select--panel .vxe-select-option{height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel .vxe-optgroup--title,.vxe-select--panel .vxe-select--empty-placeholder,.vxe-select--panel .vxe-select--search-loading,.vxe-select--panel .vxe-select-option{line-height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel.size--medium .vxe-optgroup--title,.vxe-select--panel.size--medium .vxe-select-option{height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--medium .vxe-optgroup--title,.vxe-select--panel.size--medium .vxe-select--empty-placeholder,.vxe-select--panel.size--medium .vxe-select--search-loading,.vxe-select--panel.size--medium .vxe-select-option{line-height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--small .vxe-optgroup--title,.vxe-select--panel.size--small .vxe-select-option{height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--small .vxe-optgroup--title,.vxe-select--panel.size--small .vxe-select--empty-placeholder,.vxe-select--panel.size--small .vxe-select--search-loading,.vxe-select--panel.size--small .vxe-select-option{line-height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--mini .vxe-optgroup--title,.vxe-select--panel.size--mini .vxe-select-option{height:var(--vxe-ui-select-option-height-mini)}.vxe-select--panel.size--mini .vxe-optgroup--title,.vxe-select--panel.size--mini .vxe-select--empty-placeholder,.vxe-select--panel.size--mini .vxe-select--search-loading,.vxe-select--panel.size--mini .vxe-select-option{line-height:var(--vxe-ui-select-option-height-mini)}
@@ -1,6 +1,6 @@
1
1
  .vxe-switch {
2
2
  display: inline-block;
3
- color: var(--vxe-font-color);
3
+ color: var(--vxe-ui-font-color);
4
4
  vertical-align: middle;
5
5
  padding: 0.4em;
6
6
  -webkit-user-select: none;
@@ -1 +1 @@
1
- .vxe-switch{display:inline-block;color:var(--vxe-font-color);vertical-align:middle;padding:.4em;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center}.vxe-switch.is--animat .vxe-switch--button{transition:border-color .3s,background-color .3s}.vxe-switch.is--animat .vxe-switch--icon{transition:all .3s}.vxe-switch.is--on .vxe-switch--button{padding-right:1.7em;background-color:var(--vxe-ui-switch-open-background-color)}.vxe-switch.is--on .vxe-switch--icon{left:100%;transform:translateX(-1.4em)}.vxe-switch.is--off .vxe-switch--button{padding-left:1.7em;background-color:var(--vxe-ui-switch-close-background-color)}.vxe-switch.is--off .vxe-switch--icon{left:.2em;transform:translateX(0)}.vxe-switch.is--off .vxe-switch--label-on,.vxe-switch.is--on .vxe-switch--label-off{height:0;visibility:hidden;overflow:hidden}.vxe-switch.is--off .vxe-switch--label,.vxe-switch.is--on .vxe-switch--label{opacity:1}.vxe-switch:not(.is--disabled) .vxe-switch--button{cursor:pointer}.vxe-switch:not(.is--disabled) .vxe-switch--button:focus{box-shadow:0 0 .4em 0 var(--vxe-primary-color)}.vxe-switch.is--disabled .vxe-switch--button{cursor:no-drop}.vxe-switch.is--disabled.is--on .vxe-switch--button{background-color:var(--vxe-primary-lighten-color)}.vxe-switch.is--disabled.is--off .vxe-switch--button{background-color:var(--vxe-ui-switch-disabled-background-color)}.vxe-switch .vxe-switch--button{display:block;position:relative;height:1.6em;line-height:1;min-width:3.2em;padding:0 .6em;border-radius:1em;border:0;outline:0}.vxe-switch .vxe-switch--label{opacity:0;display:block;color:var(--vxe-ui-switch-font-color);font-size:.8em}.vxe-switch .vxe-switch--icon{position:absolute;top:.2em;left:0;width:1.2em;height:1.2em;border-radius:50%;background-color:var(--vxe-ui-switch-icon-background-color)}.vxe-switch .vxe-switch--label-icon{margin-right:.25em}.vxe-switch{font-size:var(--vxe-font-size)}.vxe-switch.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-switch.size--small{font-size:var(--vxe-font-size-small)}.vxe-switch.size--mini{font-size:var(--vxe-font-size-mini)}
1
+ .vxe-switch{display:inline-block;color:var(--vxe-ui-font-color);vertical-align:middle;padding:.4em;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center}.vxe-switch.is--animat .vxe-switch--button{transition:border-color .3s,background-color .3s}.vxe-switch.is--animat .vxe-switch--icon{transition:all .3s}.vxe-switch.is--on .vxe-switch--button{padding-right:1.7em;background-color:var(--vxe-ui-switch-open-background-color)}.vxe-switch.is--on .vxe-switch--icon{left:100%;transform:translateX(-1.4em)}.vxe-switch.is--off .vxe-switch--button{padding-left:1.7em;background-color:var(--vxe-ui-switch-close-background-color)}.vxe-switch.is--off .vxe-switch--icon{left:.2em;transform:translateX(0)}.vxe-switch.is--off .vxe-switch--label-on,.vxe-switch.is--on .vxe-switch--label-off{height:0;visibility:hidden;overflow:hidden}.vxe-switch.is--off .vxe-switch--label,.vxe-switch.is--on .vxe-switch--label{opacity:1}.vxe-switch:not(.is--disabled) .vxe-switch--button{cursor:pointer}.vxe-switch:not(.is--disabled) .vxe-switch--button:focus{box-shadow:0 0 .4em 0 var(--vxe-primary-color)}.vxe-switch.is--disabled .vxe-switch--button{cursor:no-drop}.vxe-switch.is--disabled.is--on .vxe-switch--button{background-color:var(--vxe-primary-lighten-color)}.vxe-switch.is--disabled.is--off .vxe-switch--button{background-color:var(--vxe-ui-switch-disabled-background-color)}.vxe-switch .vxe-switch--button{display:block;position:relative;height:1.6em;line-height:1;min-width:3.2em;padding:0 .6em;border-radius:1em;border:0;outline:0}.vxe-switch .vxe-switch--label{opacity:0;display:block;color:var(--vxe-ui-switch-font-color);font-size:.8em}.vxe-switch .vxe-switch--icon{position:absolute;top:.2em;left:0;width:1.2em;height:1.2em;border-radius:50%;background-color:var(--vxe-ui-switch-icon-background-color)}.vxe-switch .vxe-switch--label-icon{margin-right:.25em}.vxe-switch{font-size:var(--vxe-font-size)}.vxe-switch.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-switch.size--small{font-size:var(--vxe-font-size-small)}.vxe-switch.size--mini{font-size:var(--vxe-font-size-mini)}
@@ -5,13 +5,7 @@
5
5
  .vxe-tabs-header {
6
6
  position: relative;
7
7
  }
8
-
9
- .vxe-tabs-header--wrapper {
10
- position: relative;
11
- display: flex;
12
- flex-direction: row;
13
- }
14
- .vxe-tabs-header--wrapper::after {
8
+ .vxe-tabs-header::after {
15
9
  content: "";
16
10
  position: absolute;
17
11
  left: 0;
@@ -21,6 +15,12 @@
21
15
  background-color: #e4e7ed;
22
16
  }
23
17
 
18
+ .vxe-tabs-header--wrapper {
19
+ position: relative;
20
+ display: flex;
21
+ flex-direction: row;
22
+ }
23
+
24
24
  .vxe-tab-header--item {
25
25
  position: relative;
26
26
  padding: 0 16px;
@@ -30,9 +30,14 @@
30
30
  color: var(--vxe-ui-font-primary-color);
31
31
  }
32
32
 
33
+ .vxe-tabs-header--active-line-card,
34
+ .vxe-tabs-header--active-line-border-card,
33
35
  .vxe-tab-header--item-name {
34
36
  height: 40px;
35
37
  line-height: 40px;
38
+ }
39
+
40
+ .vxe-tab-header--item-name {
36
41
  border-bottom: 2px solid transparent;
37
42
  transition: color 0.3s ease-in-out;
38
43
  }
@@ -45,11 +50,23 @@
45
50
  display: block;
46
51
  }
47
52
 
48
- .vxe-tabs-header--active-line {
53
+ .vxe-tabs-header--active-line-card,
54
+ .vxe-tabs-header--active-line-border-card {
55
+ transition: all 0.3s ease-in-out;
56
+ }
57
+
58
+ .vxe-tabs-header--active-line-default,
59
+ .vxe-tabs-header--active-line-card,
60
+ .vxe-tabs-header--active-line-border-card {
49
61
  display: none;
50
62
  }
51
63
 
52
- .vxe-tabs--default .vxe-tabs-header--active-line {
64
+ .vxe-tabs-header--active-line-border-card {
65
+ border-left: 1px solid #e4e7ed;
66
+ border-right: 1px solid #e4e7ed;
67
+ }
68
+
69
+ .vxe-tabs--default .vxe-tabs-header--active-line-default {
53
70
  display: block;
54
71
  position: absolute;
55
72
  bottom: -1px;
@@ -61,6 +78,16 @@
61
78
  transition: all 0.3s ease-in-out;
62
79
  }
63
80
 
81
+ .vxe-tabs--card .vxe-tabs-header--active-line-card {
82
+ display: block;
83
+ position: absolute;
84
+ top: 0;
85
+ left: 0;
86
+ width: 4px;
87
+ border: 1px solid var(--vxe-ui-font-primary-color);
88
+ pointer-events: none;
89
+ z-index: 1;
90
+ }
64
91
  .vxe-tabs--card .vxe-tabs-header {
65
92
  border-top: 1px solid #e4e7ed;
66
93
  border-left: 1px solid #e4e7ed;
@@ -75,6 +102,19 @@
75
102
  border-right: 1px solid #e4e7ed;
76
103
  }
77
104
 
105
+ .vxe-tabs--border-card .vxe-tabs-header--wrapper {
106
+ z-index: 2;
107
+ }
108
+ .vxe-tabs--border-card .vxe-tabs-header--active-line-border-card {
109
+ display: block;
110
+ position: absolute;
111
+ top: 0;
112
+ left: 0;
113
+ width: 4px;
114
+ background-color: #ffffff;
115
+ pointer-events: none;
116
+ z-index: 1;
117
+ }
78
118
  .vxe-tabs--border-card .vxe-tab-pane--item {
79
119
  border-bottom: 1px solid #e4e7ed;
80
120
  border-left: 1px solid #e4e7ed;
@@ -85,29 +125,4 @@
85
125
  border-left: 1px solid #e4e7ed;
86
126
  border-right: 1px solid #e4e7ed;
87
127
  background-color: #f5f7fa;
88
- }
89
- .vxe-tabs--border-card .vxe-tab-header--item.is--active {
90
- background-color: #ffffff;
91
- }
92
- .vxe-tabs--border-card .vxe-tab-header--item.is--active::before {
93
- content: "";
94
- position: absolute;
95
- top: 0;
96
- left: -1px;
97
- width: calc(100% + 2px);
98
- height: 100%;
99
- border-left: 1px solid #e4e7ed;
100
- border-right: 1px solid #e4e7ed;
101
- pointer-events: none;
102
- }
103
- .vxe-tabs--border-card .vxe-tab-header--item.is--active::after {
104
- content: "";
105
- position: absolute;
106
- bottom: 0;
107
- left: 0;
108
- width: 100%;
109
- height: 1px;
110
- background-color: var(--vxe-ui-layout-background-color);
111
- pointer-events: none;
112
- z-index: 1;
113
128
  }
@@ -1 +1 @@
1
- .vxe-tabs{background-color:var(--vxe-ui-layout-background-color)}.vxe-tabs-header{position:relative}.vxe-tabs-header--wrapper{position:relative;display:flex;flex-direction:row}.vxe-tabs-header--wrapper::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#e4e7ed}.vxe-tab-header--item{position:relative;padding:0 16px;cursor:pointer}.vxe-tab-header--item.is--active{color:var(--vxe-ui-font-primary-color)}.vxe-tab-header--item-name{height:40px;line-height:40px;border-bottom:2px solid transparent;transition:color .3s ease-in-out}.vxe-tab-pane--item{display:none;padding:var(--vxe-ui-layout-padding-default)}.vxe-tab-pane--item.is--visible{display:block}.vxe-tabs-header--active-line{display:none}.vxe-tabs--default .vxe-tabs-header--active-line{display:block;position:absolute;bottom:-1px;left:0;height:2px;width:4px;background-color:var(--vxe-ui-font-primary-color);z-index:1;transition:all .3s ease-in-out}.vxe-tabs--card .vxe-tabs-header{border-top:1px solid #e4e7ed;border-left:1px solid #e4e7ed}.vxe-tabs--card .vxe-tab-header--item{border-left:1px solid #e4e7ed}.vxe-tabs--card .vxe-tab-header--item:first-child{border-left:0}.vxe-tabs--card .vxe-tab-header--item:last-child{border-right:1px solid #e4e7ed}.vxe-tabs--border-card .vxe-tab-pane--item{border-bottom:1px solid #e4e7ed;border-left:1px solid #e4e7ed;border-right:1px solid #e4e7ed}.vxe-tabs--border-card .vxe-tabs-header{border-top:1px solid #e4e7ed;border-left:1px solid #e4e7ed;border-right:1px solid #e4e7ed;background-color:#f5f7fa}.vxe-tabs--border-card .vxe-tab-header--item.is--active{background-color:#fff}.vxe-tabs--border-card .vxe-tab-header--item.is--active::before{content:"";position:absolute;top:0;left:-1px;width:calc(100% + 2px);height:100%;border-left:1px solid #e4e7ed;border-right:1px solid #e4e7ed;pointer-events:none}.vxe-tabs--border-card .vxe-tab-header--item.is--active::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--vxe-ui-layout-background-color);pointer-events:none;z-index:1}
1
+ .vxe-tabs{background-color:var(--vxe-ui-layout-background-color)}.vxe-tabs-header{position:relative}.vxe-tabs-header::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#e4e7ed}.vxe-tabs-header--wrapper{position:relative;display:flex;flex-direction:row}.vxe-tab-header--item{position:relative;padding:0 16px;cursor:pointer}.vxe-tab-header--item.is--active{color:var(--vxe-ui-font-primary-color)}.vxe-tab-header--item-name,.vxe-tabs-header--active-line-border-card,.vxe-tabs-header--active-line-card{height:40px;line-height:40px}.vxe-tab-header--item-name{border-bottom:2px solid transparent;transition:color .3s ease-in-out}.vxe-tab-pane--item{display:none;padding:var(--vxe-ui-layout-padding-default)}.vxe-tab-pane--item.is--visible{display:block}.vxe-tabs-header--active-line-border-card,.vxe-tabs-header--active-line-card{transition:all .3s ease-in-out}.vxe-tabs-header--active-line-border-card,.vxe-tabs-header--active-line-card,.vxe-tabs-header--active-line-default{display:none}.vxe-tabs-header--active-line-border-card{border-left:1px solid #e4e7ed;border-right:1px solid #e4e7ed}.vxe-tabs--default .vxe-tabs-header--active-line-default{display:block;position:absolute;bottom:-1px;left:0;height:2px;width:4px;background-color:var(--vxe-ui-font-primary-color);z-index:1;transition:all .3s ease-in-out}.vxe-tabs--card .vxe-tabs-header--active-line-card{display:block;position:absolute;top:0;left:0;width:4px;border:1px solid var(--vxe-ui-font-primary-color);pointer-events:none;z-index:1}.vxe-tabs--card .vxe-tabs-header{border-top:1px solid #e4e7ed;border-left:1px solid #e4e7ed}.vxe-tabs--card .vxe-tab-header--item{border-left:1px solid #e4e7ed}.vxe-tabs--card .vxe-tab-header--item:first-child{border-left:0}.vxe-tabs--card .vxe-tab-header--item:last-child{border-right:1px solid #e4e7ed}.vxe-tabs--border-card .vxe-tabs-header--wrapper{z-index:2}.vxe-tabs--border-card .vxe-tabs-header--active-line-border-card{display:block;position:absolute;top:0;left:0;width:4px;background-color:#fff;pointer-events:none;z-index:1}.vxe-tabs--border-card .vxe-tab-pane--item{border-bottom:1px solid #e4e7ed;border-left:1px solid #e4e7ed;border-right:1px solid #e4e7ed}.vxe-tabs--border-card .vxe-tabs-header{border-top:1px solid #e4e7ed;border-left:1px solid #e4e7ed;border-right:1px solid #e4e7ed;background-color:#f5f7fa}
@@ -14,7 +14,7 @@
14
14
  outline: 0;
15
15
  font-size: inherit;
16
16
  padding: 0 0.6em;
17
- color: var(--vxe-font-color);
17
+ color: var(--vxe-ui-font-color);
18
18
  line-height: inherit;
19
19
  border: 1px solid var(--vxe-ui-input-border-color);
20
20
  background-color: var(--vxe-ui-textarea-background-color);
@@ -38,7 +38,7 @@
38
38
  .vxe-textarea--inner,
39
39
  .vxe-textarea--autosize {
40
40
  line-height: var(--vxe-ui-textarea-line-height);
41
- color: var(--vxe-font-color);
41
+ color: var(--vxe-ui-font-color);
42
42
  font-family: var(--vxe-font-family);
43
43
  }
44
44
 
@@ -1 +1 @@
1
- .vxe-textarea{position:relative;display:inline-block}.vxe-textarea:not(.def--cols){width:100%}.vxe-textarea:not(.def--cols) .vxe-textarea--inner{width:100%}.vxe-textarea--inner{border-radius:var(--vxe-border-radius);outline:0;font-size:inherit;padding:0 .6em;color:var(--vxe-font-color);line-height:inherit;border:1px solid var(--vxe-ui-input-border-color);background-color:var(--vxe-ui-textarea-background-color);display:block;padding:.3em .6em}.vxe-textarea--inner::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-textarea--inner::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-textarea--inner:focus{border:1px solid var(--vxe-primary-color)}.vxe-textarea--inner[disabled]{cursor:not-allowed;background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-textarea--autosize,.vxe-textarea--inner{line-height:var(--vxe-ui-textarea-line-height);color:var(--vxe-font-color);font-family:var(--vxe-font-family)}.vxe-textarea--autosize{display:block;position:fixed;top:0;left:0;width:100%;margin:0;padding:.3em .6em;word-wrap:break-word;white-space:pre-wrap;z-index:-1;visibility:hidden}.vxe-textarea--count{position:absolute;bottom:.2em;right:1.4em;padding-left:.2em;color:var(--vxe-ui-input-count-color);background-color:var(--vxe-ui-input-count-background-color)}.vxe-textarea--count.is--error{color:var(--vxe-ui-input-count-error-color)}.vxe-textarea,.vxe-textarea--autosize{font-size:var(--vxe-font-size)}.vxe-textarea--autosize.size--medium,.vxe-textarea.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-textarea--autosize.size--small,.vxe-textarea.size--small{font-size:var(--vxe-font-size-small)}.vxe-textarea--autosize.size--mini,.vxe-textarea.size--mini{font-size:var(--vxe-font-size-mini)}.vxe-textarea:not(.is--autosize){min-height:var(--vxe-ui-input-height-default)}.vxe-textarea.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-textarea.size--medium:not(.is--autosize){min-height:var(--vxe-ui-input-height-medium)}.vxe-textarea.size--small:not(.is--autosize){min-height:var(--vxe-ui-input-height-small)}.vxe-textarea.size--mini:not(.is--autosize){min-height:var(--vxe-ui-input-height-mini)}
1
+ .vxe-textarea{position:relative;display:inline-block}.vxe-textarea:not(.def--cols){width:100%}.vxe-textarea:not(.def--cols) .vxe-textarea--inner{width:100%}.vxe-textarea--inner{border-radius:var(--vxe-border-radius);outline:0;font-size:inherit;padding:0 .6em;color:var(--vxe-ui-font-color);line-height:inherit;border:1px solid var(--vxe-ui-input-border-color);background-color:var(--vxe-ui-textarea-background-color);display:block;padding:.3em .6em}.vxe-textarea--inner::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-textarea--inner::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-textarea--inner:focus{border:1px solid var(--vxe-primary-color)}.vxe-textarea--inner[disabled]{cursor:not-allowed;background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-textarea--autosize,.vxe-textarea--inner{line-height:var(--vxe-ui-textarea-line-height);color:var(--vxe-ui-font-color);font-family:var(--vxe-font-family)}.vxe-textarea--autosize{display:block;position:fixed;top:0;left:0;width:100%;margin:0;padding:.3em .6em;word-wrap:break-word;white-space:pre-wrap;z-index:-1;visibility:hidden}.vxe-textarea--count{position:absolute;bottom:.2em;right:1.4em;padding-left:.2em;color:var(--vxe-ui-input-count-color);background-color:var(--vxe-ui-input-count-background-color)}.vxe-textarea--count.is--error{color:var(--vxe-ui-input-count-error-color)}.vxe-textarea,.vxe-textarea--autosize{font-size:var(--vxe-font-size)}.vxe-textarea--autosize.size--medium,.vxe-textarea.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-textarea--autosize.size--small,.vxe-textarea.size--small{font-size:var(--vxe-font-size-small)}.vxe-textarea--autosize.size--mini,.vxe-textarea.size--mini{font-size:var(--vxe-font-size-mini)}.vxe-textarea:not(.is--autosize){min-height:var(--vxe-ui-input-height-default)}.vxe-textarea.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-textarea.size--medium:not(.is--autosize){min-height:var(--vxe-ui-input-height-medium)}.vxe-textarea.size--small:not(.is--autosize){min-height:var(--vxe-ui-input-height-small)}.vxe-textarea.size--mini:not(.is--autosize){min-height:var(--vxe-ui-input-height-mini)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vxe-pc-ui",
3
- "version": "0.2.0",
3
+ "version": "0.4.0",
4
4
  "description": "一个基于 vue 的 PC 端组件库",
5
5
  "scripts": {
6
6
  "update": "npm install --legacy-peer-deps",
@@ -1,5 +1,6 @@
1
1
  import { App } from 'vue'
2
2
  import VxeAnchorComponent from './src/anchor'
3
+ import { dynamicApp } from '../dynamics'
3
4
 
4
5
  const VxeAnchor = Object.assign({}, VxeAnchorComponent, {
5
6
  install (app: App) {
@@ -7,5 +8,7 @@ const VxeAnchor = Object.assign({}, VxeAnchorComponent, {
7
8
  }
8
9
  })
9
10
 
11
+ dynamicApp.component(VxeAnchorComponent.name as string, VxeAnchorComponent)
12
+
10
13
  export const Anchor = VxeAnchor
11
14
  export default VxeAnchor
@@ -152,29 +152,6 @@ export default defineComponent({
152
152
 
153
153
  Object.assign($xeAnchor, anchorMethods, anchorPrivateMethods)
154
154
 
155
- watch(() => props.modelValue, (val) => {
156
- reactData.activeHref = val
157
- })
158
-
159
- watch(() => reactData.activeHref, () => {
160
- updateMarkerPos()
161
- })
162
-
163
- watch(() => props.container, () => {
164
- removeContainerElemScroll()
165
- updateContainerElem()
166
- })
167
-
168
- onMounted(() => {
169
- nextTick(() => {
170
- updateContainerElem()
171
- })
172
- })
173
-
174
- onBeforeUnmount(() => {
175
- removeContainerElemScroll()
176
- })
177
-
178
155
  const renderSubItems = (options?: VxeAnchorPropTypes.Options) => {
179
156
  const itemVNs: VNode[] = []
180
157
  if (options) {
@@ -221,6 +198,29 @@ export default defineComponent({
221
198
  ])
222
199
  }
223
200
 
201
+ watch(() => props.modelValue, (val) => {
202
+ reactData.activeHref = val
203
+ })
204
+
205
+ watch(() => reactData.activeHref, () => {
206
+ updateMarkerPos()
207
+ })
208
+
209
+ watch(() => props.container, () => {
210
+ removeContainerElemScroll()
211
+ updateContainerElem()
212
+ })
213
+
214
+ onMounted(() => {
215
+ nextTick(() => {
216
+ updateContainerElem()
217
+ })
218
+ })
219
+
220
+ onBeforeUnmount(() => {
221
+ removeContainerElemScroll()
222
+ })
223
+
224
224
  $xeAnchor.renderVN = renderVN
225
225
 
226
226
  provide('$xeAnchor', $xeAnchor)
@@ -1,5 +1,6 @@
1
1
  import { App } from 'vue'
2
2
  import VxeAnchorLinkComponent from '../anchor/src/anchor-link'
3
+ import { dynamicApp } from '../dynamics'
3
4
 
4
5
  const VxeAnchorLink = Object.assign({}, VxeAnchorLinkComponent, {
5
6
  install (app: App) {
@@ -7,5 +8,7 @@ const VxeAnchorLink = Object.assign({}, VxeAnchorLinkComponent, {
7
8
  }
8
9
  })
9
10
 
11
+ dynamicApp.component(VxeAnchorLinkComponent.name as string, VxeAnchorLinkComponent)
12
+
10
13
  export const AnchorLink = VxeAnchorLink
11
14
  export default VxeAnchorLink
@@ -1,5 +1,6 @@
1
1
  import { App } from 'vue'
2
2
  import VxeBreadcrumbComponent from './src/breadcrumb'
3
+ import { dynamicApp } from '../dynamics'
3
4
 
4
5
  const VxeBreadcrumb = Object.assign({}, VxeBreadcrumbComponent, {
5
6
  install (app: App) {
@@ -7,5 +8,7 @@ const VxeBreadcrumb = Object.assign({}, VxeBreadcrumbComponent, {
7
8
  }
8
9
  })
9
10
 
11
+ dynamicApp.component(VxeBreadcrumbComponent.name as string, VxeBreadcrumbComponent)
12
+
10
13
  export const Breadcrumb = VxeBreadcrumb
11
14
  export default VxeBreadcrumb
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, ref, h, reactive, provide, PropType } from 'vue'
2
- import VxeUI from '../../ui'
2
+ import globalConfigStore from '../../ui/src/globalStore'
3
3
  import XEUtils from 'xe-utils'
4
4
 
5
5
  import { VxeBreadcrumbPropTypes, BreadcrumbReactData, BreadcrumbPrivateRef, VxeBreadcrumbPrivateComputed, VxeBreadcrumbConstructor, VxeBreadcrumbPrivateMethods } from '../../../types'
@@ -9,7 +9,7 @@ export default defineComponent({
9
9
  props: {
10
10
  separator: {
11
11
  type: String as PropType<VxeBreadcrumbPropTypes.Separator>,
12
- default: () => VxeUI.getConfig('breadcrumb.separator')
12
+ default: () => globalConfigStore.breadcrumb.separator
13
13
  }
14
14
  },
15
15
  emits: [],
@@ -1,5 +1,6 @@
1
1
  import { App } from 'vue'
2
2
  import VxeBreadcrumbItemComponent from './src/breadcrumb-item'
3
+ import { dynamicApp } from '../dynamics'
3
4
 
4
5
  const VxeBreadcrumbItem = Object.assign({}, VxeBreadcrumbItemComponent, {
5
6
  install (app: App) {
@@ -7,5 +8,7 @@ const VxeBreadcrumbItem = Object.assign({}, VxeBreadcrumbItemComponent, {
7
8
  }
8
9
  })
9
10
 
11
+ dynamicApp.component(VxeBreadcrumbItemComponent.name as string, VxeBreadcrumbItemComponent)
12
+
10
13
  export const BreadcrumbItem = VxeBreadcrumbItem
11
14
  export default VxeBreadcrumbItem
@@ -1,5 +1,6 @@
1
1
  import { App } from 'vue'
2
2
  import VxeButtonComponent from './src/button'
3
+ import { dynamicApp } from '../dynamics'
3
4
 
4
5
  const VxeButton = Object.assign({}, VxeButtonComponent, {
5
6
  install (app: App) {
@@ -7,5 +8,7 @@ const VxeButton = Object.assign({}, VxeButtonComponent, {
7
8
  }
8
9
  })
9
10
 
11
+ dynamicApp.component(VxeButtonComponent.name as string, VxeButtonComponent)
12
+
10
13
  export const Button = VxeButton
11
14
  export default VxeButton
@@ -1,5 +1,6 @@
1
1
  import { App } from 'vue'
2
2
  import VxeButtonGroupComponent from '../button/src/button-group'
3
+ import { dynamicApp } from '../dynamics'
3
4
 
4
5
  const VxeButtonGroup = Object.assign({}, VxeButtonGroupComponent, {
5
6
  install (app: App) {
@@ -7,5 +8,7 @@ const VxeButtonGroup = Object.assign({}, VxeButtonGroupComponent, {
7
8
  }
8
9
  })
9
10
 
11
+ dynamicApp.component(VxeButtonGroupComponent.name as string, VxeButtonGroupComponent)
12
+
10
13
  export const ButtonGroup = VxeButtonGroup
11
14
  export default VxeButtonGroup
@@ -4,12 +4,12 @@ import { dynamicApp } from '../dynamics'
4
4
 
5
5
  export const VxeCheckbox = Object.assign(VxeCheckboxComponent, {
6
6
  install (app: App) {
7
- app.component(VxeCheckboxComponent.name, VxeCheckboxComponent)
7
+ app.component(VxeCheckboxComponent.name as string, VxeCheckboxComponent)
8
8
  }
9
9
  })
10
10
 
11
11
  export const Checkbox = VxeCheckbox
12
12
 
13
- dynamicApp.component(VxeCheckboxComponent.name, VxeCheckboxComponent)
13
+ dynamicApp.component(VxeCheckboxComponent.name as string, VxeCheckboxComponent)
14
14
 
15
15
  export default VxeCheckbox
@@ -40,11 +40,11 @@ export default defineComponent({
40
40
 
41
41
  const computeSize = useSize(props)
42
42
 
43
- const $xecheckboxgroup = inject('$xecheckboxgroup', null as (VxeCheckboxGroupConstructor & VxeCheckboxGroupPrivateMethods) | null)
43
+ const $xeCheckboxGroup = inject('$xeCheckboxGroup', null as (VxeCheckboxGroupConstructor & VxeCheckboxGroupPrivateMethods) | null)
44
44
 
45
45
  const computeIsChecked = computed(() => {
46
- if ($xecheckboxgroup) {
47
- return XEUtils.includes($xecheckboxgroup.props.modelValue, props.label)
46
+ if ($xeCheckboxGroup) {
47
+ return XEUtils.includes($xeCheckboxGroup.props.modelValue, props.label)
48
48
  }
49
49
  return props.modelValue === props.checkedValue
50
50
  })
@@ -53,9 +53,9 @@ export default defineComponent({
53
53
  if (props.disabled) {
54
54
  return true
55
55
  }
56
- if ($xecheckboxgroup) {
57
- const { props: groupProps } = $xecheckboxgroup
58
- const { computeIsMaximize } = $xecheckboxgroup.getComputeMaps()
56
+ if ($xeCheckboxGroup) {
57
+ const { props: groupProps } = $xeCheckboxGroup
58
+ const { computeIsMaximize } = $xeCheckboxGroup.getComputeMaps()
59
59
  const isMaximize = computeIsMaximize.value
60
60
  const isChecked = computeIsChecked.value
61
61
  return groupProps.disabled || (isMaximize && !isChecked)
@@ -70,8 +70,8 @@ export default defineComponent({
70
70
  const checked = evnt.target.checked
71
71
  const value = checked ? checkedValue : uncheckedValue
72
72
  const params = { checked, value, label: props.label }
73
- if ($xecheckboxgroup) {
74
- $xecheckboxgroup.handleChecked(params, evnt)
73
+ if ($xeCheckboxGroup) {
74
+ $xeCheckboxGroup.handleChecked(params, evnt)
75
75
  } else {
76
76
  emit('update:modelValue', value)
77
77
  checkboxMethods.dispatchEvent('change', params, evnt)
@@ -58,7 +58,7 @@ export default defineComponent({
58
58
  computeIsMaximize
59
59
  }
60
60
 
61
- const $xecheckboxgroup = {
61
+ const $xeCheckboxGroup = {
62
62
  xID,
63
63
  props,
64
64
  context,
@@ -70,7 +70,7 @@ export default defineComponent({
70
70
 
71
71
  const checkboxGroupMethods: CheckboxGroupMethods = {
72
72
  dispatchEvent (type, params, evnt) {
73
- emit(type, Object.assign({ $checkboxGroup: $xecheckboxgroup, $event: evnt }, params))
73
+ emit(type, Object.assign({ $checkboxGroup: $xeCheckboxGroup, $event: evnt }, params))
74
74
  }
75
75
  }
76
76
 
@@ -87,7 +87,7 @@ export default defineComponent({
87
87
  checklist.splice(checkIndex, 1)
88
88
  }
89
89
  emit('update:modelValue', checklist)
90
- $xecheckboxgroup.dispatchEvent('change', Object.assign({ checklist }, params), evnt)
90
+ $xeCheckboxGroup.dispatchEvent('change', Object.assign({ checklist }, params), evnt)
91
91
  // 自动更新校验状态
92
92
  if ($xeform && formItemInfo) {
93
93
  $xeform.triggerItemEvent(evnt, formItemInfo.itemConfig.field, checklist)
@@ -95,7 +95,7 @@ export default defineComponent({
95
95
  }
96
96
  }
97
97
 
98
- Object.assign($xecheckboxgroup, checkboxGroupMethods, checkboxGroupPrivateMethods)
98
+ Object.assign($xeCheckboxGroup, checkboxGroupMethods, checkboxGroupPrivateMethods)
99
99
 
100
100
  const renderVN = () => {
101
101
  const { options } = props
@@ -118,9 +118,9 @@ export default defineComponent({
118
118
  : []))
119
119
  }
120
120
 
121
- $xecheckboxgroup.renderVN = renderVN
121
+ $xeCheckboxGroup.renderVN = renderVN
122
122
 
123
- provide('$xecheckboxgroup', $xecheckboxgroup)
123
+ provide('$xeCheckboxGroup', $xeCheckboxGroup)
124
124
 
125
125
  return renderVN
126
126
  }
@@ -4,12 +4,11 @@ import { dynamicApp } from '../dynamics'
4
4
 
5
5
  export const VxeCheckboxGroup = Object.assign(VxeCheckboxGroupComponent, {
6
6
  install (app: App) {
7
- app.component(VxeCheckboxGroupComponent.name, VxeCheckboxGroupComponent)
7
+ app.component(VxeCheckboxGroupComponent.name as string, VxeCheckboxGroupComponent)
8
8
  }
9
9
  })
10
10
 
11
- export const CheckboxGroup = VxeCheckboxGroup
12
-
13
- dynamicApp.component(VxeCheckboxGroupComponent.name, VxeCheckboxGroupComponent)
11
+ dynamicApp.component(VxeCheckboxGroupComponent.name as string, VxeCheckboxGroupComponent)
14
12
 
13
+ export const CheckboxGroup = VxeCheckboxGroup
15
14
  export default VxeCheckboxGroup
@@ -1,5 +1,6 @@
1
1
  import { App } from 'vue'
2
2
  import VxeColComponent from '../row/src/col'
3
+ import { dynamicApp } from '../dynamics'
3
4
 
4
5
  const VxeCol = Object.assign({}, VxeColComponent, {
5
6
  install (app: App) {
@@ -7,5 +8,7 @@ const VxeCol = Object.assign({}, VxeColComponent, {
7
8
  }
8
9
  })
9
10
 
11
+ dynamicApp.component(VxeColComponent.name as string, VxeColComponent)
12
+
10
13
  export const Col = VxeCol
11
14
  export default VxeCol