vxe-pc-ui 3.0.0 → 3.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (331) hide show
  1. package/es/button/src/button.js +3 -0
  2. package/es/carousel/index.js +12 -0
  3. package/es/carousel/src/carousel-item.js +100 -0
  4. package/es/carousel/src/carousel.js +418 -0
  5. package/es/carousel/src/util.js +17 -0
  6. package/es/carousel/style.css +185 -0
  7. package/es/carousel/style.min.css +1 -0
  8. package/es/carousel-item/index.js +12 -0
  9. package/es/carousel-item/style.css +0 -0
  10. package/es/carousel-item/style.min.css +0 -0
  11. package/es/checkbox/index.js +12 -0
  12. package/es/checkbox/src/checkbox.js +159 -0
  13. package/es/checkbox/src/group.js +154 -0
  14. package/es/checkbox/style.css +117 -0
  15. package/es/checkbox/style.min.css +1 -0
  16. package/es/checkbox-group/index.js +12 -0
  17. package/es/checkbox-group/style.css +0 -0
  18. package/es/checkbox-group/style.min.css +0 -0
  19. package/es/components.js +39 -39
  20. package/es/date-picker/src/date-picker.js +3 -0
  21. package/es/icon/style.css +1 -1
  22. package/es/icon-picker/index.js +12 -0
  23. package/es/icon-picker/src/icon-picker.js +668 -0
  24. package/es/icon-picker/style.css +207 -0
  25. package/es/icon-picker/style.min.css +1 -0
  26. package/es/input/index.js +12 -0
  27. package/es/input/src/input.js +2892 -0
  28. package/es/input/style.css +941 -0
  29. package/es/input/style.min.css +1 -0
  30. package/es/layout-footer/src/layout-footer.js +2 -1
  31. package/es/layout-header/src/layout-header.js +2 -1
  32. package/es/optgroup/index.js +12 -0
  33. package/es/optgroup/style.css +0 -0
  34. package/es/optgroup/style.min.css +0 -0
  35. package/es/option/index.js +12 -0
  36. package/es/option/style.css +0 -0
  37. package/es/option/style.min.css +0 -0
  38. package/es/pager/index.js +12 -0
  39. package/es/pager/src/pager.js +687 -0
  40. package/es/password-input/index.js +12 -0
  41. package/es/password-input/src/password-input.js +388 -0
  42. package/es/password-input/style.css +604 -0
  43. package/es/password-input/style.min.css +1 -0
  44. package/es/pulldown/src/pulldown.js +5 -1
  45. package/es/select/index.js +12 -0
  46. package/es/select/src/optgroup.js +90 -0
  47. package/es/select/src/option-info.js +16 -0
  48. package/es/select/src/option.js +86 -0
  49. package/es/select/src/select.js +1269 -0
  50. package/es/select/src/util.js +35 -0
  51. package/es/select/style.css +207 -0
  52. package/es/select/style.min.css +1 -0
  53. package/es/style.css +1 -1
  54. package/es/style.min.css +1 -1
  55. package/es/tab-pane/index.js +12 -0
  56. package/es/tab-pane/style.css +0 -0
  57. package/es/tab-pane/style.min.css +0 -0
  58. package/es/tabs/index.js +12 -0
  59. package/es/tabs/src/tab-pane.js +119 -0
  60. package/es/tabs/src/tabs.js +593 -0
  61. package/es/tabs/src/util.js +17 -0
  62. package/es/tabs/style.css +342 -0
  63. package/es/tabs/style.min.css +1 -0
  64. package/es/ui/index.js +1 -1
  65. package/es/ui/src/log.js +1 -1
  66. package/es/vxe-carousel/index.js +3 -0
  67. package/es/vxe-carousel/style.css +185 -0
  68. package/es/vxe-carousel/style.min.css +1 -0
  69. package/es/vxe-carousel-item/index.js +3 -0
  70. package/es/vxe-carousel-item/style.css +0 -0
  71. package/es/vxe-carousel-item/style.min.css +0 -0
  72. package/es/vxe-checkbox/index.js +3 -0
  73. package/es/vxe-checkbox/style.css +117 -0
  74. package/es/vxe-checkbox/style.min.css +1 -0
  75. package/es/vxe-checkbox-group/index.js +3 -0
  76. package/es/vxe-checkbox-group/style.css +0 -0
  77. package/es/vxe-checkbox-group/style.min.css +0 -0
  78. package/es/vxe-icon-picker/index.js +3 -0
  79. package/es/vxe-icon-picker/style.css +207 -0
  80. package/es/vxe-icon-picker/style.min.css +1 -0
  81. package/es/vxe-input/index.js +3 -0
  82. package/es/vxe-input/style.css +941 -0
  83. package/es/vxe-input/style.min.css +1 -0
  84. package/es/vxe-optgroup/index.js +3 -0
  85. package/es/vxe-optgroup/style.css +0 -0
  86. package/es/vxe-optgroup/style.min.css +0 -0
  87. package/es/vxe-option/index.js +3 -0
  88. package/es/vxe-option/style.css +0 -0
  89. package/es/vxe-option/style.min.css +0 -0
  90. package/es/vxe-password-input/index.js +3 -0
  91. package/es/vxe-password-input/style.css +604 -0
  92. package/es/vxe-password-input/style.min.css +1 -0
  93. package/es/vxe-select/index.js +3 -0
  94. package/es/vxe-select/style.css +207 -0
  95. package/es/vxe-select/style.min.css +1 -0
  96. package/es/vxe-tab-pane/index.js +3 -0
  97. package/es/vxe-tab-pane/style.css +0 -0
  98. package/es/vxe-tab-pane/style.min.css +0 -0
  99. package/es/vxe-tabs/index.js +3 -0
  100. package/es/vxe-tabs/style.css +342 -0
  101. package/es/vxe-tabs/style.min.css +1 -0
  102. package/lib/button/src/button.js +3 -0
  103. package/lib/button/src/button.min.js +1 -1
  104. package/lib/carousel/index.js +19 -0
  105. package/lib/carousel/index.min.js +1 -0
  106. package/lib/carousel/src/carousel-item.js +107 -0
  107. package/lib/carousel/src/carousel-item.min.js +1 -0
  108. package/lib/carousel/src/carousel.js +437 -0
  109. package/lib/carousel/src/carousel.min.js +1 -0
  110. package/lib/carousel/src/util.js +27 -0
  111. package/lib/carousel/src/util.min.js +1 -0
  112. package/lib/carousel/style/index.js +1 -0
  113. package/lib/carousel/style/style.css +185 -0
  114. package/lib/carousel/style/style.min.css +1 -0
  115. package/lib/carousel-item/index.js +19 -0
  116. package/lib/carousel-item/index.min.js +1 -0
  117. package/lib/carousel-item/style/index.js +1 -0
  118. package/lib/carousel-item/style/style.css +0 -0
  119. package/lib/carousel-item/style/style.min.css +0 -0
  120. package/lib/checkbox/index.js +19 -0
  121. package/lib/checkbox/index.min.js +1 -0
  122. package/lib/checkbox/src/checkbox.js +169 -0
  123. package/lib/checkbox/src/checkbox.min.js +1 -0
  124. package/lib/checkbox/src/group.js +164 -0
  125. package/lib/checkbox/src/group.min.js +1 -0
  126. package/lib/checkbox/style/index.js +1 -0
  127. package/lib/checkbox/style/style.css +117 -0
  128. package/lib/checkbox/style/style.min.css +1 -0
  129. package/lib/checkbox-group/index.js +19 -0
  130. package/lib/checkbox-group/index.min.js +1 -0
  131. package/lib/checkbox-group/style/index.js +1 -0
  132. package/lib/checkbox-group/style/style.css +0 -0
  133. package/lib/checkbox-group/style/style.min.css +0 -0
  134. package/lib/components.js +159 -60
  135. package/lib/components.min.js +1 -1
  136. package/lib/date-picker/src/date-picker.js +3 -0
  137. package/lib/date-picker/src/date-picker.min.js +1 -1
  138. package/lib/icon/style/style.css +1 -1
  139. package/lib/icon/style/style.min.css +1 -1
  140. package/lib/icon-picker/index.js +19 -0
  141. package/lib/icon-picker/index.min.js +1 -0
  142. package/lib/icon-picker/src/icon-picker.js +646 -0
  143. package/lib/icon-picker/src/icon-picker.min.js +1 -0
  144. package/lib/icon-picker/style/index.js +1 -0
  145. package/lib/icon-picker/style/style.css +207 -0
  146. package/lib/icon-picker/style/style.min.css +1 -0
  147. package/lib/index.umd.js +15870 -7738
  148. package/lib/index.umd.min.js +1 -1
  149. package/lib/input/index.js +19 -0
  150. package/lib/input/index.min.js +1 -0
  151. package/lib/input/src/input.js +2897 -0
  152. package/lib/input/src/input.min.js +1 -0
  153. package/lib/input/style/index.js +1 -0
  154. package/lib/input/style/style.css +941 -0
  155. package/lib/input/style/style.min.css +1 -0
  156. package/lib/layout-footer/src/layout-footer.js +2 -1
  157. package/lib/layout-header/src/layout-header.js +2 -1
  158. package/lib/optgroup/index.js +19 -0
  159. package/lib/optgroup/index.min.js +1 -0
  160. package/lib/optgroup/style/index.js +1 -0
  161. package/lib/optgroup/style/style.css +0 -0
  162. package/lib/optgroup/style/style.min.css +0 -0
  163. package/lib/option/index.js +19 -0
  164. package/lib/option/index.min.js +1 -0
  165. package/lib/option/style/index.js +1 -0
  166. package/lib/option/style/style.css +0 -0
  167. package/lib/option/style/style.min.css +0 -0
  168. package/lib/pager/index.js +19 -0
  169. package/lib/pager/index.min.js +1 -0
  170. package/lib/pager/src/pager.js +714 -0
  171. package/lib/pager/src/pager.min.js +1 -0
  172. package/lib/password-input/index.js +19 -0
  173. package/lib/password-input/index.min.js +1 -0
  174. package/lib/password-input/src/password-input.js +398 -0
  175. package/lib/password-input/src/password-input.min.js +1 -0
  176. package/lib/password-input/style/index.js +1 -0
  177. package/lib/password-input/style/style.css +604 -0
  178. package/lib/password-input/style/style.min.css +1 -0
  179. package/lib/pulldown/src/pulldown.js +5 -1
  180. package/lib/pulldown/src/pulldown.min.js +1 -1
  181. package/lib/select/index.js +19 -0
  182. package/lib/select/index.min.js +1 -0
  183. package/lib/select/src/optgroup.js +97 -0
  184. package/lib/select/src/optgroup.min.js +1 -0
  185. package/lib/select/src/option-info.js +33 -0
  186. package/lib/select/src/option-info.min.js +1 -0
  187. package/lib/select/src/option.js +93 -0
  188. package/lib/select/src/option.min.js +1 -0
  189. package/lib/select/src/select.js +1315 -0
  190. package/lib/select/src/select.min.js +1 -0
  191. package/lib/select/src/util.js +50 -0
  192. package/lib/select/src/util.min.js +1 -0
  193. package/lib/select/style/index.js +1 -0
  194. package/lib/select/style/style.css +207 -0
  195. package/lib/select/style/style.min.css +1 -0
  196. package/lib/style.css +1 -1
  197. package/lib/style.min.css +1 -1
  198. package/lib/tab-pane/index.js +19 -0
  199. package/lib/tab-pane/index.min.js +1 -0
  200. package/lib/tab-pane/style/index.js +1 -0
  201. package/lib/tab-pane/style/style.css +0 -0
  202. package/lib/tab-pane/style/style.min.css +0 -0
  203. package/lib/tabs/index.js +19 -0
  204. package/lib/tabs/index.min.js +1 -0
  205. package/lib/tabs/src/tab-pane.js +128 -0
  206. package/lib/tabs/src/tab-pane.min.js +1 -0
  207. package/lib/tabs/src/tabs.js +630 -0
  208. package/lib/tabs/src/tabs.min.js +1 -0
  209. package/lib/tabs/src/util.js +29 -0
  210. package/lib/tabs/src/util.min.js +1 -0
  211. package/lib/tabs/style/index.js +1 -0
  212. package/lib/tabs/style/style.css +342 -0
  213. package/lib/tabs/style/style.min.css +1 -0
  214. package/lib/ui/index.js +1 -1
  215. package/lib/ui/index.min.js +1 -1
  216. package/lib/ui/src/log.js +1 -1
  217. package/lib/ui/src/log.min.js +1 -1
  218. package/lib/vxe-carousel/index.js +23 -0
  219. package/lib/vxe-carousel/index.min.js +1 -0
  220. package/lib/vxe-carousel/style/index.js +1 -0
  221. package/lib/vxe-carousel/style/style.css +185 -0
  222. package/lib/vxe-carousel/style/style.min.css +1 -0
  223. package/lib/vxe-carousel-item/index.js +23 -0
  224. package/lib/vxe-carousel-item/index.min.js +1 -0
  225. package/lib/vxe-carousel-item/style/index.js +1 -0
  226. package/lib/vxe-carousel-item/style/style.css +0 -0
  227. package/lib/vxe-carousel-item/style/style.min.css +0 -0
  228. package/lib/vxe-checkbox/index.js +23 -0
  229. package/lib/vxe-checkbox/index.min.js +1 -0
  230. package/lib/vxe-checkbox/style/index.js +1 -0
  231. package/lib/vxe-checkbox/style/style.css +117 -0
  232. package/lib/vxe-checkbox/style/style.min.css +1 -0
  233. package/lib/vxe-checkbox-group/index.js +23 -0
  234. package/lib/vxe-checkbox-group/index.min.js +1 -0
  235. package/lib/vxe-checkbox-group/style/index.js +1 -0
  236. package/lib/vxe-checkbox-group/style/style.css +0 -0
  237. package/lib/vxe-checkbox-group/style/style.min.css +0 -0
  238. package/lib/vxe-icon-picker/index.js +23 -0
  239. package/lib/vxe-icon-picker/index.min.js +1 -0
  240. package/lib/vxe-icon-picker/style/index.js +1 -0
  241. package/lib/vxe-icon-picker/style/style.css +207 -0
  242. package/lib/vxe-icon-picker/style/style.min.css +1 -0
  243. package/lib/vxe-input/index.js +23 -0
  244. package/lib/vxe-input/index.min.js +1 -0
  245. package/lib/vxe-input/style/index.js +1 -0
  246. package/lib/vxe-input/style/style.css +941 -0
  247. package/lib/vxe-input/style/style.min.css +1 -0
  248. package/lib/vxe-optgroup/index.js +23 -0
  249. package/lib/vxe-optgroup/index.min.js +1 -0
  250. package/lib/vxe-optgroup/style/index.js +1 -0
  251. package/lib/vxe-optgroup/style/style.css +0 -0
  252. package/lib/vxe-optgroup/style/style.min.css +0 -0
  253. package/lib/vxe-option/index.js +23 -0
  254. package/lib/vxe-option/index.min.js +1 -0
  255. package/lib/vxe-option/style/index.js +1 -0
  256. package/lib/vxe-option/style/style.css +0 -0
  257. package/lib/vxe-option/style/style.min.css +0 -0
  258. package/lib/vxe-password-input/index.js +23 -0
  259. package/lib/vxe-password-input/index.min.js +1 -0
  260. package/lib/vxe-password-input/style/index.js +1 -0
  261. package/lib/vxe-password-input/style/style.css +604 -0
  262. package/lib/vxe-password-input/style/style.min.css +1 -0
  263. package/lib/vxe-select/index.js +23 -0
  264. package/lib/vxe-select/index.min.js +1 -0
  265. package/lib/vxe-select/style/index.js +1 -0
  266. package/lib/vxe-select/style/style.css +207 -0
  267. package/lib/vxe-select/style/style.min.css +1 -0
  268. package/lib/vxe-tab-pane/index.js +23 -0
  269. package/lib/vxe-tab-pane/index.min.js +1 -0
  270. package/lib/vxe-tab-pane/style/index.js +1 -0
  271. package/lib/vxe-tab-pane/style/style.css +0 -0
  272. package/lib/vxe-tab-pane/style/style.min.css +0 -0
  273. package/lib/vxe-tabs/index.js +23 -0
  274. package/lib/vxe-tabs/index.min.js +1 -0
  275. package/lib/vxe-tabs/style/index.js +1 -0
  276. package/lib/vxe-tabs/style/style.css +342 -0
  277. package/lib/vxe-tabs/style/style.min.css +1 -0
  278. package/package.json +1 -1
  279. package/packages/button/src/button.ts +3 -0
  280. package/packages/carousel/index.ts +16 -0
  281. package/packages/carousel/src/carousel-item.ts +114 -0
  282. package/packages/carousel/src/carousel.ts +449 -0
  283. package/packages/carousel/src/util.ts +21 -0
  284. package/packages/carousel-item/index.ts +16 -0
  285. package/packages/checkbox/index.ts +16 -0
  286. package/packages/checkbox/src/checkbox.ts +176 -0
  287. package/packages/checkbox/src/group.ts +178 -0
  288. package/packages/checkbox-group/index.ts +16 -0
  289. package/packages/components.ts +39 -39
  290. package/packages/date-picker/src/date-picker.ts +3 -0
  291. package/packages/icon-picker/index.ts +16 -0
  292. package/packages/icon-picker/src/icon-picker.ts +711 -0
  293. package/packages/input/index.ts +16 -0
  294. package/packages/input/src/input.ts +2995 -0
  295. package/packages/layout-footer/src/layout-footer.ts +4 -3
  296. package/packages/layout-header/src/layout-header.ts +2 -1
  297. package/packages/optgroup/index.ts +16 -0
  298. package/packages/option/index.ts +16 -0
  299. package/packages/pager/index.ts +16 -0
  300. package/packages/pager/src/pager.ts +743 -0
  301. package/packages/password-input/index.ts +16 -0
  302. package/packages/password-input/src/password-input.ts +427 -0
  303. package/packages/pulldown/src/pulldown.ts +5 -1
  304. package/packages/select/index.ts +16 -0
  305. package/packages/select/src/optgroup.ts +107 -0
  306. package/packages/select/src/option-info.ts +20 -0
  307. package/packages/select/src/option.ts +103 -0
  308. package/packages/select/src/select.ts +1325 -0
  309. package/packages/select/src/util.ts +46 -0
  310. package/packages/tab-pane/index.ts +16 -0
  311. package/packages/tabs/index.ts +16 -0
  312. package/packages/tabs/src/tab-pane.ts +136 -0
  313. package/packages/tabs/src/tabs.ts +630 -0
  314. package/packages/tabs/src/util.ts +21 -0
  315. package/types/components/carousel.d.ts +5 -0
  316. package/types/components/icon-picker.d.ts +4 -0
  317. package/types/components/input.d.ts +9 -1
  318. package/types/components/optgroup.d.ts +10 -4
  319. package/types/components/tabs.d.ts +4 -0
  320. /package/es/icon/style/{iconfont.1725630285930.ttf → iconfont.1725723159302.ttf} +0 -0
  321. /package/es/icon/style/{iconfont.1725630285930.woff → iconfont.1725723159302.woff} +0 -0
  322. /package/es/icon/style/{iconfont.1725630285930.woff2 → iconfont.1725723159302.woff2} +0 -0
  323. /package/es/{iconfont.1725630285930.ttf → iconfont.1725723159302.ttf} +0 -0
  324. /package/es/{iconfont.1725630285930.woff → iconfont.1725723159302.woff} +0 -0
  325. /package/es/{iconfont.1725630285930.woff2 → iconfont.1725723159302.woff2} +0 -0
  326. /package/lib/icon/style/{iconfont.1725630285930.ttf → iconfont.1725723159302.ttf} +0 -0
  327. /package/lib/icon/style/{iconfont.1725630285930.woff → iconfont.1725723159302.woff} +0 -0
  328. /package/lib/icon/style/{iconfont.1725630285930.woff2 → iconfont.1725723159302.woff2} +0 -0
  329. /package/lib/{iconfont.1725630285930.ttf → iconfont.1725723159302.ttf} +0 -0
  330. /package/lib/{iconfont.1725630285930.woff → iconfont.1725723159302.woff} +0 -0
  331. /package/lib/{iconfont.1725630285930.woff2 → iconfont.1725723159302.woff2} +0 -0
@@ -0,0 +1,342 @@
1
+ .vxe-tabs {
2
+ display: flex;
3
+ flex-direction: column;
4
+ color: var(--vxe-ui-font-color);
5
+ font-family: var(--vxe-ui-font-family);
6
+ }
7
+ .vxe-tabs.is--padding .vxe-tabs-pane--item {
8
+ padding: var(--vxe-ui-layout-padding-default);
9
+ }
10
+ .vxe-tabs.trigger--default .vxe-tabs-header--item {
11
+ cursor: pointer;
12
+ }
13
+ .vxe-tabs.trigger--default .vxe-tabs-header--item:hover .vxe-tabs-header--item-name {
14
+ color: var(--vxe-ui-font-primary-color);
15
+ }
16
+
17
+ .vxe-tabs-header {
18
+ display: flex;
19
+ flex-direction: row;
20
+ }
21
+
22
+ .vxe-tabs-header--bar {
23
+ position: relative;
24
+ display: flex;
25
+ flex-direction: row;
26
+ align-items: center;
27
+ justify-content: center;
28
+ flex-shrink: 0;
29
+ width: 2em;
30
+ border: 1px solid var(--vxe-ui-input-border-color);
31
+ cursor: pointer;
32
+ }
33
+ .vxe-tabs-header--bar::after {
34
+ content: "";
35
+ position: absolute;
36
+ top: 0;
37
+ width: 1px;
38
+ height: 100%;
39
+ background-color: var(--vxe-ui-input-border-color);
40
+ z-index: 3;
41
+ }
42
+ .vxe-tabs-header--bar:focus {
43
+ color: var(--vxe-ui-font-darken-color);
44
+ }
45
+ .vxe-tabs-header--bar:hover {
46
+ color: var(--vxe-ui-font-primary-lighten-color);
47
+ background-color: var(--vxe-ui-font-tinge-color);
48
+ }
49
+ .vxe-tabs-header--bar:active {
50
+ color: var(--vxe-ui-font-primary-darken-color);
51
+ }
52
+
53
+ .vxe-tabs-header--left-bar {
54
+ border-right: 0;
55
+ box-shadow: 8px 0px 10px -5px var(--vxe-ui-tabs-bar-scrolling-box-shadow-color);
56
+ }
57
+ .vxe-tabs-header--left-bar::after {
58
+ right: -1px;
59
+ }
60
+
61
+ .vxe-tabs-header--right-bar {
62
+ border-left: 0;
63
+ box-shadow: -8px 0px 10px -5px var(--vxe-ui-tabs-bar-scrolling-box-shadow-color);
64
+ }
65
+ .vxe-tabs-header--right-bar::after {
66
+ left: -1px;
67
+ }
68
+
69
+ .vxe-tabs-header--extra {
70
+ display: flex;
71
+ flex-direction: row;
72
+ align-items: center;
73
+ justify-content: center;
74
+ flex-shrink: 0;
75
+ border-bottom: 1px solid var(--vxe-ui-input-border-color);
76
+ }
77
+
78
+ .vxe-tabs-header--wrapper {
79
+ position: relative;
80
+ flex-grow: 1;
81
+ }
82
+ .vxe-tabs-header--wrapper::after {
83
+ content: "";
84
+ position: absolute;
85
+ left: 0;
86
+ bottom: 0;
87
+ width: 100%;
88
+ height: 1px;
89
+ background-color: var(--vxe-ui-input-border-color);
90
+ z-index: 0;
91
+ }
92
+
93
+ .vxe-tabs-header--item-wrapper {
94
+ position: relative;
95
+ display: flex;
96
+ flex-direction: row;
97
+ overflow-y: hidden;
98
+ overflow-x: auto;
99
+ outline: 0;
100
+ }
101
+
102
+ .vxe-tabs-header--item {
103
+ position: relative;
104
+ flex-shrink: 0;
105
+ padding: 0 0.5em;
106
+ }
107
+ .vxe-tabs-header--item.is--active {
108
+ color: var(--vxe-ui-font-primary-color);
109
+ }
110
+ .vxe-tabs-header--item.align--left {
111
+ text-align: left;
112
+ }
113
+ .vxe-tabs-header--item.align--center {
114
+ text-align: center;
115
+ }
116
+ .vxe-tabs-header--item.align--right {
117
+ text-align: right;
118
+ }
119
+
120
+ .vxe-tabs-header--item-inner {
121
+ display: flex;
122
+ flex-direction: row;
123
+ align-items: center;
124
+ }
125
+
126
+ .vxe-tabs-header--item-content {
127
+ flex-grow: 1;
128
+ }
129
+
130
+ .vxe-tabs-header--item-icon {
131
+ padding: 0 0.6em;
132
+ }
133
+ .vxe-tabs-header--item-icon + .vxe-tabs-header--item-name {
134
+ padding-left: 0;
135
+ }
136
+
137
+ .vxe-tabs-header--item-name {
138
+ padding: 0 0.6em;
139
+ }
140
+
141
+ .vxe-tabs-header--close-btn {
142
+ font-size: 0.8em;
143
+ border-radius: 50%;
144
+ width: 1.5em;
145
+ height: 1.5em;
146
+ line-height: 1.5em;
147
+ text-align: center;
148
+ }
149
+ .vxe-tabs-header--close-btn:hover {
150
+ color: var(--vxe-ui-font-color);
151
+ background: var(--vxe-ui-tabs-close-hover-background-color);
152
+ }
153
+ .vxe-tabs-header--close-btn:active {
154
+ color: var(--vxe-ui-font-primary-color);
155
+ }
156
+ .vxe-tabs-header--close-btn > i {
157
+ font-size: 1em;
158
+ }
159
+
160
+ .vxe-tabs-header--item-inner {
161
+ transition: color 0.1s ease-in-out;
162
+ }
163
+
164
+ .vxe-tabs-pane {
165
+ flex-grow: 1;
166
+ overflow: hidden;
167
+ }
168
+
169
+ .vxe-tabs-pane--item {
170
+ display: none;
171
+ height: 100%;
172
+ overflow: auto;
173
+ outline: 0;
174
+ }
175
+ .vxe-tabs-pane--item.is--visible {
176
+ display: block;
177
+ }
178
+
179
+ .vxe-tabs-header--active-line {
180
+ display: none;
181
+ }
182
+ .vxe-tabs-header--active-line.type--default {
183
+ display: block;
184
+ position: absolute;
185
+ bottom: 0;
186
+ left: 0;
187
+ height: 2px;
188
+ width: 4px;
189
+ background-color: var(--vxe-ui-font-primary-color);
190
+ z-index: 2;
191
+ transition: all 0.3s ease-in-out;
192
+ }
193
+ .vxe-tabs-header--active-line.type--card {
194
+ display: block;
195
+ position: absolute;
196
+ top: 0;
197
+ left: 0;
198
+ width: 4px;
199
+ border: 1px solid var(--vxe-ui-font-primary-color);
200
+ pointer-events: none;
201
+ z-index: 1;
202
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
203
+ transition: color, left 0.3s ease-in-out;
204
+ }
205
+ .vxe-tabs-header--active-line.type--border-card {
206
+ display: block;
207
+ position: absolute;
208
+ top: 0;
209
+ left: 0;
210
+ width: 4px;
211
+ border-left: 1px solid var(--vxe-ui-input-border-color);
212
+ border-right: 1px solid var(--vxe-ui-input-border-color);
213
+ pointer-events: none;
214
+ z-index: 1;
215
+ }
216
+
217
+ .vxe-tabs--default,
218
+ .vxe-tabs--card,
219
+ .vxe-tabs--border-card,
220
+ .vxe-tabs--round-card {
221
+ border-radius: var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;
222
+ background-color: var(--vxe-ui-layout-background-color);
223
+ }
224
+
225
+ .vxe-tabs--default .vxe-tabs-header--item-inner {
226
+ border-bottom: 2px solid transparent;
227
+ }
228
+
229
+ .vxe-tabs--card .vxe-tabs-header--bar {
230
+ border-top: 0;
231
+ }
232
+ .vxe-tabs--card .vxe-tabs-header--left-bar {
233
+ border-left: 0;
234
+ }
235
+ .vxe-tabs--card .vxe-tabs-header--right-bar {
236
+ border-right: 0;
237
+ }
238
+ .vxe-tabs--card .vxe-tabs-header {
239
+ border-radius: var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;
240
+ border-top: 1px solid var(--vxe-ui-input-border-color);
241
+ border-left: 1px solid var(--vxe-ui-input-border-color);
242
+ border-right: 1px solid var(--vxe-ui-input-border-color);
243
+ }
244
+ .vxe-tabs--card .vxe-tabs-header .vxe-tabs-header--wrapper {
245
+ border-radius: var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;
246
+ }
247
+ .vxe-tabs--card .vxe-tabs-header--item {
248
+ border-left: 1px solid var(--vxe-ui-input-border-color);
249
+ }
250
+ .vxe-tabs--card .vxe-tabs-header--item:first-child {
251
+ border-left: 0;
252
+ }
253
+ .vxe-tabs--card .vxe-tabs-header--item:last-child {
254
+ border-right: 1px solid var(--vxe-ui-input-border-color);
255
+ }
256
+
257
+ .vxe-tabs--border-card .vxe-tabs-header--item-wrapper {
258
+ z-index: 2;
259
+ }
260
+ .vxe-tabs--border-card .vxe-tabs-header--bar {
261
+ border-top: 0;
262
+ }
263
+ .vxe-tabs--border-card .vxe-tabs-header--left-bar {
264
+ border-left: 0;
265
+ }
266
+ .vxe-tabs--border-card .vxe-tabs-header--right-bar {
267
+ border-right: 0;
268
+ }
269
+ .vxe-tabs--border-card.is--padding .vxe-tabs-pane--item, .vxe-tabs--border-card.is--height .vxe-tabs-pane--item {
270
+ border-bottom: 1px solid var(--vxe-ui-input-border-color);
271
+ border-left: 1px solid var(--vxe-ui-input-border-color);
272
+ border-right: 1px solid var(--vxe-ui-input-border-color);
273
+ }
274
+ .vxe-tabs--border-card .vxe-tabs-pane--item.has--content {
275
+ border-bottom: 1px solid var(--vxe-ui-input-border-color);
276
+ border-left: 1px solid var(--vxe-ui-input-border-color);
277
+ border-right: 1px solid var(--vxe-ui-input-border-color);
278
+ }
279
+ .vxe-tabs--border-card .vxe-tabs-header {
280
+ border-top: 1px solid var(--vxe-ui-input-border-color);
281
+ border-left: 1px solid var(--vxe-ui-input-border-color);
282
+ border-right: 1px solid var(--vxe-ui-input-border-color);
283
+ background-color: var(--vxe-ui-tabs-card-header-background-color);
284
+ }
285
+ .vxe-tabs--border-card .vxe-tabs-header .vxe-tabs-header--wrapper {
286
+ border-radius: var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;
287
+ }
288
+ .vxe-tabs--border-card .vxe-tabs-header--item.is--active {
289
+ background-color: var(--vxe-ui-layout-background-color);
290
+ }
291
+
292
+ .vxe-tabs--round-card .vxe-tabs-header--item-wrapper {
293
+ z-index: 2;
294
+ }
295
+ .vxe-tabs--round-card .vxe-tabs-header--item {
296
+ position: relative;
297
+ z-index: 2;
298
+ margin: 0 2px;
299
+ border-top: 1px solid var(--vxe-ui-input-border-color);
300
+ border-left: 1px solid var(--vxe-ui-input-border-color);
301
+ border-right: 1px solid var(--vxe-ui-input-border-color);
302
+ border-radius: var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;
303
+ background-color: rgba(0, 0, 0, 0.02);
304
+ transition: color 0.3s ease-in-out;
305
+ }
306
+ .vxe-tabs--round-card .vxe-tabs-header--item.is--active {
307
+ background-color: var(--vxe-ui-layout-background-color);
308
+ }
309
+ .vxe-tabs--round-card .vxe-tabs-header--item:first-child {
310
+ margin-left: 0;
311
+ }
312
+ .vxe-tabs--round-card .vxe-tabs-header--item:last-child {
313
+ margin-right: 0;
314
+ }
315
+ .vxe-tabs--round-card.is--padding .vxe-tabs-pane--item, .vxe-tabs--round-card.is--height .vxe-tabs-pane--item {
316
+ border-bottom: 1px solid var(--vxe-ui-input-border-color);
317
+ border-left: 1px solid var(--vxe-ui-input-border-color);
318
+ border-right: 1px solid var(--vxe-ui-input-border-color);
319
+ }
320
+ .vxe-tabs--round-card .vxe-tabs-pane--item.has--content {
321
+ border-bottom: 1px solid var(--vxe-ui-input-border-color);
322
+ border-left: 1px solid var(--vxe-ui-input-border-color);
323
+ border-right: 1px solid var(--vxe-ui-input-border-color);
324
+ }
325
+ .vxe-tabs--round-card .vxe-tabs-pane {
326
+ background-color: var(--vxe-ui-layout-background-color);
327
+ }
328
+
329
+ .vxe-tabs .vxe-tabs-header--wrapper {
330
+ height: var(--vxe-ui-tabs-header-height-default);
331
+ overflow: hidden;
332
+ }
333
+ .vxe-tabs .vxe-tabs-header--item-inner {
334
+ height: var(--vxe-ui-tabs-header-height-default);
335
+ }
336
+ .vxe-tabs .vxe-tabs-header--active-line.type--card {
337
+ height: calc(var(--vxe-ui-tabs-header-height-default) - 1px);
338
+ }
339
+ .vxe-tabs .vxe-tabs-header--active-line.type--border-card {
340
+ height: calc(var(--vxe-ui-tabs-header-height-default) + 1px);
341
+ line-height: calc(var(--vxe-ui-tabs-header-height-default) + 1px);
342
+ }
@@ -0,0 +1 @@
1
+ .vxe-tabs{display:flex;flex-direction:column;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-tabs.is--padding .vxe-tabs-pane--item{padding:var(--vxe-ui-layout-padding-default)}.vxe-tabs.trigger--default .vxe-tabs-header--item{cursor:pointer}.vxe-tabs.trigger--default .vxe-tabs-header--item:hover .vxe-tabs-header--item-name{color:var(--vxe-ui-font-primary-color)}.vxe-tabs-header{display:flex;flex-direction:row}.vxe-tabs-header--bar{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;width:2em;border:1px solid var(--vxe-ui-input-border-color);cursor:pointer}.vxe-tabs-header--bar::after{content:"";position:absolute;top:0;width:1px;height:100%;background-color:var(--vxe-ui-input-border-color);z-index:3}.vxe-tabs-header--bar:focus{color:var(--vxe-ui-font-darken-color)}.vxe-tabs-header--bar:hover{color:var(--vxe-ui-font-primary-lighten-color);background-color:var(--vxe-ui-font-tinge-color)}.vxe-tabs-header--bar:active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-tabs-header--left-bar{border-right:0;box-shadow:8px 0 10px -5px var(--vxe-ui-tabs-bar-scrolling-box-shadow-color)}.vxe-tabs-header--left-bar::after{right:-1px}.vxe-tabs-header--right-bar{border-left:0;box-shadow:-8px 0 10px -5px var(--vxe-ui-tabs-bar-scrolling-box-shadow-color)}.vxe-tabs-header--right-bar::after{left:-1px}.vxe-tabs-header--extra{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;border-bottom:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs-header--wrapper{position:relative;flex-grow:1}.vxe-tabs-header--wrapper::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:var(--vxe-ui-input-border-color);z-index:0}.vxe-tabs-header--item-wrapper{position:relative;display:flex;flex-direction:row;overflow-y:hidden;overflow-x:auto;outline:0}.vxe-tabs-header--item{position:relative;flex-shrink:0;padding:0 .5em}.vxe-tabs-header--item.is--active{color:var(--vxe-ui-font-primary-color)}.vxe-tabs-header--item.align--left{text-align:left}.vxe-tabs-header--item.align--center{text-align:center}.vxe-tabs-header--item.align--right{text-align:right}.vxe-tabs-header--item-inner{display:flex;flex-direction:row;align-items:center}.vxe-tabs-header--item-content{flex-grow:1}.vxe-tabs-header--item-icon{padding:0 .6em}.vxe-tabs-header--item-icon+.vxe-tabs-header--item-name{padding-left:0}.vxe-tabs-header--item-name{padding:0 .6em}.vxe-tabs-header--close-btn{font-size:.8em;border-radius:50%;width:1.5em;height:1.5em;line-height:1.5em;text-align:center}.vxe-tabs-header--close-btn:hover{color:var(--vxe-ui-font-color);background:var(--vxe-ui-tabs-close-hover-background-color)}.vxe-tabs-header--close-btn:active{color:var(--vxe-ui-font-primary-color)}.vxe-tabs-header--close-btn>i{font-size:1em}.vxe-tabs-header--item-inner{transition:color .1s ease-in-out}.vxe-tabs-pane{flex-grow:1;overflow:hidden}.vxe-tabs-pane--item{display:none;height:100%;overflow:auto;outline:0}.vxe-tabs-pane--item.is--visible{display:block}.vxe-tabs-header--active-line{display:none}.vxe-tabs-header--active-line.type--default{display:block;position:absolute;bottom:0;left:0;height:2px;width:4px;background-color:var(--vxe-ui-font-primary-color);z-index:2;transition:all .3s ease-in-out}.vxe-tabs-header--active-line.type--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;box-shadow:0 0 8px rgba(0,0,0,.1);transition:color,left .3s ease-in-out}.vxe-tabs-header--active-line.type--border-card{display:block;position:absolute;top:0;left:0;width:4px;border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color);pointer-events:none;z-index:1}.vxe-tabs--border-card,.vxe-tabs--card,.vxe-tabs--default,.vxe-tabs--round-card{border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;background-color:var(--vxe-ui-layout-background-color)}.vxe-tabs--default .vxe-tabs-header--item-inner{border-bottom:2px solid transparent}.vxe-tabs--card .vxe-tabs-header--bar{border-top:0}.vxe-tabs--card .vxe-tabs-header--left-bar{border-left:0}.vxe-tabs--card .vxe-tabs-header--right-bar{border-right:0}.vxe-tabs--card .vxe-tabs-header{border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;border-top:1px solid var(--vxe-ui-input-border-color);border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs--card .vxe-tabs-header .vxe-tabs-header--wrapper{border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0}.vxe-tabs--card .vxe-tabs-header--item{border-left:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs--card .vxe-tabs-header--item:first-child{border-left:0}.vxe-tabs--card .vxe-tabs-header--item:last-child{border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs--border-card .vxe-tabs-header--item-wrapper{z-index:2}.vxe-tabs--border-card .vxe-tabs-header--bar{border-top:0}.vxe-tabs--border-card .vxe-tabs-header--left-bar{border-left:0}.vxe-tabs--border-card .vxe-tabs-header--right-bar{border-right:0}.vxe-tabs--border-card.is--height .vxe-tabs-pane--item,.vxe-tabs--border-card.is--padding .vxe-tabs-pane--item{border-bottom:1px solid var(--vxe-ui-input-border-color);border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs--border-card .vxe-tabs-pane--item.has--content{border-bottom:1px solid var(--vxe-ui-input-border-color);border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs--border-card .vxe-tabs-header{border-top:1px solid var(--vxe-ui-input-border-color);border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color);background-color:var(--vxe-ui-tabs-card-header-background-color)}.vxe-tabs--border-card .vxe-tabs-header .vxe-tabs-header--wrapper{border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0}.vxe-tabs--border-card .vxe-tabs-header--item.is--active{background-color:var(--vxe-ui-layout-background-color)}.vxe-tabs--round-card .vxe-tabs-header--item-wrapper{z-index:2}.vxe-tabs--round-card .vxe-tabs-header--item{position:relative;z-index:2;margin:0 2px;border-top:1px solid var(--vxe-ui-input-border-color);border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;background-color:rgba(0,0,0,.02);transition:color .3s ease-in-out}.vxe-tabs--round-card .vxe-tabs-header--item.is--active{background-color:var(--vxe-ui-layout-background-color)}.vxe-tabs--round-card .vxe-tabs-header--item:first-child{margin-left:0}.vxe-tabs--round-card .vxe-tabs-header--item:last-child{margin-right:0}.vxe-tabs--round-card.is--height .vxe-tabs-pane--item,.vxe-tabs--round-card.is--padding .vxe-tabs-pane--item{border-bottom:1px solid var(--vxe-ui-input-border-color);border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs--round-card .vxe-tabs-pane--item.has--content{border-bottom:1px solid var(--vxe-ui-input-border-color);border-left:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-tabs--round-card .vxe-tabs-pane{background-color:var(--vxe-ui-layout-background-color)}.vxe-tabs .vxe-tabs-header--wrapper{height:var(--vxe-ui-tabs-header-height-default);overflow:hidden}.vxe-tabs .vxe-tabs-header--item-inner{height:var(--vxe-ui-tabs-header-height-default)}.vxe-tabs .vxe-tabs-header--active-line.type--card{height:calc(var(--vxe-ui-tabs-header-height-default) - 1px)}.vxe-tabs .vxe-tabs-header--active-line.type--border-card{height:calc(var(--vxe-ui-tabs-header-height-default) + 1px);line-height:calc(var(--vxe-ui-tabs-header-height-default) + 1px)}
package/es/ui/index.js CHANGED
@@ -2,7 +2,7 @@ import { VxeUI, setConfig, setIcon } from '@vxe-ui/core';
2
2
  import { dynamicApp } from '../dynamics';
3
3
  import { getFuncText } from './src/utils';
4
4
  import { warnLog } from './src/log';
5
- export const version = "3.0.0";
5
+ export const version = "3.0.1";
6
6
  VxeUI.version = version;
7
7
  VxeUI.uiVersion = version;
8
8
  VxeUI.tableVersion = '';
package/es/ui/src/log.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import { log } from '@vxe-ui/core';
2
- const version = `ui v${"3.0.0"}`;
2
+ const version = `ui v${"3.0.1"}`;
3
3
  export const warnLog = log.create('warn', version);
4
4
  export const errLog = log.create('error', version);
@@ -0,0 +1,3 @@
1
+ import VxeCarousel from '../carousel';
2
+ export * from '../carousel';
3
+ export default VxeCarousel;
@@ -0,0 +1,185 @@
1
+ .vxe-carousel {
2
+ position: relative;
3
+ font-size: var(--vxe-ui-font-size-default);
4
+ color: var(--vxe-ui-font-color);
5
+ font-family: var(--vxe-ui-font-family);
6
+ background-color: var(--vxe-ui-layout-background-color);
7
+ overflow: hidden;
8
+ }
9
+ .vxe-carousel:hover .vxe-carousel--indicators {
10
+ opacity: 1;
11
+ }
12
+ .vxe-carousel:hover .vxe-carousel--previous-btn,
13
+ .vxe-carousel:hover .vxe-carousel--next-btn {
14
+ opacity: 1;
15
+ }
16
+ .vxe-carousel:hover.is--horizontal .vxe-carousel--previous-btn,
17
+ .vxe-carousel:hover.is--horizontal .vxe-carousel--next-btn {
18
+ transform: translate(0, -50%);
19
+ }
20
+ .vxe-carousel:hover.is--vertical .vxe-carousel--previous-btn,
21
+ .vxe-carousel:hover.is--vertical .vxe-carousel--next-btn {
22
+ transform: translate(-50%, 0);
23
+ }
24
+ .vxe-carousel.is--horizontal .vxe-carousel--list {
25
+ height: 100%;
26
+ flex-direction: row;
27
+ }
28
+ .vxe-carousel.is--horizontal .vxe-carousel--indicators {
29
+ flex-direction: row;
30
+ bottom: 0.3em;
31
+ left: 50%;
32
+ padding: 0.15em 0.3em;
33
+ transform: translateX(-50%);
34
+ }
35
+ .vxe-carousel.is--horizontal .vxe-carousel--indicators:hover {
36
+ transform: translateX(-50%) scale(1.1);
37
+ }
38
+ .vxe-carousel.is--horizontal .vxe-carousel--indicators-item {
39
+ margin: 0.2em 0.25em;
40
+ }
41
+ .vxe-carousel.is--horizontal .vxe-carousel--previous-btn,
42
+ .vxe-carousel.is--horizontal .vxe-carousel--next-btn {
43
+ top: 50%;
44
+ transform: translate(0, -50%);
45
+ }
46
+ .vxe-carousel.is--horizontal .vxe-carousel--previous-btn:hover,
47
+ .vxe-carousel.is--horizontal .vxe-carousel--next-btn:hover {
48
+ transform: translate(0, -50%) scale(1.1);
49
+ }
50
+ .vxe-carousel.is--horizontal .vxe-carousel--previous-btn:active,
51
+ .vxe-carousel.is--horizontal .vxe-carousel--next-btn:active {
52
+ transform: translate(0, -50%) scale(0.8);
53
+ }
54
+ .vxe-carousel.is--horizontal .vxe-carousel--previous-btn {
55
+ left: 0.3em;
56
+ transform: translate(-0.8em, -50%);
57
+ }
58
+ .vxe-carousel.is--horizontal .vxe-carousel--next-btn {
59
+ right: 0.3em;
60
+ transform: translate(0.8em, -50%);
61
+ }
62
+ .vxe-carousel.is--vertical .vxe-carousel--list {
63
+ width: 100%;
64
+ flex-direction: column;
65
+ }
66
+ .vxe-carousel.is--vertical .vxe-carousel--indicators {
67
+ display: flex;
68
+ flex-direction: column;
69
+ padding: 0.3em 0.15em;
70
+ top: 50%;
71
+ right: 0.3em;
72
+ transform: translateY(-50%);
73
+ }
74
+ .vxe-carousel.is--vertical .vxe-carousel--indicators:hover {
75
+ transform: translateY(-50%) scale(1.1);
76
+ }
77
+ .vxe-carousel.is--vertical .vxe-carousel--indicators-item {
78
+ margin: 0.25em 0.2em;
79
+ }
80
+ .vxe-carousel.is--vertical .vxe-carousel--previous-btn,
81
+ .vxe-carousel.is--vertical .vxe-carousel--next-btn {
82
+ left: 50%;
83
+ }
84
+ .vxe-carousel.is--vertical .vxe-carousel--previous-btn:hover,
85
+ .vxe-carousel.is--vertical .vxe-carousel--next-btn:hover {
86
+ transform: translate(-50%, 0) scale(1.1);
87
+ }
88
+ .vxe-carousel.is--vertical .vxe-carousel--previous-btn:active,
89
+ .vxe-carousel.is--vertical .vxe-carousel--next-btn:active {
90
+ transform: translate(-50%, 0) scale(0.8);
91
+ }
92
+ .vxe-carousel.is--vertical .vxe-carousel--previous-btn {
93
+ top: 0.3em;
94
+ transform: translate(-50%, -0.8em);
95
+ }
96
+ .vxe-carousel.is--vertical .vxe-carousel--next-btn {
97
+ bottom: 0.3em;
98
+ transform: translate(-50%, 0.8em);
99
+ }
100
+
101
+ .vxe-carousel--slots {
102
+ display: none;
103
+ }
104
+
105
+ .vxe-carousel--item-wrapper {
106
+ position: relative;
107
+ width: 100%;
108
+ overflow: hidden;
109
+ }
110
+
111
+ .vxe-carousel--list {
112
+ position: absolute;
113
+ left: 0;
114
+ top: 0;
115
+ display: flex;
116
+ outline: 0;
117
+ transition: transform 0.2s ease-in-out;
118
+ }
119
+
120
+ .vxe-carousel--item-inner {
121
+ width: 100%;
122
+ height: 100%;
123
+ text-align: center;
124
+ flex-grow: 1;
125
+ }
126
+
127
+ .vxe-carousel--item-img {
128
+ max-width: 100%;
129
+ max-height: 100%;
130
+ }
131
+
132
+ .vxe-carousel--indicators {
133
+ position: absolute;
134
+ display: inline-flex;
135
+ background-color: rgba(0, 0, 0, 0.6);
136
+ border-radius: 0.6em;
137
+ opacity: 0;
138
+ transition: all 0.3s ease-in-out;
139
+ }
140
+
141
+ .vxe-carousel--indicators-item {
142
+ width: 0.8em;
143
+ height: 0.8em;
144
+ border-radius: 50%;
145
+ background-color: rgba(255, 255, 255, 0.8);
146
+ cursor: pointer;
147
+ transition: all 0.2s ease-in-out;
148
+ }
149
+ .vxe-carousel--indicators-item.is--active {
150
+ background-color: rgb(255, 255, 255);
151
+ }
152
+ .vxe-carousel--indicators-item:hover {
153
+ background-color: rgba(255, 255, 255, 0.9);
154
+ }
155
+ .vxe-carousel--indicators-item:active {
156
+ background-color: var(--vxe-ui-font-primary-color);
157
+ transform: scale(0.8);
158
+ }
159
+
160
+ .vxe-carousel--previous-btn,
161
+ .vxe-carousel--next-btn {
162
+ display: flex;
163
+ flex-direction: row;
164
+ align-items: center;
165
+ justify-content: center;
166
+ position: absolute;
167
+ width: 1.8em;
168
+ height: 1.8em;
169
+ border-radius: 50%;
170
+ font-size: 1.4em;
171
+ background-color: rgba(0, 0, 0, 0.8);
172
+ opacity: 0;
173
+ color: rgba(255, 255, 255, 0.6);
174
+ cursor: pointer;
175
+ transition: all 0.2s ease-in-out;
176
+ }
177
+ .vxe-carousel--previous-btn:hover,
178
+ .vxe-carousel--next-btn:hover {
179
+ color: rgb(255, 255, 255);
180
+ }
181
+ .vxe-carousel--previous-btn:active,
182
+ .vxe-carousel--next-btn:active {
183
+ color: var(--vxe-ui-font-primary-color);
184
+ background-color: rgba(0, 0, 0, 0.6);
185
+ }
@@ -0,0 +1 @@
1
+ .vxe-carousel{position:relative;font-size:var(--vxe-ui-font-size-default);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);background-color:var(--vxe-ui-layout-background-color);overflow:hidden}.vxe-carousel:hover .vxe-carousel--indicators{opacity:1}.vxe-carousel:hover .vxe-carousel--next-btn,.vxe-carousel:hover .vxe-carousel--previous-btn{opacity:1}.vxe-carousel:hover.is--horizontal .vxe-carousel--next-btn,.vxe-carousel:hover.is--horizontal .vxe-carousel--previous-btn{transform:translate(0,-50%)}.vxe-carousel:hover.is--vertical .vxe-carousel--next-btn,.vxe-carousel:hover.is--vertical .vxe-carousel--previous-btn{transform:translate(-50%,0)}.vxe-carousel.is--horizontal .vxe-carousel--list{height:100%;flex-direction:row}.vxe-carousel.is--horizontal .vxe-carousel--indicators{flex-direction:row;bottom:.3em;left:50%;padding:.15em .3em;transform:translateX(-50%)}.vxe-carousel.is--horizontal .vxe-carousel--indicators:hover{transform:translateX(-50%) scale(1.1)}.vxe-carousel.is--horizontal .vxe-carousel--indicators-item{margin:.2em .25em}.vxe-carousel.is--horizontal .vxe-carousel--next-btn,.vxe-carousel.is--horizontal .vxe-carousel--previous-btn{top:50%;transform:translate(0,-50%)}.vxe-carousel.is--horizontal .vxe-carousel--next-btn:hover,.vxe-carousel.is--horizontal .vxe-carousel--previous-btn:hover{transform:translate(0,-50%) scale(1.1)}.vxe-carousel.is--horizontal .vxe-carousel--next-btn:active,.vxe-carousel.is--horizontal .vxe-carousel--previous-btn:active{transform:translate(0,-50%) scale(.8)}.vxe-carousel.is--horizontal .vxe-carousel--previous-btn{left:.3em;transform:translate(-.8em,-50%)}.vxe-carousel.is--horizontal .vxe-carousel--next-btn{right:.3em;transform:translate(.8em,-50%)}.vxe-carousel.is--vertical .vxe-carousel--list{width:100%;flex-direction:column}.vxe-carousel.is--vertical .vxe-carousel--indicators{display:flex;flex-direction:column;padding:.3em .15em;top:50%;right:.3em;transform:translateY(-50%)}.vxe-carousel.is--vertical .vxe-carousel--indicators:hover{transform:translateY(-50%) scale(1.1)}.vxe-carousel.is--vertical .vxe-carousel--indicators-item{margin:.25em .2em}.vxe-carousel.is--vertical .vxe-carousel--next-btn,.vxe-carousel.is--vertical .vxe-carousel--previous-btn{left:50%}.vxe-carousel.is--vertical .vxe-carousel--next-btn:hover,.vxe-carousel.is--vertical .vxe-carousel--previous-btn:hover{transform:translate(-50%,0) scale(1.1)}.vxe-carousel.is--vertical .vxe-carousel--next-btn:active,.vxe-carousel.is--vertical .vxe-carousel--previous-btn:active{transform:translate(-50%,0) scale(.8)}.vxe-carousel.is--vertical .vxe-carousel--previous-btn{top:.3em;transform:translate(-50%,-.8em)}.vxe-carousel.is--vertical .vxe-carousel--next-btn{bottom:.3em;transform:translate(-50%,.8em)}.vxe-carousel--slots{display:none}.vxe-carousel--item-wrapper{position:relative;width:100%;overflow:hidden}.vxe-carousel--list{position:absolute;left:0;top:0;display:flex;outline:0;transition:transform .2s ease-in-out}.vxe-carousel--item-inner{width:100%;height:100%;text-align:center;flex-grow:1}.vxe-carousel--item-img{max-width:100%;max-height:100%}.vxe-carousel--indicators{position:absolute;display:inline-flex;background-color:rgba(0,0,0,.6);border-radius:.6em;opacity:0;transition:all .3s ease-in-out}.vxe-carousel--indicators-item{width:.8em;height:.8em;border-radius:50%;background-color:rgba(255,255,255,.8);cursor:pointer;transition:all .2s ease-in-out}.vxe-carousel--indicators-item.is--active{background-color:#fff}.vxe-carousel--indicators-item:hover{background-color:rgba(255,255,255,.9)}.vxe-carousel--indicators-item:active{background-color:var(--vxe-ui-font-primary-color);transform:scale(.8)}.vxe-carousel--next-btn,.vxe-carousel--previous-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;width:1.8em;height:1.8em;border-radius:50%;font-size:1.4em;background-color:rgba(0,0,0,.8);opacity:0;color:rgba(255,255,255,.6);cursor:pointer;transition:all .2s ease-in-out}.vxe-carousel--next-btn:hover,.vxe-carousel--previous-btn:hover{color:#fff}.vxe-carousel--next-btn:active,.vxe-carousel--previous-btn:active{color:var(--vxe-ui-font-primary-color);background-color:rgba(0,0,0,.6)}
@@ -0,0 +1,3 @@
1
+ import VxeCarouselItem from '../carousel-item';
2
+ export * from '../carousel-item';
3
+ export default VxeCarouselItem;
File without changes
File without changes
@@ -0,0 +1,3 @@
1
+ import VxeCheckbox from '../checkbox';
2
+ export * from '../checkbox';
3
+ export default VxeCheckbox;