vft 0.0.74 → 0.0.76

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 (361) hide show
  1. package/attributes.json +1 -1
  2. package/dist/index.css +1 -1
  3. package/es/component.js +67 -48
  4. package/es/components/affix/affix.js +45 -0
  5. package/es/components/affix/affix.vue.js +4 -0
  6. package/es/components/affix/affix.vue2.js +83 -0
  7. package/es/components/affix/index.js +12 -0
  8. package/es/components/affix/style/css.js +2 -0
  9. package/es/components/affix/style/index.js +2 -0
  10. package/es/components/back-top/back-top.vue2.js +10 -2
  11. package/es/components/button/button.vue2.js +58 -59
  12. package/es/components/button/use-button.js +26 -20
  13. package/es/components/card/card.vue.js +4 -0
  14. package/es/components/card/card.vue2.js +44 -0
  15. package/es/components/card/index.js +12 -0
  16. package/es/components/card/instance.js +1 -0
  17. package/es/components/card/style/css.js +2 -0
  18. package/es/components/card/style/index.js +2 -0
  19. package/es/components/check-tag/check-tag.vue.js +4 -0
  20. package/es/components/check-tag/check-tag.vue2.js +35 -0
  21. package/es/components/check-tag/index.js +12 -0
  22. package/es/components/check-tag/style/css.js +2 -0
  23. package/es/components/check-tag/style/index.js +2 -0
  24. package/es/components/color-picker/color-picker.vue2.js +1 -1
  25. package/es/components/context-menu/context-menu.vue2.js +10 -2
  26. package/es/components/date-picker/composables/use-month-range-header.js +1 -1
  27. package/es/components/date-picker/constants.js +16 -2
  28. package/es/components/date-picker/date-picker-com/basic-month-table.vue2.js +37 -34
  29. package/es/components/date-picker/date-picker-com/basic-year-table.vue2.js +0 -1
  30. package/es/components/date-picker/date-picker-com/panel-date-pick.vue2.js +177 -178
  31. package/es/components/date-picker/date-picker-com/panel-date-range.vue2.js +328 -336
  32. package/es/components/date-picker/date-picker.js +18 -18
  33. package/es/components/date-picker/index.js +5 -4
  34. package/es/components/date-picker/props/shared.js +1 -1
  35. package/es/components/date-time-select/date-time-select.vue2.js +59 -59
  36. package/es/components/dialog/dialog.vue2.js +12 -12
  37. package/es/components/dialog/hooks/use-dialog.js +4 -4
  38. package/es/components/dropdown/dropdown-menu.vue2.js +4 -4
  39. package/es/components/footer-layout/footer-layout.vue2.js +10 -2
  40. package/es/components/header-layout/header-layout.vue2.js +10 -2
  41. package/es/components/horizontal-menu/constants.js +4 -0
  42. package/es/components/horizontal-menu/horizontal-menu.vue2.js +153 -86
  43. package/es/components/horizontal-menu/index.js +7 -5
  44. package/es/components/index.js +228 -194
  45. package/es/components/md-container/md-container.vue2.js +10 -2
  46. package/es/components/menu/menu-item.vue2.js +58 -58
  47. package/es/components/menu/menu.vue2.js +72 -68
  48. package/es/components/menu/sub-menu.vue2.js +139 -117
  49. package/es/components/multiple-tabs/multiple-tabs.vue2.js +35 -26
  50. package/es/components/option/style/css.js +2 -0
  51. package/es/components/option/style/index.js +2 -0
  52. package/es/components/option-group/style/css.js +2 -0
  53. package/es/components/option-group/style/index.js +2 -0
  54. package/es/components/popconfirm/index.js +12 -0
  55. package/es/components/popconfirm/popconfirm.vue.js +4 -0
  56. package/es/components/popconfirm/popconfirm.vue2.js +112 -0
  57. package/es/components/popconfirm/style/css.js +6 -0
  58. package/es/components/popconfirm/style/index.js +6 -0
  59. package/es/components/result/result.vue2.js +10 -2
  60. package/es/components/roving-focus-group/roving-focus-item.vue2.js +1 -1
  61. package/es/components/select/index.js +22 -0
  62. package/es/components/select/option-group.vue.js +25 -0
  63. package/es/components/select/option-group.vue2.js +53 -0
  64. package/es/components/select/option.vue.js +27 -0
  65. package/es/components/select/option.vue2.js +58 -0
  66. package/es/components/select/options.js +34 -0
  67. package/es/components/select/select-dropdown.vue.js +15 -0
  68. package/es/components/select/select-dropdown.vue2.js +32 -0
  69. package/es/components/select/select.vue.js +327 -0
  70. package/es/components/select/select.vue2.js +348 -0
  71. package/es/components/select/style/css.js +8 -0
  72. package/es/components/select/style/index.js +8 -0
  73. package/es/components/select/token.js +5 -0
  74. package/es/components/select/useOption.js +71 -0
  75. package/es/components/select/useSelect.js +414 -0
  76. package/es/components/select-v2/select-dropdown.js +1 -1
  77. package/es/components/select-v2/useSelect.js +269 -269
  78. package/es/components/side-menu/side-menu.vue2.js +153 -142
  79. package/es/components/skeleton/index.js +16 -0
  80. package/es/components/skeleton/skeleton-item.vue.js +4 -0
  81. package/es/components/skeleton/skeleton-item.vue2.js +31 -0
  82. package/es/components/skeleton/skeleton.vue.js +4 -0
  83. package/es/components/skeleton/skeleton.vue2.js +55 -0
  84. package/es/components/skeleton/style/css.js +3 -0
  85. package/es/components/skeleton/style/index.js +3 -0
  86. package/es/components/skeleton-item/style/css.js +2 -0
  87. package/es/components/skeleton-item/style/index.js +2 -0
  88. package/es/components/space/index.js +17 -0
  89. package/es/components/space/item.js +24 -0
  90. package/es/components/space/space.js +182 -0
  91. package/es/components/space/style/css.js +2 -0
  92. package/es/components/space/style/index.js +2 -0
  93. package/es/components/space/use-space.js +44 -0
  94. package/es/components/switch/switch.vue2.js +1 -1
  95. package/es/components/tabs/tab-nav.vue2.js +30 -22
  96. package/es/components/tabs/tabs.vue2.js +37 -37
  97. package/es/components/time-picker/common/picker.vue2.js +241 -257
  98. package/es/components/time-picker/common/props.js +10 -6
  99. package/es/components/time-picker/time-picker-com/panel-time-range.vue2.js +1 -1
  100. package/es/components/time-picker/time-picker.js +10 -10
  101. package/es/components/time-select/time-select.vue2.js +38 -42
  102. package/es/components/tooltip/content.vue2.js +1 -1
  103. package/es/components/tree/index.js +14 -0
  104. package/es/components/tree/model/node.js +248 -0
  105. package/es/components/tree/model/tree-store.js +197 -0
  106. package/es/components/tree/model/useDragNode.js +71 -0
  107. package/es/components/tree/model/useKeydown.js +81 -0
  108. package/es/components/tree/model/useNodeExpandEventBroadcast.js +19 -0
  109. package/es/components/tree/model/util.js +21 -0
  110. package/es/components/tree/style/css.js +3 -0
  111. package/es/components/tree/style/index.js +3 -0
  112. package/es/components/tree/tree-node-content.vue.js +4 -0
  113. package/es/components/tree/tree-node-content.vue2.js +28 -0
  114. package/es/components/tree/tree-node.vue.js +98 -0
  115. package/es/components/tree/tree-node.vue2.js +152 -0
  116. package/es/components/tree/tree.type.js +1 -0
  117. package/es/components/tree/tree.vue.js +48 -0
  118. package/es/components/tree/tree.vue2.js +268 -0
  119. package/es/components/tree-select/cache-options.js +32 -0
  120. package/es/components/tree-select/index.js +9 -0
  121. package/es/components/tree-select/select.js +38 -0
  122. package/es/components/tree-select/style/css.js +11 -0
  123. package/es/components/tree-select/style/index.js +11 -0
  124. package/es/components/tree-select/tree-select-option.js +21 -0
  125. package/es/components/tree-select/tree-select.vue.js +4 -0
  126. package/es/components/tree-select/tree-select.vue2.js +81 -0
  127. package/es/components/tree-select/tree.js +137 -0
  128. package/es/components/tree-select/utils.js +45 -0
  129. package/es/hooks/index.js +25 -21
  130. package/es/hooks/use-focus/index.js +9 -0
  131. package/es/hooks/use-throttle-render/index.js +21 -0
  132. package/es/index.js +408 -368
  133. package/es/package.json.js +1 -1
  134. package/es/utils/helper.js +5 -2
  135. package/es/utils/index.js +48 -46
  136. package/lib/component.cjs +1 -1
  137. package/lib/components/affix/affix.cjs +1 -0
  138. package/lib/components/affix/affix.vue.cjs +1 -0
  139. package/lib/components/affix/affix.vue2.cjs +1 -0
  140. package/lib/components/affix/index.cjs +1 -0
  141. package/lib/components/affix/style/css.cjs +1 -0
  142. package/lib/components/affix/style/index.cjs +1 -0
  143. package/lib/components/back-top/back-top.vue2.cjs +1 -1
  144. package/lib/components/button/button.vue2.cjs +1 -1
  145. package/lib/components/button/use-button.cjs +1 -1
  146. package/lib/components/card/card.vue.cjs +1 -0
  147. package/lib/components/card/card.vue2.cjs +1 -0
  148. package/lib/components/card/index.cjs +1 -0
  149. package/lib/components/card/instance.cjs +1 -0
  150. package/lib/components/card/style/css.cjs +1 -0
  151. package/lib/components/card/style/index.cjs +1 -0
  152. package/lib/components/check-tag/check-tag.vue.cjs +1 -0
  153. package/lib/components/check-tag/check-tag.vue2.cjs +1 -0
  154. package/lib/components/check-tag/index.cjs +1 -0
  155. package/lib/components/check-tag/style/css.cjs +1 -0
  156. package/lib/components/check-tag/style/index.cjs +1 -0
  157. package/lib/components/color-picker/color-picker.vue2.cjs +1 -1
  158. package/lib/components/context-menu/context-menu.vue2.cjs +1 -1
  159. package/lib/components/date-picker/composables/use-month-range-header.cjs +1 -1
  160. package/lib/components/date-picker/constants.cjs +1 -1
  161. package/lib/components/date-picker/date-picker-com/basic-month-table.vue2.cjs +1 -1
  162. package/lib/components/date-picker/date-picker-com/basic-year-table.vue2.cjs +1 -1
  163. package/lib/components/date-picker/date-picker-com/panel-date-pick.vue2.cjs +1 -1
  164. package/lib/components/date-picker/date-picker-com/panel-date-range.vue2.cjs +1 -1
  165. package/lib/components/date-picker/date-picker.cjs +1 -1
  166. package/lib/components/date-picker/index.cjs +1 -1
  167. package/lib/components/date-picker/props/shared.cjs +1 -1
  168. package/lib/components/date-time-select/date-time-select.vue2.cjs +1 -1
  169. package/lib/components/dialog/dialog.vue2.cjs +1 -1
  170. package/lib/components/dialog/hooks/use-dialog.cjs +1 -1
  171. package/lib/components/dropdown/dropdown-menu.vue2.cjs +1 -1
  172. package/lib/components/footer-layout/footer-layout.vue2.cjs +1 -1
  173. package/lib/components/header-layout/header-layout.vue2.cjs +1 -1
  174. package/lib/components/horizontal-menu/constants.cjs +1 -0
  175. package/lib/components/horizontal-menu/horizontal-menu.vue2.cjs +1 -1
  176. package/lib/components/horizontal-menu/index.cjs +1 -1
  177. package/lib/components/index.cjs +1 -1
  178. package/lib/components/md-container/md-container.vue2.cjs +1 -1
  179. package/lib/components/menu/menu-item.vue2.cjs +1 -1
  180. package/lib/components/menu/menu.vue2.cjs +1 -1
  181. package/lib/components/menu/sub-menu.vue2.cjs +1 -1
  182. package/lib/components/multiple-tabs/multiple-tabs.vue2.cjs +1 -1
  183. package/lib/components/option/style/css.cjs +1 -0
  184. package/lib/components/option/style/index.cjs +1 -0
  185. package/lib/components/option-group/style/css.cjs +1 -0
  186. package/lib/components/option-group/style/index.cjs +1 -0
  187. package/lib/components/popconfirm/index.cjs +1 -0
  188. package/lib/components/popconfirm/popconfirm.vue.cjs +1 -0
  189. package/lib/components/popconfirm/popconfirm.vue2.cjs +1 -0
  190. package/lib/components/popconfirm/style/css.cjs +1 -0
  191. package/lib/components/popconfirm/style/index.cjs +1 -0
  192. package/lib/components/result/result.vue2.cjs +1 -1
  193. package/lib/components/roving-focus-group/roving-focus-item.vue2.cjs +1 -1
  194. package/lib/components/select/index.cjs +1 -0
  195. package/lib/components/select/option-group.vue.cjs +1 -0
  196. package/lib/components/select/option-group.vue2.cjs +1 -0
  197. package/lib/components/select/option.vue.cjs +1 -0
  198. package/lib/components/select/option.vue2.cjs +1 -0
  199. package/lib/components/select/options.cjs +1 -0
  200. package/lib/components/select/select-dropdown.vue.cjs +1 -0
  201. package/lib/components/select/select-dropdown.vue2.cjs +1 -0
  202. package/lib/components/select/select.vue.cjs +1 -0
  203. package/lib/components/select/select.vue2.cjs +1 -0
  204. package/lib/components/select/style/css.cjs +1 -0
  205. package/lib/components/select/style/index.cjs +1 -0
  206. package/lib/components/select/token.cjs +1 -0
  207. package/lib/components/select/useOption.cjs +1 -0
  208. package/lib/components/select/useSelect.cjs +1 -0
  209. package/lib/components/select-v2/select-dropdown.cjs +1 -1
  210. package/lib/components/select-v2/useSelect.cjs +1 -1
  211. package/lib/components/side-menu/side-menu.vue2.cjs +1 -1
  212. package/lib/components/skeleton/index.cjs +1 -0
  213. package/lib/components/skeleton/skeleton-item.vue.cjs +1 -0
  214. package/lib/components/skeleton/skeleton-item.vue2.cjs +1 -0
  215. package/lib/components/skeleton/skeleton.vue.cjs +1 -0
  216. package/lib/components/skeleton/skeleton.vue2.cjs +1 -0
  217. package/lib/components/skeleton/style/css.cjs +1 -0
  218. package/lib/components/skeleton/style/index.cjs +1 -0
  219. package/lib/components/skeleton-item/style/css.cjs +1 -0
  220. package/lib/components/skeleton-item/style/index.cjs +1 -0
  221. package/lib/components/space/index.cjs +1 -0
  222. package/lib/components/space/item.cjs +1 -0
  223. package/lib/components/space/space.cjs +1 -0
  224. package/lib/components/space/style/css.cjs +1 -0
  225. package/lib/components/space/style/index.cjs +1 -0
  226. package/lib/components/space/use-space.cjs +1 -0
  227. package/lib/components/switch/switch.vue2.cjs +1 -1
  228. package/lib/components/tabs/tab-nav.vue2.cjs +1 -1
  229. package/lib/components/tabs/tabs.vue2.cjs +1 -1
  230. package/lib/components/time-picker/common/picker.vue2.cjs +1 -1
  231. package/lib/components/time-picker/common/props.cjs +1 -1
  232. package/lib/components/time-picker/time-picker-com/panel-time-range.vue2.cjs +1 -1
  233. package/lib/components/time-picker/time-picker.cjs +1 -1
  234. package/lib/components/time-select/time-select.vue2.cjs +1 -1
  235. package/lib/components/tooltip/content.vue2.cjs +1 -1
  236. package/lib/components/tree/index.cjs +1 -0
  237. package/lib/components/tree/model/node.cjs +1 -0
  238. package/lib/components/tree/model/tree-store.cjs +1 -0
  239. package/lib/components/tree/model/useDragNode.cjs +1 -0
  240. package/lib/components/tree/model/useKeydown.cjs +1 -0
  241. package/lib/components/tree/model/useNodeExpandEventBroadcast.cjs +1 -0
  242. package/lib/components/tree/model/util.cjs +1 -0
  243. package/lib/components/tree/style/css.cjs +1 -0
  244. package/lib/components/tree/style/index.cjs +1 -0
  245. package/lib/components/tree/tree-node-content.vue.cjs +1 -0
  246. package/lib/components/tree/tree-node-content.vue2.cjs +1 -0
  247. package/lib/components/tree/tree-node.vue.cjs +1 -0
  248. package/lib/components/tree/tree-node.vue2.cjs +1 -0
  249. package/lib/components/tree/tree.type.cjs +1 -0
  250. package/lib/components/tree/tree.vue.cjs +1 -0
  251. package/lib/components/tree/tree.vue2.cjs +1 -0
  252. package/lib/components/tree-select/cache-options.cjs +1 -0
  253. package/lib/components/tree-select/index.cjs +1 -0
  254. package/lib/components/tree-select/select.cjs +1 -0
  255. package/lib/components/tree-select/style/css.cjs +1 -0
  256. package/lib/components/tree-select/style/index.cjs +1 -0
  257. package/lib/components/tree-select/tree-select-option.cjs +1 -0
  258. package/lib/components/tree-select/tree-select.vue.cjs +1 -0
  259. package/lib/components/tree-select/tree-select.vue2.cjs +1 -0
  260. package/lib/components/tree-select/tree.cjs +1 -0
  261. package/lib/components/tree-select/utils.cjs +1 -0
  262. package/lib/hooks/index.cjs +1 -1
  263. package/lib/hooks/use-focus/index.cjs +1 -0
  264. package/lib/hooks/use-throttle-render/index.cjs +1 -0
  265. package/lib/index.cjs +1 -1
  266. package/lib/package.json.cjs +1 -1
  267. package/lib/utils/helper.cjs +1 -1
  268. package/lib/utils/index.cjs +1 -1
  269. package/package.json +2 -2
  270. package/tags.json +1 -1
  271. package/theme-style/base.css +1 -1
  272. package/theme-style/index.css +1 -1
  273. package/theme-style/src/alert.scss +1 -1
  274. package/theme-style/src/autocomplete.scss +2 -2
  275. package/theme-style/src/breadcrumb.scss +4 -4
  276. package/theme-style/src/calendar.scss +2 -2
  277. package/theme-style/src/card.scss +1 -1
  278. package/theme-style/src/carousel.scss +1 -1
  279. package/theme-style/src/cascader.scss +3 -3
  280. package/theme-style/src/check-tag.scss +3 -3
  281. package/theme-style/src/checkbox.scss +1 -1
  282. package/theme-style/src/color-picker.scss +2 -2
  283. package/theme-style/src/common/var.scss +527 -521
  284. package/theme-style/src/date-picker/date-picker.scss +1 -1
  285. package/theme-style/src/date-picker/date-range-picker.scss +2 -2
  286. package/theme-style/src/date-picker/date-table.scss +1 -1
  287. package/theme-style/src/date-picker/month-table.scss +2 -2
  288. package/theme-style/src/date-picker/picker-panel.scss +4 -5
  289. package/theme-style/src/date-picker/picker.scss +7 -9
  290. package/theme-style/src/date-picker/time-picker.scss +2 -2
  291. package/theme-style/src/date-picker/time-spinner.scss +6 -8
  292. package/theme-style/src/date-picker/year-table.scss +3 -3
  293. package/theme-style/src/date-time-select.scss +3 -4
  294. package/theme-style/src/descriptions-item.scss +4 -4
  295. package/theme-style/src/descriptions.scss +2 -2
  296. package/theme-style/src/header-layout.scss +1 -1
  297. package/theme-style/src/horizontal-menu.scss +27 -39
  298. package/theme-style/src/image-viewer.scss +1 -1
  299. package/theme-style/src/index.scss +3 -0
  300. package/theme-style/src/input-number.scss +1 -1
  301. package/theme-style/src/menu.scss +76 -66
  302. package/theme-style/src/mixins/_var.scss +2 -2
  303. package/theme-style/src/mixins/mixins.scss +2 -2
  304. package/theme-style/src/popconfirm.scss +16 -0
  305. package/theme-style/src/popper.scss +4 -2
  306. package/theme-style/src/progress.scss +1 -1
  307. package/theme-style/src/reset.scss +3 -3
  308. package/theme-style/src/result.scss +2 -2
  309. package/theme-style/src/select-dropdown-v2.scss +1 -1
  310. package/theme-style/src/select-dropdown.scss +1 -1
  311. package/theme-style/src/select-v2.scss +2 -2
  312. package/theme-style/src/select.scss +4 -5
  313. package/theme-style/src/skeleton-item.scss +83 -0
  314. package/theme-style/src/skeleton.scss +44 -0
  315. package/theme-style/src/step.scss +10 -10
  316. package/theme-style/src/tabs.scss +15 -155
  317. package/theme-style/src/timeline-item.scss +2 -2
  318. package/theme-style/src/transfer.scss +5 -5
  319. package/theme-style/src/tree.scss +2 -5
  320. package/theme-style/src/upload.scss +11 -11
  321. package/theme-style/src/var.scss +1 -1
  322. package/theme-style/vft-alert.css +1 -1
  323. package/theme-style/vft-autocomplete.css +1 -1
  324. package/theme-style/vft-breadcrumb.css +1 -1
  325. package/theme-style/vft-calendar.css +1 -1
  326. package/theme-style/vft-card.css +1 -1
  327. package/theme-style/vft-carousel.css +1 -1
  328. package/theme-style/vft-cascader.css +1 -1
  329. package/theme-style/vft-check-tag.css +1 -1
  330. package/theme-style/vft-checkbox.css +1 -1
  331. package/theme-style/vft-color-picker.css +1 -1
  332. package/theme-style/vft-date-picker.css +1 -1
  333. package/theme-style/vft-date-time-select.css +1 -1
  334. package/theme-style/vft-descriptions-item.css +1 -1
  335. package/theme-style/vft-descriptions.css +1 -1
  336. package/theme-style/vft-header-layout.css +1 -1
  337. package/theme-style/vft-horizontal-menu.css +1 -1
  338. package/theme-style/vft-image-viewer.css +1 -1
  339. package/theme-style/vft-input-number.css +1 -1
  340. package/theme-style/vft-menu.css +1 -1
  341. package/theme-style/vft-popconfirm.css +1 -0
  342. package/theme-style/vft-popper.css +1 -1
  343. package/theme-style/vft-progress.css +1 -1
  344. package/theme-style/vft-reset.css +1 -1
  345. package/theme-style/vft-result.css +1 -1
  346. package/theme-style/vft-select-dropdown-v2.css +1 -1
  347. package/theme-style/vft-select-dropdown.css +1 -1
  348. package/theme-style/vft-select-v2.css +1 -1
  349. package/theme-style/vft-select.css +1 -1
  350. package/theme-style/vft-skeleton-item.css +1 -0
  351. package/theme-style/vft-skeleton.css +1 -0
  352. package/theme-style/vft-step.css +1 -1
  353. package/theme-style/vft-tabs.css +1 -1
  354. package/theme-style/vft-time-picker.css +1 -1
  355. package/theme-style/vft-time-select.css +1 -1
  356. package/theme-style/vft-timeline-item.css +1 -1
  357. package/theme-style/vft-transfer.css +1 -1
  358. package/theme-style/vft-tree.css +1 -1
  359. package/theme-style/vft-upload.css +1 -1
  360. package/theme-style/vft-var.css +1 -1
  361. package/web-types.json +1 -1
package/theme-style/vft-time-picker.css CHANGED
@@ -1 +1 @@
1
- .fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.vft-fade-in-linear-enter-active,.vft-fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.vft-fade-in-linear-enter-from,.vft-fade-in-linear-leave-to{opacity:0}.vft-fade-in-enter-active,.vft-fade-in-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-fade-in-enter-from,.vft-fade-in-leave-active{opacity:0}.vft-zoom-in-center-enter-active,.vft-zoom-in-center-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-zoom-in-center-enter-from,.vft-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.vft-zoom-in-top-enter-active,.vft-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--vft-transition-md-fade)}.vft-zoom-in-top-enter-active[data-popper-placement^=top],.vft-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-enter-from,.vft-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-top-fast-enter-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--vft-transition-md-fade)}.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top}.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-enter-from,.vft-zoom-in-top-fast-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-bottom-enter-active,.vft-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--vft-transition-md-fade);transform-origin:center bottom}.vft-zoom-in-bottom-enter-from,.vft-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-left-enter-active,.vft-zoom-in-left-leave-active{opacity:1;transform:scale(1,1);transition:var(--vft-transition-md-fade);transform-origin:top left}.vft-zoom-in-left-enter-from,.vft-zoom-in-left-leave-active{opacity:0;transform:scale(.45,.45)}.collapse-transition{transition:var(--vft-transition-duration) height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.vft-collapse-transition-enter-active,.vft-collapse-transition-leave-active{transition:var(--vft-transition-duration) max-height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--vft-transition-duration) width ease-in-out,var(--vft-transition-duration) padding-left ease-in-out,var(--vft-transition-duration) padding-right ease-in-out}.vft-list-enter-active,.vft-list-leave-active{transition:all 1s}.vft-list-enter-from,.vft-list-leave-to{opacity:0;transform:translateY(-30px)}.vft-list-leave-active{position:absolute!important}.vft-opacity-transition{transition:opacity var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}@keyframes vft-rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}.vft-picker__popper{--vft-datepicker-border-color:var(--vft-disabled-border-color)}.vft-picker__popper.vft-popper{background:var(--vft-bg-color-overlay);border:1px solid var(--vft-datepicker-border-color);box-shadow:var(--vft-box-shadow-light)}.vft-picker__popper.vft-popper .vft-popper__arrow::before{border:1px solid var(--vft-datepicker-border-color)}.vft-picker__popper.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.vft-picker__popper.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.vft-picker__popper.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.vft-picker__popper.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.vft-date-editor{--vft-date-editor-width:220px;--vft-date-editor-monthrange-width:300px;--vft-date-editor-daterange-width:350px;--vft-date-editor-datetimerange-width:400px;--vft-input-width:100%;--vft-input-text-color:var(--vft-text-regular-color);--vft-input-border:var(--vft-border);--vft-input-hover-border:var(--vft-border-color-hover);--vft-input-focus-border:var(--vft-primary-color);--vft-input-transparent-border:0 0 0 1px transparent inset;--vft-input-border-color:var(--vft-border-color);--vft-input-border-radius:var(--vft-border-radius-base);--vft-input-bg-color:var(--vft-fill-color-blank);--vft-input-icon-color:var(--vft-text-placeholder-color);--vft-input-placeholder-color:var(--vft-text-placeholder-color);--vft-input-hover-border-color:var(--vft-border-color-hover);--vft-input-clear-hover-color:var(--vft-text-secondary-color);--vft-input-focus-border-color:var(--vft-primary-color);position:relative;display:inline-block;text-align:left}.vft-date-editor.vft-input__wrapper{box-shadow:0 0 0 1px var(--vft-input-border-color,var(--vft-border-color)) inset}.vft-date-editor.vft-input__wrapper:hover{box-shadow:0 0 0 1px var(--vft-input-hover-border-color) inset}.vft-date-editor.vft-input,.vft-date-editor.vft-input__wrapper{width:var(--vft-date-editor-width);height:var(--vft-input-height,var(--vft-component-size))}.vft-date-editor--monthrange{--vft-date-editor-width:var(--vft-date-editor-monthrange-width)}.vft-date-editor--daterange,.vft-date-editor--timerange{--vft-date-editor-width:var(--vft-date-editor-daterange-width)}.vft-date-editor--datetimerange{--vft-date-editor-width:var(--vft-date-editor-datetimerange-width)}.vft-date-editor--dates .vft-input__wrapper{text-overflow:ellipsis;white-space:nowrap}.vft-date-editor .close-icon{cursor:pointer}.vft-date-editor .clear-icon{cursor:pointer}.vft-date-editor .clear-icon:hover{color:var(--vft-text-color-secondary)}.vft-date-editor .vft-range__icon{height:inherit;font-size:14px;color:var(--vft-text-color-placeholder);float:left}.vft-date-editor .vft-range__icon svg{vertical-align:middle}.vft-date-editor .vft-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;display:inline-block;height:30px;line-height:30px;margin:0;padding:0;width:39%;text-align:center;font-size:var(--vft-font-size-base);color:var(--vft-text-color-regular);background-color:transparent}.vft-date-editor .vft-range-input::-moz-placeholder{color:var(--vft-text-color-placeholder)}.vft-date-editor .vft-range-input::placeholder{color:var(--vft-text-color-placeholder)}.vft-date-editor .vft-range-separator{flex:1;display:inline-flex;justify-content:center;align-items:center;height:100%;padding:0 5px;margin:0;font-size:14px;word-break:keep-all;color:var(--vft-text-color-primary)}.vft-date-editor .vft-range__close-icon{font-size:14px;color:var(--vft-text-color-placeholder);height:inherit;width:unset;cursor:pointer}.vft-date-editor .vft-range__close-icon:hover{color:var(--vft-text-color-secondary)}.vft-date-editor .vft-range__close-icon svg{vertical-align:middle}.vft-date-editor .vft-range__close-icon--hidden{opacity:0;visibility:hidden}.vft-range-editor.vft-input__wrapper{display:inline-flex;align-items:center;padding:0 10px}.vft-range-editor.is-active{box-shadow:0 0 0 1px var(--vft-input-focus-border-color) inset}.vft-range-editor.is-active:hover{box-shadow:0 0 0 1px var(--vft-input-focus-border-color) inset}.vft-range-editor--large{line-height:var(--vft-component-size-large)}.vft-range-editor--large.vft-input__wrapper{height:var(--vft-component-size-large)}.vft-range-editor--large .vft-range-separator{line-height:40px;font-size:14px}.vft-range-editor--large .vft-range-input{height:38px;line-height:38px;font-size:14px}.vft-range-editor--small{line-height:var(--vft-component-size-small)}.vft-range-editor--small.vft-input__wrapper{height:var(--vft-component-size-small)}.vft-range-editor--small .vft-range-separator{line-height:24px;font-size:12px}.vft-range-editor--small .vft-range-input{height:22px;line-height:22px;font-size:12px}.vft-range-editor.is-disabled{background-color:var(--vft-disabled-bg-color);border-color:var(--vft-disabled-border-color);color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-range-editor.is-disabled:focus,.vft-range-editor.is-disabled:hover{border-color:var(--vft-disabled-border-color)}.vft-range-editor.is-disabled input{background-color:var(--vft-disabled-bg-color);color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-range-editor.is-disabled input::-moz-placeholder{color:var(--vft-text-placeholder-color)}.vft-range-editor.is-disabled input::placeholder{color:var(--vft-text-placeholder-color)}.vft-range-editor.is-disabled .vft-range-separator{color:var(--vft-disabled-text-color)}.vft-picker-panel{color:var(--vft-text-color-regular);background:var(--vft-bg-color-overlay);border-radius:var(--vft-border-radius-base);line-height:30px}.vft-picker-panel .vft-time-panel{margin:5px 0;border:solid 1px var(--vft-datepicker-border-color);background-color:var(--vft-bg-color-overlay);box-shadow:var(--vft-box-shadow-light)}.vft-picker-panel__body-wrapper::after,.vft-picker-panel__body::after{content:"";display:table;clear:both}.vft-picker-panel__content{position:relative;margin:15px}.vft-picker-panel__footer{border-top:1px solid var(--vft-datepicker-inner-border-color);padding:4px 12px;text-align:right;background-color:var(--vft-bg-color-overlay);position:relative;font-size:0}.vft-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:var(--vft-datepicker-text-color);padding-left:12px;text-align:left;outline:0;cursor:pointer}.vft-picker-panel__shortcut:hover{color:var(--vft-datepicker-hover-text-color)}.vft-picker-panel__shortcut.active{background-color:#e6f1fe;color:var(--vft-datepicker-active-color)}.vft-picker-panel__btn{border:1px solid var(--vft-fill-color-darker);color:var(--vft-text-color-primary);line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.vft-picker-panel__btn[disabled]{color:var(--vft-text-color-disabled);cursor:not-allowed}.vft-picker-panel__icon-btn{font-size:12px;color:var(--vft-datepicker-icon-color);border:0;background:0 0;cursor:pointer;outline:0;margin-top:8px}.vft-picker-panel__icon-btn:hover{color:var(--vft-datepicker-hover-text-color)}.vft-picker-panel__icon-btn:focus-visible{color:var(--vft-datepicker-hover-text-color)}.vft-picker-panel__icon-btn.is-disabled{color:var(--vft-text-disabled-color)}.vft-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.vft-picker-panel__icon-btn .vft-icon{cursor:pointer;font-size:inherit}.vft-picker-panel__link-btn{vertical-align:middle}.vft-picker-panel [slot=sidebar],.vft-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid var(--vft-datepicker-inner-border-color);box-sizing:border-box;padding-top:6px;background-color:var(--vft-bg-color-overlay);overflow:auto}.vft-picker-panel [slot=sidebar]+.vft-picker-panel__body,.vft-picker-panel__sidebar+.vft-picker-panel__body{margin-left:110px}.vft-time-spinner.has-seconds .vft-time-spinner__wrapper{width:33.3%}.vft-time-spinner__wrapper{max-height:192px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.vft-time-spinner__wrapper.vft-scrollbar__wrap:not(.vft-scrollbar__wrap--hidden-default){padding-bottom:15px}.vft-time-spinner__wrapper.is-arrow{box-sizing:border-box;text-align:center;overflow:hidden}.vft-time-spinner__wrapper.is-arrow .vft-time-spinner__list{transform:translateY(-32px)}.vft-time-spinner__wrapper.is-arrow .vft-time-spinner__item:hover:not(.is-disabled):not(.is-active){background:var(--vft-fill-color-light);cursor:default}.vft-time-spinner__arrow{font-size:12px;color:var(--vft-text-color-secondary);position:absolute;left:0;width:100%;z-index:var(--vft-index-normal);text-align:center;height:30px;line-height:30px;cursor:pointer}.vft-time-spinner__arrow:hover{color:var(--vft-primary-color)}.vft-time-spinner__arrow.arrow-up{top:10px}.vft-time-spinner__arrow.arrow-down{bottom:10px}.vft-time-spinner__input.vft-input{width:70%}.vft-time-spinner__input.vft-input .vft-input__inner{padding:0;text-align:center}.vft-time-spinner__list{padding:0;margin:0;list-style:none;text-align:center}.vft-time-spinner__list::after,.vft-time-spinner__list::before{content:"";display:block;width:100%;height:80px}.vft-time-spinner__item{height:32px;line-height:32px;font-size:12px;color:var(--vft-text-color-regular)}.vft-time-spinner__item:hover:not(.is-disabled):not(.is-active){background:var(--vft-fill-color-light);cursor:pointer}.vft-time-spinner__item.is-active:not(.is-disabled){color:var(--vft-text-color-primary);font-weight:700}.vft-time-spinner__item.is-disabled{color:var(--vft-text-color-placeholder);cursor:not-allowed}.vft-time-panel{border-radius:2px;position:relative;width:180px;left:0;z-index:var(--vft-index-top);-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:content-box}.vft-time-panel__content{font-size:0;position:relative;overflow:hidden}.vft-time-panel__content::after,.vft-time-panel__content::before{content:"";top:50%;position:absolute;margin-top:-16px;height:32px;z-index:-1;left:0;right:0;box-sizing:border-box;padding-top:6px;text-align:left}.vft-time-panel__content::after{left:50%;margin-left:12%;margin-right:12%}.vft-time-panel__content::before{padding-left:50%;margin-right:12%;margin-left:12%;border-top:1px solid var(--vft-border-color-light);border-bottom:1px solid var(--vft-border-color-light)}.vft-time-panel__content.has-seconds::after{left:66.6666666667%}.vft-time-panel__content.has-seconds::before{padding-left:33.3333333333%}.vft-time-panel__footer{border-top:1px solid var(--vft-timepicker-inner-border-color,var(--vft-border-color-light));padding:4px;height:36px;line-height:25px;text-align:right;box-sizing:border-box}.vft-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:var(--vft-text-color-primary)}.vft-time-panel__btn.confirm{font-weight:800;color:var(--vft-timepicker-active-color,var(--vft-primary-color))}.vft-time-range-picker{width:354px;overflow:visible}.vft-time-range-picker__content{position:relative;text-align:center;padding:10px;z-index:1}.vft-time-range-picker__cell{box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%;display:inline-block}.vft-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:14px}.vft-time-range-picker__body{border-radius:2px;border:1px solid var(--vft-datepicker-border-color)}
1
+ .fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.vft-fade-in-linear-enter-active,.vft-fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.vft-fade-in-linear-enter-from,.vft-fade-in-linear-leave-to{opacity:0}.vft-fade-in-enter-active,.vft-fade-in-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-fade-in-enter-from,.vft-fade-in-leave-active{opacity:0}.vft-zoom-in-center-enter-active,.vft-zoom-in-center-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-zoom-in-center-enter-from,.vft-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.vft-zoom-in-top-enter-active,.vft-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--vft-transition-md-fade)}.vft-zoom-in-top-enter-active[data-popper-placement^=top],.vft-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-enter-from,.vft-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-top-fast-enter-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--vft-transition-md-fade)}.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top}.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-enter-from,.vft-zoom-in-top-fast-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-bottom-enter-active,.vft-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--vft-transition-md-fade);transform-origin:center bottom}.vft-zoom-in-bottom-enter-from,.vft-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-left-enter-active,.vft-zoom-in-left-leave-active{opacity:1;transform:scale(1,1);transition:var(--vft-transition-md-fade);transform-origin:top left}.vft-zoom-in-left-enter-from,.vft-zoom-in-left-leave-active{opacity:0;transform:scale(.45,.45)}.collapse-transition{transition:var(--vft-transition-duration) height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.vft-collapse-transition-enter-active,.vft-collapse-transition-leave-active{transition:var(--vft-transition-duration) max-height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--vft-transition-duration) width ease-in-out,var(--vft-transition-duration) padding-left ease-in-out,var(--vft-transition-duration) padding-right ease-in-out}.vft-list-enter-active,.vft-list-leave-active{transition:all 1s}.vft-list-enter-from,.vft-list-leave-to{opacity:0;transform:translateY(-30px)}.vft-list-leave-active{position:absolute!important}.vft-opacity-transition{transition:opacity var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}@keyframes vft-rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}.vft-picker__popper{--vft-datepicker-border-color:var(--vft-disabled-border-color)}.vft-picker__popper.vft-popper{background:var(--vft-bg-color-overlay);border:1px solid var(--vft-datepicker-border-color);box-shadow:var(--vft-box-shadow-light)}.vft-picker__popper.vft-popper .vft-popper__arrow::before{border:1px solid var(--vft-datepicker-border-color)}.vft-picker__popper.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.vft-picker__popper.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.vft-picker__popper.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.vft-picker__popper.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.vft-date-editor{--vft-date-editor-width:220px;--vft-date-editor-monthrange-width:300px;--vft-date-editor-daterange-width:350px;--vft-date-editor-datetimerange-width:400px;--vft-input-width:100%;--vft-input-text-color:var(--vft-text-regular-color);--vft-input-border:var(--vft-border);--vft-input-hover-border:var(--vft-border-color-hover);--vft-input-focus-border:var(--vft-primary-color);--vft-input-transparent-border:0 0 0 1px transparent inset;--vft-input-border-color:var(--vft-border-color);--vft-input-border-radius:var(--vft-border-radius-base);--vft-input-bg-color:var(--vft-fill-color-blank);--vft-input-icon-color:var(--vft-text-placeholder-color);--vft-input-placeholder-color:var(--vft-text-placeholder-color);--vft-input-hover-border-color:var(--vft-border-color-hover);--vft-input-clear-hover-color:var(--vft-text-secondary-color);--vft-input-focus-border-color:var(--vft-primary-color);position:relative;display:inline-block;text-align:left}.vft-date-editor.vft-input__wrapper{border:1px solid var(--vft-input-border-color,var(--vft-border-color))}.vft-date-editor.vft-input__wrapper:hover{border:1px solid var(--vft-input-hover-border-color)}.vft-date-editor.vft-input,.vft-date-editor.vft-input__wrapper{width:var(--vft-date-editor-width);height:var(--vft-input-height,var(--vft-component-size))}.vft-date-editor--monthrange{--vft-date-editor-width:var(--vft-date-editor-monthrange-width)}.vft-date-editor--daterange,.vft-date-editor--timerange{--vft-date-editor-width:var(--vft-date-editor-daterange-width)}.vft-date-editor--datetimerange{--vft-date-editor-width:var(--vft-date-editor-datetimerange-width)}.vft-date-editor--dates .vft-input__wrapper{text-overflow:ellipsis;white-space:nowrap}.vft-date-editor .close-icon{cursor:pointer}.vft-date-editor .clear-icon{cursor:pointer}.vft-date-editor .clear-icon:hover{color:var(--vft-text-secondary-color)}.vft-date-editor .vft-range__icon{font-size:14px;color:var(--vft-text-placeholder-color);float:left}.vft-date-editor .vft-range__icon svg{vertical-align:middle}.vft-date-editor .vft-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;display:inline-block;height:30px;line-height:30px;margin:0;padding:0;width:39%;text-align:center;font-size:var(--vft-font-size-base);color:var(--vft-text-regular-color);background-color:transparent}.vft-date-editor .vft-range-input::-moz-placeholder{color:var(--vft-text-placeholder-color)}.vft-date-editor .vft-range-input::placeholder{color:var(--vft-text-placeholder-color)}.vft-date-editor .vft-range-separator{flex:1;display:inline-flex;justify-content:center;align-items:center;height:100%;padding:0 5px;margin:0;font-size:14px;word-break:keep-all;color:var(--vft-text-primary-color)}.vft-date-editor .vft-range__close-icon{font-size:14px;color:var(--vft-text-placeholder-color);width:unset;cursor:pointer}.vft-date-editor .vft-range__close-icon:hover{color:var(--vft-text-secondary-color)}.vft-date-editor .vft-range__close-icon svg{vertical-align:middle}.vft-date-editor .vft-range__close-icon--hidden{opacity:0;visibility:hidden}.vft-range-editor.vft-input__wrapper{display:inline-flex;align-items:center;padding:0 10px}.vft-range-editor.is-active{border:1px solid var(--vft-input-focus-border-color)}.vft-range-editor.is-active:hover{border:1px solid var(--vft-input-focus-border-color)}.vft-range-editor--large{line-height:var(--vft-component-size-large)}.vft-range-editor--large.vft-input__wrapper{height:var(--vft-component-size-large)}.vft-range-editor--large .vft-range-separator{line-height:40px;font-size:14px}.vft-range-editor--large .vft-range-input{height:38px;line-height:38px;font-size:14px}.vft-range-editor--small{line-height:var(--vft-component-size-small)}.vft-range-editor--small.vft-input__wrapper{height:var(--vft-component-size-small)}.vft-range-editor--small .vft-range-separator{line-height:24px;font-size:12px}.vft-range-editor--small .vft-range-input{height:22px;line-height:22px;font-size:12px}.vft-range-editor.is-disabled{background-color:var(--vft-disabled-bg-color);border-color:var(--vft-disabled-border-color);color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-range-editor.is-disabled:focus,.vft-range-editor.is-disabled:hover{border-color:var(--vft-disabled-border-color)}.vft-range-editor.is-disabled input{background-color:var(--vft-disabled-bg-color);color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-range-editor.is-disabled input::-moz-placeholder{color:var(--vft-text-placeholder-color)}.vft-range-editor.is-disabled input::placeholder{color:var(--vft-text-placeholder-color)}.vft-range-editor.is-disabled .vft-range-separator{color:var(--vft-disabled-text-color)}.vft-picker-panel{color:var(--vft-text-regular-color);background:var(--vft-bg-color-overlay);border-radius:var(--vft-border-radius-base);line-height:30px}.vft-picker-panel .vft-time-panel{margin:5px 0;border:solid 1px var(--vft-datepicker-border-color);background-color:var(--vft-bg-color-overlay);box-shadow:var(--vft-box-shadow-light)}.vft-picker-panel__body-wrapper::after,.vft-picker-panel__body::after{content:"";display:table;clear:both}.vft-picker-panel__content{position:relative;margin:15px}.vft-picker-panel__footer{border-top:1px solid var(--vft-datepicker-inner-border-color);padding:4px 12px;text-align:right;background-color:var(--vft-bg-color-overlay);position:relative;font-size:0}.vft-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:var(--vft-datepicker-text-color);padding-left:12px;text-align:left;outline:0;cursor:pointer}.vft-picker-panel__shortcut:hover{color:var(--vft-datepicker-hover-text-color)}.vft-picker-panel__shortcut.active{background-color:#e6f1fe;color:var(--vft-datepicker-active-color)}.vft-picker-panel__btn{border:1px solid var(--vft-fill-color-darker);color:var(--vft-text-primary-color);line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.vft-picker-panel__btn[disabled]{color:var(--vft-text-disabled-color);cursor:not-allowed}.vft-picker-panel__icon-btn{font-size:12px;color:var(--vft-datepicker-icon-color);border:0;background:0 0;cursor:pointer;outline:0;margin-top:3px}.vft-picker-panel__icon-btn:hover{color:var(--vft-datepicker-hover-text-color)}.vft-picker-panel__icon-btn:focus-visible{color:var(--vft-datepicker-hover-text-color)}.vft-picker-panel__icon-btn.is-disabled{color:var(--vft-text-disabled-color)}.vft-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.vft-picker-panel__icon-btn .vft-icon{cursor:pointer}.vft-picker-panel__link-btn{vertical-align:middle}.vft-picker-panel [slot=sidebar],.vft-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid var(--vft-datepicker-inner-border-color);box-sizing:border-box;padding-top:6px;background-color:var(--vft-bg-color-overlay);overflow:auto}.vft-picker-panel [slot=sidebar]+.vft-picker-panel__body,.vft-picker-panel__sidebar+.vft-picker-panel__body{margin-left:110px}.vft-time-spinner.has-seconds .vft-time-spinner__wrapper{width:33.3%}.vft-time-spinner__wrapper{max-height:192px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.vft-time-spinner__wrapper.vft-scrollbar__wrap:not(.vft-scrollbar__wrap--hidden-default){padding-bottom:15px}.vft-time-spinner__wrapper.is-arrow{box-sizing:border-box;text-align:center;overflow:hidden}.vft-time-spinner__wrapper.is-arrow .vft-time-spinner__list{transform:translateY(-32px)}.vft-time-spinner__wrapper.is-arrow .vft-time-spinner__item:hover:not(.is-disabled):not(.is-active){background:var(--vft-fill-color-light);cursor:default}.vft-time-spinner__arrow{font-size:16px;color:var(--vft-text-secondary-color);position:absolute;left:0;width:100%;z-index:var(--vft-z-index-normal);text-align:center;cursor:pointer}.vft-time-spinner__arrow:hover{color:var(--vft-primary-color)}.vft-time-spinner__arrow.arrow-up{top:10px}.vft-time-spinner__arrow.arrow-down{bottom:10px}.vft-time-spinner__input.vft-input{width:70%}.vft-time-spinner__input.vft-input .vft-input__inner{padding:0;text-align:center}.vft-time-spinner__list{padding:0;margin:0;list-style:none;text-align:center}.vft-time-spinner__list::after,.vft-time-spinner__list::before{content:"";display:block;width:100%;height:80px}.vft-time-spinner__item{height:32px;line-height:32px;font-size:12px;color:var(--vft-text-regular-color)}.vft-time-spinner__item:hover:not(.is-disabled):not(.is-active){background:var(--vft-fill-color-light);cursor:pointer}.vft-time-spinner__item.is-active:not(.is-disabled){color:var(--vft-text-primary-color);font-weight:700}.vft-time-spinner__item.is-disabled{color:var(--vft-text-placeholder-color);cursor:not-allowed}.vft-time-panel{border-radius:2px;position:relative;width:180px;left:0;z-index:var(--vft-z-index-top);-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:content-box}.vft-time-panel__content{font-size:0;position:relative;overflow:hidden}.vft-time-panel__content::after,.vft-time-panel__content::before{content:"";top:50%;position:absolute;margin-top:-16px;height:32px;z-index:-1;left:0;right:0;box-sizing:border-box;padding-top:6px;text-align:left}.vft-time-panel__content::after{left:50%;margin-left:12%;margin-right:12%}.vft-time-panel__content::before{padding-left:50%;margin-right:12%;margin-left:12%;border-top:1px solid var(--vft-border-color-light);border-bottom:1px solid var(--vft-border-color-light)}.vft-time-panel__content.has-seconds::after{left:66.6666666667%}.vft-time-panel__content.has-seconds::before{padding-left:33.3333333333%}.vft-time-panel__footer{border-top:1px solid var(--vft-timepicker-inner-border-color,var(--vft-border-color-light));padding:4px;height:36px;line-height:25px;text-align:right;box-sizing:border-box}.vft-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:var(--vft-text-primary-color)}.vft-time-panel__btn.confirm{font-weight:800;color:var(--vft-timepicker-active-color,var(--vft-primary-color))}.vft-time-range-picker{width:354px;overflow:visible}.vft-time-range-picker__content{position:relative;text-align:center;padding:10px;z-index:1}.vft-time-range-picker__cell{box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%;display:inline-block}.vft-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:14px}.vft-time-range-picker__body{border-radius:2px;border:1px solid var(--vft-datepicker-border-color)}
package/theme-style/vft-time-select.css CHANGED
@@ -1 +1 @@
1
- .fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.vft-fade-in-linear-enter-active,.vft-fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.vft-fade-in-linear-enter-from,.vft-fade-in-linear-leave-to{opacity:0}.vft-fade-in-enter-active,.vft-fade-in-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-fade-in-enter-from,.vft-fade-in-leave-active{opacity:0}.vft-zoom-in-center-enter-active,.vft-zoom-in-center-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-zoom-in-center-enter-from,.vft-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.vft-zoom-in-top-enter-active,.vft-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--vft-transition-md-fade)}.vft-zoom-in-top-enter-active[data-popper-placement^=top],.vft-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-enter-from,.vft-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-top-fast-enter-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--vft-transition-md-fade)}.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top}.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-enter-from,.vft-zoom-in-top-fast-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-bottom-enter-active,.vft-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--vft-transition-md-fade);transform-origin:center bottom}.vft-zoom-in-bottom-enter-from,.vft-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-left-enter-active,.vft-zoom-in-left-leave-active{opacity:1;transform:scale(1,1);transition:var(--vft-transition-md-fade);transform-origin:top left}.vft-zoom-in-left-enter-from,.vft-zoom-in-left-leave-active{opacity:0;transform:scale(.45,.45)}.collapse-transition{transition:var(--vft-transition-duration) height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.vft-collapse-transition-enter-active,.vft-collapse-transition-leave-active{transition:var(--vft-transition-duration) max-height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--vft-transition-duration) width ease-in-out,var(--vft-transition-duration) padding-left ease-in-out,var(--vft-transition-duration) padding-right ease-in-out}.vft-list-enter-active,.vft-list-leave-active{transition:all 1s}.vft-list-enter-from,.vft-list-leave-to{opacity:0;transform:translateY(-30px)}.vft-list-leave-active{position:absolute!important}.vft-opacity-transition{transition:opacity var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}@keyframes vft-rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}.vft-picker__popper{--vft-datepicker-border-color:var(--vft-disabled-border-color)}.vft-picker__popper.vft-popper{background:var(--vft-bg-color-overlay);border:1px solid var(--vft-datepicker-border-color);box-shadow:var(--vft-box-shadow-light)}.vft-picker__popper.vft-popper .vft-popper__arrow::before{border:1px solid var(--vft-datepicker-border-color)}.vft-picker__popper.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.vft-picker__popper.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.vft-picker__popper.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.vft-picker__popper.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.vft-date-editor{--vft-date-editor-width:220px;--vft-date-editor-monthrange-width:300px;--vft-date-editor-daterange-width:350px;--vft-date-editor-datetimerange-width:400px;--vft-input-width:100%;--vft-input-text-color:var(--vft-text-regular-color);--vft-input-border:var(--vft-border);--vft-input-hover-border:var(--vft-border-color-hover);--vft-input-focus-border:var(--vft-primary-color);--vft-input-transparent-border:0 0 0 1px transparent inset;--vft-input-border-color:var(--vft-border-color);--vft-input-border-radius:var(--vft-border-radius-base);--vft-input-bg-color:var(--vft-fill-color-blank);--vft-input-icon-color:var(--vft-text-placeholder-color);--vft-input-placeholder-color:var(--vft-text-placeholder-color);--vft-input-hover-border-color:var(--vft-border-color-hover);--vft-input-clear-hover-color:var(--vft-text-secondary-color);--vft-input-focus-border-color:var(--vft-primary-color);position:relative;display:inline-block;text-align:left}.vft-date-editor.vft-input__wrapper{box-shadow:0 0 0 1px var(--vft-input-border-color,var(--vft-border-color)) inset}.vft-date-editor.vft-input__wrapper:hover{box-shadow:0 0 0 1px var(--vft-input-hover-border-color) inset}.vft-date-editor.vft-input,.vft-date-editor.vft-input__wrapper{width:var(--vft-date-editor-width);height:var(--vft-input-height,var(--vft-component-size))}.vft-date-editor--monthrange{--vft-date-editor-width:var(--vft-date-editor-monthrange-width)}.vft-date-editor--daterange,.vft-date-editor--timerange{--vft-date-editor-width:var(--vft-date-editor-daterange-width)}.vft-date-editor--datetimerange{--vft-date-editor-width:var(--vft-date-editor-datetimerange-width)}.vft-date-editor--dates .vft-input__wrapper{text-overflow:ellipsis;white-space:nowrap}.vft-date-editor .close-icon{cursor:pointer}.vft-date-editor .clear-icon{cursor:pointer}.vft-date-editor .clear-icon:hover{color:var(--vft-text-color-secondary)}.vft-date-editor .vft-range__icon{height:inherit;font-size:14px;color:var(--vft-text-color-placeholder);float:left}.vft-date-editor .vft-range__icon svg{vertical-align:middle}.vft-date-editor .vft-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;display:inline-block;height:30px;line-height:30px;margin:0;padding:0;width:39%;text-align:center;font-size:var(--vft-font-size-base);color:var(--vft-text-color-regular);background-color:transparent}.vft-date-editor .vft-range-input::-moz-placeholder{color:var(--vft-text-color-placeholder)}.vft-date-editor .vft-range-input::placeholder{color:var(--vft-text-color-placeholder)}.vft-date-editor .vft-range-separator{flex:1;display:inline-flex;justify-content:center;align-items:center;height:100%;padding:0 5px;margin:0;font-size:14px;word-break:keep-all;color:var(--vft-text-color-primary)}.vft-date-editor .vft-range__close-icon{font-size:14px;color:var(--vft-text-color-placeholder);height:inherit;width:unset;cursor:pointer}.vft-date-editor .vft-range__close-icon:hover{color:var(--vft-text-color-secondary)}.vft-date-editor .vft-range__close-icon svg{vertical-align:middle}.vft-date-editor .vft-range__close-icon--hidden{opacity:0;visibility:hidden}.vft-range-editor.vft-input__wrapper{display:inline-flex;align-items:center;padding:0 10px}.vft-range-editor.is-active{box-shadow:0 0 0 1px var(--vft-input-focus-border-color) inset}.vft-range-editor.is-active:hover{box-shadow:0 0 0 1px var(--vft-input-focus-border-color) inset}.vft-range-editor--large{line-height:var(--vft-component-size-large)}.vft-range-editor--large.vft-input__wrapper{height:var(--vft-component-size-large)}.vft-range-editor--large .vft-range-separator{line-height:40px;font-size:14px}.vft-range-editor--large .vft-range-input{height:38px;line-height:38px;font-size:14px}.vft-range-editor--small{line-height:var(--vft-component-size-small)}.vft-range-editor--small.vft-input__wrapper{height:var(--vft-component-size-small)}.vft-range-editor--small .vft-range-separator{line-height:24px;font-size:12px}.vft-range-editor--small .vft-range-input{height:22px;line-height:22px;font-size:12px}.vft-range-editor.is-disabled{background-color:var(--vft-disabled-bg-color);border-color:var(--vft-disabled-border-color);color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-range-editor.is-disabled:focus,.vft-range-editor.is-disabled:hover{border-color:var(--vft-disabled-border-color)}.vft-range-editor.is-disabled input{background-color:var(--vft-disabled-bg-color);color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-range-editor.is-disabled input::-moz-placeholder{color:var(--vft-text-placeholder-color)}.vft-range-editor.is-disabled input::placeholder{color:var(--vft-text-placeholder-color)}.vft-range-editor.is-disabled .vft-range-separator{color:var(--vft-disabled-text-color)}.vft-picker-panel{color:var(--vft-text-color-regular);background:var(--vft-bg-color-overlay);border-radius:var(--vft-border-radius-base);line-height:30px}.vft-picker-panel .vft-time-panel{margin:5px 0;border:solid 1px var(--vft-datepicker-border-color);background-color:var(--vft-bg-color-overlay);box-shadow:var(--vft-box-shadow-light)}.vft-picker-panel__body-wrapper::after,.vft-picker-panel__body::after{content:"";display:table;clear:both}.vft-picker-panel__content{position:relative;margin:15px}.vft-picker-panel__footer{border-top:1px solid var(--vft-datepicker-inner-border-color);padding:4px 12px;text-align:right;background-color:var(--vft-bg-color-overlay);position:relative;font-size:0}.vft-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:var(--vft-datepicker-text-color);padding-left:12px;text-align:left;outline:0;cursor:pointer}.vft-picker-panel__shortcut:hover{color:var(--vft-datepicker-hover-text-color)}.vft-picker-panel__shortcut.active{background-color:#e6f1fe;color:var(--vft-datepicker-active-color)}.vft-picker-panel__btn{border:1px solid var(--vft-fill-color-darker);color:var(--vft-text-color-primary);line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.vft-picker-panel__btn[disabled]{color:var(--vft-text-color-disabled);cursor:not-allowed}.vft-picker-panel__icon-btn{font-size:12px;color:var(--vft-datepicker-icon-color);border:0;background:0 0;cursor:pointer;outline:0;margin-top:8px}.vft-picker-panel__icon-btn:hover{color:var(--vft-datepicker-hover-text-color)}.vft-picker-panel__icon-btn:focus-visible{color:var(--vft-datepicker-hover-text-color)}.vft-picker-panel__icon-btn.is-disabled{color:var(--vft-text-disabled-color)}.vft-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.vft-picker-panel__icon-btn .vft-icon{cursor:pointer;font-size:inherit}.vft-picker-panel__link-btn{vertical-align:middle}.vft-picker-panel [slot=sidebar],.vft-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid var(--vft-datepicker-inner-border-color);box-sizing:border-box;padding-top:6px;background-color:var(--vft-bg-color-overlay);overflow:auto}.vft-picker-panel [slot=sidebar]+.vft-picker-panel__body,.vft-picker-panel__sidebar+.vft-picker-panel__body{margin-left:110px}.vft-date-picker{--vft-datepicker-text-color:var(--vft-text-regular-color);--vft-datepicker-off-text-color:var(--vft-text-placeholder-color);--vft-datepicker-header-text-color:var(--vft-text-regular-color);--vft-datepicker-icon-color:var(--vft-text-primary-color);--vft-datepicker-border-color:var(--vft-disabled-border-color);--vft-datepicker-inner-border-color:var(--vft-border-color-light);--vft-datepicker-inrange-bg-color:var(--vft-border-color-extra-light);--vft-datepicker-inrange-hover-bg-color:var(--vft-border-color-extra-light);--vft-datepicker-active-color:var(--vft-primary-color);--vft-datepicker-hover-text-color:var(--vft-primary-color)}.vft-date-picker{width:322px}.vft-date-picker.has-sidebar.has-time{width:434px}.vft-date-picker.has-sidebar{width:438px}.vft-date-picker.has-time .vft-picker-panel__body-wrapper{position:relative}.vft-date-picker .vft-picker-panel__content{width:292px}.vft-date-picker table{table-layout:fixed;width:100%}.vft-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.vft-date-picker__time-header{position:relative;border-bottom:1px solid var(--vft-datepicker-inner-border-color);font-size:12px;padding:8px 5px 5px;display:table;width:100%;box-sizing:border-box}.vft-date-picker__header{margin:12px;text-align:center}.vft-date-picker__header--bordered{margin-bottom:0;padding-bottom:12px;border-bottom:solid 1px var(--vft-border-color-lighter)}.vft-date-picker__header--bordered+.vft-picker-panel__content{margin-top:0}.vft-date-picker__header-label{font-size:16px;font-weight:500;padding:0 5px;line-height:22px;text-align:center;cursor:pointer;color:var(--vft-text-color-regular)}.vft-date-picker__header-label:hover{color:var(--vft-datepicker-hover-text-color)}.vft-date-picker__header-label:focus-visible{outline:0;color:var(--vft-datepicker-hover-text-color)}.vft-date-picker__header-label.active{color:var(--vft-datepicker-active-color)}.vft-date-picker__prev-btn{float:left}.vft-date-picker__next-btn{float:right}.vft-date-picker__time-wrap{padding:10px;text-align:center}.vft-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.vft-date-picker .vft-time-panel{position:absolute}.time-select{margin:5px 0;min-width:0}.time-select .vft-picker-panel__content{max-height:200px;margin:0}.time-select-item{padding:8px 10px;font-size:14px;line-height:20px}.time-select-item.disabled{color:var(--vft-datepicker-border-color);cursor:not-allowed}.time-select-item:hover{background-color:var(--vft-fill-color-light);font-weight:700;cursor:pointer}.time-select .time-select-item.selected:not(.disabled){color:var(--vft-primary-color);font-weight:700}
1
+ .fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.vft-fade-in-linear-enter-active,.vft-fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.vft-fade-in-linear-enter-from,.vft-fade-in-linear-leave-to{opacity:0}.vft-fade-in-enter-active,.vft-fade-in-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-fade-in-enter-from,.vft-fade-in-leave-active{opacity:0}.vft-zoom-in-center-enter-active,.vft-zoom-in-center-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-zoom-in-center-enter-from,.vft-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.vft-zoom-in-top-enter-active,.vft-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--vft-transition-md-fade)}.vft-zoom-in-top-enter-active[data-popper-placement^=top],.vft-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-enter-from,.vft-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-top-fast-enter-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--vft-transition-md-fade)}.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top}.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-enter-from,.vft-zoom-in-top-fast-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-bottom-enter-active,.vft-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--vft-transition-md-fade);transform-origin:center bottom}.vft-zoom-in-bottom-enter-from,.vft-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-left-enter-active,.vft-zoom-in-left-leave-active{opacity:1;transform:scale(1,1);transition:var(--vft-transition-md-fade);transform-origin:top left}.vft-zoom-in-left-enter-from,.vft-zoom-in-left-leave-active{opacity:0;transform:scale(.45,.45)}.collapse-transition{transition:var(--vft-transition-duration) height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.vft-collapse-transition-enter-active,.vft-collapse-transition-leave-active{transition:var(--vft-transition-duration) max-height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--vft-transition-duration) width ease-in-out,var(--vft-transition-duration) padding-left ease-in-out,var(--vft-transition-duration) padding-right ease-in-out}.vft-list-enter-active,.vft-list-leave-active{transition:all 1s}.vft-list-enter-from,.vft-list-leave-to{opacity:0;transform:translateY(-30px)}.vft-list-leave-active{position:absolute!important}.vft-opacity-transition{transition:opacity var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}@keyframes vft-rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}.vft-picker__popper{--vft-datepicker-border-color:var(--vft-disabled-border-color)}.vft-picker__popper.vft-popper{background:var(--vft-bg-color-overlay);border:1px solid var(--vft-datepicker-border-color);box-shadow:var(--vft-box-shadow-light)}.vft-picker__popper.vft-popper .vft-popper__arrow::before{border:1px solid var(--vft-datepicker-border-color)}.vft-picker__popper.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.vft-picker__popper.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.vft-picker__popper.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.vft-picker__popper.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.vft-date-editor{--vft-date-editor-width:220px;--vft-date-editor-monthrange-width:300px;--vft-date-editor-daterange-width:350px;--vft-date-editor-datetimerange-width:400px;--vft-input-width:100%;--vft-input-text-color:var(--vft-text-regular-color);--vft-input-border:var(--vft-border);--vft-input-hover-border:var(--vft-border-color-hover);--vft-input-focus-border:var(--vft-primary-color);--vft-input-transparent-border:0 0 0 1px transparent inset;--vft-input-border-color:var(--vft-border-color);--vft-input-border-radius:var(--vft-border-radius-base);--vft-input-bg-color:var(--vft-fill-color-blank);--vft-input-icon-color:var(--vft-text-placeholder-color);--vft-input-placeholder-color:var(--vft-text-placeholder-color);--vft-input-hover-border-color:var(--vft-border-color-hover);--vft-input-clear-hover-color:var(--vft-text-secondary-color);--vft-input-focus-border-color:var(--vft-primary-color);position:relative;display:inline-block;text-align:left}.vft-date-editor.vft-input__wrapper{border:1px solid var(--vft-input-border-color,var(--vft-border-color))}.vft-date-editor.vft-input__wrapper:hover{border:1px solid var(--vft-input-hover-border-color)}.vft-date-editor.vft-input,.vft-date-editor.vft-input__wrapper{width:var(--vft-date-editor-width);height:var(--vft-input-height,var(--vft-component-size))}.vft-date-editor--monthrange{--vft-date-editor-width:var(--vft-date-editor-monthrange-width)}.vft-date-editor--daterange,.vft-date-editor--timerange{--vft-date-editor-width:var(--vft-date-editor-daterange-width)}.vft-date-editor--datetimerange{--vft-date-editor-width:var(--vft-date-editor-datetimerange-width)}.vft-date-editor--dates .vft-input__wrapper{text-overflow:ellipsis;white-space:nowrap}.vft-date-editor .close-icon{cursor:pointer}.vft-date-editor .clear-icon{cursor:pointer}.vft-date-editor .clear-icon:hover{color:var(--vft-text-secondary-color)}.vft-date-editor .vft-range__icon{font-size:14px;color:var(--vft-text-placeholder-color);float:left}.vft-date-editor .vft-range__icon svg{vertical-align:middle}.vft-date-editor .vft-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;display:inline-block;height:30px;line-height:30px;margin:0;padding:0;width:39%;text-align:center;font-size:var(--vft-font-size-base);color:var(--vft-text-regular-color);background-color:transparent}.vft-date-editor .vft-range-input::-moz-placeholder{color:var(--vft-text-placeholder-color)}.vft-date-editor .vft-range-input::placeholder{color:var(--vft-text-placeholder-color)}.vft-date-editor .vft-range-separator{flex:1;display:inline-flex;justify-content:center;align-items:center;height:100%;padding:0 5px;margin:0;font-size:14px;word-break:keep-all;color:var(--vft-text-primary-color)}.vft-date-editor .vft-range__close-icon{font-size:14px;color:var(--vft-text-placeholder-color);width:unset;cursor:pointer}.vft-date-editor .vft-range__close-icon:hover{color:var(--vft-text-secondary-color)}.vft-date-editor .vft-range__close-icon svg{vertical-align:middle}.vft-date-editor .vft-range__close-icon--hidden{opacity:0;visibility:hidden}.vft-range-editor.vft-input__wrapper{display:inline-flex;align-items:center;padding:0 10px}.vft-range-editor.is-active{border:1px solid var(--vft-input-focus-border-color)}.vft-range-editor.is-active:hover{border:1px solid var(--vft-input-focus-border-color)}.vft-range-editor--large{line-height:var(--vft-component-size-large)}.vft-range-editor--large.vft-input__wrapper{height:var(--vft-component-size-large)}.vft-range-editor--large .vft-range-separator{line-height:40px;font-size:14px}.vft-range-editor--large .vft-range-input{height:38px;line-height:38px;font-size:14px}.vft-range-editor--small{line-height:var(--vft-component-size-small)}.vft-range-editor--small.vft-input__wrapper{height:var(--vft-component-size-small)}.vft-range-editor--small .vft-range-separator{line-height:24px;font-size:12px}.vft-range-editor--small .vft-range-input{height:22px;line-height:22px;font-size:12px}.vft-range-editor.is-disabled{background-color:var(--vft-disabled-bg-color);border-color:var(--vft-disabled-border-color);color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-range-editor.is-disabled:focus,.vft-range-editor.is-disabled:hover{border-color:var(--vft-disabled-border-color)}.vft-range-editor.is-disabled input{background-color:var(--vft-disabled-bg-color);color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-range-editor.is-disabled input::-moz-placeholder{color:var(--vft-text-placeholder-color)}.vft-range-editor.is-disabled input::placeholder{color:var(--vft-text-placeholder-color)}.vft-range-editor.is-disabled .vft-range-separator{color:var(--vft-disabled-text-color)}.vft-picker-panel{color:var(--vft-text-regular-color);background:var(--vft-bg-color-overlay);border-radius:var(--vft-border-radius-base);line-height:30px}.vft-picker-panel .vft-time-panel{margin:5px 0;border:solid 1px var(--vft-datepicker-border-color);background-color:var(--vft-bg-color-overlay);box-shadow:var(--vft-box-shadow-light)}.vft-picker-panel__body-wrapper::after,.vft-picker-panel__body::after{content:"";display:table;clear:both}.vft-picker-panel__content{position:relative;margin:15px}.vft-picker-panel__footer{border-top:1px solid var(--vft-datepicker-inner-border-color);padding:4px 12px;text-align:right;background-color:var(--vft-bg-color-overlay);position:relative;font-size:0}.vft-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:var(--vft-datepicker-text-color);padding-left:12px;text-align:left;outline:0;cursor:pointer}.vft-picker-panel__shortcut:hover{color:var(--vft-datepicker-hover-text-color)}.vft-picker-panel__shortcut.active{background-color:#e6f1fe;color:var(--vft-datepicker-active-color)}.vft-picker-panel__btn{border:1px solid var(--vft-fill-color-darker);color:var(--vft-text-primary-color);line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.vft-picker-panel__btn[disabled]{color:var(--vft-text-disabled-color);cursor:not-allowed}.vft-picker-panel__icon-btn{font-size:12px;color:var(--vft-datepicker-icon-color);border:0;background:0 0;cursor:pointer;outline:0;margin-top:3px}.vft-picker-panel__icon-btn:hover{color:var(--vft-datepicker-hover-text-color)}.vft-picker-panel__icon-btn:focus-visible{color:var(--vft-datepicker-hover-text-color)}.vft-picker-panel__icon-btn.is-disabled{color:var(--vft-text-disabled-color)}.vft-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.vft-picker-panel__icon-btn .vft-icon{cursor:pointer}.vft-picker-panel__link-btn{vertical-align:middle}.vft-picker-panel [slot=sidebar],.vft-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid var(--vft-datepicker-inner-border-color);box-sizing:border-box;padding-top:6px;background-color:var(--vft-bg-color-overlay);overflow:auto}.vft-picker-panel [slot=sidebar]+.vft-picker-panel__body,.vft-picker-panel__sidebar+.vft-picker-panel__body{margin-left:110px}.vft-date-picker{--vft-datepicker-text-color:var(--vft-text-regular-color);--vft-datepicker-off-text-color:var(--vft-text-placeholder-color);--vft-datepicker-header-text-color:var(--vft-text-regular-color);--vft-datepicker-icon-color:var(--vft-text-primary-color);--vft-datepicker-border-color:var(--vft-disabled-border-color);--vft-datepicker-inner-border-color:var(--vft-border-color-light);--vft-datepicker-inrange-bg-color:var(--vft-border-color-extra-light);--vft-datepicker-inrange-hover-bg-color:var(--vft-border-color-extra-light);--vft-datepicker-active-color:var(--vft-primary-color);--vft-datepicker-hover-text-color:var(--vft-primary-color)}.vft-date-picker{width:322px}.vft-date-picker.has-sidebar.has-time{width:434px}.vft-date-picker.has-sidebar{width:438px}.vft-date-picker.has-time .vft-picker-panel__body-wrapper{position:relative}.vft-date-picker .vft-picker-panel__content{width:292px}.vft-date-picker table{table-layout:fixed;width:100%}.vft-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.vft-date-picker__time-header{position:relative;border-bottom:1px solid var(--vft-datepicker-inner-border-color);font-size:12px;padding:8px 5px 5px;display:table;width:100%;box-sizing:border-box}.vft-date-picker__header{margin:12px;text-align:center}.vft-date-picker__header--bordered{margin-bottom:0;padding-bottom:12px;border-bottom:solid 1px var(--vft-border-color-lighter)}.vft-date-picker__header--bordered+.vft-picker-panel__content{margin-top:0}.vft-date-picker__header-label{font-size:16px;font-weight:500;padding:0 5px;line-height:22px;text-align:center;cursor:pointer;color:var(--vft-text-regular-color)}.vft-date-picker__header-label:hover{color:var(--vft-datepicker-hover-text-color)}.vft-date-picker__header-label:focus-visible{outline:0;color:var(--vft-datepicker-hover-text-color)}.vft-date-picker__header-label.active{color:var(--vft-datepicker-active-color)}.vft-date-picker__prev-btn{float:left}.vft-date-picker__next-btn{float:right}.vft-date-picker__time-wrap{padding:10px;text-align:center}.vft-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.vft-date-picker .vft-time-panel{position:absolute}.time-select{margin:5px 0;min-width:0}.time-select .vft-picker-panel__content{max-height:200px;margin:0}.time-select-item{padding:8px 10px;font-size:14px;line-height:20px}.time-select-item.disabled{color:var(--vft-datepicker-border-color);cursor:not-allowed}.time-select-item:hover{background-color:var(--vft-fill-color-light);font-weight:700;cursor:pointer}.time-select .time-select-item.selected:not(.disabled){color:var(--vft-primary-color);font-weight:700}
package/theme-style/vft-timeline-item.css CHANGED
@@ -1 +1 @@
1
- .vft-timeline-item{position:relative;padding-bottom:20px}.vft-timeline-item__wrapper{position:relative;padding-left:28px;top:-3px}.vft-timeline-item__tail{position:absolute;left:4px;height:100%;border-left:2px solid var(--vft-timeline-node-color)}.vft-timeline-item .vft-timeline-item__icon{color:var(--vft-color-white);font-size:var(--vft-font-size-small)}.vft-timeline-item__node{position:absolute;background-color:var(--vft-timeline-node-color);border-color:var(--vft-timeline-node-color);border-radius:50%;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.vft-timeline-item__node--normal{left:-1px;width:var(--vft-timeline-node-size-normal);height:var(--vft-timeline-node-size-normal)}.vft-timeline-item__node--large{left:-2px;width:var(--vft-timeline-node-size-large);height:var(--vft-timeline-node-size-large)}.vft-timeline-item__node.is-hollow{background:var(--vft-color-white);border-style:solid;border-width:2px}.vft-timeline-item__node--primary{background-color:var(--vft-color-primary);border-color:var(--vft-color-primary)}.vft-timeline-item__node--success{background-color:var(--vft-color-success);border-color:var(--vft-color-success)}.vft-timeline-item__node--warning{background-color:var(--vft-color-warning);border-color:var(--vft-color-warning)}.vft-timeline-item__node--danger{background-color:var(--vft-color-danger);border-color:var(--vft-color-danger)}.vft-timeline-item__node--info{background-color:var(--vft-color-info);border-color:var(--vft-color-info)}.vft-timeline-item__dot{position:absolute;display:flex;justify-content:center;align-items:center}.vft-timeline-item__content{color:var(--vft-text-color-primary)}.vft-timeline-item__timestamp{color:var(--vft-text-color-secondary);line-height:1;font-size:var(--vft-font-size-small)}.vft-timeline-item__timestamp.is-top{margin-bottom:8px;padding-top:4px}.vft-timeline-item__timestamp.is-bottom{margin-top:8px}
1
+ .vft-timeline-item{position:relative;padding-bottom:20px}.vft-timeline-item__wrapper{position:relative;padding-left:28px;top:-3px}.vft-timeline-item__tail{position:absolute;left:4px;height:100%;border-left:2px solid var(--vft-timeline-node-color)}.vft-timeline-item .vft-timeline-item__icon{color:var(--vft-color-white);font-size:var(--vft-font-size-small)}.vft-timeline-item__node{position:absolute;background-color:var(--vft-timeline-node-color);border-color:var(--vft-timeline-node-color);border-radius:50%;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.vft-timeline-item__node--normal{left:-1px;width:var(--vft-timeline-node-size-normal);height:var(--vft-timeline-node-size-normal)}.vft-timeline-item__node--large{left:-2px;width:var(--vft-timeline-node-size-large);height:var(--vft-timeline-node-size-large)}.vft-timeline-item__node.is-hollow{background:var(--vft-color-white);border-style:solid;border-width:2px}.vft-timeline-item__node--primary{background-color:var(--vft-color-primary);border-color:var(--vft-color-primary)}.vft-timeline-item__node--success{background-color:var(--vft-color-success);border-color:var(--vft-color-success)}.vft-timeline-item__node--warning{background-color:var(--vft-color-warning);border-color:var(--vft-color-warning)}.vft-timeline-item__node--danger{background-color:var(--vft-color-danger);border-color:var(--vft-color-danger)}.vft-timeline-item__node--info{background-color:var(--vft-color-info);border-color:var(--vft-color-info)}.vft-timeline-item__dot{position:absolute;display:flex;justify-content:center;align-items:center}.vft-timeline-item__content{color:var(--vft-text-primary-color)}.vft-timeline-item__timestamp{color:var(--vft-text-secondary-color);line-height:1;font-size:var(--vft-font-size-small)}.vft-timeline-item__timestamp.is-top{margin-bottom:8px;padding-top:4px}.vft-timeline-item__timestamp.is-bottom{margin-top:8px}
package/theme-style/vft-transfer.css CHANGED
@@ -1 +1 @@
1
- .vft-transfer{--vft-transfer-border-color:var(--vft-border-color-lighter);--vft-transfer-border-radius:var(--vft-border-radius-base);--vft-transfer-panel-width:200px;--vft-transfer-panel-header-height:40px;--vft-transfer-panel-header-bg-color:var(--vft-fill-color-light);--vft-transfer-panel-footer-height:40px;--vft-transfer-panel-body-height:278px;--vft-transfer-item-height:30px;--vft-transfer-filter-height:32px}.vft-transfer{font-size:var(--vft-font-size-base)}.vft-transfer__buttons{display:inline-block;vertical-align:middle;padding:0 30px}.vft-transfer__button{vertical-align:top}.vft-transfer__button:nth-child(2){margin:0 0 0 10px}.vft-transfer__button i,.vft-transfer__button span{font-size:14px}.vft-transfer__button .vft-icon+span{margin-left:0}.vft-transfer-panel{overflow:hidden;background:var(--vft-bg-color-overlay);display:inline-block;text-align:left;vertical-align:middle;width:var(--vft-transfer-panel-width);max-height:100%;box-sizing:border-box;position:relative}.vft-transfer-panel__body{height:var(--vft-transfer-panel-body-height);border-left:1px solid var(--vft-transfer-border-color);border-right:1px solid var(--vft-transfer-border-color);border-bottom:1px solid var(--vft-transfer-border-color);border-bottom-left-radius:var(--vft-transfer-border-radius);border-bottom-right-radius:var(--vft-transfer-border-radius);overflow:hidden}.vft-transfer-panel__body.is-with-footer{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.vft-transfer-panel__list{margin:0;padding:6px 0;list-style:none;height:var(--vft-transfer-panel-body-height);overflow:auto;box-sizing:border-box}.vft-transfer-panel__list.is-filterable{height:calc(100% - var(--vft-transfer-filter-height) - 30px);padding-top:0}.vft-transfer-panel__item{height:var(--vft-transfer-item-height);line-height:var(--vft-transfer-item-height);padding-left:15px;display:block!important}.vft-transfer-panel__item+.vft-transfer-panel__item{margin-left:0}.vft-transfer-panel__item.vft-checkbox{color:var(--vft-text-color-regular)}.vft-transfer-panel__item:hover{color:var(--vft-primary-color)}.vft-transfer-panel__item.vft-checkbox .vft-checkbox__label{width:100%;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;display:block;box-sizing:border-box;padding-left:22px;line-height:var(--vft-transfer-item-height)}.vft-transfer-panel__item .vft-checkbox__input{position:absolute;top:8px}.vft-transfer-panel__filter{text-align:center;padding:15px;box-sizing:border-box}.vft-transfer-panel__filter .vft-input__inner{height:var(--vft-transfer-filter-height);width:100%;font-size:12px;display:inline-block;box-sizing:border-box;border-radius:calc(var(--vft-transfer-filter-height)/ 2)}.vft-transfer-panel__filter .vft-icon-circle-close{cursor:pointer}.vft-transfer-panel .vft-transfer-panel__header{display:flex;align-items:center;height:var(--vft-transfer-panel-header-height);background:var(--vft-transfer-panel-header-bg-color);margin:0;padding-left:15px;border:1px solid var(--vft-transfer-border-color);border-top-left-radius:var(--vft-transfer-border-radius);border-top-right-radius:var(--vft-transfer-border-radius);box-sizing:border-box;color:var(--vft-color-black)}.vft-transfer-panel .vft-transfer-panel__header .vft-checkbox{position:relative;display:flex;width:100%;align-items:center}.vft-transfer-panel .vft-transfer-panel__header .vft-checkbox .vft-checkbox__label{font-size:16px;color:var(--vft-text-color-primary);font-weight:400}.vft-transfer-panel .vft-transfer-panel__header .vft-checkbox .vft-checkbox__label span{position:absolute;right:15px;top:50%;transform:translate3d(0,-50%,0);color:var(--vft-text-color-secondary);font-size:12px;font-weight:400}.vft-transfer-panel .vft-transfer-panel__footer{height:var(--vft-transfer-panel-footer-height);background:var(--vft-bg-color-overlay);margin:0;padding:0;border:1px solid var(--vft-transfer-border-color);border-bottom-left-radius:var(--vft-transfer-border-radius);border-bottom-right-radius:var(--vft-transfer-border-radius)}.vft-transfer-panel .vft-transfer-panel__footer::after{display:inline-block;content:"";height:100%;vertical-align:middle}.vft-transfer-panel .vft-transfer-panel__footer .vft-checkbox{padding-left:20px;color:var(--vft-text-color-regular)}.vft-transfer-panel .vft-transfer-panel__empty{margin:0;height:var(--vft-transfer-item-height);line-height:var(--vft-transfer-item-height);padding:6px 15px 0;color:var(--vft-text-color-secondary);text-align:center}.vft-transfer-panel .vft-checkbox__label{padding-left:8px}.vft-transfer-panel .vft-checkbox__inner{height:14px;width:14px;border-radius:3px}.vft-transfer-panel .vft-checkbox__inner::after{height:6px;width:3px;left:4px}
1
+ .vft-transfer{--vft-transfer-border-color:var(--vft-border-color-lighter);--vft-transfer-border-radius:var(--vft-border-radius-base);--vft-transfer-panel-width:200px;--vft-transfer-panel-header-height:40px;--vft-transfer-panel-header-bg-color:var(--vft-fill-color-light);--vft-transfer-panel-footer-height:40px;--vft-transfer-panel-body-height:278px;--vft-transfer-item-height:30px;--vft-transfer-filter-height:32px}.vft-transfer{font-size:var(--vft-font-size-base)}.vft-transfer__buttons{display:inline-block;vertical-align:middle;padding:0 30px}.vft-transfer__button{vertical-align:top}.vft-transfer__button:nth-child(2){margin:0 0 0 10px}.vft-transfer__button i,.vft-transfer__button span{font-size:14px}.vft-transfer__button .vft-icon+span{margin-left:0}.vft-transfer-panel{overflow:hidden;background:var(--vft-bg-color-overlay);display:inline-block;text-align:left;vertical-align:middle;width:var(--vft-transfer-panel-width);max-height:100%;box-sizing:border-box;position:relative}.vft-transfer-panel__body{height:var(--vft-transfer-panel-body-height);border-left:1px solid var(--vft-transfer-border-color);border-right:1px solid var(--vft-transfer-border-color);border-bottom:1px solid var(--vft-transfer-border-color);border-bottom-left-radius:var(--vft-transfer-border-radius);border-bottom-right-radius:var(--vft-transfer-border-radius);overflow:hidden}.vft-transfer-panel__body.is-with-footer{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.vft-transfer-panel__list{margin:0;padding:6px 0;list-style:none;height:var(--vft-transfer-panel-body-height);overflow:auto;box-sizing:border-box}.vft-transfer-panel__list.is-filterable{height:calc(100% - var(--vft-transfer-filter-height) - 30px);padding-top:0}.vft-transfer-panel__item{height:var(--vft-transfer-item-height);line-height:var(--vft-transfer-item-height);padding-left:15px;display:block!important}.vft-transfer-panel__item+.vft-transfer-panel__item{margin-left:0}.vft-transfer-panel__item.vft-checkbox{color:var(--vft-text-regular-color)}.vft-transfer-panel__item:hover{color:var(--vft-primary-color)}.vft-transfer-panel__item.vft-checkbox .vft-checkbox__label{width:100%;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;display:block;box-sizing:border-box;padding-left:22px;line-height:var(--vft-transfer-item-height)}.vft-transfer-panel__item .vft-checkbox__input{position:absolute;top:8px}.vft-transfer-panel__filter{text-align:center;padding:15px;box-sizing:border-box}.vft-transfer-panel__filter .vft-input__inner{height:var(--vft-transfer-filter-height);width:100%;font-size:12px;display:inline-block;box-sizing:border-box;border-radius:calc(var(--vft-transfer-filter-height)/ 2)}.vft-transfer-panel__filter .vft-icon-circle-close{cursor:pointer}.vft-transfer-panel .vft-transfer-panel__header{display:flex;align-items:center;height:var(--vft-transfer-panel-header-height);background:var(--vft-transfer-panel-header-bg-color);margin:0;padding-left:15px;border:1px solid var(--vft-transfer-border-color);border-top-left-radius:var(--vft-transfer-border-radius);border-top-right-radius:var(--vft-transfer-border-radius);box-sizing:border-box;color:var(--vft-color-black)}.vft-transfer-panel .vft-transfer-panel__header .vft-checkbox{position:relative;display:flex;width:100%;align-items:center}.vft-transfer-panel .vft-transfer-panel__header .vft-checkbox .vft-checkbox__label{font-size:16px;color:var(--vft-text-primary-color);font-weight:400}.vft-transfer-panel .vft-transfer-panel__header .vft-checkbox .vft-checkbox__label span{position:absolute;right:15px;top:50%;transform:translate3d(0,-50%,0);color:var(--vft-text-secondary-color);font-size:12px;font-weight:400}.vft-transfer-panel .vft-transfer-panel__footer{height:var(--vft-transfer-panel-footer-height);background:var(--vft-bg-color-overlay);margin:0;padding:0;border:1px solid var(--vft-transfer-border-color);border-bottom-left-radius:var(--vft-transfer-border-radius);border-bottom-right-radius:var(--vft-transfer-border-radius)}.vft-transfer-panel .vft-transfer-panel__footer::after{display:inline-block;content:"";height:100%;vertical-align:middle}.vft-transfer-panel .vft-transfer-panel__footer .vft-checkbox{padding-left:20px;color:var(--vft-text-regular-color)}.vft-transfer-panel .vft-transfer-panel__empty{margin:0;height:var(--vft-transfer-item-height);line-height:var(--vft-transfer-item-height);padding:6px 15px 0;color:var(--vft-text-secondary-color);text-align:center}.vft-transfer-panel .vft-checkbox__label{padding-left:8px}.vft-transfer-panel .vft-checkbox__inner{height:14px;width:14px;border-radius:3px}.vft-transfer-panel .vft-checkbox__inner::after{height:6px;width:3px;left:4px}
package/theme-style/vft-tree.css CHANGED
@@ -1 +1 @@
1
- .fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.vft-fade-in-linear-enter-active,.vft-fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.vft-fade-in-linear-enter-from,.vft-fade-in-linear-leave-to{opacity:0}.vft-fade-in-enter-active,.vft-fade-in-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-fade-in-enter-from,.vft-fade-in-leave-active{opacity:0}.vft-zoom-in-center-enter-active,.vft-zoom-in-center-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-zoom-in-center-enter-from,.vft-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.vft-zoom-in-top-enter-active,.vft-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--vft-transition-md-fade)}.vft-zoom-in-top-enter-active[data-popper-placement^=top],.vft-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-enter-from,.vft-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-top-fast-enter-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--vft-transition-md-fade)}.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top}.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-enter-from,.vft-zoom-in-top-fast-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-bottom-enter-active,.vft-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--vft-transition-md-fade);transform-origin:center bottom}.vft-zoom-in-bottom-enter-from,.vft-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-left-enter-active,.vft-zoom-in-left-leave-active{opacity:1;transform:scale(1,1);transition:var(--vft-transition-md-fade);transform-origin:top left}.vft-zoom-in-left-enter-from,.vft-zoom-in-left-leave-active{opacity:0;transform:scale(.45,.45)}.collapse-transition{transition:var(--vft-transition-duration) height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.vft-collapse-transition-enter-active,.vft-collapse-transition-leave-active{transition:var(--vft-transition-duration) max-height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--vft-transition-duration) width ease-in-out,var(--vft-transition-duration) padding-left ease-in-out,var(--vft-transition-duration) padding-right ease-in-out}.vft-list-enter-active,.vft-list-leave-active{transition:all 1s}.vft-list-enter-from,.vft-list-leave-to{opacity:0;transform:translateY(-30px)}.vft-list-leave-active{position:absolute!important}.vft-opacity-transition{transition:opacity var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}@keyframes vft-rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}.vft-tree{--vft-tree-node-hover-bg-color:var(--vft-fill-color-light);--vft-tree-text-color:var(--vft-text-regular-color);--vft-tree-expand-icon-color:var(--vft-text-placeholder-color)}.vft-tree{position:relative;cursor:default;background:var(--vft-fill-color-blank);color:var(--vft-tree-text-color);font-size:var(--vft-font-size-base)}.vft-tree__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.vft-tree__empty-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--vft-text-color-secondary);font-size:var(--vft-font-size-base)}.vft-tree__drop-indicator{position:absolute;left:0;right:0;height:1px;background-color:var(--vft-primary-color)}.vft-tree-node{white-space:nowrap;outline:0}.vft-tree-node:focus>.vft-tree-node__content{background-color:var(--vft-tree-node-hover-bg-color)}.vft-tree-node.is-drop-inner>.vft-tree-node__content .vft-tree-node__label{background-color:var(--vft-primary-color);color:#fff}.vft-tree-node__content{display:flex;align-items:center;height:26px;cursor:pointer}.vft-tree-node__content>.vft-tree-node__expand-icon{padding:6px;box-sizing:content-box}.vft-tree-node__content>label.vft-checkbox{margin-right:8px}.vft-tree-node__content:hover{background-color:var(--vft-tree-node-hover-bg-color)}.vft-tree.is-dragging .vft-tree-node__content{cursor:move}.vft-tree.is-dragging .vft-tree-node__content *{pointer-events:none}.vft-tree.is-dragging.is-drop-not-allow .vft-tree-node__content{cursor:not-allowed}.vft-tree-node__expand-icon{cursor:pointer;color:var(--vft-tree-expand-icon-color);font-size:12px;transform:rotate(0);transition:transform var(--vft-transition-duration) ease-in-out}.vft-tree-node__expand-icon.expanded{transform:rotate(90deg)}.vft-tree-node__expand-icon.is-leaf{color:transparent;cursor:default}.vft-tree-node__expand-icon.is-hidden{visibility:hidden}.vft-tree-node__loading-icon{margin-right:8px;font-size:var(--vft-font-size-base);color:var(--vft-tree-expand-icon-color)}.vft-tree-node>.vft-tree-node__children{overflow:hidden;background-color:transparent}.vft-tree-node.is-expanded>.vft-tree-node__children{display:block}.vft-tree--highlight-current .vft-tree-node.is-current>.vft-tree-node__content{background-color:var(--vft-primary-color-light-9)}
1
+ .fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.vft-fade-in-linear-enter-active,.vft-fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.vft-fade-in-linear-enter-from,.vft-fade-in-linear-leave-to{opacity:0}.vft-fade-in-enter-active,.vft-fade-in-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-fade-in-enter-from,.vft-fade-in-leave-active{opacity:0}.vft-zoom-in-center-enter-active,.vft-zoom-in-center-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-zoom-in-center-enter-from,.vft-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.vft-zoom-in-top-enter-active,.vft-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--vft-transition-md-fade)}.vft-zoom-in-top-enter-active[data-popper-placement^=top],.vft-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-enter-from,.vft-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-top-fast-enter-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--vft-transition-md-fade)}.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top}.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-enter-from,.vft-zoom-in-top-fast-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-bottom-enter-active,.vft-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--vft-transition-md-fade);transform-origin:center bottom}.vft-zoom-in-bottom-enter-from,.vft-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-left-enter-active,.vft-zoom-in-left-leave-active{opacity:1;transform:scale(1,1);transition:var(--vft-transition-md-fade);transform-origin:top left}.vft-zoom-in-left-enter-from,.vft-zoom-in-left-leave-active{opacity:0;transform:scale(.45,.45)}.collapse-transition{transition:var(--vft-transition-duration) height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.vft-collapse-transition-enter-active,.vft-collapse-transition-leave-active{transition:var(--vft-transition-duration) max-height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--vft-transition-duration) width ease-in-out,var(--vft-transition-duration) padding-left ease-in-out,var(--vft-transition-duration) padding-right ease-in-out}.vft-list-enter-active,.vft-list-leave-active{transition:all 1s}.vft-list-enter-from,.vft-list-leave-to{opacity:0;transform:translateY(-30px)}.vft-list-leave-active{position:absolute!important}.vft-opacity-transition{transition:opacity var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}@keyframes vft-rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}.vft-tree{--vft-tree-node-hover-bg-color:var(--vft-fill-color-light);--vft-tree-text-color:var(--vft-text-regular-color);--vft-tree-expand-icon-color:var(--vft-text-placeholder-color)}.vft-tree{position:relative;cursor:default;background:var(--vft-fill-color-blank);color:var(--vft-tree-text-color);font-size:var(--vft-font-size-base)}.vft-tree__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.vft-tree__empty-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--vft-text-secondary-color);font-size:var(--vft-font-size-base)}.vft-tree__drop-indicator{position:absolute;left:0;right:0;height:1px;background-color:var(--vft-primary-color)}.vft-tree-node{white-space:nowrap;outline:0}.vft-tree-node:focus>.vft-tree-node__content{background-color:var(--vft-tree-node-hover-bg-color)}.vft-tree-node.is-drop-inner>.vft-tree-node__content .vft-tree-node__label{background-color:var(--vft-primary-color);color:#fff}.vft-tree-node__content{display:flex;align-items:center;height:26px;cursor:pointer}.vft-tree-node__content>label.vft-checkbox{margin-right:8px}.vft-tree-node__content:hover{background-color:var(--vft-tree-node-hover-bg-color)}.vft-tree.is-dragging .vft-tree-node__content{cursor:move}.vft-tree.is-dragging .vft-tree-node__content *{pointer-events:none}.vft-tree.is-dragging.is-drop-not-allow .vft-tree-node__content{cursor:not-allowed}.vft-tree-node__expand-icon{cursor:pointer;color:var(--vft-tree-expand-icon-color);font-size:12px;margin-right:6px;transform:rotate(0);transition:transform var(--vft-transition-duration) ease-in-out}.vft-tree-node__expand-icon.expanded{transform:rotate(90deg)}.vft-tree-node__expand-icon.is-leaf{color:transparent;cursor:default}.vft-tree-node__expand-icon.is-hidden{visibility:hidden}.vft-tree-node__loading-icon{margin-right:8px;font-size:var(--vft-font-size-base);color:var(--vft-tree-expand-icon-color)}.vft-tree-node>.vft-tree-node__children{overflow:hidden;background-color:transparent}.vft-tree-node.is-expanded>.vft-tree-node__children{display:block}.vft-tree--highlight-current .vft-tree-node.is-current>.vft-tree-node__content{background-color:var(--vft-primary-color-light-9)}
package/theme-style/vft-upload.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";.vft-upload{--vft-upload-dragger-padding-horizontal:40px;--vft-upload-dragger-padding-vertical:10px}.vft-upload{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;outline:0}.vft-upload__input{display:none}.vft-upload__tip{font-size:12px;color:var(--vft-text-color-regular);margin-top:7px}.vft-upload iframe{position:absolute;z-index:-1;top:0;left:0;opacity:0}.vft-upload--picture-card{--vft-upload-picture-card-size:148px;background-color:var(--vft-fill-color-lighter);border:1px dashed var(--vft-border-color-darker);border-radius:6px;box-sizing:border-box;width:var(--vft-upload-picture-card-size);height:var(--vft-upload-picture-card-size);cursor:pointer;vertical-align:top;display:inline-flex;align-items:center;justify-content:center}.vft-upload--picture-card i{font-size:28px;color:var(--vft-text-color-secondary)}.vft-upload--picture-card:hover{border-color:var(--vft-primary-color);color:var(--vft-primary-color)}.vft-upload.is-drag{display:block}.vft-upload:focus{border-color:var(--vft-primary-color);color:var(--vft-primary-color)}.vft-upload:focus .vft-upload-dragger{border-color:var(--vft-primary-color)}.vft-upload-dragger{padding:var(--vft-upload-dragger-padding-horizontal) var(--vft-upload-dragger-padding-vertical);background-color:var(--vft-fill-color-blank);border:1px dashed var(--vft-border-color);border-radius:6px;box-sizing:border-box;text-align:center;cursor:pointer;position:relative;overflow:hidden}.vft-upload-dragger .vft-icon--upload{font-size:67px;color:var(--vft-text-color-placeholder);margin-bottom:16px;line-height:50px}.vft-upload-dragger+.vft-upload__tip{text-align:center}.vft-upload-dragger~.vft-upload__files{border-top:var(--vft-border);margin-top:7px;padding-top:5px}.vft-upload-dragger .vft-upload__text{color:var(--vft-text-color-regular);font-size:14px;text-align:center}.vft-upload-dragger .vft-upload__text em{color:var(--vft-primary-color);font-style:normal}.vft-upload-dragger:hover{border-color:var(--vft-primary-color)}.vft-upload-dragger.is-dragover{padding:calc(var(--vft-upload-dragger-padding-horizontal) - 1px) calc(var(--vft-upload-dragger-padding-vertical) - 1px);background-color:var(--vft-color-primary-light-9);border:2px dashed var(--vft-primary-color)}.vft-upload-list{margin:10px 0 0;padding:0;list-style:none;position:relative}.vft-upload-list__item{transition:all .5s cubic-bezier(.55,0,.1,1);font-size:14px;color:var(--vft-text-color-regular);margin-bottom:5px;position:relative;box-sizing:border-box;border-radius:4px;width:100%}.vft-upload-list__item .vft-progress{position:absolute;top:20px;width:100%}.vft-upload-list__item .vft-progress__text{position:absolute;right:0;top:-13px}.vft-upload-list__item .vft-progress-bar{margin-right:0;padding-right:0}.vft-upload-list__item .vft-icon--upload-success{color:var(--vft-success-color)}.vft-upload-list__item .vft-icon--close{display:none;position:absolute;right:5px;top:50%;cursor:pointer;opacity:.75;color:var(--vft-text-color-regular);transition:opacity var(--vft-transition-duration);transform:translateY(-50%)}.vft-upload-list__item .vft-icon--close:hover{opacity:1;color:var(--vft-primary-color)}.vft-upload-list__item .vft-icon--close-tip{display:none;position:absolute;top:1px;right:5px;font-size:12px;cursor:pointer;opacity:1;color:var(--vft-primary-color);font-style:normal}.vft-upload-list__item:hover{background-color:var(--vft-fill-color-light)}.vft-upload-list__item:hover .vft-icon--close{display:inline-flex}.vft-upload-list__item:hover .vft-progress__text{display:none}.vft-upload-list__item .vft-upload-list__item-info{display:inline-flex;justify-content:center;flex-direction:column;width:calc(100% - 30px);margin-left:4px}.vft-upload-list__item.is-success .vft-upload-list__item-status-label{display:inline-flex}.vft-upload-list__item.is-success .vft-upload-list__item-name:focus,.vft-upload-list__item.is-success .vft-upload-list__item-name:hover{color:var(--vft-primary-color);cursor:pointer}.vft-upload-list__item.is-success:focus:not(:hover) .vft-icon--close-tip{display:inline-block}.vft-upload-list__item.is-success:active,.vft-upload-list__item.is-success:not(.focusing):focus{outline-width:0}.vft-upload-list__item.is-success:active .vft-icon--close-tip,.vft-upload-list__item.is-success:not(.focusing):focus .vft-icon--close-tip{display:none}.vft-upload-list__item.is-success:focus .vft-upload-list__item-status-label,.vft-upload-list__item.is-success:hover .vft-upload-list__item-status-label{display:none;opacity:0}.vft-upload-list__item-name{color:var(--vft-text-color-regular);display:inline-flex;text-align:center;align-items:center;padding:0 4px;transition:color var(--vft-transition-duration);font-size:var(--vft-font-size-base)}.vft-upload-list__item-name .vft-icon{margin-right:6px;color:var(--vft-text-color-secondary)}.vft-upload-list__item-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vft-upload-list__item-status-label{position:absolute;right:5px;top:0;line-height:inherit;display:none;height:100%;justify-content:center;align-items:center;transition:opacity var(--vft-transition-duration)}.vft-upload-list__item-delete{position:absolute;right:10px;top:0;font-size:12px;color:var(--vft-text-color-regular);display:none}.vft-upload-list__item-delete:hover{color:var(--vft-primary-color)}.vft-upload-list--picture-card{--vft-upload-list-picture-card-size:148px;display:inline-flex;flex-wrap:wrap;margin:0}.vft-upload-list--picture-card .vft-upload-list__item{overflow:hidden;background-color:var(--vft-fill-color-blank);border:1px solid var(--vft-border-color);border-radius:6px;box-sizing:border-box;width:var(--vft-upload-list-picture-card-size);height:var(--vft-upload-list-picture-card-size);margin:0 8px 8px 0;padding:0;display:inline-flex}.vft-upload-list--picture-card .vft-upload-list__item .vft-icon--check,.vft-upload-list--picture-card .vft-upload-list__item .vft-icon--circle-check{color:#fff}.vft-upload-list--picture-card .vft-upload-list__item .vft-icon--close{display:none}.vft-upload-list--picture-card .vft-upload-list__item:hover .vft-upload-list__item-status-label{opacity:0;display:block}.vft-upload-list--picture-card .vft-upload-list__item:hover .vft-progress__text{display:block}.vft-upload-list--picture-card .vft-upload-list__item .vft-upload-list__item-name{display:none}.vft-upload-list--picture-card .vft-upload-list__item-thumbnail{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.vft-upload-list--picture-card .vft-upload-list__item-status-label{right:-15px;top:-6px;width:40px;height:24px;background:var(--vft-success-color);text-align:center;transform:rotate(45deg)}.vft-upload-list--picture-card .vft-upload-list__item-status-label i{font-size:12px;margin-top:11px;transform:rotate(-45deg)}.vft-upload-list--picture-card .vft-upload-list__item-actions{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;display:inline-flex;justify-content:center;align-items:center;color:#fff;opacity:0;font-size:20px;background-color:var(--vft-overlay-color-lighter);transition:opacity var(--vft-transition-duration)}.vft-upload-list--picture-card .vft-upload-list__item-actions span{display:none;cursor:pointer}.vft-upload-list--picture-card .vft-upload-list__item-actions span+span{margin-left:1rem}.vft-upload-list--picture-card .vft-upload-list__item-actions .vft-upload-list__item-delete{position:static;font-size:inherit;color:inherit}.vft-upload-list--picture-card .vft-upload-list__item-actions:hover{opacity:1}.vft-upload-list--picture-card .vft-upload-list__item-actions:hover span{display:inline-flex}.vft-upload-list--picture-card .vft-progress{top:50%;left:50%;transform:translate(-50%,-50%);bottom:auto;width:126px}.vft-upload-list--picture-card .vft-progress .vft-progress__text{top:50%}.vft-upload-list--picture .vft-upload-list__item{overflow:hidden;z-index:0;background-color:var(--vft-fill-color-blank);border:1px solid var(--vft-border-color);border-radius:6px;box-sizing:border-box;margin-top:10px;padding:10px;display:flex;align-items:center}.vft-upload-list--picture .vft-upload-list__item .vft-icon--check,.vft-upload-list--picture .vft-upload-list__item .vft-icon--circle-check{color:#fff}.vft-upload-list--picture .vft-upload-list__item:hover .vft-upload-list__item-status-label{opacity:0;display:inline-flex}.vft-upload-list--picture .vft-upload-list__item:hover .vft-progress__text{display:block}.vft-upload-list--picture .vft-upload-list__item.is-success .vft-upload-list__item-name i{display:none}.vft-upload-list--picture .vft-upload-list__item .vft-icon--close{top:5px;transform:translateY(0)}.vft-upload-list--picture .vft-upload-list__item-thumbnail{display:inline-flex;justify-content:center;align-items:center;width:70px;height:70px;-o-object-fit:contain;object-fit:contain;position:relative;z-index:1;background-color:var(--vft-color-white)}.vft-upload-list--picture .vft-upload-list__item-status-label{position:absolute;right:-17px;top:-7px;width:46px;height:26px;background:var(--vft-success-color);text-align:center;transform:rotate(45deg)}.vft-upload-list--picture .vft-upload-list__item-status-label i{font-size:12px;margin-top:12px;transform:rotate(-45deg)}.vft-upload-list--picture .vft-progress{position:relative;top:-7px}.vft-upload-cover{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:10;cursor:default}.vft-upload-cover::after{display:inline-block;content:"";height:100%;vertical-align:middle}.vft-upload-cover img{display:block;width:100%;height:100%}.vft-upload-cover__label{right:-15px;top:-6px;width:40px;height:24px;background:var(--vft-success-color);text-align:center;transform:rotate(45deg)}.vft-upload-cover__label i{font-size:12px;margin-top:11px;transform:rotate(-45deg);color:#fff}.vft-upload-cover__progress{display:inline-block;vertical-align:middle;position:static;width:243px}.vft-upload-cover__progress+.vft-upload__inner{opacity:0}.vft-upload-cover__content{position:absolute;top:0;left:0;width:100%;height:100%}.vft-upload-cover__interact{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:var(--vft-overlay-color-light);text-align:center}.vft-upload-cover__interact .btn{display:inline-block;color:#fff;font-size:14px;cursor:pointer;vertical-align:middle;transition:var(--vft-transition-md-fade);margin-top:60px}.vft-upload-cover__interact .btn i{margin-top:0}.vft-upload-cover__interact .btn span{opacity:0;transition:opacity .15s linear}.vft-upload-cover__interact .btn:not(:first-child){margin-left:35px}.vft-upload-cover__interact .btn:hover{transform:translateY(-13px)}.vft-upload-cover__interact .btn:hover span{opacity:1}.vft-upload-cover__interact .btn i{color:#fff;display:block;font-size:24px;line-height:inherit;margin:0 auto 5px}.vft-upload-cover__title{position:absolute;bottom:0;left:0;background-color:#fff;height:36px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;text-align:left;padding:0 10px;margin:0;line-height:36px;font-size:14px;color:var(--vft-text-color-primary)}.vft-upload-cover+.vft-upload__inner{opacity:0;position:relative;z-index:1}
1
+ @charset "UTF-8";.vft-upload{--vft-upload-dragger-padding-horizontal:40px;--vft-upload-dragger-padding-vertical:10px}.vft-upload{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;outline:0}.vft-upload__input{display:none}.vft-upload__tip{font-size:12px;color:var(--vft-text-regular-color);margin-top:7px}.vft-upload iframe{position:absolute;z-index:-1;top:0;left:0;opacity:0}.vft-upload--picture-card{--vft-upload-picture-card-size:148px;background-color:var(--vft-fill-color-lighter);border:1px dashed var(--vft-border-color-darker);border-radius:6px;box-sizing:border-box;width:var(--vft-upload-picture-card-size);height:var(--vft-upload-picture-card-size);cursor:pointer;vertical-align:top;display:inline-flex;align-items:center;justify-content:center}.vft-upload--picture-card i{font-size:28px;color:var(--vft-text-secondary-color)}.vft-upload--picture-card:hover{border-color:var(--vft-primary-color);color:var(--vft-primary-color)}.vft-upload.is-drag{display:block}.vft-upload:focus{border-color:var(--vft-primary-color);color:var(--vft-primary-color)}.vft-upload:focus .vft-upload-dragger{border-color:var(--vft-primary-color)}.vft-upload-dragger{padding:var(--vft-upload-dragger-padding-horizontal) var(--vft-upload-dragger-padding-vertical);background-color:var(--vft-fill-color-blank);border:1px dashed var(--vft-border-color);border-radius:6px;box-sizing:border-box;text-align:center;cursor:pointer;position:relative;overflow:hidden}.vft-upload-dragger .vft-icon--upload{font-size:67px;color:var(--vft-text-placeholder-color);margin-bottom:16px;line-height:50px}.vft-upload-dragger+.vft-upload__tip{text-align:center}.vft-upload-dragger~.vft-upload__files{border-top:var(--vft-border);margin-top:7px;padding-top:5px}.vft-upload-dragger .vft-upload__text{color:var(--vft-text-regular-color);font-size:14px;text-align:center}.vft-upload-dragger .vft-upload__text em{color:var(--vft-primary-color);font-style:normal}.vft-upload-dragger:hover{border-color:var(--vft-primary-color)}.vft-upload-dragger.is-dragover{padding:calc(var(--vft-upload-dragger-padding-horizontal) - 1px) calc(var(--vft-upload-dragger-padding-vertical) - 1px);background-color:var(--vft-primary-color-light-9);border:2px dashed var(--vft-primary-color)}.vft-upload-list{margin:10px 0 0;padding:0;list-style:none;position:relative}.vft-upload-list__item{transition:all .5s cubic-bezier(.55,0,.1,1);font-size:14px;color:var(--vft-text-regular-color);margin-bottom:5px;position:relative;box-sizing:border-box;border-radius:4px;width:100%}.vft-upload-list__item .vft-progress{position:absolute;top:20px;width:100%}.vft-upload-list__item .vft-progress__text{position:absolute;right:0;top:-13px}.vft-upload-list__item .vft-progress-bar{margin-right:0;padding-right:0}.vft-upload-list__item .vft-icon--upload-success{color:var(--vft-success-color)}.vft-upload-list__item .vft-icon--close{display:none;position:absolute;right:5px;top:50%;cursor:pointer;opacity:.75;color:var(--vft-text-regular-color);transition:opacity var(--vft-transition-duration);transform:translateY(-50%)}.vft-upload-list__item .vft-icon--close:hover{opacity:1;color:var(--vft-primary-color)}.vft-upload-list__item .vft-icon--close-tip{display:none;position:absolute;top:1px;right:5px;font-size:12px;cursor:pointer;opacity:1;color:var(--vft-primary-color);font-style:normal}.vft-upload-list__item:hover{background-color:var(--vft-fill-color-light)}.vft-upload-list__item:hover .vft-icon--close{display:inline-flex}.vft-upload-list__item:hover .vft-progress__text{display:none}.vft-upload-list__item .vft-upload-list__item-info{display:inline-flex;justify-content:center;flex-direction:column;width:calc(100% - 30px);margin-left:4px}.vft-upload-list__item.is-success .vft-upload-list__item-status-label{display:inline-flex}.vft-upload-list__item.is-success .vft-upload-list__item-name:focus,.vft-upload-list__item.is-success .vft-upload-list__item-name:hover{color:var(--vft-primary-color);cursor:pointer}.vft-upload-list__item.is-success:focus:not(:hover) .vft-icon--close-tip{display:inline-block}.vft-upload-list__item.is-success:active,.vft-upload-list__item.is-success:not(.focusing):focus{outline-width:0}.vft-upload-list__item.is-success:active .vft-icon--close-tip,.vft-upload-list__item.is-success:not(.focusing):focus .vft-icon--close-tip{display:none}.vft-upload-list__item.is-success:focus .vft-upload-list__item-status-label,.vft-upload-list__item.is-success:hover .vft-upload-list__item-status-label{display:none;opacity:0}.vft-upload-list__item-name{color:var(--vft-text-regular-color);display:inline-flex;text-align:center;align-items:center;padding:0 4px;transition:color var(--vft-transition-duration);font-size:var(--vft-font-size-base)}.vft-upload-list__item-name .vft-icon{margin-right:6px;color:var(--vft-text-secondary-color)}.vft-upload-list__item-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vft-upload-list__item-status-label{position:absolute;right:5px;top:0;line-height:inherit;display:none;height:100%;justify-content:center;align-items:center;transition:opacity var(--vft-transition-duration)}.vft-upload-list__item-delete{position:absolute;right:10px;top:0;font-size:12px;color:var(--vft-text-regular-color);display:none}.vft-upload-list__item-delete:hover{color:var(--vft-primary-color)}.vft-upload-list--picture-card{--vft-upload-list-picture-card-size:148px;display:inline-flex;flex-wrap:wrap;margin:0}.vft-upload-list--picture-card .vft-upload-list__item{overflow:hidden;background-color:var(--vft-fill-color-blank);border:1px solid var(--vft-border-color);border-radius:6px;box-sizing:border-box;width:var(--vft-upload-list-picture-card-size);height:var(--vft-upload-list-picture-card-size);margin:0 8px 8px 0;padding:0;display:inline-flex}.vft-upload-list--picture-card .vft-upload-list__item .vft-icon--check,.vft-upload-list--picture-card .vft-upload-list__item .vft-icon--circle-check{color:#fff}.vft-upload-list--picture-card .vft-upload-list__item .vft-icon--close{display:none}.vft-upload-list--picture-card .vft-upload-list__item:hover .vft-upload-list__item-status-label{opacity:0;display:block}.vft-upload-list--picture-card .vft-upload-list__item:hover .vft-progress__text{display:block}.vft-upload-list--picture-card .vft-upload-list__item .vft-upload-list__item-name{display:none}.vft-upload-list--picture-card .vft-upload-list__item-thumbnail{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.vft-upload-list--picture-card .vft-upload-list__item-status-label{right:-15px;top:-6px;width:40px;height:24px;background:var(--vft-success-color);text-align:center;transform:rotate(45deg)}.vft-upload-list--picture-card .vft-upload-list__item-status-label i{font-size:12px;margin-top:11px;transform:rotate(-45deg)}.vft-upload-list--picture-card .vft-upload-list__item-actions{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;display:inline-flex;justify-content:center;align-items:center;color:#fff;opacity:0;font-size:20px;background-color:var(--vft-overlay-color-lighter);transition:opacity var(--vft-transition-duration)}.vft-upload-list--picture-card .vft-upload-list__item-actions span{display:none;cursor:pointer}.vft-upload-list--picture-card .vft-upload-list__item-actions span+span{margin-left:1rem}.vft-upload-list--picture-card .vft-upload-list__item-actions .vft-upload-list__item-delete{position:static;font-size:inherit;color:inherit}.vft-upload-list--picture-card .vft-upload-list__item-actions:hover{opacity:1}.vft-upload-list--picture-card .vft-upload-list__item-actions:hover span{display:inline-flex}.vft-upload-list--picture-card .vft-progress{top:50%;left:50%;transform:translate(-50%,-50%);bottom:auto;width:126px}.vft-upload-list--picture-card .vft-progress .vft-progress__text{top:50%}.vft-upload-list--picture .vft-upload-list__item{overflow:hidden;z-index:0;background-color:var(--vft-fill-color-blank);border:1px solid var(--vft-border-color);border-radius:6px;box-sizing:border-box;margin-top:10px;padding:10px;display:flex;align-items:center}.vft-upload-list--picture .vft-upload-list__item .vft-icon--check,.vft-upload-list--picture .vft-upload-list__item .vft-icon--circle-check{color:#fff}.vft-upload-list--picture .vft-upload-list__item:hover .vft-upload-list__item-status-label{opacity:0;display:inline-flex}.vft-upload-list--picture .vft-upload-list__item:hover .vft-progress__text{display:block}.vft-upload-list--picture .vft-upload-list__item.is-success .vft-upload-list__item-name i{display:none}.vft-upload-list--picture .vft-upload-list__item .vft-icon--close{top:5px;transform:translateY(0)}.vft-upload-list--picture .vft-upload-list__item-thumbnail{display:inline-flex;justify-content:center;align-items:center;width:70px;height:70px;-o-object-fit:contain;object-fit:contain;position:relative;z-index:1;background-color:var(--vft-color-white)}.vft-upload-list--picture .vft-upload-list__item-status-label{position:absolute;right:-17px;top:-7px;width:46px;height:26px;background:var(--vft-success-color);text-align:center;transform:rotate(45deg)}.vft-upload-list--picture .vft-upload-list__item-status-label i{font-size:12px;margin-top:12px;transform:rotate(-45deg)}.vft-upload-list--picture .vft-progress{position:relative;top:-7px}.vft-upload-cover{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:10;cursor:default}.vft-upload-cover::after{display:inline-block;content:"";height:100%;vertical-align:middle}.vft-upload-cover img{display:block;width:100%;height:100%}.vft-upload-cover__label{right:-15px;top:-6px;width:40px;height:24px;background:var(--vft-success-color);text-align:center;transform:rotate(45deg)}.vft-upload-cover__label i{font-size:12px;margin-top:11px;transform:rotate(-45deg);color:#fff}.vft-upload-cover__progress{display:inline-block;vertical-align:middle;position:static;width:243px}.vft-upload-cover__progress+.vft-upload__inner{opacity:0}.vft-upload-cover__content{position:absolute;top:0;left:0;width:100%;height:100%}.vft-upload-cover__interact{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:var(--vft-overlay-color-light);text-align:center}.vft-upload-cover__interact .btn{display:inline-block;color:#fff;font-size:14px;cursor:pointer;vertical-align:middle;transition:var(--vft-transition-md-fade);margin-top:60px}.vft-upload-cover__interact .btn i{margin-top:0}.vft-upload-cover__interact .btn span{opacity:0;transition:opacity .15s linear}.vft-upload-cover__interact .btn:not(:first-child){margin-left:35px}.vft-upload-cover__interact .btn:hover{transform:translateY(-13px)}.vft-upload-cover__interact .btn:hover span{opacity:1}.vft-upload-cover__interact .btn i{color:#fff;display:block;font-size:24px;line-height:inherit;margin:0 auto 5px}.vft-upload-cover__title{position:absolute;bottom:0;left:0;background-color:#fff;height:36px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;text-align:left;padding:0 10px;margin:0;line-height:36px;font-size:14px;color:var(--vft-text-primary-color)}.vft-upload-cover+.vft-upload__inner{opacity:0;position:relative;z-index:1}
package/theme-style/vft-var.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";:root{--vft-color-white:#fff;--vft-color-black:#000;--vft-reverse-color:#000;--vft-font-size-extra-large:20px;--vft-font-size-large:18px;--vft-font-size-medium:16px;--vft-font-size-base:14px;--vft-font-size-small:13px;--vft-font-size-extra-small:12px;--vft-font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',Arial,sans-serif;--vft-font-weight-primary:500;--vft-font-line-height-primary:24px;--vft-index-normal:1;--vft-index-top:1000;--vft-index-popper:2000;--vft-index-back-top:3050;--vft-border-radius-base:4px;--vft-border-radius-small:2px;--vft-border-radius-round:20px;--vft-border-radius-circle:100%;--vft-transition-duration:0.3s;--vft-transition-duration-fast:0.2s;--vft-transition-function-ease-in-out-bezier:cubic-bezier(0.645, 0.045, 0.355, 1);--vft-transition-function-fast-bezier:cubic-bezier(0.23, 1, 0.32, 1);--vft-transition-all:all var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-fade:opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-md-fade:transform var(--vft-transition-duration) var(--vft-transition-function-fast-bezier),opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-fade-linear:opacity var(--vft-transition-duration-fast) linear;--vft-transition-border:border-color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-box-shadow:box-shadow var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-color:color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier)}:root{color-scheme:light;--vft-primary-color:#2196f3;--vft-primary-color-light-3:#64b6f7;--vft-primary-color-light-5:#90cbf9;--vft-primary-color-light-7:#bce0fb;--vft-primary-color-light-8:#d3eafd;--vft-primary-color-light-9:#e9f5fe;--vft-primary-color-dark-2:#1a78c2;--vft-success-color:#3eaf7c;--vft-success-color-light-3:#78c7a3;--vft-success-color-light-5:#9fd7be;--vft-success-color-light-7:#c5e7d8;--vft-success-color-light-8:#d8efe5;--vft-success-color-light-9:#ecf7f2;--vft-success-color-dark-2:#328c63;--vft-warning-color:#fb9b5f;--vft-warning-color-light-3:#fcb98f;--vft-warning-color-light-5:#fdcdaf;--vft-warning-color-light-7:#fee1cf;--vft-warning-color-light-8:#feebdf;--vft-warning-color-light-9:#fff5ef;--vft-warning-color-dark-2:#c97c4c;--vft-danger-color:#f26d6d;--vft-danger-color-light-3:#f69999;--vft-danger-color-light-5:#f9b6b6;--vft-danger-color-light-7:#fbd3d3;--vft-danger-color-light-8:#fce2e2;--vft-danger-color-light-9:#fef0f0;--vft-danger-color-dark-2:#c25757;--vft-error-color:#f26d6d;--vft-error-color-light-3:#f69999;--vft-error-color-light-5:#f9b6b6;--vft-error-color-light-7:#fbd3d3;--vft-error-color-light-8:#fce2e2;--vft-error-color-light-9:#fef0f0;--vft-error-color-dark-2:#c25757;--vft-info-color:#909399;--vft-info-color-light-3:#b1b3b8;--vft-info-color-light-5:#c8c9cc;--vft-info-color-light-7:#dedfe0;--vft-info-color-light-8:#e9e9eb;--vft-info-color-light-9:#f4f4f5;--vft-info-color-dark-2:#73767a;--vft-bg-color:#fff;--vft-bg-color-page:#f2f3f5;--vft-bg-color-overlay:#fff;--vft-text-primary-color:#303133;--vft-text-regular-color:#606266;--vft-text-secondary-color:#909399;--vft-text-placeholder-color:#a8abb2;--vft-text-disabled-color:#c0c4cc;--vft-border-color:#dcdfe6;--vft-border-color-light:#e4e7ed;--vft-border-color-lighter:#ebeef5;--vft-border-color-extra-light:#f2f6fc;--vft-border-color-dark:#d4d7de;--vft-border-color-darker:#cdd0d6;--vft-fill-color:#f0f2f5;--vft-fill-color-light:#f5f7fa;--vft-fill-color-lighter:#fafafa;--vft-fill-color-extra-light:#fafcff;--vft-fill-color-dark:#ebedf0;--vft-fill-color-darker:#e6e8eb;--vft-fill-color-blank:#fff;--vft-box-shadow:0px 12px 32px 4px rgba(0, 0, 0, 0.04),0px 8px 20px rgba(0, 0, 0, 0.08);--vft-box-shadow-light:0px 0px 12px rgba(0, 0, 0, 0.12);--vft-box-shadow-lighter:0px 0px 6px rgba(0, 0, 0, 0.12);--vft-box-shadow-dark:0px 16px 48px 16px rgba(0, 0, 0, 0.08),0px 12px 32px rgba(0, 0, 0, 0.12),0px 8px 16px -8px rgba(0, 0, 0, 0.16);--vft-disabled-bg-color:var(--vft-fill-color-light);--vft-disabled-text-color:var(--vft-text-color-placeholder);--vft-disabled-border-color:var(--vft-border-color-light);--vft-overlay-color:rgba(0, 0, 0, 0.8);--vft-overlay-color-light:rgba(0, 0, 0, 0.7);--vft-overlay-color-lighter:rgba(0, 0, 0, 0.5);--vft-mask-color:rgba(255, 255, 255, 0.9);--vft-mask-color-extra-light:rgba(255, 255, 255, 0.3);--vft-border-width:1px;--vft-border-style:solid;--vft-border-color-hover:var(--vft-text-disabled-color);--vft-border:var(--vft-border-width) var(--vft-border-style) var(--vft-border-color);--vft-svg-monochrome-grey:var(--vft-border-color)}
1
+ @charset "UTF-8";:root{--vft-color-white:#fff;--vft-color-black:#000;--vft-reverse-color:#000;--vft-font-size-extra-large:20px;--vft-font-size-large:18px;--vft-font-size-medium:16px;--vft-font-size-base:14px;--vft-font-size-small:13px;--vft-font-size-extra-small:12px;--vft-font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',Arial,sans-serif;--vft-font-weight-primary:500;--vft-font-line-height-primary:24px;--vft-z-index-normal:1;--vft-z-index-top:1000;--vft-z-index-popper:2000;--vft-z-index-back-top:3050;--vft-z-index-header-layout:100;--vft-border-radius-base:4px;--vft-border-radius-small:2px;--vft-border-radius-round:20px;--vft-border-radius-circle:100%;--vft-transition-duration:0.3s;--vft-transition-duration-fast:0.2s;--vft-transition-function-ease-in-out-bezier:cubic-bezier(0.645, 0.045, 0.355, 1);--vft-transition-function-fast-bezier:cubic-bezier(0.23, 1, 0.32, 1);--vft-transition-all:all var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-fade:opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-md-fade:transform var(--vft-transition-duration) var(--vft-transition-function-fast-bezier),opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-fade-linear:opacity var(--vft-transition-duration-fast) linear;--vft-transition-border:border-color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-box-shadow:box-shadow var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-color:color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier)}:root{color-scheme:light;--vft-primary-color:#2196f3;--vft-primary-color-light-3:#64b6f7;--vft-primary-color-light-5:#90cbf9;--vft-primary-color-light-7:#bce0fb;--vft-primary-color-light-8:#d3eafd;--vft-primary-color-light-9:#e9f5fe;--vft-primary-color-dark-2:#1a78c2;--vft-success-color:#3eaf7c;--vft-success-color-light-3:#78c7a3;--vft-success-color-light-5:#9fd7be;--vft-success-color-light-7:#c5e7d8;--vft-success-color-light-8:#d8efe5;--vft-success-color-light-9:#ecf7f2;--vft-success-color-dark-2:#328c63;--vft-warning-color:#fb9b5f;--vft-warning-color-light-3:#fcb98f;--vft-warning-color-light-5:#fdcdaf;--vft-warning-color-light-7:#fee1cf;--vft-warning-color-light-8:#feebdf;--vft-warning-color-light-9:#fff5ef;--vft-warning-color-dark-2:#c97c4c;--vft-danger-color:#f26d6d;--vft-danger-color-light-3:#f69999;--vft-danger-color-light-5:#f9b6b6;--vft-danger-color-light-7:#fbd3d3;--vft-danger-color-light-8:#fce2e2;--vft-danger-color-light-9:#fef0f0;--vft-danger-color-dark-2:#c25757;--vft-error-color:#f26d6d;--vft-error-color-light-3:#f69999;--vft-error-color-light-5:#f9b6b6;--vft-error-color-light-7:#fbd3d3;--vft-error-color-light-8:#fce2e2;--vft-error-color-light-9:#fef0f0;--vft-error-color-dark-2:#c25757;--vft-info-color:#909399;--vft-info-color-light-3:#b1b3b8;--vft-info-color-light-5:#c8c9cc;--vft-info-color-light-7:#dedfe0;--vft-info-color-light-8:#e9e9eb;--vft-info-color-light-9:#f4f4f5;--vft-info-color-dark-2:#73767a;--vft-bg-color:#fff;--vft-bg-color-page:#f2f3f5;--vft-bg-color-overlay:#fff;--vft-text-primary-color:#303133;--vft-text-regular-color:#606266;--vft-text-secondary-color:#909399;--vft-text-placeholder-color:#a8abb2;--vft-text-disabled-color:#c0c4cc;--vft-border-color:#dcdfe6;--vft-border-color-light:#e4e7ed;--vft-border-color-lighter:#ebeef5;--vft-border-color-extra-light:#f2f6fc;--vft-border-color-dark:#d4d7de;--vft-border-color-darker:#cdd0d6;--vft-fill-color:#f0f2f5;--vft-fill-color-light:#f5f7fa;--vft-fill-color-lighter:#fafafa;--vft-fill-color-extra-light:#fafcff;--vft-fill-color-dark:#ebedf0;--vft-fill-color-darker:#e6e8eb;--vft-fill-color-blank:#fff;--vft-box-shadow:0px 12px 32px 4px rgba(0, 0, 0, 0.04),0px 8px 20px rgba(0, 0, 0, 0.08);--vft-box-shadow-light:0px 0px 12px rgba(0, 0, 0, 0.12);--vft-box-shadow-lighter:0px 0px 6px rgba(0, 0, 0, 0.12);--vft-box-shadow-dark:0px 16px 48px 16px rgba(0, 0, 0, 0.08),0px 12px 32px rgba(0, 0, 0, 0.12),0px 8px 16px -8px rgba(0, 0, 0, 0.16);--vft-disabled-bg-color:var(--vft-fill-color-light);--vft-disabled-text-color:var(--vft-text-color-placeholder);--vft-disabled-border-color:var(--vft-border-color-light);--vft-overlay-color:rgba(0, 0, 0, 0.8);--vft-overlay-color-light:rgba(0, 0, 0, 0.7);--vft-overlay-color-lighter:rgba(0, 0, 0, 0.5);--vft-mask-color:rgba(255, 255, 255, 0.9);--vft-mask-color-extra-light:rgba(255, 255, 255, 0.3);--vft-border-width:1px;--vft-border-style:solid;--vft-border-color-hover:var(--vft-text-disabled-color);--vft-border:var(--vft-border-width) var(--vft-border-style) var(--vft-border-color);--vft-svg-monochrome-grey:var(--vft-border-color)}