vft 0.0.128 → 0.0.129

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 (162) hide show
  1. package/dist/index.css +1 -1
  2. package/es/components/backtop/backtop.vue2.js +21 -21
  3. package/es/components/button/button.vue2.js +1 -1
  4. package/es/components/button/use-button.js +3 -3
  5. package/es/components/color-picker/color-picker.vue2.js +2 -2
  6. package/es/components/date-picker/date-picker-com/panel-date-pick.vue2.js +33 -33
  7. package/es/components/date-picker/date-picker-com/panel-date-range.vue2.js +26 -26
  8. package/es/components/date-picker/date-picker-com/panel-month-range.vue2.js +13 -13
  9. package/es/components/date-time-select/date-time-select.vue2.js +3 -3
  10. package/es/components/dialog/dialog-content.vue2.js +1 -1
  11. package/es/components/drawer/drawer.vue2.js +9 -9
  12. package/es/components/dropdown/dropdown.vue2.js +1 -1
  13. package/es/components/full-screen/full-screen.vue2.js +11 -11
  14. package/es/components/icon/icon.vue2.js +3 -1
  15. package/es/components/icon-text/icon-text.vue2.js +22 -22
  16. package/es/components/image-viewer/image-viewer.vue2.js +35 -35
  17. package/es/components/index.js +113 -113
  18. package/es/components/input/input.vue2.js +37 -33
  19. package/es/components/input-number/input-number.vue2.js +25 -25
  20. package/es/components/list-cell/list-cell.vue2.js +14 -14
  21. package/es/components/md-code-demo/md-code-demo.js +3 -3
  22. package/es/components/md-container/md-container.vue2.js +13 -13
  23. package/es/components/md-vue-playground/md-vue-playground.vue2.js +8 -8
  24. package/es/components/menu/menu.vue2.js +1 -1
  25. package/es/components/menu/sub-menu.vue2.js +2 -2
  26. package/es/components/message/message.vue2.js +4 -4
  27. package/es/components/multiple-tabs/use/use-tab-dropdown.js +10 -10
  28. package/es/components/pagination/components/next.vue2.js +5 -5
  29. package/es/components/pagination/components/pager.vue2.js +40 -40
  30. package/es/components/pagination/components/prev.vue2.js +5 -5
  31. package/es/components/popconfirm/popconfirm.vue2.js +1 -1
  32. package/es/components/progress/progress.vue2.js +13 -13
  33. package/es/components/search/search.vue2.js +1 -1
  34. package/es/components/select/select.vue.js +1 -1
  35. package/es/components/select/useSelect.js +1 -1
  36. package/es/components/side-menu/side-menu.vue2.js +24 -24
  37. package/es/components/skeleton/skeleton-item.vue2.js +5 -5
  38. package/es/components/switch/switch.vue2.js +1 -1
  39. package/es/components/tabs/tabs.vue2.js +4 -4
  40. package/es/components/tag/tag.vue2.js +1 -1
  41. package/es/components/time-picker/common/picker.vue2.js +1 -1
  42. package/es/components/time-picker/common/props.js +1 -1
  43. package/es/components/time-picker/time-picker-com/basic-time-spinner.vue2.js +2 -2
  44. package/es/components/tree/tree-node.vue.js +9 -9
  45. package/es/components/upload/upload-list.vue2.js +33 -33
  46. package/es/index.js +113 -113
  47. package/es/package.json.js +1 -1
  48. package/lib/components/backtop/backtop.vue2.cjs +1 -1
  49. package/lib/components/button/button.vue2.cjs +1 -1
  50. package/lib/components/button/use-button.cjs +1 -1
  51. package/lib/components/color-picker/color-picker.vue2.cjs +1 -1
  52. package/lib/components/date-picker/date-picker-com/panel-date-pick.vue2.cjs +1 -1
  53. package/lib/components/date-picker/date-picker-com/panel-date-range.vue2.cjs +1 -1
  54. package/lib/components/date-picker/date-picker-com/panel-month-range.vue2.cjs +1 -1
  55. package/lib/components/date-time-select/date-time-select.vue2.cjs +1 -1
  56. package/lib/components/dialog/dialog-content.vue2.cjs +1 -1
  57. package/lib/components/drawer/drawer.vue2.cjs +1 -1
  58. package/lib/components/dropdown/dropdown.vue2.cjs +1 -1
  59. package/lib/components/full-screen/full-screen.vue2.cjs +1 -1
  60. package/lib/components/icon/icon.vue2.cjs +1 -1
  61. package/lib/components/icon-text/icon-text.vue2.cjs +1 -1
  62. package/lib/components/image-viewer/image-viewer.vue2.cjs +1 -1
  63. package/lib/components/index.cjs +1 -1
  64. package/lib/components/input/input.vue2.cjs +1 -1
  65. package/lib/components/input-number/input-number.vue2.cjs +1 -1
  66. package/lib/components/list-cell/list-cell.vue2.cjs +1 -1
  67. package/lib/components/md-code-demo/md-code-demo.cjs +1 -1
  68. package/lib/components/md-container/md-container.vue2.cjs +1 -1
  69. package/lib/components/md-vue-playground/md-vue-playground.vue2.cjs +1 -1
  70. package/lib/components/menu/menu.vue2.cjs +1 -1
  71. package/lib/components/menu/sub-menu.vue2.cjs +1 -1
  72. package/lib/components/message/message.vue2.cjs +1 -1
  73. package/lib/components/multiple-tabs/use/use-tab-dropdown.cjs +1 -1
  74. package/lib/components/pagination/components/next.vue2.cjs +1 -1
  75. package/lib/components/pagination/components/pager.vue2.cjs +1 -1
  76. package/lib/components/pagination/components/prev.vue2.cjs +1 -1
  77. package/lib/components/popconfirm/popconfirm.vue2.cjs +1 -1
  78. package/lib/components/progress/progress.vue2.cjs +2 -2
  79. package/lib/components/search/search.vue2.cjs +1 -1
  80. package/lib/components/select/select.vue.cjs +1 -1
  81. package/lib/components/select/useSelect.cjs +1 -1
  82. package/lib/components/side-menu/side-menu.vue2.cjs +1 -1
  83. package/lib/components/skeleton/skeleton-item.vue2.cjs +1 -1
  84. package/lib/components/switch/switch.vue2.cjs +1 -1
  85. package/lib/components/tabs/tabs.vue2.cjs +1 -1
  86. package/lib/components/tag/tag.vue2.cjs +1 -1
  87. package/lib/components/time-picker/common/picker.vue2.cjs +1 -1
  88. package/lib/components/time-picker/common/props.cjs +1 -1
  89. package/lib/components/time-picker/time-picker-com/basic-time-spinner.vue2.cjs +1 -1
  90. package/lib/components/tree/tree-node.vue.cjs +1 -1
  91. package/lib/components/upload/upload-list.vue2.cjs +1 -1
  92. package/lib/index.cjs +1 -1
  93. package/lib/package.json.cjs +1 -1
  94. package/package.json +2 -2
  95. package/theme-style/index.css +1 -1
  96. package/theme-style/src/backtop.scss +4 -0
  97. package/theme-style/src/button.scss +4 -0
  98. package/theme-style/src/color-picker.scss +3 -0
  99. package/theme-style/src/common/icon.scss +65 -0
  100. package/theme-style/src/common/var.scss +4 -0
  101. package/theme-style/src/date-picker/date-picker.scss +14 -0
  102. package/theme-style/src/date-picker/time-picker.scss +4 -0
  103. package/theme-style/src/date-picker.scss +1 -0
  104. package/theme-style/src/date-time-select.scss +8 -1
  105. package/theme-style/src/dialog.scss +2 -0
  106. package/theme-style/src/drawer.scss +2 -0
  107. package/theme-style/src/dropdown.scss +2 -0
  108. package/theme-style/src/full-screen.scss +8 -1
  109. package/theme-style/src/icon-text.scss +4 -0
  110. package/theme-style/src/image-viewer.scss +19 -1
  111. package/theme-style/src/input-number.scss +9 -0
  112. package/theme-style/src/input.scss +22 -0
  113. package/theme-style/src/list-cell.scss +2 -0
  114. package/theme-style/src/md-container.scss +28 -0
  115. package/theme-style/src/menu.scss +11 -4
  116. package/theme-style/src/message.scss +10 -0
  117. package/theme-style/src/mixins/icon.scss +52 -0
  118. package/theme-style/src/mixins/mixins.scss +1 -0
  119. package/theme-style/src/multiple-tabs.scss +22 -0
  120. package/theme-style/src/pagination.scss +15 -0
  121. package/theme-style/src/popconfirm.scss +4 -0
  122. package/theme-style/src/progress.scss +16 -0
  123. package/theme-style/src/select.scss +3 -0
  124. package/theme-style/src/side-menu.scss +4 -0
  125. package/theme-style/src/skeleton-item.scss +5 -0
  126. package/theme-style/src/switch.scss +4 -0
  127. package/theme-style/src/tabs.scss +7 -0
  128. package/theme-style/src/tag.scss +2 -0
  129. package/theme-style/src/tree.scss +7 -0
  130. package/theme-style/src/upload.scss +25 -4
  131. package/theme-style/vft-backtop.css +1 -1
  132. package/theme-style/vft-button.css +1 -1
  133. package/theme-style/vft-color-picker.css +1 -1
  134. package/theme-style/vft-date-picker.css +1 -1
  135. package/theme-style/vft-date-time-select.css +1 -1
  136. package/theme-style/vft-dialog.css +1 -1
  137. package/theme-style/vft-drawer.css +1 -1
  138. package/theme-style/vft-dropdown.css +1 -1
  139. package/theme-style/vft-full-screen.css +1 -1
  140. package/theme-style/vft-icon-text.css +1 -1
  141. package/theme-style/vft-image-viewer.css +1 -1
  142. package/theme-style/vft-input-number.css +1 -1
  143. package/theme-style/vft-input.css +1 -1
  144. package/theme-style/vft-list-cell.css +1 -1
  145. package/theme-style/vft-md-container.css +1 -1
  146. package/theme-style/vft-menu.css +1 -1
  147. package/theme-style/vft-message.css +1 -1
  148. package/theme-style/vft-multiple-tabs.css +1 -1
  149. package/theme-style/vft-pagination.css +1 -1
  150. package/theme-style/vft-popconfirm.css +1 -1
  151. package/theme-style/vft-progress.css +1 -1
  152. package/theme-style/vft-select.css +1 -1
  153. package/theme-style/vft-side-menu.css +1 -1
  154. package/theme-style/vft-skeleton-item.css +1 -1
  155. package/theme-style/vft-switch.css +1 -1
  156. package/theme-style/vft-tabs.css +1 -1
  157. package/theme-style/vft-tag.css +1 -1
  158. package/theme-style/vft-time-picker.css +1 -1
  159. package/theme-style/vft-time-select.css +1 -1
  160. package/theme-style/vft-tree.css +1 -1
  161. package/theme-style/vft-upload.css +1 -1
  162. package/web-types.json +1 -1
package/theme-style/vft-select.css CHANGED
@@ -1 +1 @@
1
- .vft-select-dropdown{z-index:calc(var(--vft-z-index-top) + 1);border-radius:var(--vft-border-radius-base);box-sizing:border-box}.vft-select-dropdown .vft-scrollbar.is-empty .vft-select-dropdown__list{padding:0}.vft-select-dropdown__option-item.is-selected:not(.is-multiple).is-disabled{color:var(--vft-text-disabled-color)}.vft-select-dropdown__option-item.is-selected:not(.is-multiple).is-disabled::after{background-color:var(--vft-text-disabled-color)}.vft-select-dropdown__option-item:hover:not(.hover){background-color:transparent}.vft-select-dropdown.is-multiple .vft-select-dropdown__option-item.is-disabled.is-selected{color:var(--vft-text-disabled-color)}.vft-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:var(--vft-text-secondary-color);font-size:var(--vft-select-font-size)}.vft-select-dropdown__wrap{max-height:274px}.vft-select-dropdown__list{list-style:none;margin:6px 0!important;padding:0!important;box-sizing:border-box}.vft-select-dropdown__option-item{font-size:var(--vft-select-font-size);padding:0 32px 0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--vft-text-regular-color);height:34px;line-height:34px;box-sizing:border-box;cursor:pointer}.vft-select-dropdown__option-item.is-disabled{color:var(--vft-text-placeholder-color);cursor:not-allowed}.vft-select-dropdown__option-item.is-disabled:hover{background-color:var(--vft-bg-color)}.vft-select-dropdown__option-item.is-selected{background-color:var(--vft-fill-color-light);font-weight:700}.vft-select-dropdown__option-item.is-selected:not(.is-multiple){color:var(--vft-primary-color)}.vft-select-dropdown__option-item.hover{background-color:var(--vft-fill-color-light)!important}.vft-select-dropdown__option-item:hover{background-color:var(--vft-fill-color-light)}.vft-select-dropdown.is-multiple .vft-select-dropdown__option-item.is-selected{color:var(--vft-primary-color);background-color:var(--vft-bg-color-overlay)}.vft-select-dropdown.is-multiple .vft-select-dropdown__option-item.is-selected .vft-icon{position:absolute;right:20px;top:0;height:inherit;font-size:12px}.vft-select-dropdown.is-multiple .vft-select-dropdown__option-item.is-selected .vft-icon svg{height:inherit;vertical-align:middle}.vft-select-group{margin:0;padding:0}.vft-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.vft-select-group__wrap:not(:last-of-type){padding-bottom:24px}.vft-select-group__wrap:not(:last-of-type)::after{content:"";position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:var(--vft-border-color-light)}.vft-select-group__split-dash{position:absolute;left:20px;right:20px;height:1px;background:var(--vft-border-color-light)}.vft-select-group__title{padding-left:20px;font-size:12px;color:var(--vft-info-color);line-height:30px}.vft-select-group .vft-select-dropdown__item{padding-left:20px}:root{--vft-select-border-color-hover:var(--vft-border-color-hover);--vft-select-disabled-border:var(--vft-disabled-border-color);--vft-select-font-size:var(--vft-font-size-base);--vft-select-close-hover-color:var(--vft-text-secondary-color);--vft-select-input-color:var(--vft-text-placeholder-color);--vft-select-multiple-input-color:var(--vft-text-regular-color);--vft-select-input-focus-border-color:var(--vft-primary-color);--vft-select-input-font-size:14px}.vft-select{display:inline-block;position:relative;vertical-align:middle;font-size:14px}.vft-select__wrapper{display:flex;align-items:center;flex-wrap:wrap;position:relative;box-sizing:border-box;cursor:pointer;padding:1px 30px 1px 0;border:1px solid var(--vft-border-color);border-radius:var(--vft-border-radius-base);background-color:var(--vft-fill-color-blank);transition:var(--vft-transition-duration)}.vft-select__wrapper:hover{border-color:var(--vft-text-placeholder-color)}.vft-select__wrapper.is-filterable{cursor:text}.vft-select__wrapper.is-focused{border-color:var(--vft-primary-color)}.vft-select__wrapper.is-hovering:not(.is-focused){border-color:var(--vft-border-color-hover)}.vft-select__wrapper.is-disabled{cursor:not-allowed;background-color:var(--vft-fill-color-light);color:var(--vft-text-placeholder-color);border-color:var(--vft-select-disabled-border)}.vft-select__wrapper.is-disabled:hover{border-color:var(--vft-select-disabled-border)}.vft-select__wrapper.is-disabled.is-focus{border-color:var(--vft-input-focus-border-color)}.vft-select__wrapper.is-disabled .is-transparent{opacity:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-select__wrapper.is-disabled .vft-select__caret{cursor:not-allowed}.vft-select__wrapper.is-disabled .vft-select__combobox-input{cursor:not-allowed}.vft-select__wrapper .vft-select__input-wrapper{box-sizing:border-box;position:relative;-webkit-margin-start:12px;margin-inline-start:12px;max-width:100%;overflow:hidden}.vft-select__wrapper,.vft-select__wrapper .vft-select__input-wrapper{line-height:32px}.vft-select__wrapper .vft-select__input-wrapper input{--vft-input-inner-height:calc(var(--vft-component-size, 32px) - 8px);height:var(--vft-input-inner-height);line-height:var(--vft-input-inner-height);min-width:4px;width:100%;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;margin:2px 0;outline:0;padding:0}.vft-select .vft-select__tags-text{display:inline-block;line-height:normal;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}.vft-select__empty{padding:10px 0;margin:0;text-align:center;color:var(--vft-text-secondary-color);font-size:14px}.vft-select__popper.vft-popper{background:var(--vft-bg-color-overlay);border:1px solid var(--vft-border-color-light);box-shadow:var(--vft-box-shadow-light)}.vft-select__popper.vft-popper .vft-popper__arrow::before{border:1px solid var(--vft-border-color-light)}.vft-select__popper.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.vft-select__popper.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.vft-select__popper.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.vft-select__popper.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.vft-select--large .vft-select__wrapper .vft-select__combobox-input{height:32px}.vft-select--large .vft-select__caret{height:40px}.vft-select--large .vft-select__suffix{height:40px}.vft-select--large .vft-select__placeholder{font-size:14px;line-height:40px}.vft-select--small .vft-select__wrapper .vft-select__combobox-input{height:16px}.vft-select--small .vft-select__caret{height:24px}.vft-select--small .vft-select__suffix{height:24px}.vft-select--small .vft-select__placeholder{font-size:12px;line-height:24px}.vft-select .vft-select__selection>span{display:inline-block}.vft-select:hover .vft-select__combobox-input{border-color:var(--vft-select-border-color-hover)}.vft-select .vft-select__selection-text{text-overflow:ellipsis;display:inline-block;overflow-x:hidden;vertical-align:bottom}.vft-select .vft-select__combobox-input{padding-right:35px;display:block;color:var(--vft-text-regular-color)}.vft-select .vft-select__combobox-input:focus{border-color:var(--vft-select-input-focus-border-color)}.vft-select__input{border:none;outline:0;padding:0;margin-left:15px;color:var(--vft-select-multiple-input-color);font-size:var(--vft-select-font-size);-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px}.vft-select__input.is-small{height:14px}.vft-select__close{cursor:pointer;position:absolute;top:8px;z-index:var(--vft-z-index-top);right:25px;color:var(--vft-select-input-color);line-height:18px;font-size:var(--vft-select-input-font-size)}.vft-select__close:hover{color:var(--vft-select-close-hover-color)}.vft-select__suffix{display:inline-flex;position:absolute;right:12px;height:32px;top:50%;transform:translateY(-50%);color:var(--vft-input-icon-color,var(--vft-text-placeholder-color))}.vft-select__suffix .vft-input__icon{height:inherit}.vft-select__suffix .vft-input__icon:not(:first-child){margin-left:8px}.vft-select__caret{color:var(--vft-select-input-color);font-size:var(--vft-select-input-font-size);transition:var(--vft-transition-duration);transform:rotateZ(180deg);cursor:pointer}.vft-select__caret.is-reverse{transform:rotateZ(0)}.vft-select__caret.is-show-close{font-size:var(--vft-select-font-size);text-align:center;transform:rotateZ(180deg);border-radius:var(--vft-border-radius-circle);color:var(--vft-select-input-color);transition:var(--vft-transition-color)}.vft-select__caret.is-show-close:hover{color:var(--vft-select-close-hover-color)}.vft-select__caret.vft-icon{height:inherit}.vft-select__caret.vft-icon svg{vertical-align:middle}.vft-select__selection{white-space:normal;z-index:var(--vft-z-index-normal);display:flex;align-items:center;flex-wrap:wrap;width:100%}.vft-select__input-calculator{left:0;position:absolute;top:0;visibility:hidden;white-space:pre;z-index:999}.vft-select__selected-item{line-height:inherit;height:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-wrap:wrap}.vft-select__placeholder{position:absolute;top:50%;transform:translateY(-50%);-webkit-margin-start:12px;margin-inline-start:12px;width:calc(100% - 52px);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;color:var(--vft-input-text-color,var(--vft-text-regular-color))}.vft-select__placeholder.is-transparent{color:var(--vft-text-placeholder-color)}.vft-select .vft-select__selection .vft-tag{box-sizing:border-box;border-color:transparent;margin:2px 0 2px 6px;background-color:var(--vft-fill-color)}.vft-select .vft-select__selection .vft-tag .vft-icon-close{background-color:var(--vft-text-placeholder-color);right:-7px;color:var(--vft-color-white)}.vft-select .vft-select__selection .vft-tag .vft-icon-close:hover{background-color:var(--vft-text-secondary-color)}.vft-select .vft-select__selection .vft-tag .vft-icon-close::before{display:block;transform:translate(0,.5px)}.vft-select.vft-select--small .vft-select__selection .vft-tag{margin:1px 0 1px 6px;height:18px}
1
+ .vft-select-dropdown{z-index:calc(var(--vft-z-index-top) + 1);border-radius:var(--vft-border-radius-base);box-sizing:border-box}.vft-select-dropdown .vft-scrollbar.is-empty .vft-select-dropdown__list{padding:0}.vft-select-dropdown__option-item.is-selected:not(.is-multiple).is-disabled{color:var(--vft-text-disabled-color)}.vft-select-dropdown__option-item.is-selected:not(.is-multiple).is-disabled::after{background-color:var(--vft-text-disabled-color)}.vft-select-dropdown__option-item:hover:not(.hover){background-color:transparent}.vft-select-dropdown.is-multiple .vft-select-dropdown__option-item.is-disabled.is-selected{color:var(--vft-text-disabled-color)}.vft-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:var(--vft-text-secondary-color);font-size:var(--vft-select-font-size)}.vft-select-dropdown__wrap{max-height:274px}.vft-select-dropdown__list{list-style:none;margin:6px 0!important;padding:0!important;box-sizing:border-box}.vft-select-dropdown__option-item{font-size:var(--vft-select-font-size);padding:0 32px 0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--vft-text-regular-color);height:34px;line-height:34px;box-sizing:border-box;cursor:pointer}.vft-select-dropdown__option-item.is-disabled{color:var(--vft-text-placeholder-color);cursor:not-allowed}.vft-select-dropdown__option-item.is-disabled:hover{background-color:var(--vft-bg-color)}.vft-select-dropdown__option-item.is-selected{background-color:var(--vft-fill-color-light);font-weight:700}.vft-select-dropdown__option-item.is-selected:not(.is-multiple){color:var(--vft-primary-color)}.vft-select-dropdown__option-item.hover{background-color:var(--vft-fill-color-light)!important}.vft-select-dropdown__option-item:hover{background-color:var(--vft-fill-color-light)}.vft-select-dropdown.is-multiple .vft-select-dropdown__option-item.is-selected{color:var(--vft-primary-color);background-color:var(--vft-bg-color-overlay)}.vft-select-dropdown.is-multiple .vft-select-dropdown__option-item.is-selected .vft-icon{position:absolute;right:20px;top:0;height:inherit;font-size:12px}.vft-select-dropdown.is-multiple .vft-select-dropdown__option-item.is-selected .vft-icon svg{height:inherit;vertical-align:middle}.vft-select-group{margin:0;padding:0}.vft-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.vft-select-group__wrap:not(:last-of-type){padding-bottom:24px}.vft-select-group__wrap:not(:last-of-type)::after{content:"";position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:var(--vft-border-color-light)}.vft-select-group__split-dash{position:absolute;left:20px;right:20px;height:1px;background:var(--vft-border-color-light)}.vft-select-group__title{padding-left:20px;font-size:12px;color:var(--vft-info-color);line-height:30px}.vft-select-group .vft-select-dropdown__item{padding-left:20px}:root{--vft-select-border-color-hover:var(--vft-border-color-hover);--vft-select-disabled-border:var(--vft-disabled-border-color);--vft-select-font-size:var(--vft-font-size-base);--vft-select-close-hover-color:var(--vft-text-secondary-color);--vft-select-input-color:var(--vft-text-placeholder-color);--vft-select-multiple-input-color:var(--vft-text-regular-color);--vft-select-input-focus-border-color:var(--vft-primary-color);--vft-select-input-font-size:14px}.vft-select{display:inline-block;position:relative;vertical-align:middle;font-size:14px}.vft-select__wrapper{display:flex;align-items:center;flex-wrap:wrap;position:relative;box-sizing:border-box;cursor:pointer;padding:1px 30px 1px 0;border:1px solid var(--vft-border-color);border-radius:var(--vft-border-radius-base);background-color:var(--vft-fill-color-blank);transition:var(--vft-transition-duration)}.vft-select__wrapper:hover{border-color:var(--vft-text-placeholder-color)}.vft-select__wrapper.is-filterable{cursor:text}.vft-select__wrapper.is-focused{border-color:var(--vft-primary-color)}.vft-select__wrapper.is-hovering:not(.is-focused){border-color:var(--vft-border-color-hover)}.vft-select__wrapper.is-disabled{cursor:not-allowed;background-color:var(--vft-fill-color-light);color:var(--vft-text-placeholder-color);border-color:var(--vft-select-disabled-border)}.vft-select__wrapper.is-disabled:hover{border-color:var(--vft-select-disabled-border)}.vft-select__wrapper.is-disabled.is-focus{border-color:var(--vft-input-focus-border-color)}.vft-select__wrapper.is-disabled .is-transparent{opacity:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-select__wrapper.is-disabled .vft-select__caret{cursor:not-allowed}.vft-select__wrapper.is-disabled .vft-select__combobox-input{cursor:not-allowed}.vft-select__wrapper .vft-select__input-wrapper{box-sizing:border-box;position:relative;-webkit-margin-start:12px;margin-inline-start:12px;max-width:100%;overflow:hidden}.vft-select__wrapper,.vft-select__wrapper .vft-select__input-wrapper{line-height:32px}.vft-select__wrapper .vft-select__input-wrapper input{--vft-input-inner-height:calc(var(--vft-component-size, 32px) - 8px);height:var(--vft-input-inner-height);line-height:var(--vft-input-inner-height);min-width:4px;width:100%;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;margin:2px 0;outline:0;padding:0}.vft-select .vft-select__tags-text{display:inline-block;line-height:normal;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}.vft-select__empty{padding:10px 0;margin:0;text-align:center;color:var(--vft-text-secondary-color);font-size:14px}.vft-select__popper.vft-popper{background:var(--vft-bg-color-overlay);border:1px solid var(--vft-border-color-light);box-shadow:var(--vft-box-shadow-light)}.vft-select__popper.vft-popper .vft-popper__arrow::before{border:1px solid var(--vft-border-color-light)}.vft-select__popper.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.vft-select__popper.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.vft-select__popper.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.vft-select__popper.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.vft-select--large .vft-select__wrapper .vft-select__combobox-input{height:32px}.vft-select--large .vft-select__caret{height:40px}.vft-select--large .vft-select__suffix{height:40px}.vft-select--large .vft-select__placeholder{font-size:14px;line-height:40px}.vft-select--small .vft-select__wrapper .vft-select__combobox-input{height:16px}.vft-select--small .vft-select__caret{height:24px}.vft-select--small .vft-select__suffix{height:24px}.vft-select--small .vft-select__placeholder{font-size:12px;line-height:24px}.vft-select .vft-select__selection>span{display:inline-block}.vft-select:hover .vft-select__combobox-input{border-color:var(--vft-select-border-color-hover)}.vft-select .vft-select__selection-text{text-overflow:ellipsis;display:inline-block;overflow-x:hidden;vertical-align:bottom}.vft-select .vft-select__combobox-input{padding-right:35px;display:block;color:var(--vft-text-regular-color)}.vft-select .vft-select__combobox-input:focus{border-color:var(--vft-select-input-focus-border-color)}.vft-select__input{border:none;outline:0;padding:0;margin-left:15px;color:var(--vft-select-multiple-input-color);font-size:var(--vft-select-font-size);-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px}.vft-select__input.is-small{height:14px}.vft-select__close{cursor:pointer;position:absolute;top:8px;z-index:var(--vft-z-index-top);right:25px;color:var(--vft-select-input-color);line-height:18px;font-size:var(--vft-select-input-font-size)}.vft-select__close:hover{color:var(--vft-select-close-hover-color)}.vft-select__suffix{display:inline-flex;position:absolute;right:12px;height:32px;top:50%;transform:translateY(-50%);color:var(--vft-input-icon-color,var(--vft-text-placeholder-color))}.vft-select__suffix .vft-input__icon{height:inherit}.vft-select__suffix .vft-input__icon:not(:first-child){margin-left:8px}.vft-select__caret{color:var(--vft-select-input-color);font-size:var(--vft-select-input-font-size);transition:var(--vft-transition-duration);transform:rotateZ(180deg);cursor:pointer}.vft-select__caret.is-reverse{transform:rotateZ(0)}.vft-select__caret.is-show-close{font-size:var(--vft-select-font-size);text-align:center;transform:rotateZ(180deg);border-radius:var(--vft-border-radius-circle);color:var(--vft-select-input-color);transition:var(--vft-transition-color)}.vft-select__caret.is-show-close:hover{color:var(--vft-select-close-hover-color)}.vft-select__caret.vft-icon{height:inherit}.vft-select__caret.vft-icon svg{vertical-align:middle}.vft-select__selection{white-space:normal;z-index:var(--vft-z-index-normal);display:flex;align-items:center;flex-wrap:wrap;width:100%}.vft-select__input-calculator{left:0;position:absolute;top:0;visibility:hidden;white-space:pre;z-index:999}.vft-select__selected-item{line-height:inherit;height:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-wrap:wrap}.vft-select__placeholder{position:absolute;top:50%;transform:translateY(-50%);-webkit-margin-start:12px;margin-inline-start:12px;width:calc(100% - 52px);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;color:var(--vft-input-text-color,var(--vft-text-regular-color))}.vft-select__placeholder.is-transparent{color:var(--vft-text-placeholder-color)}.vft-select .vft-select__selection .vft-tag{box-sizing:border-box;border-color:transparent;margin:2px 0 2px 6px;background-color:var(--vft-fill-color)}.vft-select .vft-select__selection .vft-tag .vft-icon-close{background-color:var(--vft-text-placeholder-color);right:-7px;color:var(--vft-color-white)}.vft-select .vft-select__selection .vft-tag .vft-icon-close:hover{background-color:var(--vft-text-secondary-color)}.vft-select .vft-select__selection .vft-tag .vft-icon-close::before{display:block;transform:translate(0,.5px)}.vft-select.vft-select--small .vft-select__selection .vft-tag{margin:1px 0 1px 6px;height:18px}.vft-select .icon-arrow-up{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m488.832 344.32l-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872l319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m488.832 344.32l-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872l319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-select .icon-circle-close{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}
package/theme-style/vft-side-menu.css CHANGED
@@ -1 +1 @@
1
- .vft-side-menu{--vft-side-menu-border:var(--vft-menu-border-right);--vft-side-menu-scroll-mr:0;--vft-side-menu-bg-color:var(--vft-fill-color-blank);background-color:var(--vft-side-menu-bg-color);transition:width .2s ease;display:flex;flex-direction:column;border-right:var(--vft-menu-border-right);position:relative}.vft-side-menu--fixed{position:fixed;left:0;z-index:1}.vft-side-menu__top{border-bottom:var(--vft-side-menu-border)}.vft-side-menu__bottom{border-top:var(--vft-side-menu-border);position:absolute;bottom:0;width:100%}.vft-side-menu__right{position:absolute;right:-10px;top:50%}.vft-side-menu__collapse{cursor:pointer;height:40px;padding:0 16px;display:flex;align-items:center;border-right:none;background-color:var(--vft-menu-bg-color)}.vft-side-menu__collapse .vft-icon{position:absolute;right:20px}.vft-side-menu__con{overflow-y:auto;overflow-y:overlay;overflow-x:hidden}.vft-side-menu .vft-menu{border:none}.vft-side-menu__drag-bar{position:absolute;top:0;z-index:999;right:-1px;width:2px;height:100%;border-top:none;border-bottom:none;cursor:col-resize}.vft-side-menu__drag-bar:hover{background-color:var(--vft-primary-color);box-shadow:var(--vft-box-shadow)}.vft-side-menu__popper{margin-right:var(--vft-side-menu-scroll-mr)}.vft-side-menu__popper .vft-menu--popup{overflow-y:auto;overflow-y:overlay;box-shadow:none;max-height:calc(100vh - 200px)}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar{z-index:11;width:6px}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar:horizontal{height:6px}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#c0c4cc;border:0 solid transparent}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-thumb:hover{background:#c0c4cc}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-corner{background:0 0}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-track{background:0 0}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-track-piece{background:0 0;width:6px}
1
+ .vft-side-menu{--vft-side-menu-border:var(--vft-menu-border-right);--vft-side-menu-scroll-mr:0;--vft-side-menu-bg-color:var(--vft-fill-color-blank);background-color:var(--vft-side-menu-bg-color);transition:width .2s ease;display:flex;flex-direction:column;border-right:var(--vft-menu-border-right);position:relative}.vft-side-menu--fixed{position:fixed;left:0;z-index:1}.vft-side-menu__top{border-bottom:var(--vft-side-menu-border)}.vft-side-menu__bottom{border-top:var(--vft-side-menu-border);position:absolute;bottom:0;width:100%}.vft-side-menu__right{position:absolute;right:-10px;top:50%}.vft-side-menu__collapse{cursor:pointer;height:40px;padding:0 16px;display:flex;align-items:center;border-right:none;background-color:var(--vft-menu-bg-color)}.vft-side-menu__collapse .vft-icon{position:absolute;right:20px}.vft-side-menu__con{overflow-y:auto;overflow-y:overlay;overflow-x:hidden}.vft-side-menu .vft-menu{border:none}.vft-side-menu__drag-bar{position:absolute;top:0;z-index:999;right:-1px;width:2px;height:100%;border-top:none;border-bottom:none;cursor:col-resize}.vft-side-menu__drag-bar:hover{background-color:var(--vft-primary-color);box-shadow:var(--vft-box-shadow)}.vft-side-menu .icon-sidebar-collapse{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"%3E%3Cpath d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2Z"%2F%3E%3Cpath d="M7.25 10L5.5 12l1.75 2m2.25 7V3"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"%3E%3Cpath d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2Z"%2F%3E%3Cpath d="M7.25 10L5.5 12l1.75 2m2.25 7V3"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-side-menu__popper{margin-right:var(--vft-side-menu-scroll-mr)}.vft-side-menu__popper .vft-menu--popup{overflow-y:auto;overflow-y:overlay;box-shadow:none;max-height:calc(100vh - 200px)}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar{z-index:11;width:6px}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar:horizontal{height:6px}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#c0c4cc;border:0 solid transparent}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-thumb:hover{background:#c0c4cc}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-corner{background:0 0}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-track{background:0 0}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-track-piece{background:0 0;width:6px}
package/theme-style/vft-skeleton-item.css CHANGED
@@ -1 +1 @@
1
- .vft-skeleton{--vft-skeleton-circle-size:var(--vft-avatar-size)}.vft-skeleton__item{background:var(--vft-skeleton-color);display:inline-block;height:16px;border-radius:var(--vft-border-radius-base);width:100%}.vft-skeleton__circle{border-radius:50%;width:var(--vft-skeleton-circle-size);height:var(--vft-skeleton-circle-size);line-height:var(--vft-skeleton-circle-size)}.vft-skeleton__button{height:40px;width:64px;border-radius:4px}.vft-skeleton__p{width:100%}.vft-skeleton__p.is-last{width:61%}.vft-skeleton__p.is-first{width:33%}.vft-skeleton__text{width:100%;height:var(--vft-font-size-small)}.vft-skeleton__caption{height:var(--vft-font-size-extra-small)}.vft-skeleton__h1{height:var(--vft-font-size-extra-large)}.vft-skeleton__h3{height:var(--vft-font-size-large)}.vft-skeleton__h5{height:var(--vft-font-size-medium)}.vft-skeleton__image{width:unset;display:flex;align-items:center;justify-content:center;border-radius:0}.vft-skeleton__image svg{color:var(--vft-svg-monochrome-grey);fill:currentColor;width:22%;height:22%}
1
+ .vft-skeleton{--vft-skeleton-circle-size:var(--vft-avatar-size)}.vft-skeleton__item{background:var(--vft-skeleton-color);display:inline-block;height:16px;border-radius:var(--vft-border-radius-base);width:100%}.vft-skeleton__circle{border-radius:50%;width:var(--vft-skeleton-circle-size);height:var(--vft-skeleton-circle-size);line-height:var(--vft-skeleton-circle-size)}.vft-skeleton__button{height:40px;width:64px;border-radius:4px}.vft-skeleton__p{width:100%}.vft-skeleton__p.is-last{width:61%}.vft-skeleton__p.is-first{width:33%}.vft-skeleton__text{width:100%;height:var(--vft-font-size-small)}.vft-skeleton__caption{height:var(--vft-font-size-extra-small)}.vft-skeleton__h1{height:var(--vft-font-size-extra-large)}.vft-skeleton__h3{height:var(--vft-font-size-large)}.vft-skeleton__h5{height:var(--vft-font-size-medium)}.vft-skeleton__image{width:unset;display:flex;align-items:center;justify-content:center;border-radius:0}.vft-skeleton__image svg{color:var(--vft-svg-monochrome-grey);fill:currentColor;width:22%;height:22%}.vft-skeleton .icon-picture-filled{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M96 896a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h832a32 32 0 0 1 32 32v704a32 32 0 0 1-32 32H96zm315.52-228.48l-68.928-68.928a32 32 0 0 0-45.248 0L128 768.064h778.688l-242.112-290.56a32 32 0 0 0-49.216 0L458.752 665.408a32 32 0 0 1-47.232 2.112zM256 384a96 96 0 1 0 192.064-.064A96 96 0 0 0 256 384z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M96 896a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h832a32 32 0 0 1 32 32v704a32 32 0 0 1-32 32H96zm315.52-228.48l-68.928-68.928a32 32 0 0 0-45.248 0L128 768.064h778.688l-242.112-290.56a32 32 0 0 0-49.216 0L458.752 665.408a32 32 0 0 1-47.232 2.112zM256 384a96 96 0 1 0 192.064-.064A96 96 0 0 0 256 384z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}
package/theme-style/vft-switch.css CHANGED
@@ -1 +1 @@
1
- .vft-switch{--vft-switch-on-color:var(--vft-primary-color);--vft-switch-off-color:var(--vft-border-color)}.vft-switch{display:inline-flex;align-items:center;position:relative;font-size:14px;line-height:20px;height:32px;vertical-align:middle}.vft-switch.is-disabled .vft-switch__core,.vft-switch.is-disabled .vft-switch__label{cursor:not-allowed}.vft-switch__label{transition:var(--vft-transition-duration-fast);height:20px;display:inline-block;font-size:14px;font-weight:500;cursor:pointer;vertical-align:middle;color:var(--vft-text-primary-color)}.vft-switch__label.is-active{color:var(--vft-primary-color)}.vft-switch__label--left{margin-right:10px}.vft-switch__label--right{margin-left:10px}.vft-switch__label *{line-height:1;font-size:14px;display:inline-block}.vft-switch__label .vft-icon{height:inherit}.vft-switch__label .vft-icon svg{vertical-align:middle}.vft-switch__input{position:absolute;width:0;height:0;opacity:0;margin:0}.vft-switch__input:focus-visible~.vft-switch__core{outline:2px solid var(--vft-switch-on-color);outline-offset:1px}.vft-switch__core{display:inline-flex;position:relative;align-items:center;min-width:40px;height:20px;border:1px solid var(--vft-switch-border-color,var(--vft-switch-off-color));outline:0;border-radius:10px;box-sizing:border-box;background:var(--vft-switch-off-color);cursor:pointer;transition:border-color var(--vft-transition-duration),background-color var(--vft-transition-duration)}.vft-switch__core .vft-switch__inner{width:100%;transition:all var(--vft-transition-duration);height:16px;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:0 4px 0 calc(16px + 2px)}.vft-switch__core .vft-switch__inner .is-text,.vft-switch__core .vft-switch__inner i{font-size:12px;color:var(--vft-color-white);-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}.vft-switch__core .vft-switch__action{position:absolute;left:1px;border-radius:var(--vft-border-radius-circle);transition:all var(--vft-transition-duration);width:16px;height:16px;background-color:var(--vft-color-white);display:flex;justify-content:center;align-items:center;color:var(--vft-switch-off-color)}.vft-switch.is-checked .vft-switch__core{border-color:var(--vft-switch-border-color,var(--vft-switch-on-color));background-color:var(--vft-switch-on-color)}.vft-switch.is-checked .vft-switch__core .vft-switch__action{left:calc(100% - 17px);color:var(--vft-switch-on-color)}.vft-switch.is-checked .vft-switch__core .vft-switch__inner{padding:0 calc(16px + 2px) 0 4px}.vft-switch.is-disabled{opacity:.6}.vft-switch--wide .vft-switch__label.vft-switch__label--left span{left:10px}.vft-switch--wide .vft-switch__label.vft-switch__label--right span{right:10px}.vft-switch .label-fade-enter-from,.vft-switch .label-fade-leave-active{opacity:0}.vft-switch--large{font-size:14px;line-height:24px;height:40px}.vft-switch--large .vft-switch__label{height:24px;font-size:14px}.vft-switch--large .vft-switch__label *{font-size:14px}.vft-switch--large .vft-switch__core{min-width:50px;height:24px;border-radius:12px}.vft-switch--large .vft-switch__core .vft-switch__inner{height:20px;padding:0 6px 0 calc(20px + 2px)}.vft-switch--large .vft-switch__core .vft-switch__action{width:20px;height:20px}.vft-switch--large.is-checked .vft-switch__core .vft-switch__action{left:calc(100% - 21px)}.vft-switch--large.is-checked .vft-switch__core .vft-switch__inner{padding:0 calc(20px + 2px) 0 6px}.vft-switch--small{font-size:12px;line-height:16px;height:24px}.vft-switch--small .vft-switch__label{height:16px;font-size:12px}.vft-switch--small .vft-switch__label *{font-size:12px}.vft-switch--small .vft-switch__core{min-width:30px;height:16px;border-radius:8px}.vft-switch--small .vft-switch__core .vft-switch__inner{height:12px;padding:0 2px 0 calc(12px + 2px)}.vft-switch--small .vft-switch__core .vft-switch__action{width:12px;height:12px}.vft-switch--small.is-checked .vft-switch__core .vft-switch__action{left:calc(100% - 13px)}.vft-switch--small.is-checked .vft-switch__core .vft-switch__inner{padding:0 calc(12px + 2px) 0 2px}
1
+ .vft-switch{--vft-switch-on-color:var(--vft-primary-color);--vft-switch-off-color:var(--vft-border-color)}.vft-switch{display:inline-flex;align-items:center;position:relative;font-size:14px;line-height:20px;height:32px;vertical-align:middle}.vft-switch.is-disabled .vft-switch__core,.vft-switch.is-disabled .vft-switch__label{cursor:not-allowed}.vft-switch__label{transition:var(--vft-transition-duration-fast);height:20px;display:inline-block;font-size:14px;font-weight:500;cursor:pointer;vertical-align:middle;color:var(--vft-text-primary-color)}.vft-switch__label.is-active{color:var(--vft-primary-color)}.vft-switch__label--left{margin-right:10px}.vft-switch__label--right{margin-left:10px}.vft-switch__label *{line-height:1;font-size:14px;display:inline-block}.vft-switch__label .vft-icon{height:inherit}.vft-switch__label .vft-icon svg{vertical-align:middle}.vft-switch__input{position:absolute;width:0;height:0;opacity:0;margin:0}.vft-switch__input:focus-visible~.vft-switch__core{outline:2px solid var(--vft-switch-on-color);outline-offset:1px}.vft-switch__core{display:inline-flex;position:relative;align-items:center;min-width:40px;height:20px;border:1px solid var(--vft-switch-border-color,var(--vft-switch-off-color));outline:0;border-radius:10px;box-sizing:border-box;background:var(--vft-switch-off-color);cursor:pointer;transition:border-color var(--vft-transition-duration),background-color var(--vft-transition-duration)}.vft-switch__core .vft-switch__inner{width:100%;transition:all var(--vft-transition-duration);height:16px;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:0 4px 0 calc(16px + 2px)}.vft-switch__core .vft-switch__inner .is-text,.vft-switch__core .vft-switch__inner i{font-size:12px;color:var(--vft-color-white);-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}.vft-switch__core .vft-switch__action{position:absolute;left:1px;border-radius:var(--vft-border-radius-circle);transition:all var(--vft-transition-duration);width:16px;height:16px;background-color:var(--vft-color-white);display:flex;justify-content:center;align-items:center;color:var(--vft-switch-off-color)}.vft-switch.is-checked .vft-switch__core{border-color:var(--vft-switch-border-color,var(--vft-switch-on-color));background-color:var(--vft-switch-on-color)}.vft-switch.is-checked .vft-switch__core .vft-switch__action{left:calc(100% - 17px);color:var(--vft-switch-on-color)}.vft-switch.is-checked .vft-switch__core .vft-switch__inner{padding:0 calc(16px + 2px) 0 4px}.vft-switch.is-disabled{opacity:.6}.vft-switch--wide .vft-switch__label.vft-switch__label--left span{left:10px}.vft-switch--wide .vft-switch__label.vft-switch__label--right span{right:10px}.vft-switch .label-fade-enter-from,.vft-switch .label-fade-leave-active{opacity:0}.vft-switch--large{font-size:14px;line-height:24px;height:40px}.vft-switch--large .vft-switch__label{height:24px;font-size:14px}.vft-switch--large .vft-switch__label *{font-size:14px}.vft-switch--large .vft-switch__core{min-width:50px;height:24px;border-radius:12px}.vft-switch--large .vft-switch__core .vft-switch__inner{height:20px;padding:0 6px 0 calc(20px + 2px)}.vft-switch--large .vft-switch__core .vft-switch__action{width:20px;height:20px}.vft-switch--large.is-checked .vft-switch__core .vft-switch__action{left:calc(100% - 21px)}.vft-switch--large.is-checked .vft-switch__core .vft-switch__inner{padding:0 calc(20px + 2px) 0 6px}.vft-switch--small{font-size:12px;line-height:16px;height:24px}.vft-switch--small .vft-switch__label{height:16px;font-size:12px}.vft-switch--small .vft-switch__label *{font-size:12px}.vft-switch--small .vft-switch__core{min-width:30px;height:16px;border-radius:8px}.vft-switch--small .vft-switch__core .vft-switch__inner{height:12px;padding:0 2px 0 calc(12px + 2px)}.vft-switch--small .vft-switch__core .vft-switch__action{width:12px;height:12px}.vft-switch--small.is-checked .vft-switch__core .vft-switch__action{left:calc(100% - 13px)}.vft-switch--small.is-checked .vft-switch__core .vft-switch__inner{padding:0 calc(12px + 2px) 0 2px}.vft-switch .icon-loading{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}
package/theme-style/vft-tabs.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)}}:root{--vft-tabs-padding:0;--vft-tabs-font-size:14px;--vft-tabs-font-weight:400;--vft-tabs-font-weight-active:500;--vft-tabs-header-height:40px;--vft-tabs-border-bottom:1px solid #eee;--vft-tabs-nav-color:#eee;--vft-tabs-header-margin:0 0 15px;--vft-tabs-header-padding:0;--vft-tabs-header-border-bottom:none;--vft-tabs-item-padding:0 20px;--vft-tabs-item-max-width:100%;--vft-tabs-item-bg-color:transparent;--vft-tabs-item-active-bg-color:transparent;--vft-tabs-item-hover-bg-color:transparent;--vft-tabs-item-color:black;--vft-tabs-item-active-color:inherit;--vft-tabs-item-hover-color:inherit;--vft-tabs-item-border:0px solid #eee;--vft-tabs-item-active-border:0px solid #eee;--vft-tabs-item-hover-border:0px solid transparent;--vft-tabs-item-distance:10px;--vft-tabs-item-border-radius:5px 5px 0 0;--vft-tabs-close-icon-left:5px;--vft-tabs-close-icon-hover-color:black;--vft-tabs-close-icon-hover-bg-color:#dfdfdf;--vft-tabs-add-icon-right:30px;--vft-tabs-add-icon-padding-left:20px;--vft-tabs-scroll-padding:0 60px 0 20px;--vft-tabs-active-distance:14px;--vft-tabs-show-border-bottom:block}.vft-tabs{padding:var(--vft-tabs-padding)}.vft-tabs__header{padding:var(--vft-tabs-header-padding);position:relative;margin:var(--vft-tabs-header-margin)}.vft-tabs__item{padding:var(--vft-tabs-item-padding);height:var(--vft-tabs-header-height);box-sizing:border-box;display:inline-flex;justify-content:flex-start;align-items:center;list-style:none;line-height:1;font-size:var(--vft-tabs-font-size);font-weight:var(--vft-tabs-font-weight);color:var(--vft-tabs-item-color);background-color:var(--vft-tabs-item-bg-color);border:var(--vft-tabs-item-border);margin-right:var(--vft-tabs-item-distance);border-radius:var(--vft-tabs-item-border-radius);transition:var(--vft-transition-function-ease-in-out-bezier),padding var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier),background-color var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);max-width:var(--vft-tabs-item-max-width)}.vft-tabs__item.is-disabled{color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-tabs__item.is-active.is-closable .is-icon-close{opacity:1;width:var(--vft-tabs-active-distance)!important}.vft-tabs__item.is-closable:hover .is-icon-close{opacity:1;width:var(--vft-tabs-active-distance)!important}.vft-tabs__item .is-icon-close{opacity:0}.vft-tabs__item:hover{color:var(--vft-tabs-item-hover-color);background-color:var(--vft-tabs-item-hover-bg-color);border:var(--vft-tabs-item-hover-border);cursor:pointer}.vft-tabs__item.is-active{color:var(--vft-tabs-item-active-color);background-color:var(--vft-tabs-item-active-bg-color);font-weight:var(--vft-tabs-font-weight-active);border:var(--vft-tabs-item-active-border)}.vft-tabs__item.is-active.is-closable .is-icon-close{width:var(--vft-tabs-active-distance)}.vft-tabs__item:focus,.vft-tabs__item:focus:active{outline:0}.vft-tabs__item:focus-visible{box-shadow:0 0 2px 2px var(--vft-primary-color) inset;border-radius:3px}.vft-tabs__item .is-icon-close{transition:all var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);margin-left:var(--vft-tabs-close-icon-left);display:flex;justify-content:center;align-items:center;height:var(--vft-tabs-active-distance);width:var(--vft-tabs-active-distance);border-radius:50%}.vft-tabs__item .is-icon-close:hover{background-color:var(--vft-tabs-close-icon-hover-bg-color)}.vft-tabs__item .is-icon-close:hover i{color:var(--vft-tabs-close-icon-hover-color)!important}.vft-tabs__active-bar{position:absolute;bottom:0;left:0;height:2px;background-color:var(--vft-primary-color);z-index:1;transition:width var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier),transform var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);list-style:none}.vft-tabs__new-tab{cursor:pointer;transition:all .15s;position:absolute;right:auto;display:inline-flex;align-items:center;height:100%;padding-left:var(--vft-tabs-add-icon-padding-left)}.vft-tabs__new-tab:hover{color:var(--vft-primary-color)}.vft-tabs__nav-wrap{overflow:hidden;margin-bottom:-1px;position:relative}.vft-tabs__nav-wrap::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:var(--vft-tabs-nav-color);z-index:var(--vft-z-index-normal);display:var(--vft-tabs-show-border-bottom)}.vft-tabs__nav-wrap.is-scrollable{padding:var(--vft-tabs-scroll-padding);box-sizing:border-box}.vft-tabs__nav-wrap.is-scrollable .vft-tabs__new-tab{right:var(--vft-tabs-add-icon-right)}.vft-tabs__nav-scroll{overflow:hidden}.vft-tabs__nav-scroll.is-have-fixed-tab{height:var(--vft-tabs-header-height)}.vft-tabs .vft-tabs__header .vft-tabs__nav{border-radius:4px 4px 0 0;box-sizing:border-box}.vft-tabs__nav-next,.vft-tabs__nav-prev{position:absolute;cursor:pointer;display:inline-flex;align-items:center;height:100%}.vft-tabs__nav-next{right:0}.vft-tabs__nav-prev{left:0}.vft-tabs__nav{display:flex;white-space:nowrap;position:relative;transition:transform var(--vft-transition-duration);float:left;z-index:calc(var(--vft-z-index-normal) + 1)}.vft-tabs__nav.is-stretch{min-width:100%;display:flex}.vft-tabs__nav.is-stretch>*{flex:1;text-align:center}.vft-tabs__nav.is-fixed-nav{background-color:#eceff3;transform:translateY(calc(0 - var(--vft-tabs-header-height)))}.vft-tabs__content{overflow:hidden;position:relative}.vft-tabs--bottom .vft-tabs__item.is-bottom:last-child,.vft-tabs--bottom .vft-tabs__item.is-top:last-child,.vft-tabs--top .vft-tabs__item.is-bottom:last-child,.vft-tabs--top .vft-tabs__item.is-top:last-child{margin-right:0}.vft-tabs--bottom .vft-tabs__header.is-bottom{margin-bottom:0;margin-top:10px}.vft-tabs--left,.vft-tabs--right{overflow:hidden}.vft-tabs--left .vft-tabs__header.is-left,.vft-tabs--left .vft-tabs__header.is-right,.vft-tabs--left .vft-tabs__nav-scroll,.vft-tabs--left .vft-tabs__nav-wrap.is-left,.vft-tabs--left .vft-tabs__nav-wrap.is-right,.vft-tabs--right .vft-tabs__header.is-left,.vft-tabs--right .vft-tabs__header.is-right,.vft-tabs--right .vft-tabs__nav-scroll,.vft-tabs--right .vft-tabs__nav-wrap.is-left,.vft-tabs--right .vft-tabs__nav-wrap.is-right{height:100%}.vft-tabs--left .vft-tabs__active-bar.is-left,.vft-tabs--left .vft-tabs__active-bar.is-right,.vft-tabs--right .vft-tabs__active-bar.is-left,.vft-tabs--right .vft-tabs__active-bar.is-right{top:0;bottom:auto;width:2px;height:auto}.vft-tabs--left .vft-tabs__nav-wrap.is-left,.vft-tabs--left .vft-tabs__nav-wrap.is-right,.vft-tabs--right .vft-tabs__nav-wrap.is-left,.vft-tabs--right .vft-tabs__nav-wrap.is-right{margin-bottom:0}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev{height:30px;line-height:30px;width:100%;text-align:center;cursor:pointer}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next i,.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev i,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next i,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev i,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next i,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev i,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next i,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev i{transform:rotateZ(90deg)}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev{left:auto;top:0}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next{right:auto;bottom:0}.vft-tabs--left .vft-tabs__nav-wrap.is-left.is-scrollable,.vft-tabs--left .vft-tabs__nav-wrap.is-right.is-scrollable,.vft-tabs--right .vft-tabs__nav-wrap.is-left.is-scrollable,.vft-tabs--right .vft-tabs__nav-wrap.is-right.is-scrollable{padding:30px 0}.vft-tabs--left .vft-tabs__nav-wrap.is-left::after,.vft-tabs--left .vft-tabs__nav-wrap.is-right::after,.vft-tabs--right .vft-tabs__nav-wrap.is-left::after,.vft-tabs--right .vft-tabs__nav-wrap.is-right::after{height:100%;width:2px;bottom:auto;top:0}.vft-tabs--left .vft-tabs__nav.is-left,.vft-tabs--left .vft-tabs__nav.is-right,.vft-tabs--right .vft-tabs__nav.is-left,.vft-tabs--right .vft-tabs__nav.is-right{float:none}.vft-tabs--left .vft-tabs__item.is-left,.vft-tabs--left .vft-tabs__item.is-right,.vft-tabs--right .vft-tabs__item.is-left,.vft-tabs--right .vft-tabs__item.is-right{display:block}.vft-tabs--left .vft-tabs__header.is-left{float:left;margin-bottom:0;margin-right:10px}.vft-tabs--left .vft-tabs__nav-wrap.is-left{margin-right:-1px}.vft-tabs--left .vft-tabs__nav-wrap.is-left::after{left:auto;right:0}.vft-tabs--left .vft-tabs__active-bar.is-left{right:0;left:auto}.vft-tabs--left .vft-tabs__item.is-left{text-align:right}.vft-tabs--right .vft-tabs__header.is-right{float:right;margin-bottom:0;margin-left:10px}.vft-tabs--right .vft-tabs__nav-wrap.is-right{margin-left:-1px}.vft-tabs--right .vft-tabs__nav-wrap.is-right::after{left:0;right:auto}.vft-tabs--right .vft-tabs__active-bar.is-right{left:0}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{animation:slideInRight-enter var(--vft-transition-duration)}.slideInRight-leave{position:absolute;left:0;right:0;animation:slideInRight-leave var(--vft-transition-duration)}.slideInLeft-enter{animation:slideInLeft-enter var(--vft-transition-duration)}.slideInLeft-leave{position:absolute;left:0;right:0;animation:slideInLeft-leave var(--vft-transition-duration)}@keyframes slideInRight-enter{0%{opacity:0;transform-origin:0 0;transform:translateX(100%)}to{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes slideInRight-leave{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(100%);opacity:0}}@keyframes slideInLeft-enter{0%{opacity:0;transform-origin:0 0;transform:translateX(-100%)}to{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes slideInLeft-leave{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(-100%);opacity:0}}
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)}}:root{--vft-tabs-padding:0;--vft-tabs-font-size:14px;--vft-tabs-font-weight:400;--vft-tabs-font-weight-active:500;--vft-tabs-header-height:40px;--vft-tabs-border-bottom:1px solid #eee;--vft-tabs-nav-color:#eee;--vft-tabs-header-margin:0 0 15px;--vft-tabs-header-padding:0;--vft-tabs-header-border-bottom:none;--vft-tabs-item-padding:0 20px;--vft-tabs-item-max-width:100%;--vft-tabs-item-bg-color:transparent;--vft-tabs-item-active-bg-color:transparent;--vft-tabs-item-hover-bg-color:transparent;--vft-tabs-item-color:black;--vft-tabs-item-active-color:inherit;--vft-tabs-item-hover-color:inherit;--vft-tabs-item-border:0px solid #eee;--vft-tabs-item-active-border:0px solid #eee;--vft-tabs-item-hover-border:0px solid transparent;--vft-tabs-item-distance:10px;--vft-tabs-item-border-radius:5px 5px 0 0;--vft-tabs-close-icon-left:5px;--vft-tabs-close-icon-hover-color:black;--vft-tabs-close-icon-hover-bg-color:#dfdfdf;--vft-tabs-add-icon-right:30px;--vft-tabs-add-icon-padding-left:20px;--vft-tabs-scroll-padding:0 60px 0 20px;--vft-tabs-active-distance:14px;--vft-tabs-show-border-bottom:block}.vft-tabs{padding:var(--vft-tabs-padding)}.vft-tabs__header{padding:var(--vft-tabs-header-padding);position:relative;margin:var(--vft-tabs-header-margin)}.vft-tabs__item{padding:var(--vft-tabs-item-padding);height:var(--vft-tabs-header-height);box-sizing:border-box;display:inline-flex;justify-content:flex-start;align-items:center;list-style:none;line-height:1;font-size:var(--vft-tabs-font-size);font-weight:var(--vft-tabs-font-weight);color:var(--vft-tabs-item-color);background-color:var(--vft-tabs-item-bg-color);border:var(--vft-tabs-item-border);margin-right:var(--vft-tabs-item-distance);border-radius:var(--vft-tabs-item-border-radius);transition:var(--vft-transition-function-ease-in-out-bezier),padding var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier),background-color var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);max-width:var(--vft-tabs-item-max-width)}.vft-tabs__item.is-disabled{color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-tabs__item.is-active.is-closable .is-icon-close{opacity:1;width:var(--vft-tabs-active-distance)!important}.vft-tabs__item.is-closable:hover .is-icon-close{opacity:1;width:var(--vft-tabs-active-distance)!important}.vft-tabs__item .is-icon-close{opacity:0}.vft-tabs__item:hover{color:var(--vft-tabs-item-hover-color);background-color:var(--vft-tabs-item-hover-bg-color);border:var(--vft-tabs-item-hover-border);cursor:pointer}.vft-tabs__item.is-active{color:var(--vft-tabs-item-active-color);background-color:var(--vft-tabs-item-active-bg-color);font-weight:var(--vft-tabs-font-weight-active);border:var(--vft-tabs-item-active-border)}.vft-tabs__item.is-active.is-closable .is-icon-close{width:var(--vft-tabs-active-distance)}.vft-tabs__item:focus,.vft-tabs__item:focus:active{outline:0}.vft-tabs__item:focus-visible{box-shadow:0 0 2px 2px var(--vft-primary-color) inset;border-radius:3px}.vft-tabs__item .is-icon-close{transition:all var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);margin-left:var(--vft-tabs-close-icon-left);display:flex;justify-content:center;align-items:center;height:var(--vft-tabs-active-distance);width:var(--vft-tabs-active-distance);border-radius:50%}.vft-tabs__item .is-icon-close:hover{background-color:var(--vft-tabs-close-icon-hover-bg-color)}.vft-tabs__item .is-icon-close:hover i{color:var(--vft-tabs-close-icon-hover-color)!important}.vft-tabs__active-bar{position:absolute;bottom:0;left:0;height:2px;background-color:var(--vft-primary-color);z-index:1;transition:width var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier),transform var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);list-style:none}.vft-tabs__new-tab{cursor:pointer;transition:all .15s;position:absolute;right:auto;display:inline-flex;align-items:center;height:100%;padding-left:var(--vft-tabs-add-icon-padding-left)}.vft-tabs__new-tab:hover{color:var(--vft-primary-color)}.vft-tabs__nav-wrap{overflow:hidden;margin-bottom:-1px;position:relative}.vft-tabs__nav-wrap::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:var(--vft-tabs-nav-color);z-index:var(--vft-z-index-normal);display:var(--vft-tabs-show-border-bottom)}.vft-tabs__nav-wrap.is-scrollable{padding:var(--vft-tabs-scroll-padding);box-sizing:border-box}.vft-tabs__nav-wrap.is-scrollable .vft-tabs__new-tab{right:var(--vft-tabs-add-icon-right)}.vft-tabs__nav-scroll{overflow:hidden}.vft-tabs__nav-scroll.is-have-fixed-tab{height:var(--vft-tabs-header-height)}.vft-tabs .icon-plus{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-tabs .icon-close{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-tabs .icon-arrow-left{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-tabs .icon-arrow-right{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-tabs .vft-tabs__header .vft-tabs__nav{border-radius:4px 4px 0 0;box-sizing:border-box}.vft-tabs__nav-next,.vft-tabs__nav-prev{position:absolute;cursor:pointer;display:inline-flex;align-items:center;height:100%}.vft-tabs__nav-next{right:0}.vft-tabs__nav-prev{left:0}.vft-tabs__nav{display:flex;white-space:nowrap;position:relative;transition:transform var(--vft-transition-duration);float:left;z-index:calc(var(--vft-z-index-normal) + 1)}.vft-tabs__nav.is-stretch{min-width:100%;display:flex}.vft-tabs__nav.is-stretch>*{flex:1;text-align:center}.vft-tabs__nav.is-fixed-nav{background-color:#eceff3;transform:translateY(calc(0 - var(--vft-tabs-header-height)))}.vft-tabs__content{overflow:hidden;position:relative}.vft-tabs--bottom .vft-tabs__item.is-bottom:last-child,.vft-tabs--bottom .vft-tabs__item.is-top:last-child,.vft-tabs--top .vft-tabs__item.is-bottom:last-child,.vft-tabs--top .vft-tabs__item.is-top:last-child{margin-right:0}.vft-tabs--bottom .vft-tabs__header.is-bottom{margin-bottom:0;margin-top:10px}.vft-tabs--left,.vft-tabs--right{overflow:hidden}.vft-tabs--left .vft-tabs__header.is-left,.vft-tabs--left .vft-tabs__header.is-right,.vft-tabs--left .vft-tabs__nav-scroll,.vft-tabs--left .vft-tabs__nav-wrap.is-left,.vft-tabs--left .vft-tabs__nav-wrap.is-right,.vft-tabs--right .vft-tabs__header.is-left,.vft-tabs--right .vft-tabs__header.is-right,.vft-tabs--right .vft-tabs__nav-scroll,.vft-tabs--right .vft-tabs__nav-wrap.is-left,.vft-tabs--right .vft-tabs__nav-wrap.is-right{height:100%}.vft-tabs--left .vft-tabs__active-bar.is-left,.vft-tabs--left .vft-tabs__active-bar.is-right,.vft-tabs--right .vft-tabs__active-bar.is-left,.vft-tabs--right .vft-tabs__active-bar.is-right{top:0;bottom:auto;width:2px;height:auto}.vft-tabs--left .vft-tabs__nav-wrap.is-left,.vft-tabs--left .vft-tabs__nav-wrap.is-right,.vft-tabs--right .vft-tabs__nav-wrap.is-left,.vft-tabs--right .vft-tabs__nav-wrap.is-right{margin-bottom:0}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev{height:30px;line-height:30px;width:100%;text-align:center;cursor:pointer}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next i,.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev i,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next i,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev i,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next i,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev i,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next i,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev i{transform:rotateZ(90deg)}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev{left:auto;top:0}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next{right:auto;bottom:0}.vft-tabs--left .vft-tabs__nav-wrap.is-left.is-scrollable,.vft-tabs--left .vft-tabs__nav-wrap.is-right.is-scrollable,.vft-tabs--right .vft-tabs__nav-wrap.is-left.is-scrollable,.vft-tabs--right .vft-tabs__nav-wrap.is-right.is-scrollable{padding:30px 0}.vft-tabs--left .vft-tabs__nav-wrap.is-left::after,.vft-tabs--left .vft-tabs__nav-wrap.is-right::after,.vft-tabs--right .vft-tabs__nav-wrap.is-left::after,.vft-tabs--right .vft-tabs__nav-wrap.is-right::after{height:100%;width:2px;bottom:auto;top:0}.vft-tabs--left .vft-tabs__nav.is-left,.vft-tabs--left .vft-tabs__nav.is-right,.vft-tabs--right .vft-tabs__nav.is-left,.vft-tabs--right .vft-tabs__nav.is-right{float:none}.vft-tabs--left .vft-tabs__item.is-left,.vft-tabs--left .vft-tabs__item.is-right,.vft-tabs--right .vft-tabs__item.is-left,.vft-tabs--right .vft-tabs__item.is-right{display:block}.vft-tabs--left .vft-tabs__header.is-left{float:left;margin-bottom:0;margin-right:10px}.vft-tabs--left .vft-tabs__nav-wrap.is-left{margin-right:-1px}.vft-tabs--left .vft-tabs__nav-wrap.is-left::after{left:auto;right:0}.vft-tabs--left .vft-tabs__active-bar.is-left{right:0;left:auto}.vft-tabs--left .vft-tabs__item.is-left{text-align:right}.vft-tabs--right .vft-tabs__header.is-right{float:right;margin-bottom:0;margin-left:10px}.vft-tabs--right .vft-tabs__nav-wrap.is-right{margin-left:-1px}.vft-tabs--right .vft-tabs__nav-wrap.is-right::after{left:0;right:auto}.vft-tabs--right .vft-tabs__active-bar.is-right{left:0}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{animation:slideInRight-enter var(--vft-transition-duration)}.slideInRight-leave{position:absolute;left:0;right:0;animation:slideInRight-leave var(--vft-transition-duration)}.slideInLeft-enter{animation:slideInLeft-enter var(--vft-transition-duration)}.slideInLeft-leave{position:absolute;left:0;right:0;animation:slideInLeft-leave var(--vft-transition-duration)}@keyframes slideInRight-enter{0%{opacity:0;transform-origin:0 0;transform:translateX(100%)}to{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes slideInRight-leave{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(100%);opacity:0}}@keyframes slideInLeft-enter{0%{opacity:0;transform-origin:0 0;transform:translateX(-100%)}to{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes slideInLeft-leave{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(-100%);opacity:0}}
package/theme-style/vft-tag.css CHANGED
@@ -1 +1 @@
1
- :root{--vft-tag-font-size:12px;--vft-tag-border-radius:4px;--vft-tag-border-radius-rounded:9999px;--vft-tag-content-line-clamp-num:1;--vft-tag-content-max-width:100%}.vft-tag{--vft-tag-bg-color:var(--vft-primary-color-light-9);--vft-tag-border-color:var(--vft-primary-color-light-8);--vft-tag-hover-color:var(--vft-primary-color);--vft-tag-text-color:var(--vft-primary-color);background-color:var(--vft-tag-bg-color);border-color:var(--vft-tag-border-color);color:var(--vft-tag-text-color);display:inline-flex;justify-content:center;align-items:center;height:24px;padding:0 9px;font-size:var(--vft-tag-font-size);line-height:1;border-width:1px;border-style:solid;border-radius:var(--vft-tag-border-radius);box-sizing:border-box;white-space:nowrap;--vft-icon-size:14px}.vft-tag.vft-tag--primary{--vft-tag-bg-color:var(--vft-primary-color-light-9);--vft-tag-border-color:var(--vft-primary-color-light-8);--vft-tag-hover-color:var(--vft-primary-color)}.vft-tag.vft-tag--success{--vft-tag-bg-color:var(--vft-success-color-light-9);--vft-tag-border-color:var(--vft-success-color-light-8);--vft-tag-hover-color:var(--vft-success-color)}.vft-tag.vft-tag--warning{--vft-tag-bg-color:var(--vft-warning-color-light-9);--vft-tag-border-color:var(--vft-warning-color-light-8);--vft-tag-hover-color:var(--vft-warning-color)}.vft-tag.vft-tag--danger{--vft-tag-bg-color:var(--vft-danger-color-light-9);--vft-tag-border-color:var(--vft-danger-color-light-8);--vft-tag-hover-color:var(--vft-danger-color)}.vft-tag.vft-tag--error{--vft-tag-bg-color:var(--vft-error-color-light-9);--vft-tag-border-color:var(--vft-error-color-light-8);--vft-tag-hover-color:var(--vft-error-color)}.vft-tag.vft-tag--info{--vft-tag-bg-color:var(--vft-info-color-light-9);--vft-tag-border-color:var(--vft-info-color-light-8);--vft-tag-hover-color:var(--vft-info-color)}.vft-tag.vft-tag--primary{--vft-tag-text-color:var(--vft-primary-color)}.vft-tag.vft-tag--success{--vft-tag-text-color:var(--vft-success-color)}.vft-tag.vft-tag--warning{--vft-tag-text-color:var(--vft-warning-color)}.vft-tag.vft-tag--danger{--vft-tag-text-color:var(--vft-danger-color)}.vft-tag.vft-tag--error{--vft-tag-text-color:var(--vft-error-color)}.vft-tag.vft-tag--info{--vft-tag-text-color:var(--vft-info-color)}.vft-tag.is-hit{border-color:var(--vft-primary-color)}.vft-tag.is-round{border-radius:var(--vft-tag-border-radius-rounded)}.vft-tag .vft-tag__close{color:var(--vft-tag-text-color)}.vft-tag .vft-tag__close:hover{color:var(--vft-color-white);background-color:var(--vft-tag-hover-color)}.vft-tag .vft-icon{cursor:pointer;color:inherit;font-size:calc(var(--vft-icon-size) - 2px)}.vft-tag .vft-tag__close{display:flex;align-items:center;justify-content:center;border-radius:50%;height:var(--vft-icon-size);width:var(--vft-icon-size);margin-left:6px}.vft-tag--dark{--vft-tag-bg-color:var(--vft-primary-color);--vft-tag-border-color:var(--vft-primary-color);--vft-tag-hover-color:var(--vft-primary-color-light-3);--vft-tag-text-color:var(--vft-color-white);--vft-tag-text-color:var(--vft-color-white)}.vft-tag--dark.vft-tag--primary{--vft-tag-bg-color:var(--vft-primary-color);--vft-tag-border-color:var(--vft-primary-color);--vft-tag-hover-color:var(--vft-primary-color-light-3)}.vft-tag--dark.vft-tag--success{--vft-tag-bg-color:var(--vft-success-color);--vft-tag-border-color:var(--vft-success-color);--vft-tag-hover-color:var(--vft-success-color-light-3)}.vft-tag--dark.vft-tag--warning{--vft-tag-bg-color:var(--vft-warning-color);--vft-tag-border-color:var(--vft-warning-color);--vft-tag-hover-color:var(--vft-warning-color-light-3)}.vft-tag--dark.vft-tag--danger{--vft-tag-bg-color:var(--vft-danger-color);--vft-tag-border-color:var(--vft-danger-color);--vft-tag-hover-color:var(--vft-danger-color-light-3)}.vft-tag--dark.vft-tag--error{--vft-tag-bg-color:var(--vft-error-color);--vft-tag-border-color:var(--vft-error-color);--vft-tag-hover-color:var(--vft-error-color-light-3)}.vft-tag--dark.vft-tag--info{--vft-tag-bg-color:var(--vft-info-color);--vft-tag-border-color:var(--vft-info-color);--vft-tag-hover-color:var(--vft-info-color-light-3)}.vft-tag--dark.vft-tag--primary{--vft-tag-text-color:var(--vft-color-white)}.vft-tag--dark.vft-tag--success{--vft-tag-text-color:var(--vft-color-white)}.vft-tag--dark.vft-tag--warning{--vft-tag-text-color:var(--vft-color-white)}.vft-tag--dark.vft-tag--danger{--vft-tag-text-color:var(--vft-color-white)}.vft-tag--dark.vft-tag--error{--vft-tag-text-color:var(--vft-color-white)}.vft-tag--dark.vft-tag--info{--vft-tag-text-color:var(--vft-color-white)}.vft-tag--plain{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-primary-color-light-5);--vft-tag-hover-color:var(--vft-primary-color);--vft-tag-bg-color:var(--vft-fill-color-blank)}.vft-tag--plain.vft-tag--primary{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-primary-color-light-5);--vft-tag-hover-color:var(--vft-primary-color)}.vft-tag--plain.vft-tag--success{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-success-color-light-5);--vft-tag-hover-color:var(--vft-success-color)}.vft-tag--plain.vft-tag--warning{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-warning-color-light-5);--vft-tag-hover-color:var(--vft-warning-color)}.vft-tag--plain.vft-tag--danger{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-danger-color-light-5);--vft-tag-hover-color:var(--vft-danger-color)}.vft-tag--plain.vft-tag--error{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-error-color-light-5);--vft-tag-hover-color:var(--vft-error-color)}.vft-tag--plain.vft-tag--info{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-info-color-light-5);--vft-tag-hover-color:var(--vft-info-color)}.vft-tag.is-closable{padding-right:5px}.vft-tag__content{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--vft-tag-content-line-clamp-num);line-clamp:var(--vft-tag-content-line-clamp-num);max-width:var(--vft-tag-content-max-width);white-space:break-spaces}.vft-tag--large{padding:0 11px;height:32px;--vft-icon-size:16px}.vft-tag--large .vft-tag__close{margin-left:8px}.vft-tag--large.is-closable{padding-right:7px}.vft-tag--small{padding:0 7px;height:20px;--vft-icon-size:12px}.vft-tag--small .vft-tag__close{margin-left:4px}.vft-tag--small.is-closable{padding-right:3px}.vft-tag--small .vft-icon-close{transform:scale(.8)}.vft-tag.vft-tag--primary.is-hit{border-color:var(--vft-primary-color)}.vft-tag.vft-tag--success.is-hit{border-color:var(--vft-success-color)}.vft-tag.vft-tag--warning.is-hit{border-color:var(--vft-warning-color)}.vft-tag.vft-tag--danger.is-hit{border-color:var(--vft-danger-color)}.vft-tag.vft-tag--error.is-hit{border-color:var(--vft-error-color)}.vft-tag.vft-tag--info.is-hit{border-color:var(--vft-info-color)}
1
+ :root{--vft-tag-font-size:12px;--vft-tag-border-radius:4px;--vft-tag-border-radius-rounded:9999px;--vft-tag-content-line-clamp-num:1;--vft-tag-content-max-width:100%}.vft-tag{--vft-tag-bg-color:var(--vft-primary-color-light-9);--vft-tag-border-color:var(--vft-primary-color-light-8);--vft-tag-hover-color:var(--vft-primary-color);--vft-tag-text-color:var(--vft-primary-color);background-color:var(--vft-tag-bg-color);border-color:var(--vft-tag-border-color);color:var(--vft-tag-text-color);display:inline-flex;justify-content:center;align-items:center;height:24px;padding:0 9px;font-size:var(--vft-tag-font-size);line-height:1;border-width:1px;border-style:solid;border-radius:var(--vft-tag-border-radius);box-sizing:border-box;white-space:nowrap;--vft-icon-size:14px}.vft-tag.vft-tag--primary{--vft-tag-bg-color:var(--vft-primary-color-light-9);--vft-tag-border-color:var(--vft-primary-color-light-8);--vft-tag-hover-color:var(--vft-primary-color)}.vft-tag.vft-tag--success{--vft-tag-bg-color:var(--vft-success-color-light-9);--vft-tag-border-color:var(--vft-success-color-light-8);--vft-tag-hover-color:var(--vft-success-color)}.vft-tag.vft-tag--warning{--vft-tag-bg-color:var(--vft-warning-color-light-9);--vft-tag-border-color:var(--vft-warning-color-light-8);--vft-tag-hover-color:var(--vft-warning-color)}.vft-tag.vft-tag--danger{--vft-tag-bg-color:var(--vft-danger-color-light-9);--vft-tag-border-color:var(--vft-danger-color-light-8);--vft-tag-hover-color:var(--vft-danger-color)}.vft-tag.vft-tag--error{--vft-tag-bg-color:var(--vft-error-color-light-9);--vft-tag-border-color:var(--vft-error-color-light-8);--vft-tag-hover-color:var(--vft-error-color)}.vft-tag.vft-tag--info{--vft-tag-bg-color:var(--vft-info-color-light-9);--vft-tag-border-color:var(--vft-info-color-light-8);--vft-tag-hover-color:var(--vft-info-color)}.vft-tag.vft-tag--primary{--vft-tag-text-color:var(--vft-primary-color)}.vft-tag.vft-tag--success{--vft-tag-text-color:var(--vft-success-color)}.vft-tag.vft-tag--warning{--vft-tag-text-color:var(--vft-warning-color)}.vft-tag.vft-tag--danger{--vft-tag-text-color:var(--vft-danger-color)}.vft-tag.vft-tag--error{--vft-tag-text-color:var(--vft-error-color)}.vft-tag.vft-tag--info{--vft-tag-text-color:var(--vft-info-color)}.vft-tag.is-hit{border-color:var(--vft-primary-color)}.vft-tag.is-round{border-radius:var(--vft-tag-border-radius-rounded)}.vft-tag .vft-tag__close{color:var(--vft-tag-text-color)}.vft-tag .vft-tag__close:hover{color:var(--vft-color-white);background-color:var(--vft-tag-hover-color)}.vft-tag .icon-close{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-tag .vft-icon{cursor:pointer;color:inherit;font-size:calc(var(--vft-icon-size) - 2px)}.vft-tag .vft-tag__close{display:flex;align-items:center;justify-content:center;border-radius:50%;height:var(--vft-icon-size);width:var(--vft-icon-size);margin-left:6px}.vft-tag--dark{--vft-tag-bg-color:var(--vft-primary-color);--vft-tag-border-color:var(--vft-primary-color);--vft-tag-hover-color:var(--vft-primary-color-light-3);--vft-tag-text-color:var(--vft-color-white);--vft-tag-text-color:var(--vft-color-white)}.vft-tag--dark.vft-tag--primary{--vft-tag-bg-color:var(--vft-primary-color);--vft-tag-border-color:var(--vft-primary-color);--vft-tag-hover-color:var(--vft-primary-color-light-3)}.vft-tag--dark.vft-tag--success{--vft-tag-bg-color:var(--vft-success-color);--vft-tag-border-color:var(--vft-success-color);--vft-tag-hover-color:var(--vft-success-color-light-3)}.vft-tag--dark.vft-tag--warning{--vft-tag-bg-color:var(--vft-warning-color);--vft-tag-border-color:var(--vft-warning-color);--vft-tag-hover-color:var(--vft-warning-color-light-3)}.vft-tag--dark.vft-tag--danger{--vft-tag-bg-color:var(--vft-danger-color);--vft-tag-border-color:var(--vft-danger-color);--vft-tag-hover-color:var(--vft-danger-color-light-3)}.vft-tag--dark.vft-tag--error{--vft-tag-bg-color:var(--vft-error-color);--vft-tag-border-color:var(--vft-error-color);--vft-tag-hover-color:var(--vft-error-color-light-3)}.vft-tag--dark.vft-tag--info{--vft-tag-bg-color:var(--vft-info-color);--vft-tag-border-color:var(--vft-info-color);--vft-tag-hover-color:var(--vft-info-color-light-3)}.vft-tag--dark.vft-tag--primary{--vft-tag-text-color:var(--vft-color-white)}.vft-tag--dark.vft-tag--success{--vft-tag-text-color:var(--vft-color-white)}.vft-tag--dark.vft-tag--warning{--vft-tag-text-color:var(--vft-color-white)}.vft-tag--dark.vft-tag--danger{--vft-tag-text-color:var(--vft-color-white)}.vft-tag--dark.vft-tag--error{--vft-tag-text-color:var(--vft-color-white)}.vft-tag--dark.vft-tag--info{--vft-tag-text-color:var(--vft-color-white)}.vft-tag--plain{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-primary-color-light-5);--vft-tag-hover-color:var(--vft-primary-color);--vft-tag-bg-color:var(--vft-fill-color-blank)}.vft-tag--plain.vft-tag--primary{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-primary-color-light-5);--vft-tag-hover-color:var(--vft-primary-color)}.vft-tag--plain.vft-tag--success{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-success-color-light-5);--vft-tag-hover-color:var(--vft-success-color)}.vft-tag--plain.vft-tag--warning{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-warning-color-light-5);--vft-tag-hover-color:var(--vft-warning-color)}.vft-tag--plain.vft-tag--danger{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-danger-color-light-5);--vft-tag-hover-color:var(--vft-danger-color)}.vft-tag--plain.vft-tag--error{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-error-color-light-5);--vft-tag-hover-color:var(--vft-error-color)}.vft-tag--plain.vft-tag--info{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-info-color-light-5);--vft-tag-hover-color:var(--vft-info-color)}.vft-tag.is-closable{padding-right:5px}.vft-tag__content{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--vft-tag-content-line-clamp-num);line-clamp:var(--vft-tag-content-line-clamp-num);max-width:var(--vft-tag-content-max-width);white-space:break-spaces}.vft-tag--large{padding:0 11px;height:32px;--vft-icon-size:16px}.vft-tag--large .vft-tag__close{margin-left:8px}.vft-tag--large.is-closable{padding-right:7px}.vft-tag--small{padding:0 7px;height:20px;--vft-icon-size:12px}.vft-tag--small .vft-tag__close{margin-left:4px}.vft-tag--small.is-closable{padding-right:3px}.vft-tag--small .vft-icon-close{transform:scale(.8)}.vft-tag.vft-tag--primary.is-hit{border-color:var(--vft-primary-color)}.vft-tag.vft-tag--success.is-hit{border-color:var(--vft-success-color)}.vft-tag.vft-tag--warning.is-hit{border-color:var(--vft-warning-color)}.vft-tag.vft-tag--danger.is-hit{border-color:var(--vft-danger-color)}.vft-tag.vft-tag--error.is-hit{border-color:var(--vft-error-color)}.vft-tag.vft-tag--info.is-hit{border-color:var(--vft-info-color)}
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{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)}
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-panel .icon-arrow-up{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m488.832 344.32l-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872l319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m488.832 344.32l-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872l319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-time-panel .icon-arrow-down{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-time-panel .icon-circle-close{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.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{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}
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}.vft-date-picker .icon-d-arrow-left{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M529.408 149.376a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L259.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L197.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224zm256 0a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L515.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L453.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M529.408 149.376a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L259.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L197.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224zm256 0a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L515.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L453.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-date-picker .icon-arrow-left{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-date-picker .icon-arrow-right{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-date-picker .icon-d-arrow-right{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M452.864 149.312a29.12 29.12 0 0 1 41.728.064L826.24 489.664a32 32 0 0 1 0 44.672L494.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L764.736 512L452.864 192a30.592 30.592 0 0 1 0-42.688zm-256 0a29.12 29.12 0 0 1 41.728.064L570.24 489.664a32 32 0 0 1 0 44.672L238.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L508.736 512L196.864 192a30.592 30.592 0 0 1 0-42.688z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M452.864 149.312a29.12 29.12 0 0 1 41.728.064L826.24 489.664a32 32 0 0 1 0 44.672L494.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L764.736 512L452.864 192a30.592 30.592 0 0 1 0-42.688zm-256 0a29.12 29.12 0 0 1 41.728.064L570.24 489.664a32 32 0 0 1 0 44.672L238.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L508.736 512L196.864 192a30.592 30.592 0 0 1 0-42.688z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.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-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-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);color:var(--vft-primary-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-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 .icon-caret-right{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M384 192v640l384-320.064z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M384 192v640l384-320.064z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-tree .icon-loading{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.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);color:var(--vft-primary-color)}
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-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}
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 .icon-document{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M832 384H576V128H192v768h640V384zm-26.496-64L640 154.496V320h165.504zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32zm160 448h384v64H320v-64zm0-192h160v64H320v-64zm0 384h384v64H320v-64z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M832 384H576V128H192v768h640V384zm-26.496-64L640 154.496V320h165.504zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32zm160 448h384v64H320v-64zm0-192h160v64H320v-64zm0 384h384v64H320v-64z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-upload .icon-circle-check{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3Cpath fill="currentColor" d="M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-upload .icon-check{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M406.656 706.944L195.84 496.256a32 32 0 1 0-45.248 45.248l256 256l512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M406.656 706.944L195.84 496.256a32 32 0 1 0-45.248 45.248l256 256l512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-upload .icon-close{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-upload .icon-zoom-in{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m795.904 750.72l124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704a352 352 0 0 0 0 704zm-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64h96z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m795.904 750.72l124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704a352 352 0 0 0 0 704zm-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64h96z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-upload .icon-delete{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32V256zm448-64v-64H416v64h192zM224 896h576V256H224v640zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32zm192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32V256zm448-64v-64H416v64h192zM224 896h576V256H224v640zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32zm192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.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}