npm - vft - Versions diffs - 0.0.19 → 0.0.20 - Mend

vft 0.0.19 → 0.0.20

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 (1763) hide show

package/dist/index.css CHANGED Viewed

	@@ -1 +1 @@
1	- @charset "UTF-8";:root{--vft-color-white:#fff;--vft-color-black:#000;--vft-theme-color:#fff;--vft-theme-color-reverse:#000;--vft-font-size-extra-large:20px;--vft-font-size-large:18px;--vft-font-size-medium:16px;--vft-font-size-base:14px;--vft-font-size-small:13px;--vft-font-size-extra-small:12px;--vft-font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',Arial,sans-serif;--vft-font-weight-primary:500;--vft-font-line-height-primary:24px;--vft-index-normal:1;--vft-index-top:1000;--vft-index-popper:2000;--vft-border-radius-base:4px;--vft-border-radius-small:2px;--vft-border-radius-round:20px;--vft-border-radius-circle:100%;--vft-transition-duration:0.3s;--vft-transition-duration-fast:0.2s;--vft-transition-function-ease-in-out-bezier:cubic-bezier(0.645, 0.045, 0.355, 1);--vft-transition-function-fast-bezier:cubic-bezier(0.23, 1, 0.32, 1);--vft-transition-all:all var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-fade:opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-md-fade:transform var(--vft-transition-duration) var(--vft-transition-function-fast-bezier),opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-fade-linear:opacity var(--vft-transition-duration-fast) linear;--vft-transition-border:border-color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-box-shadow:box-shadow var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-color:color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier)}:root{color-scheme:light;--vft-primary-color:#2196f3;--vft-primary-color-light-3:#64b6f7;--vft-primary-color-light-5:#90cbf9;--vft-primary-color-light-7:#bce0fb;--vft-primary-color-light-8:#d3eafd;--vft-primary-color-light-9:#e9f5fe;--vft-primary-color-dark-2:#1a78c2;--vft-success-color:#3eaf7c;--vft-success-color-light-3:#78c7a3;--vft-success-color-light-5:#9fd7be;--vft-success-color-light-7:#c5e7d8;--vft-success-color-light-8:#d8efe5;--vft-success-color-light-9:#ecf7f2;--vft-success-color-dark-2:#328c63;--vft-warning-color:#fb9b5f;--vft-warning-color-light-3:#fcb98f;--vft-warning-color-light-5:#fdcdaf;--vft-warning-color-light-7:#fee1cf;--vft-warning-color-light-8:#feebdf;--vft-warning-color-light-9:#fff5ef;--vft-warning-color-dark-2:#c97c4c;--vft-danger-color:#f26d6d;--vft-danger-color-light-3:#f69999;--vft-danger-color-light-5:#f9b6b6;--vft-danger-color-light-7:#fbd3d3;--vft-danger-color-light-8:#fce2e2;--vft-danger-color-light-9:#fef0f0;--vft-danger-color-dark-2:#c25757;--vft-error-color:#f26d6d;--vft-error-color-light-3:#f69999;--vft-error-color-light-5:#f9b6b6;--vft-error-color-light-7:#fbd3d3;--vft-error-color-light-8:#fce2e2;--vft-error-color-light-9:#fef0f0;--vft-error-color-dark-2:#c25757;--vft-info-color:#909399;--vft-info-color-light-3:#b1b3b8;--vft-info-color-light-5:#c8c9cc;--vft-info-color-light-7:#dedfe0;--vft-info-color-light-8:#e9e9eb;--vft-info-color-light-9:#f4f4f5;--vft-info-color-dark-2:#73767a;--vft-bg-color:#fff;--vft-bg-color-page:#f2f3f5;--vft-bg-color-overlay:#fff;--vft-text-primary-color:#303133;--vft-text-regular-color:#606266;--vft-text-secondary-color:#909399;--vft-text-placeholder-color:#a8abb2;--vft-text-disabled-color:#c0c4cc;--vft-border-color:#dcdfe6;--vft-border-color-light:#e4e7ed;--vft-border-color-lighter:#ebeef5;--vft-border-color-extra-light:#f2f6fc;--vft-border-color-dark:#d4d7de;--vft-border-color-darker:#cdd0d6;--vft-fill-color:#f0f2f5;--vft-fill-color-light:#f5f7fa;--vft-fill-color-lighter:#fafafa;--vft-fill-color-extra-light:#fafcff;--vft-fill-color-dark:#ebedf0;--vft-fill-color-darker:#e6e8eb;--vft-fill-color-blank:#fff;--vft-box-shadow:0px 12px 32px 4px rgba(0, 0, 0, 0.04),0px 8px 20px rgba(0, 0, 0, 0.08);--vft-box-shadow-light:0px 0px 12px rgba(0, 0, 0, 0.12);--vft-box-shadow-lighter:0px 0px 6px rgba(0, 0, 0, 0.12);--vft-box-shadow-dark:0px 16px 48px 16px rgba(0, 0, 0, 0.08),0px 12px 32px rgba(0, 0, 0, 0.12),0px 8px 16px -8px rgba(0, 0, 0, 0.16);--vft-disabled-bg-color:var(--vft-fill-color-light);--vft-disabled-text-color:var(--vft-text-color-placeholder);--vft-disabled-border-color:var(--vft-border-color-light);--vft-overlay-color:rgba(0, 0, 0, 0.8);--vft-overlay-color-light:rgba(0, 0, 0, 0.7);--vft-overlay-color-lighter:rgba(0, 0, 0, 0.5);--vft-mask-color:rgba(255, 255, 255, 0.9);--vft-mask-color-extra-light:rgba(255, 255, 255, 0.3);--vft-border-width:1px;--vft-border-style:solid;--vft-border-color-hover:var(--vft-text-disabled-color);--vft-border:var(--vft-border-width) var(--vft-border-style) var(--vft-border-color);--vft-svg-monochrome-grey:var(--vft-border-color)}.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);transition:var(--vft-transition-md-fade);transform-origin:center top}.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-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)}:root{--vft-divider-margin-y:24px;--vft-divider-margin-x:8px;--vft-divider-border-color:#dcdfe6;--vft-divider-border-style:solid}.vft-divider{position:relative}.vft-divider--horizontal{display:block;height:1px;width:100%;margin:var(--vft-divider-margin-y) 0;border-top:1px var(--vft-divider-border-color) var(--vft-divider-border-style)}.vft-divider--vertical{display:inline-block;width:1px;height:1em;margin:0 var(--vft-divider-margin-x);vertical-align:middle;position:relative;border-left:1px var(--vft-divider-border-color) var(--vft-divider-border-style)}.vft-divider__text{position:absolute;background-color:var(--vft-bg-color);padding:0 20px;font-weight:500;color:var(--vft-text-primary-color);font-size:14px}.vft-divider__text.is-left{left:20px;transform:translateY(-50%)}.vft-divider__text.is-center{left:50%;transform:translateX(-50%) translateY(-50%)}.vft-divider__text.is-right{right:20px;transform:translateY(-50%)}:root{--vft-avatar-text-color:var(--vft-color-white);--vft-avatar-bg-color:var(--vft-text-disabled-color);--vft-avatar-text-size:14px;--vft-avatar-icon-size:18px;--vft-avatar-border-radius:var(--vft-border-radius-base)}.vft-avatar{--vft-avatar-size-large:56px;--vft-avatar-size:40px;--vft-avatar-size-small:24px;--vft-avatar-size:40px;display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;overflow:hidden;color:var(--vft-avatar-text-color);background:var(--vft-avatar-bg-color);width:var(--vft-avatar-size);height:var(--vft-avatar-size);font-size:var(--vft-avatar-text-size)}.vft-avatar>img{display:block;height:100%}.vft-avatar--circle{border-radius:50%}.vft-avatar--square{border-radius:var(--vft-avatar-border-radius)}.vft-avatar--icon{font-size:var(--vft-avatar-icon-size)}.vft-avatar--small{--vft-avatar-size:24px}.vft-avatar--large{--vft-avatar-size:56px}.vft-back-top{--vft-backtop-bg-color:var(--vft-bg-color-overlay);--vft-backtop-text-color:var(--vft-primary-color);--vft-backtop-hover-bg-color:var(--vft-border-color-extra-light);position:fixed;background-color:var(--vft-backtop-bg-color);width:40px;height:40px;border-radius:50%;color:var(--vft-backtop-text-color);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:var(--vft-box-shadow-lighter);cursor:pointer;z-index:5}.vft-back-top:hover{background-color:var(--vft-backtop-hover-bg-color)}.vft-back-top__icon{font-size:20px}:root{--vft-empty-img-size:160px;--vft-empty-img-size-small:80px;--vft-empty-img-size-large:240px;--vft-empty-text-color:white;--vft-empty-desc-top:10px;--vft-empty-desc-color:var(--vft-text-placeholder-color);--vft-empty-desc-size:14px}.vft-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:10px 0}.vft-empty__image{width:var(--vft-empty-img-size);height:var(--vft-empty-img-size)}.vft-empty__image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.vft-empty--large .vft-empty__image{width:var(--vft-empty-img-size-large);height:var(--vft-empty-img-size-large)}.vft-empty--small .vft-empty__image{width:var(--vft-empty-img-size-small);height:var(--vft-empty-img-size-small)}.vft-empty__desc{margin-top:var(--vft-empty-desc-top);color:var(--vft-empty-desc-color);font-size:var(--vft-empty-desc-size)}.vft-empty__bottom{margin-top:5px}:root{--vft-result-padding:40px 30px;--vft-result-icon-font-size:64px;--vft-result-title-font-size:20px;--vft-result-title-margin-top:20px;--vft-result-sub-title-margin-top:10px;--vft-result-extra-margin-top:30px}.vft-result{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;box-sizing:border-box;padding:var(--vft-result-padding)}.vft-result__icon svg{width:var(--vft-result-icon-font-size);height:var(--vft-result-icon-font-size)}.vft-result__icon [class~=vft-icon]{font-size:var(--vft-result-icon-font-size)}.vft-result__title{margin-top:var(--vft-result-title-margin-top)}.vft-result__title p{margin:0;font-size:var(--vft-result-title-font-size);color:var(--vft-text-color-primary);line-height:1.3}.vft-result__sub-title{margin-top:var(--vft-result-sub-title-margin-top)}.vft-result__sub-title p{margin:0;font-size:var(--vft-font-size-base);color:var(--vft-text-color-regular);line-height:1.3}.vft-result__extra{margin-top:var(--vft-result-extra-margin-top)}.vft-result .icon-primary{--vft-result-color:var(--vft-color-primary);color:var(--vft-result-color)}.vft-result .icon-success{--vft-result-color:var(--vft-color-success);color:var(--vft-result-color)}.vft-result .icon-warning{--vft-result-color:var(--vft-color-warning);color:var(--vft-result-color)}.vft-result .icon-danger{--vft-result-color:var(--vft-color-danger);color:var(--vft-result-color)}.vft-result .icon-error{--vft-result-color:var(--vft-color-error);color:var(--vft-result-color)}.vft-result .icon-info{--vft-result-color:var(--vft-color-info);color:var(--vft-result-color)}: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:white;--vft-tabs-item-bg-color-active:#15b4f1;--vft-tabs-item-bg-color-hover:#15b4f1;--vft-tabs-item-color:black;--vft-tabs-item-color-active:white;--vft-tabs-item-color-hover:white;--vft-tabs-item-border:1px solid #eee;--vft-tabs-item-border-active:0 solid transparent;--vft-tabs-item-border-hover:0 solid transparent;--vft-tabs-item-distance:10px;--vft-tabs-item-border-radius:2px 2px 0 0;--vft-tabs-close-icon-left:5px;--vft-tabs-close-icon-hover-color:white;--vft-tabs-close-icon-hover-bg-color:#a8abb2;--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);border-bottom:var(--vft-tabs-header-border-bottom);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)}.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__item.is-active{color:var(--vft-tabs-item-color-active);background-color:var(--vft-tabs-item-bg-color-active);font-weight:var(--vft-tabs-font-weight-active);border:var(--vft-tabs-item-border-active)}.vft-tabs__item:hover{color:var(--vft-tabs-item-color-hover);background-color:var(--vft-tabs-item-bg-color-hover);border:var(--vft-tabs-item-border-hover);cursor:pointer}.vft-tabs__item.is-disabled{color:var(--vft-disabled-text-color);cursor:not-allowed}.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-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-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-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__content{overflow:hidden;position:relative}.vft-tabs--card>.vft-tabs__header{border-bottom:var(--vft-tabs-border-bottom);height:var(--vft-tabs-header-height)}.vft-tabs--card>.vft-tabs__header .vft-tabs__nav-wrap::after{content:none}.vft-tabs--card>.vft-tabs__header .vft-tabs__nav{border-radius:4px 4px 0 0;box-sizing:border-box}.vft-tabs--card>.vft-tabs__header .vft-tabs__active-bar{display:none}.vft-tabs--card>.vft-tabs__header .vft-tabs__item .is-icon-close{width:0}.vft-tabs--card>.vft-tabs__header .vft-tabs__item{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);max-width:var(--vft-tabs-item-max-width)}.vft-tabs--card>.vft-tabs__header .vft-tabs__item.is-closable:hover .is-icon-close{width:var(--vft-tabs-active-distance)}.vft-tabs--card>.vft-tabs__header .vft-tabs__item.is-active.is-closable .is-icon-close{width:var(--vft-tabs-active-distance)}.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--bottom.vft-tabs--border-card .vft-tabs__header.is-bottom{border-bottom:0;border-top:1px solid var(--vft-border-color)}.vft-tabs--bottom.vft-tabs--border-card .vft-tabs__nav-wrap.is-bottom{margin-top:-1px;margin-bottom:0}.vft-tabs--bottom.vft-tabs--border-card .vft-tabs__item.is-bottom:not(.is-active){border:1px solid transparent}.vft-tabs--bottom.vft-tabs--border-card .vft-tabs__item.is-bottom{margin:0 -1px -1px}.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--left.vft-tabs--card .vft-tabs__active-bar.is-left{display:none}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left{border-left:none;border-right:1px solid var(--vft-border-color-light);border-bottom:none;border-top:1px solid var(--vft-border-color-light);text-align:left}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left:first-child{border-right:1px solid var(--vft-border-color-light);border-top:none}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left.is-active{border:1px solid var(--vft-border-color-light);border-right-color:#fff;border-left:none;border-bottom:none}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left.is-active:first-child{border-top:none}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left.is-active:last-child{border-bottom:none}.vft-tabs--left.vft-tabs--card .vft-tabs__nav{border-radius:4px 0 0 4px;border-bottom:1px solid var(--vft-border-color-light);border-right:none}.vft-tabs--left.vft-tabs--card .vft-tabs__new-tab{float:none}.vft-tabs--left.vft-tabs--border-card .vft-tabs__header.is-left{border-right:1px solid var(--vft-border-color)}.vft-tabs--left.vft-tabs--border-card .vft-tabs__item.is-left{border:1px solid transparent;margin:-1px 0 -1px -1px}.vft-tabs--left.vft-tabs--border-card .vft-tabs__item.is-left.is-active{border-color:transparent;border-top-color:#d1dbe5;border-bottom-color:#d1dbe5}.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}.vft-tabs--right.vft-tabs--card .vft-tabs__active-bar.is-right{display:none}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right{border-bottom:none;border-top:1px solid var(--vft-border-color-light)}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right:first-child{border-left:1px solid var(--vft-border-color-light);border-top:none}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right.is-active{border:1px solid var(--vft-border-color-light);border-left-color:#fff;border-right:none;border-bottom:none}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right.is-active:first-child{border-top:none}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right.is-active:last-child{border-bottom:none}.vft-tabs--right.vft-tabs--card .vft-tabs__nav{border-radius:0 4px 4px 0;border-bottom:1px solid var(--vft-border-color-light);border-left:none}.vft-tabs--right.vft-tabs--border-card .vft-tabs__header.is-right{border-left:1px solid var(--vft-border-color)}.vft-tabs--right.vft-tabs--border-card .vft-tabs__item.is-right{border:1px solid transparent;margin:-1px -1px -1px 0}.vft-tabs--right.vft-tabs--border-card .vft-tabs__item.is-right.is-active{border-color:transparent;border-top-color:#d1dbe5;border-bottom-color:#d1dbe5}.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}}:root{--vft-menu-bg-color:var(--vft-theme-color);--vft-menu-sub-menu-bg-color:var(--vft-theme-color);--vft-menu-active-color:var(--vft-primary-color);--vft-menu-text-color:var(--vft-text-primary-color);--vft-menu-hover-text-color:var(--vft-primary-color);--vft-menu-hover-bg-color:var(--vft-primary-color-light-9);--vft-menu-focus-text-color:var(--vft-primary-color);--vft-menu-focus-bg-color:var(--vft-primary-color-light-9);--vft-menu-item-height:56px;--vft-menu-sub-item-height:calc(var(--vft-menu-item-height) - 6px);--vft-menu-horizontal-sub-item-height:36px;--vft-menu-item-font-size:var(--vft-font-size-base);--vft-menu-item-hover-fill:var(--vft-primary-color-light-9);--vft-menu-border-color:#dcdfe6;--vft-menu-border-bottom:var(--vft-border);--vft-menu-base-level-padding:20px;--vft-menu-level-padding:20px;--vft-menu-icon-mr:8px;--vft-menu-border:0 solid transparent;--vft-menu-border-right:1px solid #dcdfe6;--vft-menu-item-min-width:200px;--vft-menu-popup-border-radius:var(--vft-border-radius)}.vft-menu{border-right:solid 1px var(--vft-menu-border-color);list-style:none;position:relative;margin:0;padding-left:0;background-color:var(--vft-menu-bg-color);box-sizing:border-box}.vft-menu--vertical:not(.vft-menu--collapse):not(.vft-menu--popup-container) .vft-menu-item,.vft-menu--vertical:not(.vft-menu--collapse):not(.vft-menu--popup-container) .vft-menu-item-group__title,.vft-menu--vertical:not(.vft-menu--collapse):not(.vft-menu--popup-container) .vft-sub-menu__title{padding-left:calc(var(--vft-menu-base-level-padding) + var(--vft-menu-level) var(--vft-menu-level-padding))}.vft-menu--vertical .vft-menu-item{white-space:initial}.vft-menu--horizontal{display:flex;flex-wrap:nowrap;border-bottom:var(--vft-menu-border-bottom);border-right:none}.vft-menu--horizontal>.vft-menu-item{display:inline-flex;justify-content:center;align-items:center;height:100%;margin:0;border-bottom:2px solid transparent;color:var(--vft-menu-text-color)}.vft-menu--horizontal>.vft-menu-item a,.vft-menu--horizontal>.vft-menu-item a:hover{color:inherit}.vft-menu--horizontal>.vft-menu-item:not(.is-disabled):focus,.vft-menu--horizontal>.vft-menu-item:not(.is-disabled):hover{background-color:#fff}.vft-menu--horizontal>.vft-sub-menu:focus,.vft-menu--horizontal>.vft-sub-menu:hover{outline:0}.vft-menu--horizontal>.vft-sub-menu:hover .vft-sub-menu__title{color:var(--vft-menu-hover-text-color)}.vft-menu--horizontal>.vft-sub-menu.is-active .vft-sub-menu__title{border-bottom:2px solid var(--vft-menu-active-color);color:var(--vft-menu-active-color)}.vft-menu--horizontal>.vft-sub-menu.is-active .vft-sub-menu__title:hover{color:var(--vft-menu-hover-text-color)}.vft-menu--horizontal>.vft-sub-menu .vft-sub-menu__title{height:100%;line-height:100%;border-bottom:2px solid transparent;color:var(--vft-menu-text-color)}.vft-menu--horizontal>.vft-sub-menu .vft-sub-menu__title:hover{background-color:var(--vft-menu-hover-bg-color)}.vft-menu--horizontal .vft-menu .vft-menu-item,.vft-menu--horizontal .vft-menu .vft-sub-menu__title{background-color:var(--vft-menu-bg-color);display:flex;align-items:center;height:var(--vft-menu-horizontal-sub-item-height);padding:0 10px;color:var(--vft-menu-text-color)}.vft-menu--horizontal .vft-menu .vft-sub-menu__title{padding-right:40px}.vft-menu--horizontal .vft-menu .vft-menu-item.is-active,.vft-menu--horizontal .vft-menu .vft-sub-menu.is-active>.vft-sub-menu__title{color:var(--vft-menu-active-color)}.vft-menu--horizontal .vft-menu-item:not(.is-disabled):hover{outline:0;color:var(--vft-menu-hover-text-color);background-color:var(--vft-menu-hover-bg-color)}.vft-menu--horizontal .vft-menu-item:not(.is-disabled):focus{outline:0;color:var(--vft-menu-focus-text-color);background-color:var(--vft-menu-focus-bg-color)}.vft-menu--horizontal>.vft-menu-item.is-active{border-bottom:2px solid var(--vft-menu-active-color);color:var(--vft-menu-active-color)}.vft-menu--collapse{width:calc(var(--vft-menu-icon-width) + var(--vft-menu-base-level-padding) * 2)}.vft-menu--collapse>.vft-menu-item [class^=vft-icon],.vft-menu--collapse>.vft-menu-item-group>ul>.vft-sub-menu>.vft-sub-menu__title [class^=vft-icon],.vft-menu--collapse>.vft-sub-menu>.vft-sub-menu__title [class^=vft-icon]{margin:0;vertical-align:middle;width:var(--vft-menu-icon-width);text-align:center}.vft-menu--collapse>.vft-menu-item .vft-sub-menu__icon-arrow,.vft-menu--collapse>.vft-menu-item-group>ul>.vft-sub-menu>.vft-sub-menu__title .vft-sub-menu__icon-arrow,.vft-menu--collapse>.vft-sub-menu>.vft-sub-menu__title .vft-sub-menu__icon-arrow{display:none}.vft-menu--collapse>.vft-menu-item-group>ul>.vft-sub-menu>.vft-sub-menu__title>span,.vft-menu--collapse>.vft-menu-item>span,.vft-menu--collapse>.vft-sub-menu>.vft-sub-menu__title>span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}.vft-menu--collapse>.vft-menu-item.is-active i{color:inherit}.vft-menu--collapse .vft-menu .vft-sub-menu{min-width:200px}.vft-menu--popup{z-index:100;min-width:200px;border:none;padding:5px 0;box-shadow:var(--vft-box-shadow-light);border-radius:var(--vft-menu-popup-border-radius)}.vft-menu .vft-icon{flex-shrink:0}.vft-menu-item{display:flex;align-items:center;height:var(--vft-menu-item-height);line-height:var(--vft-menu-item-height);font-size:var(--vft-menu-item-font-size);color:var(--vft-menu-text-color);padding:0 var(--vft-menu-base-level-padding);list-style:none;cursor:pointer;position:relative;transition:border-color var(--vft-transition-duration),background-color var(--vft-transition-duration),color var(--vft-transition-duration);box-sizing:border-box;white-space:nowrap}.vft-menu-item {vertical-align:bottom}.vft-menu-item i{margin-right:var(--vft-menu-icon-mr)}.vft-menu-item:focus,.vft-menu-item:hover{outline:0}.vft-menu-item:hover{background-color:var(--vft-menu-hover-bg-color)}.vft-menu-item.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.vft-menu-item span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;word-break:break-all}.vft-menu-item [class^=vft-icon]{margin-right:5px;width:var(--vft-menu-icon-width);text-align:center;font-size:18px;vertical-align:middle}.vft-menu-item.is-active{color:var(--vft-menu-active-color)}.vft-menu-item.is-active i{color:inherit}.vft-menu-item .vft-menu-tooltip__trigger{position:absolute;left:0;top:0;height:100%;width:100%;display:inline-flex;align-items:center;box-sizing:border-box;padding:0 var(--vft-menu-base-level-padding)}.vft-sub-menu{list-style:none;margin:0;padding-left:0;background:var(--vft-menu-sub-menu-bg-color)}.vft-sub-menu__title{display:flex;align-items:center;height:var(--vft-menu-item-height);line-height:var(--vft-menu-item-height);font-size:var(--vft-menu-item-font-size);color:var(--vft-menu-text-color);padding:0 var(--vft-menu-base-level-padding);list-style:none;cursor:pointer;position:relative;transition:border-color var(--vft-transition-duration),background-color var(--vft-transition-duration),color var(--vft-transition-duration);box-sizing:border-box;white-space:nowrap}.vft-sub-menu__title {vertical-align:bottom}.vft-sub-menu__title i{margin-right:var(--vft-menu-icon-mr)}.vft-sub-menu__title:focus,.vft-sub-menu__title:hover{outline:0}.vft-sub-menu__title:hover{background-color:var(--vft-menu-hover-bg-color)}.vft-sub-menu__title.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.vft-sub-menu__title span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;word-break:break-all}.vft-sub-menu__title:hover{background-color:var(--vft-menu-hover-bg-color)}.vft-sub-menu__text{padding-right:30px}.vft-sub-menu .vft-menu{border:none}.vft-sub-menu .vft-menu-item{height:var(--vft-menu-sub-item-height);line-height:var(--vft-menu-sub-item-height);min-width:var(--vft-menu-item-min-width)}.vft-sub-menu__hide-arrow .vft-sub-menu__icon-arrow{display:none!important}.vft-sub-menu.is-active .vft-sub-menu__title{border-bottom-color:var(--vft-menu-active-color)}.vft-sub-menu.is-disabled .vft-menu-item,.vft-sub-menu.is-disabled .vft-sub-menu__title{opacity:.25;cursor:not-allowed;background:0 0!important}.vft-sub-menu .vft-icon{vertical-align:middle;margin-right:var(--vft-menu-icon-mr);text-align:center}.vft-sub-menu .vft-icon.vft-sub-menu__icon-more{margin-right:0!important}.vft-sub-menu .vft-sub-menu__icon-arrow{position:absolute;right:var(--vft-menu-base-level-padding);transition:transform var(--vft-transition-duration);color:inherit}.vft-menu-item-group>ul{padding:0}.vft-menu-item-group__title{padding:7px 0 7px var(--vft-menu-base-level-padding);line-height:normal;font-size:12px;color:var(--vft-text-color-secondary)}.horizontal-collapse-transition .vft-sub-menu__title .vft-sub-menu__icon-arrow{transition:var(--vft-transition-duration-fast);opacity:0}.vft-popper{--vft-popper-border-radius:var(--vft-popover-border-radius, 4px)}.vft-popper{position:absolute;border-radius:var(--vft-popper-border-radius);padding:5px 11px;z-index:2000;font-size:12px;line-height:20px;min-width:10px;word-wrap:break-word;visibility:visible}.vft-popper.is-dark{color:var(--vft-bg-color);background:var(--vft-text-primary-color);border:1px solid var(--vft-text-primary-color)}.vft-popper.is-dark .vft-popper__arrow::before{border:1px solid var(--vft-text-primary-color);background:var(--vft-text-primary-color);right:0}.vft-popper.is-light{background:var(--vft-bg-color-overlay);border:1px solid var(--vft-border-color-light)}.vft-popper.is-light .vft-popper__arrow::before{border:1px solid var(--vft-border-color-light);background:var(--vft-bg-color-overlay);right:0}.vft-popper.is-pure{padding:0}.vft-popper__arrow{position:absolute;width:10px;height:10px;z-index:-1}.vft-popper__arrow::before{position:absolute;width:10px;height:10px;z-index:-1;content:" ";transform:rotate(45deg);background:var(--vft-text-primary-color);box-sizing:border-box}.vft-popper[data-popper-placement^=top]>.vft-popper__arrow{bottom:-5px}.vft-popper[data-popper-placement^=top]>.vft-popper__arrow::before{border-bottom-right-radius:2px}.vft-popper[data-popper-placement^=bottom]>.vft-popper__arrow{top:-5px}.vft-popper[data-popper-placement^=bottom]>.vft-popper__arrow::before{border-top-left-radius:2px}.vft-popper[data-popper-placement^=left]>.vft-popper__arrow{right:-5px}.vft-popper[data-popper-placement^=left]>.vft-popper__arrow::before{border-top-right-radius:2px}.vft-popper[data-popper-placement^=right]>.vft-popper__arrow{left:-5px}.vft-popper[data-popper-placement^=right]>.vft-popper__arrow::before{border-bottom-left-radius:2px}.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before{border-top-color:transparent!important;border-left-color:transparent!important}.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before{border-bottom-color:transparent!important;border-right-color:transparent!important}.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before{border-left-color:transparent!important;border-bottom-color:transparent!important}.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before{border-right-color:transparent!important;border-top-color:transparent!important}.vft-popover{--vft-popover-bg-color:var(--vft-bg-color-overlay);--vft-popover-font-size:var(--vft-font-size-base);--vft-popover-border-color:var(--vft-border-color-lighter);--vft-popover-padding:12px;--vft-popover-padding-large:18px 20px;--vft-popover-title-font-size:16px;--vft-popover-title-text-color:var(--vft-text-primary-color);--vft-popover-border-radius:4px}.vft-popover.vft-popper{background:var(--vft-popover-bg-color);min-width:150px;border-radius:var(--vft-popover-border-radius);border:1px solid var(--vft-popover-border-color);padding:var(--vft-popover-padding);z-index:var(--vft-index-popper);color:var(--vft-text-color-regular);line-height:1.4;text-align:justify;font-size:var(--vft-popover-font-size);box-shadow:var(--vft-box-shadow-light);word-break:break-all;box-sizing:border-box}.vft-popover.vft-popper--plain{padding:var(--vft-popover-padding-large)}.vft-popover__title{color:var(--vft-popover-title-text-color);font-size:var(--vft-popover-title-font-size);line-height:1;margin-bottom:12px}.vft-popover__reference:focus:hover,.vft-popover__reference:focus:not(.focusing){outline-width:0}.vft-popover.vft-popper.is-dark{--vft-popover-bg-color:var(--vft-text-color-primary);--vft-popover-border-color:var(--vft-text-color-primary);--vft-popover-title-text-color:var(--vft-bg-color);color:var(--vft-bg-color)}.vft-popover.vft-popper:focus,.vft-popover.vft-popper:focus:active{outline-width:0}:root{--vft-footer-layout-bg-color:#f7f8fa;--vft-footer-layout-border-top:1px solid #f7f8fa;--vft-footer-layout-left:var(--vft-menu-width);--vft-footer-layout-height:30px;--vft-footer-layout-left-min-width:auto;--vft-footer-layout-right-min-width:auto}.vft-footer-layout{width:calc(100% - var(--vft-footer-layout-left));background-color:var(--vft-footer-layout-bg-color);height:var(--vft-footer-layout-height);border-top:var(--vft-footer-layout-border-top);display:flex;justify-content:space-between;align-items:center;flex:none;overflow:hidden;position:relative;transition:left .5s;left:var(--vft-footer-layout-left)}.vft-footer-layout__left{min-width:var(--vft-footer-layout-left-min-width)}.vft-footer-layout__right{min-width:var(--vft-footer-layout-right-min-width)}:root{--vft-header-layout-height:64px;--vft-header-layout-top-height:40px;--vft-header-layout-bg-color:white;--vft-header-layout-color:black;--vft-header-layout-z-index:2001;--vft-header-layout-border-bottom:1px solid rgb(231, 231, 231)}.vft-header-layout{height:var(--vft-header-layout-height);color:var(--vft-header-layout-color);background-color:var(--vft-header-layout-bg-color);border-bottom:var(--vft-header-layout-border-bottom);box-sizing:border-box}.vft-header-layout--fixed{z-index:var(--vft-header-layout-z-index);width:100%}.vft-header-layout__top{height:var(--vft-header-layout-top-height);display:flex;align-items:center;justify-content:space-between}.vft-header-layout__left{display:flex;height:100%;align-items:center}.vft-iframe-page{height:100%;width:100%;border:none;display:block}:root{--vft-logo-img-width:30px;--vft-logo-img-height:30px;--vft-logo-title-color:black;--vft-logo-title-font-size:16px;--vft-logo-title-font-weight:400;--vft-logo-cursor:pointer}.vft-logo{display:flex;align-items:center;padding-left:20px;cursor:var(--vft-logo-cursor);transition:all .2s ease}.vft-logo__img{width:var(--vft-logo-img-width);height:var(--vft-logo-img-height)}.vft-logo__title{font-size:var(--vft-logo-font-size);font-weight:var(--vft-logo-font-weight);transition:all .5s;line-height:1;color:var(--vft-logo-title-color)}.vft-descriptions{--vft-descriptions-table-border:1px solid var(--vft-border-color-lighter);--vft-descriptions-item-bordered-label-background:var(--vft-fill-color-light);box-sizing:border-box;font-size:var(--vft-font-size-base);color:var(--vft-text-color-primary)}.vft-descriptions__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.vft-descriptions__title{color:var(--vft-text-color-primary);font-size:16px;font-weight:700}.vft-descriptions__body{background-color:var(--vft-fill-color-blank)}.vft-descriptions__body .vft-descriptions__table{width:100%;border:1px solid #f1f6fe;border-radius:4px;table-layout:fixed;overflow-wrap:break-word;word-break:break-all;border-collapse:collapse}.vft-descriptions__body .vft-descriptions__table .vft-descriptions__cell{box-sizing:border-box;text-align:left;font-weight:400;line-height:23px;font-size:14px}.vft-descriptions__body .vft-descriptions__table .vft-descriptions__cell.is-left{text-align:left}.vft-descriptions__body .vft-descriptions__table .vft-descriptions__cell.is-center{text-align:center}.vft-descriptions__body .vft-descriptions__table .vft-descriptions__cell.is-right{text-align:right}.vft-descriptions__body .vft-descriptions__table.is-bordered .vft-descriptions__cell{border:var(--vft-descriptions-table-border);padding:8px 11px}.vft-descriptions__body .vft-descriptions__table:not(.is-bordered) .vft-descriptions__cell{padding-bottom:12px}.vft-descriptions--large{font-size:14px}.vft-descriptions--large .vft-descriptions__header{margin-bottom:20px}.vft-descriptions--large .vft-descriptions__header .vft-descriptions__title{font-size:16px}.vft-descriptions--large .vft-descriptions__body .vft-descriptions__table .vft-descriptions__cell{font-size:14px}.vft-descriptions--large .vft-descriptions__body .vft-descriptions__table.is-bordered .vft-descriptions__cell{padding:12px 15px}.vft-descriptions--large .vft-descriptions__body .vft-descriptions__table:not(.is-bordered) .vft-descriptions__cell{padding-bottom:16px}.vft-descriptions--small{font-size:12px}.vft-descriptions--small .vft-descriptions__header{margin-bottom:12px}.vft-descriptions--small .vft-descriptions__header .vft-descriptions__title{font-size:14px}.vft-descriptions--small .vft-descriptions__body .vft-descriptions__table .vft-descriptions__cell{font-size:12px}.vft-descriptions--small .vft-descriptions__body .vft-descriptions__table.is-bordered .vft-descriptions__cell{padding:4px 7px}.vft-descriptions--small .vft-descriptions__body .vft-descriptions__table:not(.is-bordered) .vft-descriptions__cell{padding-bottom:8px}.vft-descriptions__label.vft-descriptions__cell.is-bordered-label{font-weight:700;color:var(--vft-text-color-regular);background:var(--vft-descriptions-item-bordered-label-background)}.vft-descriptions__label:not(.is-bordered-label){color:var(--vft-text-color-primary);margin-right:16px}.vft-descriptions__label.vft-descriptions__cell:not(.is-bordered-label).is-vertical-label{padding-bottom:6px}.vft-descriptions__content.vft-descriptions__cell.is-bordered-content{color:var(--vft-text-color-primary)}.vft-descriptions__content:not(.is-bordered-label){color:var(--vft-text-color-regular)}.vft-descriptions--large .vft-descriptions__label:not(.is-bordered-label){margin-right:16px}.vft-descriptions--large .vft-descriptions__label.vft-descriptions__cell:not(.is-bordered-label).is-vertical-label{padding-bottom:8px}.vft-descriptions--small .vft-descriptions__label:not(.is-bordered-label){margin-right:12px}.vft-descriptions--small .vft-descriptions__label.vft-descriptions__cell:not(.is-bordered-label).is-vertical-label{padding-bottom:4px}:root{--vft-full-screen-color:#434343;--vft-full-screen-hover-color:#0171f6;--vft-full-screen-font-size:12px}.vft-full-screen{color:var(--vft-full-screen-color);font-size:var(--vft-full-screen-font-size);transition:color .2s}.vft-full-screen i{margin-right:2px}.vft-full-screen:hover{color:var(--vft-full-screen-hover-color)}.vft-full-screen:hover i{color:var(--vft-full-screen-hover-color)}.vft-icon-text{display:flex;align-items:center;color:v-bind("color")}.vft-icon-text:hover{color:v-bind("_hoverColor")}.vft-icon-text:hover i{color:v-bind("_hoverColor")!important}.vft-image__error,.vft-image__inner,.vft-image__placeholder,.vft-image__wrapper{width:100%;height:100%}.vft-image{position:relative;display:inline-block;overflow:hidden}.vft-image__inner{vertical-align:top;opacity:1}.vft-image__inner.is-loading{opacity:0}.vft-image__wrapper{position:absolute;top:0;left:0}.vft-image__placeholder{background:var(--vft-fill-color-light)}.vft-image__error{display:flex;justify-content:center;align-items:center;font-size:14px;background:var(--vft-fill-color-light);color:var(--vft-text-color-placeholder);vertical-align:middle}.vft-image__preview{cursor:pointer}:root{--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)}.vft-input{--vft-input-height:var(--vft-component-size);position:relative;font-size:var(--vft-font-size-base);display:inline-flex;width:var(--vft-input-width);line-height:var(--vft-input-height);box-sizing:border-box;vertical-align:middle;transition:width .2s ease}.vft-input::-webkit-scrollbar{z-index:11;width:6px}.vft-input::-webkit-scrollbar:horizontal{height:6px}.vft-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#c0c4cc;border:0 solid transparent}.vft-input::-webkit-scrollbar-thumb:hover{background:#c0c4cc}.vft-input::-webkit-scrollbar-corner{background:0 0}.vft-input::-webkit-scrollbar-track{background:0 0}.vft-input::-webkit-scrollbar-track-piece{background:0 0;width:6px}.vft-input .vft-input__clear,.vft-input .vft-input__password{color:var(--vft-input-icon-color);font-size:14px;cursor:pointer}.vft-input .vft-input__clear:hover,.vft-input .vft-input__password:hover{color:var(--vft-input-clear-hover-color)}.vft-input .vft-input__count{height:100%;display:inline-flex;align-items:center;color:var(--vft-info-color);font-size:12px}.vft-input .vft-input__count .vft-input__count-inner{background:var(--vft-fill-color-blank);line-height:initial;display:inline-block;padding-left:8px}.vft-input__wrapper{display:inline-flex;flex-grow:1;align-items:center;justify-content:center;padding:1px 11px;background-color:var(--vft-input-bg-color,var(--vft-fill-color-blank));background-image:none;border-radius:var(--vft-input-border-radius,var(--vft-border-radius-base));border:1px solid var(--vft-input-border-color)}.vft-input__wrapper:hover{border:1px solid var(--vft-input-hover-border-color)}.vft-input__wrapper.is-focus{border:1px solid var(--vft-input-focus-border-color)}.vft-input__inner{--vft-input-inner-height:calc(var(--vft-input-height, 32px) - 2px);width:100%;flex-grow:1;-webkit-appearance:none;color:var(--vft-input-text-color,var(--vft-text-regular-color));font-size:inherit;height:var(--vft-input-inner-height);line-height:var(--vft-input-inner-height);padding:0;outline:0;border:none;background:0 0;box-sizing:border-box}.vft-input__inner:focus{outline:0}.vft-input__inner::-moz-placeholder{color:var(--vft-input-placeholder-color,var(--vft-text-placeholder-color))}.vft-input__inner::placeholder{color:var(--vft-input-placeholder-color,var(--vft-text-placeholder-color))}.vft-input__inner[type=password]::-ms-reveal{display:none}.vft-input__inner[type=number]{line-height:1px}.vft-input__prefix{display:inline-flex;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;height:100%;text-align:center;color:var(--vft-input-icon-color,var(--vft-text-placeholder-color));transition:all var(--vft-transition-duration);pointer-events:none}.vft-input__prefix-inner{pointer-events:all;display:inline-flex;align-items:center;justify-content:center}.vft-input__prefix-inner>:last-child{margin-right:8px}.vft-input__prefix-inner>:first-child,.vft-input__prefix-inner>:first-child.vft-input__icon{margin-left:0}.vft-input__suffix{display:inline-flex;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;height:100%;text-align:center;color:var(--vft-input-icon-color,var(--vft-text-placeholder-color));transition:all var(--vft-transition-duration);pointer-events:none}.vft-input__suffix-inner{pointer-events:all;display:inline-flex;align-items:center;justify-content:center}.vft-input__suffix-inner>:first-child{margin-left:8px}.vft-input .vft-input__icon{height:inherit;line-height:inherit;display:flex;justify-content:center;align-items:center;transition:all var(--vft-transition-duration);margin-left:8px}.vft-input__validateIcon{pointer-events:none}.vft-input.is-active .vft-input__wrapper{border:1px solid var(--vft-input-focus-color)}.vft-input.is-disabled{cursor:not-allowed}.vft-input.is-disabled .vft-input__wrapper{background-color:var(--vft-disabled-bg-color);border:1px solid var(--vft-input-disable-color)}.vft-input.is-disabled .vft-input__inner{color:var(--vft-disabled-text-color);-webkit-text-fill-color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-input.is-disabled .vft-input__inner::-moz-placeholder{color:var(--vft-text-placeholder-color)}.vft-input.is-disabled .vft-input__inner::placeholder{color:var(--vft-text-placeholder-color)}.vft-input.is-disabled .vft-input__icon{cursor:not-allowed}.vft-input.is-exceed .vft-input__wrapper{border:1px solid var(--vft-input-danger-color)}.vft-input.is-exceed .vft-input__suffix .vft-input__count{color:var(--vft-danger-color)}.vft-input--large{--vft-input-height:var(--vft-component-size-large);font-size:14px}.vft-input--large .vft-input__wrapper{padding:1px 15px}.vft-input--large .vft-input__inner{--vft-input-inner-height:calc(var(--vft-input-height, 40px) - 2px)}.vft-input--small{--vft-input-height:var(--vft-component-size-small);font-size:12px}.vft-input--small .vft-input__wrapper{padding:1px 7px}.vft-input--small .vft-input__inner{--vft-input-inner-height:calc(var(--vft-input-height, 24px) - 2px)}.vft-input-group{display:inline-flex;width:100%;align-items:stretch}.vft-input-group__append,.vft-input-group__prepend{background-color:var(--vft-fill-color-light);color:var(--vft-info-color);position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:100%;border-radius:var(--vft-input-border-radius);padding:0 20px;white-space:nowrap}.vft-input-group__append:focus,.vft-input-group__prepend:focus{outline:0}.vft-input-group__append .vft-button,.vft-input-group__append .vft-select,.vft-input-group__prepend .vft-button,.vft-input-group__prepend .vft-select{display:inline-block;margin:0 -20px}.vft-input-group__append button.vft-button,.vft-input-group__append button.vft-button:hover,.vft-input-group__append div.vft-select .vft-input__wrapper,.vft-input-group__append div.vft-select:hover .vft-input__wrapper,.vft-input-group__prepend button.vft-button,.vft-input-group__prepend button.vft-button:hover,.vft-input-group__prepend div.vft-select .vft-input__wrapper,.vft-input-group__prepend div.vft-select:hover .vft-input__wrapper{border-color:transparent;background-color:transparent;color:inherit}.vft-input-group__append .vft-button,.vft-input-group__append .vft-input,.vft-input-group__prepend .vft-button,.vft-input-group__prepend .vft-input{font-size:inherit}.vft-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0;border:1px solid var(--vft-input-border-color);border-right:0}.vft-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0;border:1px solid var(--vft-input-border-color);border-left:0}.vft-input-group--prepend>.vft-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.vft-input-group--prepend .vft-input-group__prepend .vft-select .vft-input .vft-input__inner{box-shadow:none!important}.vft-input-group--prepend .vft-input-group__prepend .vft-select .vft-input .vft-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0;border:1px solid var(--vft-input-border-color)}.vft-input-group--prepend .vft-input-group__prepend .vft-select .vft-input.is-focus .vft-input__inner{box-shadow:none!important}.vft-input-group--prepend .vft-input-group__prepend .vft-select .vft-input.is-focus .vft-input__wrapper{border:1px solid var(--vft-input-focus-border-color);z-index:2}.vft-input-group--prepend .vft-input-group__prepend .vft-select .vft-input.is-focus .vft-input__wrapper:focus{outline:0;z-index:2;border:1px solid var(--vft-input-focus-border-color)}.vft-input-group--prepend .vft-input-group__prepend .vft-select:hover .vft-input__inner{box-shadow:none!important}.vft-input-group--prepend .vft-input-group__prepend .vft-select:hover .vft-input__wrapper{z-index:1;border:1px solid var(--vft-input-hover-border-color)}.vft-input-group--append>.vft-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.vft-input-group--append .vft-input-group__append .vft-select .vft-input .vft-input__inner{box-shadow:none!important}.vft-input-group--append .vft-input-group__append .vft-select .vft-input .vft-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0;border:1px solid var(--vft-input-border-color)}.vft-input-group--append .vft-input-group__append .vft-select .vft-input.is-focus .vft-input__inner{box-shadow:none!important}.vft-input-group--append .vft-input-group__append .vft-select .vft-input.is-focus .vft-input__wrapper{z-index:2;border:1px solid var(--vft-input-focus-border-color)}.vft-input-group--append .vft-input-group__append .vft-select:hover .vft-input__inner{box-shadow:none!important}.vft-input-group--append .vft-input-group__append .vft-select:hover .vft-input__wrapper{z-index:1;border:1px solid var(--vft-input-hover-border-color)}.vft-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:var(--vft-font-size-base)}.vft-textarea__inner{position:relative;display:block;resize:vertical;padding:5px 11px;line-height:1.5;box-sizing:border-box;width:100%;font-size:inherit;font-family:inherit;color:var(--vft-input-text-color,var(--vft-text-regular-color));background-color:var(--vft-input-bg-color,var(--vft-fill-color-blank));background-image:none;-webkit-appearance:none;border-radius:var(--vft-input-border-radius,var(--vft-border-radius-base));transition:var(--vft-transition-box-shadow);border:1px solid var(--vft-input-border-color)}.vft-textarea__inner::-moz-placeholder{color:var(--vft-input-placeholder-color,var(--vft-text-placeholder-color))}.vft-textarea__inner::placeholder{color:var(--vft-input-placeholder-color,var(--vft-text-placeholder-color))}.vft-textarea__inner:hover{border:1px solid var(--vft-input-hover-border-color)}.vft-textarea__inner:focus{outline:0;border:1px solid var(--vft-input-focus-border-color)}.vft-textarea .vft-input__count{color:var(--vft-info-color);background:var(--vft-fill-color-blank);position:absolute;font-size:12px;line-height:14px;bottom:5px;right:10px}.vft-textarea.is-disabled .vft-textarea__inner{background-color:var(--vft-disabled-bg-color);border-color:var(--vft-disabled-border-color);color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-textarea.is-disabled .vft-textarea__inner::-moz-placeholder{color:var(--vft-text-placeholder-color)}.vft-textarea.is-disabled .vft-textarea__inner::placeholder{color:var(--vft-text-placeholder-color)}.vft-textarea.is-exceed .vft-textarea__inner{border-color:var(--vft-danger-color)}.vft-textarea.is-exceed .vft-input__count{color:var(--vft-danger-color)}:root{--vft-link-font-size:var(--vft-font-size-base);--vft-link-font-weight:var(--vft-font-weight-primary);--vft-link-text-color:var(--vft-text-regular-color);--vft-link-hover-text-color:var(--vft-primary-color);--vft-link-disabled-text-color:var(--vft-text-placeholder-color)}.vft-link{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;position:relative;text-decoration:none;outline:0;cursor:pointer;padding:0;font-size:var(--vft-link-font-size);font-weight:var(--vft-link-font-weight);color:var(--vft-link-text-color)}.vft-link:hover{color:var(--vft-link-hover-text-color)}.vft-link.is-underline:hover:after{content:"";position:absolute;left:0;right:0;height:0;bottom:0;border-bottom:1px solid var(--vft-link-hover-text-color)}.vft-link.is-disabled{color:var(--vft-link-disabled-text-color);cursor:not-allowed}.vft-link [class=vft-icon-]+span{margin-left:5px}.vft-link.vft-link--default:after{border-color:var(--vft-link-hover-text-color)}.vft-link__inner{display:inline-flex;justify-content:center;align-items:center}.vft-link.vft-link--primary{--vft-link-text-color:var(--vft-primary-color);--vft-link-hover-text-color:var(--vft-primary-color-light-3);--vft-link-disabled-text-color:var(--vft-primary-color-light-5)}.vft-link.vft-link--primary:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--primary.is-underline:hover:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--success{--vft-link-text-color:var(--vft-success-color);--vft-link-hover-text-color:var(--vft-success-color-light-3);--vft-link-disabled-text-color:var(--vft-success-color-light-5)}.vft-link.vft-link--success:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--success.is-underline:hover:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--warning{--vft-link-text-color:var(--vft-warning-color);--vft-link-hover-text-color:var(--vft-warning-color-light-3);--vft-link-disabled-text-color:var(--vft-warning-color-light-5)}.vft-link.vft-link--warning:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--warning.is-underline:hover:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--danger{--vft-link-text-color:var(--vft-danger-color);--vft-link-hover-text-color:var(--vft-danger-color-light-3);--vft-link-disabled-text-color:var(--vft-danger-color-light-5)}.vft-link.vft-link--danger:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--danger.is-underline:hover:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--error{--vft-link-text-color:var(--vft-error-color);--vft-link-hover-text-color:var(--vft-error-color-light-3);--vft-link-disabled-text-color:var(--vft-error-color-light-5)}.vft-link.vft-link--error:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--error.is-underline:hover:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--info{--vft-link-text-color:var(--vft-info-color);--vft-link-hover-text-color:var(--vft-info-color-light-3);--vft-link-disabled-text-color:var(--vft-info-color-light-5)}.vft-link.vft-link--info:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--info.is-underline:hover:after{border-color:var(--vft-link-text-color)}:root{--vft-pagination-font-size:14px;--vft-pagination-bg-color:var(--vft-fill-color-blank);--vft-pagination-text-color:var(--vft-text-primary-color);--vft-pagination-border-radius:2px;--vft-pagination-button-color:var(--vft-text-primary-color);--vft-pagination-button-width:32px;--vft-pagination-button-height:32px;--vft-pagination-button-disabled-color:var(--vft-text-placeholder-color);--vft-pagination-button-disabled-bg-color:var(--vft-fill-color-blank);--vft-pagination-button-bg-color:var(--vft-fill-color);--vft-pagination-hover-color:var(--vft-primary-color);--vft-pagination-font-size-small:12px;--vft-pagination-button-width-small:24px;--vft-pagination-button-height-small:24px;--vft-pagination-item-gap:16px}.vft-pagination{white-space:nowrap;color:var(--vft-pagination-text-color);font-size:var(--vft-pagination-font-size);font-weight:400;display:flex;align-items:center}.vft-pagination .vft-input__inner{text-align:center;-moz-appearance:textfield}.vft-pagination .vft-select .vft-input{width:128px}.vft-pagination button{display:flex;justify-content:center;align-items:center;font-size:var(--vft-pagination-font-size);min-width:var(--vft-pagination-button-width);height:var(--vft-pagination-button-height);line-height:var(--vft-pagination-button-height);color:var(--vft-pagination-button-color);background:var(--vft-pagination-bg-color);padding:0 4px;border:none;border-radius:var(--vft-pagination-border-radius);cursor:pointer;text-align:center;box-sizing:border-box}.vft-pagination button .vft-icon{color:inherit}.vft-pagination button {pointer-events:none}.vft-pagination button:focus{outline:0}.vft-pagination button:hover{color:var(--vft-pagination-hover-color)}.vft-pagination button.is-active{color:var(--vft-pagination-hover-color);cursor:default;font-weight:700}.vft-pagination button.is-active.is-disabled{font-weight:700}.vft-pagination button.is-disabled,.vft-pagination button:disabled{color:var(--vft-pagination-button-disabled-color);background-color:var(--vft-pagination-button-disabled-bg-color);cursor:not-allowed}.vft-pagination button:focus-visible{outline:1px solid var(--vft-pagination-hover-color);outline-offset:-1px}.vft-pagination .btn-next .vft-icon,.vft-pagination .btn-prev .vft-icon{display:block;font-size:12px;font-weight:700;width:inherit}.vft-pagination>.is-first{margin-left:0!important}.vft-pagination>.is-last{margin-right:0!important}.vft-pagination .btn-prev{margin-left:var(--vft-pagination-item-gap)}.vft-pagination__sizes{margin-left:var(--vft-pagination-item-gap);font-weight:400;color:var(--vft-text-regular-color)}.vft-pagination__total{margin-left:var(--vft-pagination-item-gap);font-weight:400;color:var(--vft-text-regular-color)}.vft-pagination__total[disabled=true]{color:var(--vft-text-placeholder-color)}.vft-pagination__jump{display:flex;align-items:center;margin-left:var(--vft-pagination-item-gap);font-weight:400;color:var(--vft-text-regular-color)}.vft-pagination__jump[disabled=true]{color:var(--vft-text-placeholder-color)}.vft-pagination__goto{margin-right:8px}.vft-pagination__editor{text-align:center;box-sizing:border-box}.vft-pagination__editor.vft-input{width:56px}.vft-pagination__editor .vft-input__inner::-webkit-inner-spin-button,.vft-pagination__editor .vft-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.vft-pagination__classifier{margin-left:8px}.vft-pagination__rightwrapper{flex:1;display:flex;align-items:center;justify-content:flex-end}.vft-pagination.is-background .btn-next,.vft-pagination.is-background .btn-prev,.vft-pagination.is-background .vft-pager li{margin:0 4px;background-color:var(--vft-pagination-button-bg-color)}.vft-pagination.is-background .btn-next.is-active,.vft-pagination.is-background .btn-prev.is-active,.vft-pagination.is-background .vft-pager li.is-active{background-color:var(--vft-primary-color);color:var(--vft-color-white)}.vft-pagination.is-background .btn-next.is-disabled,.vft-pagination.is-background .btn-next:disabled,.vft-pagination.is-background .btn-prev.is-disabled,.vft-pagination.is-background .btn-prev:disabled,.vft-pagination.is-background .vft-pager li.is-disabled,.vft-pagination.is-background .vft-pager li:disabled{color:var(--vft-text-placeholder-color);background-color:var(--vft-disabled-bg-color)}.vft-pagination.is-background .btn-next.is-disabled.is-active,.vft-pagination.is-background .btn-next:disabled.is-active,.vft-pagination.is-background .btn-prev.is-disabled.is-active,.vft-pagination.is-background .btn-prev:disabled.is-active,.vft-pagination.is-background .vft-pager li.is-disabled.is-active,.vft-pagination.is-background .vft-pager li:disabled.is-active{color:var(--vft-text-secondary-color);background-color:var(--vft-fill-color-dark)}.vft-pagination.is-background .btn-prev{margin-left:var(--vft-pagination-item-gap)}.vft-pagination--small .btn-next,.vft-pagination--small .btn-prev,.vft-pagination--small .vft-pager li{height:var(--vft-pagination-button-height-small);line-height:var(--vft-pagination-button-height-small);font-size:var(--vft-pagination-font-size-small);min-width:var(--vft-pagination-button-width-small)}.vft-pagination--small button,.vft-pagination--small span:not([class=suffix]){font-size:var(--vft-pagination-font-size-small)}.vft-pagination--small .vft-select .vft-input{width:100px}.vft-pager{-webkit-user-select:none;-moz-user-select:none;user-select:none;list-style:none;font-size:0;padding:0;margin:0;display:flex;align-items:center}.vft-pager li{display:flex;justify-content:center;align-items:center;font-size:var(--vft-pagination-font-size);min-width:var(--vft-pagination-button-width);height:var(--vft-pagination-button-height);line-height:var(--vft-pagination-button-height);color:var(--vft-pagination-button-color);background:var(--vft-pagination-bg-color);padding:0 4px;border:none;border-radius:var(--vft-pagination-border-radius);cursor:pointer;text-align:center;box-sizing:border-box}.vft-pager li .vft-icon{color:inherit}.vft-pager li {pointer-events:none}.vft-pager li:focus{outline:0}.vft-pager li:hover{color:var(--vft-pagination-hover-color)}.vft-pager li.is-active{color:var(--vft-pagination-hover-color);cursor:default;font-weight:700}.vft-pager li.is-active.is-disabled{font-weight:700}.vft-pager li.is-disabled,.vft-pager li:disabled{color:var(--vft-pagination-button-disabled-color);background-color:var(--vft-pagination-button-disabled-bg-color);cursor:not-allowed}.vft-pager li:focus-visible{outline:1px solid var(--vft-pagination-hover-color);outline-offset:-1px}: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)}:root{--vft-side-menu-border:var(--vft-menu-border-right);--vft-side-menu-width:200px;--vft-side-menu-collapse-width:200px;--vft-side-menu-scroll-mr:0}.vft-side-menu{overflow-x:hidden;transition:width .2s;width:var(--vft-side-menu-width);display:flex;flex-direction:column}.vft-side-menu--fixed{position:fixed;left:0}.vft-side-menu__top{border-bottom:var(--vft-side-menu-border);z-index:1;background-color:#fff}.vft-side-menu__bottom{border-top:var(--vft-side-menu-border);position:absolute;bottom:0;width:100%;background-color:#fff}.vft-side-menu__collapse{cursor:pointer;height:40px;background-color:#fff;padding:0 16px;display:flex;align-items:center;border-right:solid 1px var(--vft-menu-border-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__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}.vft-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;height:100%;background-color:var(--vft-overlay-color-lighter);overflow:auto}.vft-overlay .vft-overlay-root{height:0}:root{--vft-clamp-toggle-toggle-color:#1382EF;--vft-clamp-toggle-toggle-size:12px;--vft-clamp-toggle-color:#111;--vft-clamp-toggle-size:12px}.vft-clamp-toggle{font-size:var(--vft-clamp-toggle-size);color:var(--vft-clamp-toggle-color)}.vft-clamp-toggle__more{font-size:var(--vft-clamp-toggle-toggle-size);color:var(--vft-clamp-toggle-toggle-color)}
1	+ @charset "UTF-8";:root{--vft-color-white:#fff;--vft-color-black:#000;--vft-theme-color:#fff;--vft-theme-color-reverse:#000;--vft-font-size-extra-large:20px;--vft-font-size-large:18px;--vft-font-size-medium:16px;--vft-font-size-base:14px;--vft-font-size-small:13px;--vft-font-size-extra-small:12px;--vft-font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',Arial,sans-serif;--vft-font-weight-primary:500;--vft-font-line-height-primary:24px;--vft-index-normal:1;--vft-index-top:1000;--vft-index-popper:2000;--vft-border-radius-base:4px;--vft-border-radius-small:2px;--vft-border-radius-round:20px;--vft-border-radius-circle:100%;--vft-transition-duration:0.3s;--vft-transition-duration-fast:0.2s;--vft-transition-function-ease-in-out-bezier:cubic-bezier(0.645, 0.045, 0.355, 1);--vft-transition-function-fast-bezier:cubic-bezier(0.23, 1, 0.32, 1);--vft-transition-all:all var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-fade:opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-md-fade:transform var(--vft-transition-duration) var(--vft-transition-function-fast-bezier),opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-fade-linear:opacity var(--vft-transition-duration-fast) linear;--vft-transition-border:border-color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-box-shadow:box-shadow var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-color:color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier)}:root{color-scheme:light;--vft-primary-color:#2196f3;--vft-primary-color-light-3:#64b6f7;--vft-primary-color-light-5:#90cbf9;--vft-primary-color-light-7:#bce0fb;--vft-primary-color-light-8:#d3eafd;--vft-primary-color-light-9:#e9f5fe;--vft-primary-color-dark-2:#1a78c2;--vft-success-color:#3eaf7c;--vft-success-color-light-3:#78c7a3;--vft-success-color-light-5:#9fd7be;--vft-success-color-light-7:#c5e7d8;--vft-success-color-light-8:#d8efe5;--vft-success-color-light-9:#ecf7f2;--vft-success-color-dark-2:#328c63;--vft-warning-color:#fb9b5f;--vft-warning-color-light-3:#fcb98f;--vft-warning-color-light-5:#fdcdaf;--vft-warning-color-light-7:#fee1cf;--vft-warning-color-light-8:#feebdf;--vft-warning-color-light-9:#fff5ef;--vft-warning-color-dark-2:#c97c4c;--vft-danger-color:#f26d6d;--vft-danger-color-light-3:#f69999;--vft-danger-color-light-5:#f9b6b6;--vft-danger-color-light-7:#fbd3d3;--vft-danger-color-light-8:#fce2e2;--vft-danger-color-light-9:#fef0f0;--vft-danger-color-dark-2:#c25757;--vft-error-color:#f26d6d;--vft-error-color-light-3:#f69999;--vft-error-color-light-5:#f9b6b6;--vft-error-color-light-7:#fbd3d3;--vft-error-color-light-8:#fce2e2;--vft-error-color-light-9:#fef0f0;--vft-error-color-dark-2:#c25757;--vft-info-color:#909399;--vft-info-color-light-3:#b1b3b8;--vft-info-color-light-5:#c8c9cc;--vft-info-color-light-7:#dedfe0;--vft-info-color-light-8:#e9e9eb;--vft-info-color-light-9:#f4f4f5;--vft-info-color-dark-2:#73767a;--vft-bg-color:#fff;--vft-bg-color-page:#f2f3f5;--vft-bg-color-overlay:#fff;--vft-text-primary-color:#303133;--vft-text-regular-color:#606266;--vft-text-secondary-color:#909399;--vft-text-placeholder-color:#a8abb2;--vft-text-disabled-color:#c0c4cc;--vft-border-color:#dcdfe6;--vft-border-color-light:#e4e7ed;--vft-border-color-lighter:#ebeef5;--vft-border-color-extra-light:#f2f6fc;--vft-border-color-dark:#d4d7de;--vft-border-color-darker:#cdd0d6;--vft-fill-color:#f0f2f5;--vft-fill-color-light:#f5f7fa;--vft-fill-color-lighter:#fafafa;--vft-fill-color-extra-light:#fafcff;--vft-fill-color-dark:#ebedf0;--vft-fill-color-darker:#e6e8eb;--vft-fill-color-blank:#fff;--vft-box-shadow:0px 12px 32px 4px rgba(0, 0, 0, 0.04),0px 8px 20px rgba(0, 0, 0, 0.08);--vft-box-shadow-light:0px 0px 12px rgba(0, 0, 0, 0.12);--vft-box-shadow-lighter:0px 0px 6px rgba(0, 0, 0, 0.12);--vft-box-shadow-dark:0px 16px 48px 16px rgba(0, 0, 0, 0.08),0px 12px 32px rgba(0, 0, 0, 0.12),0px 8px 16px -8px rgba(0, 0, 0, 0.16);--vft-disabled-bg-color:var(--vft-fill-color-light);--vft-disabled-text-color:var(--vft-text-color-placeholder);--vft-disabled-border-color:var(--vft-border-color-light);--vft-overlay-color:rgba(0, 0, 0, 0.8);--vft-overlay-color-light:rgba(0, 0, 0, 0.7);--vft-overlay-color-lighter:rgba(0, 0, 0, 0.5);--vft-mask-color:rgba(255, 255, 255, 0.9);--vft-mask-color-extra-light:rgba(255, 255, 255, 0.3);--vft-border-width:1px;--vft-border-style:solid;--vft-border-color-hover:var(--vft-text-disabled-color);--vft-border:var(--vft-border-width) var(--vft-border-style) var(--vft-border-color);--vft-svg-monochrome-grey:var(--vft-border-color)}.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);transition:var(--vft-transition-md-fade);transform-origin:center top}.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-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)}:root{--vft-divider-margin-y:24px;--vft-divider-margin-x:8px;--vft-divider-border-color:#dcdfe6;--vft-divider-border-style:solid}.vft-divider{position:relative}.vft-divider--horizontal{display:block;height:1px;width:100%;margin:var(--vft-divider-margin-y) 0;border-top:1px var(--vft-divider-border-color) var(--vft-divider-border-style)}.vft-divider--vertical{display:inline-block;width:1px;height:1em;margin:0 var(--vft-divider-margin-x);vertical-align:middle;position:relative;border-left:1px var(--vft-divider-border-color) var(--vft-divider-border-style)}.vft-divider__text{position:absolute;background-color:var(--vft-bg-color);padding:0 20px;font-weight:500;color:var(--vft-text-primary-color);font-size:14px}.vft-divider__text.is-left{left:20px;transform:translateY(-50%)}.vft-divider__text.is-center{left:50%;transform:translateX(-50%) translateY(-50%)}.vft-divider__text.is-right{right:20px;transform:translateY(-50%)}:root{--vft-avatar-text-color:var(--vft-color-white);--vft-avatar-bg-color:var(--vft-text-disabled-color);--vft-avatar-text-size:14px;--vft-avatar-icon-size:18px;--vft-avatar-border-radius:var(--vft-border-radius-base)}.vft-avatar{--vft-avatar-size-large:56px;--vft-avatar-size:40px;--vft-avatar-size-small:24px;--vft-avatar-size:40px;display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;overflow:hidden;color:var(--vft-avatar-text-color);background:var(--vft-avatar-bg-color);width:var(--vft-avatar-size);height:var(--vft-avatar-size);font-size:var(--vft-avatar-text-size)}.vft-avatar>img{display:block;height:100%}.vft-avatar--circle{border-radius:50%}.vft-avatar--square{border-radius:var(--vft-avatar-border-radius)}.vft-avatar--icon{font-size:var(--vft-avatar-icon-size)}.vft-avatar--small{--vft-avatar-size:24px}.vft-avatar--large{--vft-avatar-size:56px}.vft-back-top{--vft-backtop-bg-color:var(--vft-bg-color-overlay);--vft-backtop-text-color:var(--vft-primary-color);--vft-backtop-hover-bg-color:var(--vft-border-color-extra-light);position:fixed;background-color:var(--vft-backtop-bg-color);width:40px;height:40px;border-radius:50%;color:var(--vft-backtop-text-color);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:var(--vft-box-shadow-lighter);cursor:pointer;z-index:5}.vft-back-top:hover{background-color:var(--vft-backtop-hover-bg-color)}.vft-back-top__icon{font-size:20px}:root{--vft-empty-img-size:160px;--vft-empty-img-size-small:80px;--vft-empty-img-size-large:240px;--vft-empty-text-color:white;--vft-empty-desc-top:10px;--vft-empty-desc-color:var(--vft-text-placeholder-color);--vft-empty-desc-size:14px}.vft-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:10px 0}.vft-empty__image{width:var(--vft-empty-img-size);height:var(--vft-empty-img-size)}.vft-empty__image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.vft-empty--large .vft-empty__image{width:var(--vft-empty-img-size-large);height:var(--vft-empty-img-size-large)}.vft-empty--small .vft-empty__image{width:var(--vft-empty-img-size-small);height:var(--vft-empty-img-size-small)}.vft-empty__desc{margin-top:var(--vft-empty-desc-top);color:var(--vft-empty-desc-color);font-size:var(--vft-empty-desc-size)}.vft-empty__bottom{margin-top:5px}:root{--vft-result-padding:40px 30px;--vft-result-icon-font-size:64px;--vft-result-title-font-size:20px;--vft-result-title-margin-top:20px;--vft-result-sub-title-margin-top:10px;--vft-result-extra-margin-top:30px}.vft-result{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;box-sizing:border-box;padding:var(--vft-result-padding)}.vft-result__icon svg{width:var(--vft-result-icon-font-size);height:var(--vft-result-icon-font-size)}.vft-result__icon [class~=vft-icon]{font-size:var(--vft-result-icon-font-size)}.vft-result__title{margin-top:var(--vft-result-title-margin-top)}.vft-result__title p{margin:0;font-size:var(--vft-result-title-font-size);color:var(--vft-text-color-primary);line-height:1.3}.vft-result__sub-title{margin-top:var(--vft-result-sub-title-margin-top)}.vft-result__sub-title p{margin:0;font-size:var(--vft-font-size-base);color:var(--vft-text-color-regular);line-height:1.3}.vft-result__extra{margin-top:var(--vft-result-extra-margin-top)}.vft-result .icon-primary{--vft-result-color:var(--vft-color-primary);color:var(--vft-result-color)}.vft-result .icon-success{--vft-result-color:var(--vft-color-success);color:var(--vft-result-color)}.vft-result .icon-warning{--vft-result-color:var(--vft-color-warning);color:var(--vft-result-color)}.vft-result .icon-danger{--vft-result-color:var(--vft-color-danger);color:var(--vft-result-color)}.vft-result .icon-error{--vft-result-color:var(--vft-color-error);color:var(--vft-result-color)}.vft-result .icon-info{--vft-result-color:var(--vft-color-info);color:var(--vft-result-color)}: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:white;--vft-tabs-item-bg-color-active:#15b4f1;--vft-tabs-item-bg-color-hover:#15b4f1;--vft-tabs-item-color:black;--vft-tabs-item-color-active:white;--vft-tabs-item-color-hover:white;--vft-tabs-item-border:1px solid #eee;--vft-tabs-item-border-active:0 solid transparent;--vft-tabs-item-border-hover:0 solid transparent;--vft-tabs-item-distance:10px;--vft-tabs-item-border-radius:2px 2px 0 0;--vft-tabs-close-icon-left:5px;--vft-tabs-close-icon-hover-color:white;--vft-tabs-close-icon-hover-bg-color:#a8abb2;--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);border-bottom:var(--vft-tabs-header-border-bottom);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)}.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__item.is-active{color:var(--vft-tabs-item-color-active);background-color:var(--vft-tabs-item-bg-color-active);font-weight:var(--vft-tabs-font-weight-active);border:var(--vft-tabs-item-border-active)}.vft-tabs__item:hover{color:var(--vft-tabs-item-color-hover);background-color:var(--vft-tabs-item-bg-color-hover);border:var(--vft-tabs-item-border-hover);cursor:pointer}.vft-tabs__item.is-disabled{color:var(--vft-disabled-text-color);cursor:not-allowed}.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-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-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-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__content{overflow:hidden;position:relative}.vft-tabs--card>.vft-tabs__header{border-bottom:var(--vft-tabs-border-bottom);height:var(--vft-tabs-header-height)}.vft-tabs--card>.vft-tabs__header .vft-tabs__nav-wrap::after{content:none}.vft-tabs--card>.vft-tabs__header .vft-tabs__nav{border-radius:4px 4px 0 0;box-sizing:border-box}.vft-tabs--card>.vft-tabs__header .vft-tabs__active-bar{display:none}.vft-tabs--card>.vft-tabs__header .vft-tabs__item .is-icon-close{width:0}.vft-tabs--card>.vft-tabs__header .vft-tabs__item{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);max-width:var(--vft-tabs-item-max-width)}.vft-tabs--card>.vft-tabs__header .vft-tabs__item.is-closable:hover .is-icon-close{width:var(--vft-tabs-active-distance)}.vft-tabs--card>.vft-tabs__header .vft-tabs__item.is-active.is-closable .is-icon-close{width:var(--vft-tabs-active-distance)}.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--bottom.vft-tabs--border-card .vft-tabs__header.is-bottom{border-bottom:0;border-top:1px solid var(--vft-border-color)}.vft-tabs--bottom.vft-tabs--border-card .vft-tabs__nav-wrap.is-bottom{margin-top:-1px;margin-bottom:0}.vft-tabs--bottom.vft-tabs--border-card .vft-tabs__item.is-bottom:not(.is-active){border:1px solid transparent}.vft-tabs--bottom.vft-tabs--border-card .vft-tabs__item.is-bottom{margin:0 -1px -1px}.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--left.vft-tabs--card .vft-tabs__active-bar.is-left{display:none}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left{border-left:none;border-right:1px solid var(--vft-border-color-light);border-bottom:none;border-top:1px solid var(--vft-border-color-light);text-align:left}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left:first-child{border-right:1px solid var(--vft-border-color-light);border-top:none}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left.is-active{border:1px solid var(--vft-border-color-light);border-right-color:#fff;border-left:none;border-bottom:none}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left.is-active:first-child{border-top:none}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left.is-active:last-child{border-bottom:none}.vft-tabs--left.vft-tabs--card .vft-tabs__nav{border-radius:4px 0 0 4px;border-bottom:1px solid var(--vft-border-color-light);border-right:none}.vft-tabs--left.vft-tabs--card .vft-tabs__new-tab{float:none}.vft-tabs--left.vft-tabs--border-card .vft-tabs__header.is-left{border-right:1px solid var(--vft-border-color)}.vft-tabs--left.vft-tabs--border-card .vft-tabs__item.is-left{border:1px solid transparent;margin:-1px 0 -1px -1px}.vft-tabs--left.vft-tabs--border-card .vft-tabs__item.is-left.is-active{border-color:transparent;border-top-color:#d1dbe5;border-bottom-color:#d1dbe5}.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}.vft-tabs--right.vft-tabs--card .vft-tabs__active-bar.is-right{display:none}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right{border-bottom:none;border-top:1px solid var(--vft-border-color-light)}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right:first-child{border-left:1px solid var(--vft-border-color-light);border-top:none}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right.is-active{border:1px solid var(--vft-border-color-light);border-left-color:#fff;border-right:none;border-bottom:none}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right.is-active:first-child{border-top:none}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right.is-active:last-child{border-bottom:none}.vft-tabs--right.vft-tabs--card .vft-tabs__nav{border-radius:0 4px 4px 0;border-bottom:1px solid var(--vft-border-color-light);border-left:none}.vft-tabs--right.vft-tabs--border-card .vft-tabs__header.is-right{border-left:1px solid var(--vft-border-color)}.vft-tabs--right.vft-tabs--border-card .vft-tabs__item.is-right{border:1px solid transparent;margin:-1px -1px -1px 0}.vft-tabs--right.vft-tabs--border-card .vft-tabs__item.is-right.is-active{border-color:transparent;border-top-color:#d1dbe5;border-bottom-color:#d1dbe5}.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}}:root{--vft-menu-bg-color:var(--vft-theme-color);--vft-menu-sub-menu-bg-color:var(--vft-theme-color);--vft-menu-active-color:var(--vft-primary-color);--vft-menu-text-color:var(--vft-text-primary-color);--vft-menu-hover-text-color:var(--vft-primary-color);--vft-menu-hover-bg-color:var(--vft-primary-color-light-9);--vft-menu-focus-text-color:var(--vft-primary-color);--vft-menu-focus-bg-color:var(--vft-primary-color-light-9);--vft-menu-item-height:56px;--vft-menu-sub-item-height:calc(var(--vft-menu-item-height) - 6px);--vft-menu-horizontal-sub-item-height:36px;--vft-menu-item-font-size:var(--vft-font-size-base);--vft-menu-item-hover-fill:var(--vft-primary-color-light-9);--vft-menu-border-color:#dcdfe6;--vft-menu-border-bottom:var(--vft-border);--vft-menu-base-level-padding:20px;--vft-menu-level-padding:20px;--vft-menu-icon-mr:8px;--vft-menu-border:0 solid transparent;--vft-menu-border-right:1px solid #dcdfe6;--vft-menu-item-min-width:200px;--vft-menu-popup-border-radius:var(--vft-border-radius)}.vft-menu{border-right:solid 1px var(--vft-menu-border-color);list-style:none;position:relative;margin:0;padding-left:0;background-color:var(--vft-menu-bg-color);box-sizing:border-box}.vft-menu--vertical:not(.vft-menu--collapse):not(.vft-menu--popup-container) .vft-menu-item,.vft-menu--vertical:not(.vft-menu--collapse):not(.vft-menu--popup-container) .vft-menu-item-group__title,.vft-menu--vertical:not(.vft-menu--collapse):not(.vft-menu--popup-container) .vft-sub-menu__title{padding-left:calc(var(--vft-menu-base-level-padding) + var(--vft-menu-level) var(--vft-menu-level-padding))}.vft-menu--vertical .vft-menu-item{white-space:initial}.vft-menu--horizontal{display:flex;flex-wrap:nowrap;border-bottom:var(--vft-menu-border-bottom);border-right:none}.vft-menu--horizontal>.vft-menu-item{display:inline-flex;justify-content:center;align-items:center;height:100%;margin:0;border-bottom:2px solid transparent;color:var(--vft-menu-text-color)}.vft-menu--horizontal>.vft-menu-item a,.vft-menu--horizontal>.vft-menu-item a:hover{color:inherit}.vft-menu--horizontal>.vft-menu-item:not(.is-disabled):focus,.vft-menu--horizontal>.vft-menu-item:not(.is-disabled):hover{background-color:#fff}.vft-menu--horizontal>.vft-sub-menu:focus,.vft-menu--horizontal>.vft-sub-menu:hover{outline:0}.vft-menu--horizontal>.vft-sub-menu:hover .vft-sub-menu__title{color:var(--vft-menu-hover-text-color)}.vft-menu--horizontal>.vft-sub-menu.is-active .vft-sub-menu__title{border-bottom:2px solid var(--vft-menu-active-color);color:var(--vft-menu-active-color)}.vft-menu--horizontal>.vft-sub-menu.is-active .vft-sub-menu__title:hover{color:var(--vft-menu-hover-text-color)}.vft-menu--horizontal>.vft-sub-menu .vft-sub-menu__title{height:100%;line-height:100%;border-bottom:2px solid transparent;color:var(--vft-menu-text-color)}.vft-menu--horizontal>.vft-sub-menu .vft-sub-menu__title:hover{background-color:var(--vft-menu-hover-bg-color)}.vft-menu--horizontal .vft-menu .vft-menu-item,.vft-menu--horizontal .vft-menu .vft-sub-menu__title{background-color:var(--vft-menu-bg-color);display:flex;align-items:center;height:var(--vft-menu-horizontal-sub-item-height);padding:0 10px;color:var(--vft-menu-text-color)}.vft-menu--horizontal .vft-menu .vft-sub-menu__title{padding-right:40px}.vft-menu--horizontal .vft-menu .vft-menu-item.is-active,.vft-menu--horizontal .vft-menu .vft-sub-menu.is-active>.vft-sub-menu__title{color:var(--vft-menu-active-color)}.vft-menu--horizontal .vft-menu-item:not(.is-disabled):hover{outline:0;color:var(--vft-menu-hover-text-color);background-color:var(--vft-menu-hover-bg-color)}.vft-menu--horizontal .vft-menu-item:not(.is-disabled):focus{outline:0;color:var(--vft-menu-focus-text-color);background-color:var(--vft-menu-focus-bg-color)}.vft-menu--horizontal>.vft-menu-item.is-active{border-bottom:2px solid var(--vft-menu-active-color);color:var(--vft-menu-active-color)}.vft-menu--collapse{width:calc(var(--vft-menu-icon-width) + var(--vft-menu-base-level-padding) * 2)}.vft-menu--collapse>.vft-menu-item [class^=vft-icon],.vft-menu--collapse>.vft-menu-item-group>ul>.vft-sub-menu>.vft-sub-menu__title [class^=vft-icon],.vft-menu--collapse>.vft-sub-menu>.vft-sub-menu__title [class^=vft-icon]{margin:0;vertical-align:middle;width:var(--vft-menu-icon-width);text-align:center}.vft-menu--collapse>.vft-menu-item .vft-sub-menu__icon-arrow,.vft-menu--collapse>.vft-menu-item-group>ul>.vft-sub-menu>.vft-sub-menu__title .vft-sub-menu__icon-arrow,.vft-menu--collapse>.vft-sub-menu>.vft-sub-menu__title .vft-sub-menu__icon-arrow{display:none}.vft-menu--collapse>.vft-menu-item-group>ul>.vft-sub-menu>.vft-sub-menu__title>span,.vft-menu--collapse>.vft-menu-item>span,.vft-menu--collapse>.vft-sub-menu>.vft-sub-menu__title>span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}.vft-menu--collapse>.vft-menu-item.is-active i{color:inherit}.vft-menu--collapse .vft-menu .vft-sub-menu{min-width:200px}.vft-menu--popup{z-index:100;min-width:200px;border:none;padding:5px 0;box-shadow:var(--vft-box-shadow-light);border-radius:var(--vft-menu-popup-border-radius)}.vft-menu .vft-icon{flex-shrink:0}.vft-menu-item{display:flex;align-items:center;height:var(--vft-menu-item-height);line-height:var(--vft-menu-item-height);font-size:var(--vft-menu-item-font-size);color:var(--vft-menu-text-color);padding:0 var(--vft-menu-base-level-padding);list-style:none;cursor:pointer;position:relative;transition:border-color var(--vft-transition-duration),background-color var(--vft-transition-duration),color var(--vft-transition-duration);box-sizing:border-box;white-space:nowrap}.vft-menu-item {vertical-align:bottom}.vft-menu-item i{margin-right:var(--vft-menu-icon-mr)}.vft-menu-item:focus,.vft-menu-item:hover{outline:0}.vft-menu-item:hover{background-color:var(--vft-menu-hover-bg-color)}.vft-menu-item.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.vft-menu-item span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;word-break:break-all}.vft-menu-item [class^=vft-icon]{margin-right:5px;width:var(--vft-menu-icon-width);text-align:center;font-size:18px;vertical-align:middle}.vft-menu-item.is-active{color:var(--vft-menu-active-color)}.vft-menu-item.is-active i{color:inherit}.vft-menu-item .vft-menu-tooltip__trigger{position:absolute;left:0;top:0;height:100%;width:100%;display:inline-flex;align-items:center;box-sizing:border-box;padding:0 var(--vft-menu-base-level-padding)}.vft-sub-menu{list-style:none;margin:0;padding-left:0;background:var(--vft-menu-sub-menu-bg-color)}.vft-sub-menu__title{display:flex;align-items:center;height:var(--vft-menu-item-height);line-height:var(--vft-menu-item-height);font-size:var(--vft-menu-item-font-size);color:var(--vft-menu-text-color);padding:0 var(--vft-menu-base-level-padding);list-style:none;cursor:pointer;position:relative;transition:border-color var(--vft-transition-duration),background-color var(--vft-transition-duration),color var(--vft-transition-duration);box-sizing:border-box;white-space:nowrap}.vft-sub-menu__title {vertical-align:bottom}.vft-sub-menu__title i{margin-right:var(--vft-menu-icon-mr)}.vft-sub-menu__title:focus,.vft-sub-menu__title:hover{outline:0}.vft-sub-menu__title:hover{background-color:var(--vft-menu-hover-bg-color)}.vft-sub-menu__title.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.vft-sub-menu__title span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;word-break:break-all}.vft-sub-menu__title:hover{background-color:var(--vft-menu-hover-bg-color)}.vft-sub-menu__text{padding-right:30px}.vft-sub-menu .vft-menu{border:none}.vft-sub-menu .vft-menu-item{height:var(--vft-menu-sub-item-height);line-height:var(--vft-menu-sub-item-height);min-width:var(--vft-menu-item-min-width)}.vft-sub-menu__hide-arrow .vft-sub-menu__icon-arrow{display:none!important}.vft-sub-menu.is-active .vft-sub-menu__title{border-bottom-color:var(--vft-menu-active-color)}.vft-sub-menu.is-disabled .vft-menu-item,.vft-sub-menu.is-disabled .vft-sub-menu__title{opacity:.25;cursor:not-allowed;background:0 0!important}.vft-sub-menu .vft-icon{vertical-align:middle;margin-right:var(--vft-menu-icon-mr);text-align:center}.vft-sub-menu .vft-icon.vft-sub-menu__icon-more{margin-right:0!important}.vft-sub-menu .vft-sub-menu__icon-arrow{position:absolute;right:var(--vft-menu-base-level-padding);transition:transform var(--vft-transition-duration);color:inherit}.vft-menu-item-group>ul{padding:0}.vft-menu-item-group__title{padding:7px 0 7px var(--vft-menu-base-level-padding);line-height:normal;font-size:12px;color:var(--vft-text-color-secondary)}.horizontal-collapse-transition .vft-sub-menu__title .vft-sub-menu__icon-arrow{transition:var(--vft-transition-duration-fast);opacity:0}.vft-popper{--vft-popper-border-radius:var(--vft-popover-border-radius, 4px)}.vft-popper{position:absolute;border-radius:var(--vft-popper-border-radius);padding:5px 11px;z-index:2000;font-size:12px;line-height:20px;min-width:10px;word-wrap:break-word;visibility:visible}.vft-popper.is-dark{color:var(--vft-bg-color);background:var(--vft-text-primary-color);border:1px solid var(--vft-text-primary-color)}.vft-popper.is-dark .vft-popper__arrow::before{border:1px solid var(--vft-text-primary-color);background:var(--vft-text-primary-color);right:0}.vft-popper.is-light{background:var(--vft-bg-color-overlay);border:1px solid var(--vft-border-color-light)}.vft-popper.is-light .vft-popper__arrow::before{border:1px solid var(--vft-border-color-light);background:var(--vft-bg-color-overlay);right:0}.vft-popper.is-pure{padding:0}.vft-popper__arrow{position:absolute;width:10px;height:10px;z-index:-1}.vft-popper__arrow::before{position:absolute;width:10px;height:10px;z-index:-1;content:" ";transform:rotate(45deg);background:var(--vft-text-primary-color);box-sizing:border-box}.vft-popper[data-popper-placement^=top]>.vft-popper__arrow{bottom:-5px}.vft-popper[data-popper-placement^=top]>.vft-popper__arrow::before{border-bottom-right-radius:2px}.vft-popper[data-popper-placement^=bottom]>.vft-popper__arrow{top:-5px}.vft-popper[data-popper-placement^=bottom]>.vft-popper__arrow::before{border-top-left-radius:2px}.vft-popper[data-popper-placement^=left]>.vft-popper__arrow{right:-5px}.vft-popper[data-popper-placement^=left]>.vft-popper__arrow::before{border-top-right-radius:2px}.vft-popper[data-popper-placement^=right]>.vft-popper__arrow{left:-5px}.vft-popper[data-popper-placement^=right]>.vft-popper__arrow::before{border-bottom-left-radius:2px}.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before{border-top-color:transparent!important;border-left-color:transparent!important}.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before{border-bottom-color:transparent!important;border-right-color:transparent!important}.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before{border-left-color:transparent!important;border-bottom-color:transparent!important}.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before{border-right-color:transparent!important;border-top-color:transparent!important}.vft-popover{--vft-popover-bg-color:var(--vft-bg-color-overlay);--vft-popover-font-size:var(--vft-font-size-base);--vft-popover-border-color:var(--vft-border-color-lighter);--vft-popover-padding:12px;--vft-popover-padding-large:18px 20px;--vft-popover-title-font-size:16px;--vft-popover-title-text-color:var(--vft-text-primary-color);--vft-popover-border-radius:4px}.vft-popover.vft-popper{background:var(--vft-popover-bg-color);min-width:150px;border-radius:var(--vft-popover-border-radius);border:1px solid var(--vft-popover-border-color);padding:var(--vft-popover-padding);z-index:var(--vft-index-popper);color:var(--vft-text-color-regular);line-height:1.4;text-align:justify;font-size:var(--vft-popover-font-size);box-shadow:var(--vft-box-shadow-light);word-break:break-all;box-sizing:border-box}.vft-popover.vft-popper--plain{padding:var(--vft-popover-padding-large)}.vft-popover__title{color:var(--vft-popover-title-text-color);font-size:var(--vft-popover-title-font-size);line-height:1;margin-bottom:12px}.vft-popover__reference:focus:hover,.vft-popover__reference:focus:not(.focusing){outline-width:0}.vft-popover.vft-popper.is-dark{--vft-popover-bg-color:var(--vft-text-color-primary);--vft-popover-border-color:var(--vft-text-color-primary);--vft-popover-title-text-color:var(--vft-bg-color);color:var(--vft-bg-color)}.vft-popover.vft-popper:focus,.vft-popover.vft-popper:focus:active{outline-width:0}:root{--vft-footer-layout-bg-color:#f7f8fa;--vft-footer-layout-border-top:1px solid #f7f8fa;--vft-footer-layout-left:var(--vft-menu-width);--vft-footer-layout-height:30px;--vft-footer-layout-left-min-width:auto;--vft-footer-layout-right-min-width:auto}.vft-footer-layout{width:calc(100% - var(--vft-footer-layout-left));background-color:var(--vft-footer-layout-bg-color);height:var(--vft-footer-layout-height);border-top:var(--vft-footer-layout-border-top);display:flex;justify-content:space-between;align-items:center;flex:none;overflow:hidden;position:relative;transition:left .5s;left:var(--vft-footer-layout-left)}.vft-footer-layout__left{min-width:var(--vft-footer-layout-left-min-width)}.vft-footer-layout__right{min-width:var(--vft-footer-layout-right-min-width)}:root{--vft-header-layout-height:64px;--vft-header-layout-top-height:40px;--vft-header-layout-bg-color:white;--vft-header-layout-color:black;--vft-header-layout-z-index:2001;--vft-header-layout-border-bottom:1px solid rgb(231, 231, 231)}.vft-header-layout{height:var(--vft-header-layout-height);color:var(--vft-header-layout-color);background-color:var(--vft-header-layout-bg-color);border-bottom:var(--vft-header-layout-border-bottom);box-sizing:border-box}.vft-header-layout--fixed{z-index:var(--vft-header-layout-z-index);width:100%}.vft-header-layout__top{height:var(--vft-header-layout-top-height);display:flex;align-items:center;justify-content:space-between}.vft-header-layout__left{display:flex;height:100%;align-items:center}.vft-iframe-page{height:100%;width:100%;border:none;display:block}:root{--vft-logo-img-width:30px;--vft-logo-img-height:30px;--vft-logo-title-color:black;--vft-logo-title-font-size:16px;--vft-logo-title-font-weight:400;--vft-logo-cursor:pointer}.vft-logo{display:flex;align-items:center;padding-left:20px;cursor:var(--vft-logo-cursor);transition:all .2s ease}.vft-logo__img{width:var(--vft-logo-img-width);height:var(--vft-logo-img-height)}.vft-logo__title{font-size:var(--vft-logo-font-size);font-weight:var(--vft-logo-font-weight);transition:all .5s;line-height:1;color:var(--vft-logo-title-color)}.vft-descriptions{--vft-descriptions-table-border:1px solid var(--vft-border-color-lighter);--vft-descriptions-item-bordered-label-background:var(--vft-fill-color-light);box-sizing:border-box;font-size:var(--vft-font-size-base);color:var(--vft-text-color-primary)}.vft-descriptions__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.vft-descriptions__title{color:var(--vft-text-color-primary);font-size:16px;font-weight:700}.vft-descriptions__body{background-color:var(--vft-fill-color-blank)}.vft-descriptions__body .vft-descriptions__table{width:100%;border:1px solid #f1f6fe;border-radius:4px;table-layout:fixed;overflow-wrap:break-word;word-break:break-all;border-collapse:collapse}.vft-descriptions__body .vft-descriptions__table .vft-descriptions__cell{box-sizing:border-box;text-align:left;font-weight:400;line-height:23px;font-size:14px}.vft-descriptions__body .vft-descriptions__table .vft-descriptions__cell.is-left{text-align:left}.vft-descriptions__body .vft-descriptions__table .vft-descriptions__cell.is-center{text-align:center}.vft-descriptions__body .vft-descriptions__table .vft-descriptions__cell.is-right{text-align:right}.vft-descriptions__body .vft-descriptions__table.is-bordered .vft-descriptions__cell{border:var(--vft-descriptions-table-border);padding:8px 11px}.vft-descriptions__body .vft-descriptions__table:not(.is-bordered) .vft-descriptions__cell{padding-bottom:12px}.vft-descriptions--large{font-size:14px}.vft-descriptions--large .vft-descriptions__header{margin-bottom:20px}.vft-descriptions--large .vft-descriptions__header .vft-descriptions__title{font-size:16px}.vft-descriptions--large .vft-descriptions__body .vft-descriptions__table .vft-descriptions__cell{font-size:14px}.vft-descriptions--large .vft-descriptions__body .vft-descriptions__table.is-bordered .vft-descriptions__cell{padding:12px 15px}.vft-descriptions--large .vft-descriptions__body .vft-descriptions__table:not(.is-bordered) .vft-descriptions__cell{padding-bottom:16px}.vft-descriptions--small{font-size:12px}.vft-descriptions--small .vft-descriptions__header{margin-bottom:12px}.vft-descriptions--small .vft-descriptions__header .vft-descriptions__title{font-size:14px}.vft-descriptions--small .vft-descriptions__body .vft-descriptions__table .vft-descriptions__cell{font-size:12px}.vft-descriptions--small .vft-descriptions__body .vft-descriptions__table.is-bordered .vft-descriptions__cell{padding:4px 7px}.vft-descriptions--small .vft-descriptions__body .vft-descriptions__table:not(.is-bordered) .vft-descriptions__cell{padding-bottom:8px}.vft-descriptions__label.vft-descriptions__cell.is-bordered-label{font-weight:700;color:var(--vft-text-color-regular);background:var(--vft-descriptions-item-bordered-label-background)}.vft-descriptions__label:not(.is-bordered-label){color:var(--vft-text-color-primary);margin-right:16px}.vft-descriptions__label.vft-descriptions__cell:not(.is-bordered-label).is-vertical-label{padding-bottom:6px}.vft-descriptions__content.vft-descriptions__cell.is-bordered-content{color:var(--vft-text-color-primary)}.vft-descriptions__content:not(.is-bordered-label){color:var(--vft-text-color-regular)}.vft-descriptions--large .vft-descriptions__label:not(.is-bordered-label){margin-right:16px}.vft-descriptions--large .vft-descriptions__label.vft-descriptions__cell:not(.is-bordered-label).is-vertical-label{padding-bottom:8px}.vft-descriptions--small .vft-descriptions__label:not(.is-bordered-label){margin-right:12px}.vft-descriptions--small .vft-descriptions__label.vft-descriptions__cell:not(.is-bordered-label).is-vertical-label{padding-bottom:4px}:root{--vft-full-screen-color:#434343;--vft-full-screen-hover-color:#0171f6;--vft-full-screen-font-size:12px}.vft-full-screen{color:var(--vft-full-screen-color);font-size:var(--vft-full-screen-font-size);transition:color .2s}.vft-full-screen i{margin-right:2px}.vft-full-screen:hover{color:var(--vft-full-screen-hover-color)}.vft-full-screen:hover i{color:var(--vft-full-screen-hover-color)}.vft-icon-text{display:flex;align-items:center}.vft-image__error,.vft-image__inner,.vft-image__placeholder,.vft-image__wrapper{width:100%;height:100%}.vft-image{position:relative;display:inline-block;overflow:hidden}.vft-image__inner{vertical-align:top;opacity:1}.vft-image__inner.is-loading{opacity:0}.vft-image__wrapper{position:absolute;top:0;left:0}.vft-image__placeholder{background:var(--vft-fill-color-light)}.vft-image__error{display:flex;justify-content:center;align-items:center;font-size:14px;background:var(--vft-fill-color-light);color:var(--vft-text-color-placeholder);vertical-align:middle}.vft-image__preview{cursor:pointer}:root{--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)}.vft-input{--vft-input-height:var(--vft-component-size);position:relative;font-size:var(--vft-font-size-base);display:inline-flex;width:var(--vft-input-width);line-height:var(--vft-input-height);box-sizing:border-box;vertical-align:middle;transition:width .2s ease}.vft-input::-webkit-scrollbar{z-index:11;width:6px}.vft-input::-webkit-scrollbar:horizontal{height:6px}.vft-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#c0c4cc;border:0 solid transparent}.vft-input::-webkit-scrollbar-thumb:hover{background:#c0c4cc}.vft-input::-webkit-scrollbar-corner{background:0 0}.vft-input::-webkit-scrollbar-track{background:0 0}.vft-input::-webkit-scrollbar-track-piece{background:0 0;width:6px}.vft-input .vft-input__clear,.vft-input .vft-input__password{color:var(--vft-input-icon-color);font-size:14px;cursor:pointer}.vft-input .vft-input__clear:hover,.vft-input .vft-input__password:hover{color:var(--vft-input-clear-hover-color)}.vft-input .vft-input__count{height:100%;display:inline-flex;align-items:center;color:var(--vft-info-color);font-size:12px}.vft-input .vft-input__count .vft-input__count-inner{background:var(--vft-fill-color-blank);line-height:initial;display:inline-block;padding-left:8px}.vft-input__wrapper{display:inline-flex;flex-grow:1;align-items:center;justify-content:center;padding:1px 11px;background-color:var(--vft-input-bg-color,var(--vft-fill-color-blank));background-image:none;border-radius:var(--vft-input-border-radius,var(--vft-border-radius-base));border:1px solid var(--vft-input-border-color)}.vft-input__wrapper:hover{border:1px solid var(--vft-input-hover-border-color)}.vft-input__wrapper.is-focus{border:1px solid var(--vft-input-focus-border-color)}.vft-input__inner{--vft-input-inner-height:calc(var(--vft-input-height, 32px) - 2px);width:100%;flex-grow:1;-webkit-appearance:none;color:var(--vft-input-text-color,var(--vft-text-regular-color));font-size:inherit;height:var(--vft-input-inner-height);line-height:var(--vft-input-inner-height);padding:0;outline:0;border:none;background:0 0;box-sizing:border-box}.vft-input__inner:focus{outline:0}.vft-input__inner::-moz-placeholder{color:var(--vft-input-placeholder-color,var(--vft-text-placeholder-color))}.vft-input__inner::placeholder{color:var(--vft-input-placeholder-color,var(--vft-text-placeholder-color))}.vft-input__inner[type=password]::-ms-reveal{display:none}.vft-input__inner[type=number]{line-height:1px}.vft-input__prefix{display:inline-flex;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;height:100%;text-align:center;color:var(--vft-input-icon-color,var(--vft-text-placeholder-color));transition:all var(--vft-transition-duration);pointer-events:none}.vft-input__prefix-inner{pointer-events:all;display:inline-flex;align-items:center;justify-content:center}.vft-input__prefix-inner>:last-child{margin-right:8px}.vft-input__prefix-inner>:first-child,.vft-input__prefix-inner>:first-child.vft-input__icon{margin-left:0}.vft-input__suffix{display:inline-flex;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;height:100%;text-align:center;color:var(--vft-input-icon-color,var(--vft-text-placeholder-color));transition:all var(--vft-transition-duration);pointer-events:none}.vft-input__suffix-inner{pointer-events:all;display:inline-flex;align-items:center;justify-content:center}.vft-input__suffix-inner>:first-child{margin-left:8px}.vft-input .vft-input__icon{height:inherit;line-height:inherit;display:flex;justify-content:center;align-items:center;transition:all var(--vft-transition-duration);margin-left:8px}.vft-input__validateIcon{pointer-events:none}.vft-input.is-active .vft-input__wrapper{border:1px solid var(--vft-input-focus-color)}.vft-input.is-disabled{cursor:not-allowed}.vft-input.is-disabled .vft-input__wrapper{background-color:var(--vft-disabled-bg-color);border:1px solid var(--vft-input-disable-color)}.vft-input.is-disabled .vft-input__inner{color:var(--vft-disabled-text-color);-webkit-text-fill-color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-input.is-disabled .vft-input__inner::-moz-placeholder{color:var(--vft-text-placeholder-color)}.vft-input.is-disabled .vft-input__inner::placeholder{color:var(--vft-text-placeholder-color)}.vft-input.is-disabled .vft-input__icon{cursor:not-allowed}.vft-input.is-exceed .vft-input__wrapper{border:1px solid var(--vft-input-danger-color)}.vft-input.is-exceed .vft-input__suffix .vft-input__count{color:var(--vft-danger-color)}.vft-input--large{--vft-input-height:var(--vft-component-size-large);font-size:14px}.vft-input--large .vft-input__wrapper{padding:1px 15px}.vft-input--large .vft-input__inner{--vft-input-inner-height:calc(var(--vft-input-height, 40px) - 2px)}.vft-input--small{--vft-input-height:var(--vft-component-size-small);font-size:12px}.vft-input--small .vft-input__wrapper{padding:1px 7px}.vft-input--small .vft-input__inner{--vft-input-inner-height:calc(var(--vft-input-height, 24px) - 2px)}.vft-input-group{display:inline-flex;width:100%;align-items:stretch}.vft-input-group__append,.vft-input-group__prepend{background-color:var(--vft-fill-color-light);color:var(--vft-info-color);position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:100%;border-radius:var(--vft-input-border-radius);padding:0 20px;white-space:nowrap}.vft-input-group__append:focus,.vft-input-group__prepend:focus{outline:0}.vft-input-group__append .vft-button,.vft-input-group__append .vft-select,.vft-input-group__prepend .vft-button,.vft-input-group__prepend .vft-select{display:inline-block;margin:0 -20px}.vft-input-group__append button.vft-button,.vft-input-group__append button.vft-button:hover,.vft-input-group__append div.vft-select .vft-input__wrapper,.vft-input-group__append div.vft-select:hover .vft-input__wrapper,.vft-input-group__prepend button.vft-button,.vft-input-group__prepend button.vft-button:hover,.vft-input-group__prepend div.vft-select .vft-input__wrapper,.vft-input-group__prepend div.vft-select:hover .vft-input__wrapper{border-color:transparent;background-color:transparent;color:inherit}.vft-input-group__append .vft-button,.vft-input-group__append .vft-input,.vft-input-group__prepend .vft-button,.vft-input-group__prepend .vft-input{font-size:inherit}.vft-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0;border:1px solid var(--vft-input-border-color);border-right:0}.vft-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0;border:1px solid var(--vft-input-border-color);border-left:0}.vft-input-group--prepend>.vft-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.vft-input-group--prepend .vft-input-group__prepend .vft-select .vft-input .vft-input__inner{box-shadow:none!important}.vft-input-group--prepend .vft-input-group__prepend .vft-select .vft-input .vft-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0;border:1px solid var(--vft-input-border-color)}.vft-input-group--prepend .vft-input-group__prepend .vft-select .vft-input.is-focus .vft-input__inner{box-shadow:none!important}.vft-input-group--prepend .vft-input-group__prepend .vft-select .vft-input.is-focus .vft-input__wrapper{border:1px solid var(--vft-input-focus-border-color);z-index:2}.vft-input-group--prepend .vft-input-group__prepend .vft-select .vft-input.is-focus .vft-input__wrapper:focus{outline:0;z-index:2;border:1px solid var(--vft-input-focus-border-color)}.vft-input-group--prepend .vft-input-group__prepend .vft-select:hover .vft-input__inner{box-shadow:none!important}.vft-input-group--prepend .vft-input-group__prepend .vft-select:hover .vft-input__wrapper{z-index:1;border:1px solid var(--vft-input-hover-border-color)}.vft-input-group--append>.vft-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.vft-input-group--append .vft-input-group__append .vft-select .vft-input .vft-input__inner{box-shadow:none!important}.vft-input-group--append .vft-input-group__append .vft-select .vft-input .vft-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0;border:1px solid var(--vft-input-border-color)}.vft-input-group--append .vft-input-group__append .vft-select .vft-input.is-focus .vft-input__inner{box-shadow:none!important}.vft-input-group--append .vft-input-group__append .vft-select .vft-input.is-focus .vft-input__wrapper{z-index:2;border:1px solid var(--vft-input-focus-border-color)}.vft-input-group--append .vft-input-group__append .vft-select:hover .vft-input__inner{box-shadow:none!important}.vft-input-group--append .vft-input-group__append .vft-select:hover .vft-input__wrapper{z-index:1;border:1px solid var(--vft-input-hover-border-color)}.vft-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:var(--vft-font-size-base)}.vft-textarea__inner{position:relative;display:block;resize:vertical;padding:5px 11px;line-height:1.5;box-sizing:border-box;width:100%;font-size:inherit;font-family:inherit;color:var(--vft-input-text-color,var(--vft-text-regular-color));background-color:var(--vft-input-bg-color,var(--vft-fill-color-blank));background-image:none;-webkit-appearance:none;border-radius:var(--vft-input-border-radius,var(--vft-border-radius-base));transition:var(--vft-transition-box-shadow);border:1px solid var(--vft-input-border-color)}.vft-textarea__inner::-moz-placeholder{color:var(--vft-input-placeholder-color,var(--vft-text-placeholder-color))}.vft-textarea__inner::placeholder{color:var(--vft-input-placeholder-color,var(--vft-text-placeholder-color))}.vft-textarea__inner:hover{border:1px solid var(--vft-input-hover-border-color)}.vft-textarea__inner:focus{outline:0;border:1px solid var(--vft-input-focus-border-color)}.vft-textarea .vft-input__count{color:var(--vft-info-color);background:var(--vft-fill-color-blank);position:absolute;font-size:12px;line-height:14px;bottom:5px;right:10px}.vft-textarea.is-disabled .vft-textarea__inner{background-color:var(--vft-disabled-bg-color);border-color:var(--vft-disabled-border-color);color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-textarea.is-disabled .vft-textarea__inner::-moz-placeholder{color:var(--vft-text-placeholder-color)}.vft-textarea.is-disabled .vft-textarea__inner::placeholder{color:var(--vft-text-placeholder-color)}.vft-textarea.is-exceed .vft-textarea__inner{border-color:var(--vft-danger-color)}.vft-textarea.is-exceed .vft-input__count{color:var(--vft-danger-color)}:root{--vft-link-font-size:var(--vft-font-size-base);--vft-link-font-weight:var(--vft-font-weight-primary);--vft-link-text-color:var(--vft-text-regular-color);--vft-link-hover-text-color:var(--vft-primary-color);--vft-link-disabled-text-color:var(--vft-text-placeholder-color)}.vft-link{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;position:relative;text-decoration:none;outline:0;cursor:pointer;padding:0;font-size:var(--vft-link-font-size);font-weight:var(--vft-link-font-weight);color:var(--vft-link-text-color)}.vft-link:hover{color:var(--vft-link-hover-text-color)}.vft-link.is-underline:hover:after{content:"";position:absolute;left:0;right:0;height:0;bottom:0;border-bottom:1px solid var(--vft-link-hover-text-color)}.vft-link.is-disabled{color:var(--vft-link-disabled-text-color);cursor:not-allowed}.vft-link [class=vft-icon-]+span{margin-left:5px}.vft-link.vft-link--default:after{border-color:var(--vft-link-hover-text-color)}.vft-link__inner{display:inline-flex;justify-content:center;align-items:center}.vft-link.vft-link--primary{--vft-link-text-color:var(--vft-primary-color);--vft-link-hover-text-color:var(--vft-primary-color-light-3);--vft-link-disabled-text-color:var(--vft-primary-color-light-5)}.vft-link.vft-link--primary:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--primary.is-underline:hover:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--success{--vft-link-text-color:var(--vft-success-color);--vft-link-hover-text-color:var(--vft-success-color-light-3);--vft-link-disabled-text-color:var(--vft-success-color-light-5)}.vft-link.vft-link--success:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--success.is-underline:hover:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--warning{--vft-link-text-color:var(--vft-warning-color);--vft-link-hover-text-color:var(--vft-warning-color-light-3);--vft-link-disabled-text-color:var(--vft-warning-color-light-5)}.vft-link.vft-link--warning:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--warning.is-underline:hover:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--danger{--vft-link-text-color:var(--vft-danger-color);--vft-link-hover-text-color:var(--vft-danger-color-light-3);--vft-link-disabled-text-color:var(--vft-danger-color-light-5)}.vft-link.vft-link--danger:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--danger.is-underline:hover:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--error{--vft-link-text-color:var(--vft-error-color);--vft-link-hover-text-color:var(--vft-error-color-light-3);--vft-link-disabled-text-color:var(--vft-error-color-light-5)}.vft-link.vft-link--error:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--error.is-underline:hover:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--info{--vft-link-text-color:var(--vft-info-color);--vft-link-hover-text-color:var(--vft-info-color-light-3);--vft-link-disabled-text-color:var(--vft-info-color-light-5)}.vft-link.vft-link--info:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--info.is-underline:hover:after{border-color:var(--vft-link-text-color)}:root{--vft-pagination-font-size:14px;--vft-pagination-bg-color:var(--vft-fill-color-blank);--vft-pagination-text-color:var(--vft-text-primary-color);--vft-pagination-border-radius:2px;--vft-pagination-button-color:var(--vft-text-primary-color);--vft-pagination-button-width:32px;--vft-pagination-button-height:32px;--vft-pagination-button-disabled-color:var(--vft-text-placeholder-color);--vft-pagination-button-disabled-bg-color:var(--vft-fill-color-blank);--vft-pagination-button-bg-color:var(--vft-fill-color);--vft-pagination-hover-color:var(--vft-primary-color);--vft-pagination-font-size-small:12px;--vft-pagination-button-width-small:24px;--vft-pagination-button-height-small:24px;--vft-pagination-item-gap:16px}.vft-pagination{white-space:nowrap;color:var(--vft-pagination-text-color);font-size:var(--vft-pagination-font-size);font-weight:400;display:flex;align-items:center}.vft-pagination .vft-input__inner{text-align:center;-moz-appearance:textfield}.vft-pagination .vft-select .vft-input{width:128px}.vft-pagination button{display:flex;justify-content:center;align-items:center;font-size:var(--vft-pagination-font-size);min-width:var(--vft-pagination-button-width);height:var(--vft-pagination-button-height);line-height:var(--vft-pagination-button-height);color:var(--vft-pagination-button-color);background:var(--vft-pagination-bg-color);padding:0 4px;border:none;border-radius:var(--vft-pagination-border-radius);cursor:pointer;text-align:center;box-sizing:border-box}.vft-pagination button .vft-icon{color:inherit}.vft-pagination button {pointer-events:none}.vft-pagination button:focus{outline:0}.vft-pagination button:hover{color:var(--vft-pagination-hover-color)}.vft-pagination button.is-active{color:var(--vft-pagination-hover-color);cursor:default;font-weight:700}.vft-pagination button.is-active.is-disabled{font-weight:700}.vft-pagination button.is-disabled,.vft-pagination button:disabled{color:var(--vft-pagination-button-disabled-color);background-color:var(--vft-pagination-button-disabled-bg-color);cursor:not-allowed}.vft-pagination button:focus-visible{outline:1px solid var(--vft-pagination-hover-color);outline-offset:-1px}.vft-pagination .btn-next .vft-icon,.vft-pagination .btn-prev .vft-icon{display:block;font-size:12px;font-weight:700;width:inherit}.vft-pagination>.is-first{margin-left:0!important}.vft-pagination>.is-last{margin-right:0!important}.vft-pagination .btn-prev{margin-left:var(--vft-pagination-item-gap)}.vft-pagination__sizes{margin-left:var(--vft-pagination-item-gap);font-weight:400;color:var(--vft-text-regular-color)}.vft-pagination__total{margin-left:var(--vft-pagination-item-gap);font-weight:400;color:var(--vft-text-regular-color)}.vft-pagination__total[disabled=true]{color:var(--vft-text-placeholder-color)}.vft-pagination__jump{display:flex;align-items:center;margin-left:var(--vft-pagination-item-gap);font-weight:400;color:var(--vft-text-regular-color)}.vft-pagination__jump[disabled=true]{color:var(--vft-text-placeholder-color)}.vft-pagination__goto{margin-right:8px}.vft-pagination__editor{text-align:center;box-sizing:border-box}.vft-pagination__editor.vft-input{width:56px}.vft-pagination__editor .vft-input__inner::-webkit-inner-spin-button,.vft-pagination__editor .vft-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.vft-pagination__classifier{margin-left:8px}.vft-pagination__rightwrapper{flex:1;display:flex;align-items:center;justify-content:flex-end}.vft-pagination.is-background .btn-next,.vft-pagination.is-background .btn-prev,.vft-pagination.is-background .vft-pager li{margin:0 4px;background-color:var(--vft-pagination-button-bg-color)}.vft-pagination.is-background .btn-next.is-active,.vft-pagination.is-background .btn-prev.is-active,.vft-pagination.is-background .vft-pager li.is-active{background-color:var(--vft-primary-color);color:var(--vft-color-white)}.vft-pagination.is-background .btn-next.is-disabled,.vft-pagination.is-background .btn-next:disabled,.vft-pagination.is-background .btn-prev.is-disabled,.vft-pagination.is-background .btn-prev:disabled,.vft-pagination.is-background .vft-pager li.is-disabled,.vft-pagination.is-background .vft-pager li:disabled{color:var(--vft-text-placeholder-color);background-color:var(--vft-disabled-bg-color)}.vft-pagination.is-background .btn-next.is-disabled.is-active,.vft-pagination.is-background .btn-next:disabled.is-active,.vft-pagination.is-background .btn-prev.is-disabled.is-active,.vft-pagination.is-background .btn-prev:disabled.is-active,.vft-pagination.is-background .vft-pager li.is-disabled.is-active,.vft-pagination.is-background .vft-pager li:disabled.is-active{color:var(--vft-text-secondary-color);background-color:var(--vft-fill-color-dark)}.vft-pagination.is-background .btn-prev{margin-left:var(--vft-pagination-item-gap)}.vft-pagination--small .btn-next,.vft-pagination--small .btn-prev,.vft-pagination--small .vft-pager li{height:var(--vft-pagination-button-height-small);line-height:var(--vft-pagination-button-height-small);font-size:var(--vft-pagination-font-size-small);min-width:var(--vft-pagination-button-width-small)}.vft-pagination--small button,.vft-pagination--small span:not([class=suffix]){font-size:var(--vft-pagination-font-size-small)}.vft-pagination--small .vft-select .vft-input{width:100px}.vft-pager{-webkit-user-select:none;-moz-user-select:none;user-select:none;list-style:none;font-size:0;padding:0;margin:0;display:flex;align-items:center}.vft-pager li{display:flex;justify-content:center;align-items:center;font-size:var(--vft-pagination-font-size);min-width:var(--vft-pagination-button-width);height:var(--vft-pagination-button-height);line-height:var(--vft-pagination-button-height);color:var(--vft-pagination-button-color);background:var(--vft-pagination-bg-color);padding:0 4px;border:none;border-radius:var(--vft-pagination-border-radius);cursor:pointer;text-align:center;box-sizing:border-box}.vft-pager li .vft-icon{color:inherit}.vft-pager li {pointer-events:none}.vft-pager li:focus{outline:0}.vft-pager li:hover{color:var(--vft-pagination-hover-color)}.vft-pager li.is-active{color:var(--vft-pagination-hover-color);cursor:default;font-weight:700}.vft-pager li.is-active.is-disabled{font-weight:700}.vft-pager li.is-disabled,.vft-pager li:disabled{color:var(--vft-pagination-button-disabled-color);background-color:var(--vft-pagination-button-disabled-bg-color);cursor:not-allowed}.vft-pager li:focus-visible{outline:1px solid var(--vft-pagination-hover-color);outline-offset:-1px}: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)}:root{--vft-side-menu-border:var(--vft-menu-border-right);--vft-side-menu-width:200px;--vft-side-menu-collapse-width:200px;--vft-side-menu-scroll-mr:0}.vft-side-menu{overflow-x:hidden;transition:width .2s;width:var(--vft-side-menu-width);display:flex;flex-direction:column}.vft-side-menu--fixed{position:fixed;left:0}.vft-side-menu__top{border-bottom:var(--vft-side-menu-border);z-index:1;background-color:#fff}.vft-side-menu__bottom{border-top:var(--vft-side-menu-border);position:absolute;bottom:0;width:100%;background-color:#fff}.vft-side-menu__collapse{cursor:pointer;height:40px;background-color:#fff;padding:0 16px;display:flex;align-items:center;border-right:solid 1px var(--vft-menu-border-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__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}.vft-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;height:100%;background-color:var(--vft-overlay-color-lighter);overflow:auto}.vft-overlay .vft-overlay-root{height:0}:root{--vft-clamp-toggle-toggle-color:#1382EF;--vft-clamp-toggle-toggle-size:12px;--vft-clamp-toggle-color:#111;--vft-clamp-toggle-size:12px}.vft-clamp-toggle{font-size:var(--vft-clamp-toggle-size);color:var(--vft-clamp-toggle-color)}.vft-clamp-toggle__more{font-size:var(--vft-clamp-toggle-toggle-size);color:var(--vft-clamp-toggle-toggle-color)}

package/es/component.mjs CHANGED Viewed

@@ -1,36 +1,36 @@
-import { VftDivider as o } from "./packages/components/divider/index.mjs";
-import { VftConfigProvider as t } from "./packages/components/config-provider/index.mjs";
-import { VftIcon as r } from "./packages/components/icon/index.mjs";
-import { VftAvatar as m } from "./packages/components/avatar/index.mjs";
-import { VftEmpty as f } from "./packages/components/empty/index.mjs";
-import { VftResult as i } from "./packages/components/result/index.mjs";
-import { VftException as p } from "./packages/components/exception/index.mjs";
-import { VftTooltip as V } from "./packages/components/tooltip/index.mjs";
-import { VftBackTop as e } from "./packages/components/back-top/index.mjs";
-import { VftPopover as n } from "./packages/components/popover/index.mjs";
-import { VftPopper as a } from "./packages/components/popper/index.mjs";
-import { VftLogo as u } from "./packages/components/logo/index.mjs";
-import { VftIconText as l } from "./packages/components/icon-text/index.mjs";
-import { VftImage as s } from "./packages/components/image/index.mjs";
-import { VftFullScreen as c } from "./packages/components/full-screen/index.mjs";
-import { VftInput as T } from "./packages/components/input/index.mjs";
-import { VftLink as I } from "./packages/components/link/index.mjs";
-import { VftTag as g } from "./packages/components/tag/index.mjs";
-import { VftQrcode as d } from "./packages/components/qrcode/index.mjs";
-import { VftOverlay as C } from "./packages/components/overlay/index.mjs";
-import { VftSideMenu as M } from "./packages/components/side-menu/index.mjs";
-import { VftClamp as v } from "./packages/components/clamp/index.mjs";
-import { VftClampToggle as y } from "./packages/components/clamp-toggle/index.mjs";
-import { VftRouterViewContent as L } from "./packages/components/router-view-content/index.mjs";
-import { VftIframeLayout as P } from "./packages/components/iframe-layout/index.mjs";
-import { VftFooterLayout as b } from "./packages/components/footer-layout/index.mjs";
-import { VftHeaderLayout as x } from "./packages/components/header-layout/index.mjs";
-import { VftPagination as D } from "./packages/components/pagination/index.mjs";
-import { VftTabs as S, VftTabPane as k } from "./packages/components/tabs/index.mjs";
-import { VftDescriptions as E, VftDescriptionsItem as F } from "./packages/components/descriptions/index.mjs";
-import { VftMultipleTabs as R } from "./packages/components/multiple-tabs/index.mjs";
-import { VftCollapseTransition as w } from "./packages/components/collapse-transition/index.mjs";
-import { VftMenu as A, VftMenuItem as B, VftMenuItemGroup as G, VftSubMenu as H } from "./packages/components/menu/index.mjs";
+import { VftDivider as o } from "./components/divider/index.mjs";
+import { VftConfigProvider as t } from "./components/config-provider/index.mjs";
+import { VftIcon as r } from "./components/icon/index.mjs";
+import { VftAvatar as m } from "./components/avatar/index.mjs";
+import { VftEmpty as f } from "./components/empty/index.mjs";
+import { VftResult as i } from "./components/result/index.mjs";
+import { VftException as p } from "./components/exception/index.mjs";
+import { VftTooltip as V } from "./components/tooltip/index.mjs";
+import { VftBackTop as e } from "./components/back-top/index.mjs";
+import { VftPopover as n } from "./components/popover/index.mjs";
+import { VftPopper as a } from "./components/popper/index.mjs";
+import { VftLogo as u } from "./components/logo/index.mjs";
+import { VftIconText as l } from "./components/icon-text/index.mjs";
+import { VftImage as s } from "./components/image/index.mjs";
+import { VftFullScreen as c } from "./components/full-screen/index.mjs";
+import { VftInput as T } from "./components/input/index.mjs";
+import { VftLink as I } from "./components/link/index.mjs";
+import { VftTag as g } from "./components/tag/index.mjs";
+import { VftQrcode as d } from "./components/qrcode/index.mjs";
+import { VftOverlay as C } from "./components/overlay/index.mjs";
+import { VftSideMenu as M } from "./components/side-menu/index.mjs";
+import { VftClamp as v } from "./components/clamp/index.mjs";
+import { VftClampToggle as y } from "./components/clamp-toggle/index.mjs";
+import { VftRouterViewContent as L } from "./components/router-view-content/index.mjs";
+import { VftIframeLayout as P } from "./components/iframe-layout/index.mjs";
+import { VftFooterLayout as b } from "./components/footer-layout/index.mjs";
+import { VftHeaderLayout as x } from "./components/header-layout/index.mjs";
+import { VftPagination as D } from "./components/pagination/index.mjs";
+import { VftTabs as S, VftTabPane as k } from "./components/tabs/index.mjs";
+import { VftDescriptions as E, VftDescriptionsItem as F } from "./components/descriptions/index.mjs";
+import { VftMultipleTabs as R } from "./components/multiple-tabs/index.mjs";
+import { VftCollapseTransition as w } from "./components/collapse-transition/index.mjs";
+import { VftMenu as A, VftMenuItem as B, VftMenuItemGroup as G, VftSubMenu as H } from "./components/menu/index.mjs";
 const go = [
   v,
   y,

package/es/components/avatar/avatar.vue2.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"avatar.vue2.mjs","sources":["../../../../../packages/components/avatar/avatar.vue"],"sourcesContent":["<template>\n <span :class=\"avatarClass\" :style=\"sizeStyle\">\n <img\n\t\t\t\tv-if=\"(src || srcSet) && !hasLoadError\"\n\t\t\t\t:src=\"src\"\n\t\t\t\t:alt=\"alt\"\n\t\t\t\t:srcset=\"srcSet\"\n\t\t\t\t:style=\"fitStyle\"\n\t\t\t\t@error=\"handleError\"\n\t\t/>\n <vft-icon v-else-if=\"icon\" />\n <slot v-else />\n </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { addUnit, isNumber, isString } from '@vft/utils';\nimport type { CSSProperties } from 'vue';\nimport { computed, ref, watch } from 'vue';\nimport VftIcon, { type IconProps } from '@vft-ui/components/icon'\nimport { useNamespace } from '@vft-ui/hooks';\n\ninterface Props {\n\tsize?: number | 'large' | 'default' | 'small'\n\tshape?: 'circle' | 'square'\n\ticon?: IconProps\n\tsrc?: string\n\talt?: string\n\tsrcSet?: string\n\tfit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'\n}\n\ndefineProps({\n \"size\": { default: '' },\n \"shape\": { default: 'circle' },\n \"icon\": null,\n \"src\": null,\n \"alt\": null,\n \"srcSet\": null,\n \"fit\": { default: 'cover' }\n})\n\nconst emit = defineEmits(['error']);\n\nconst ns = useNamespace('avatar');\n\nconst hasLoadError = ref(false);\n\nconst avatarClass = computed(() => {\n\tconst classList = [ns.b()];\n\tif (isString(__props.size)) classList.push(ns.m(__props.size));\n\tif (__props.icon) classList.push(ns.m('icon'));\n\tif (__props.shape) classList.push(ns.m(__props.shape));\n\treturn classList;\n});\n\nconst sizeStyle = computed(() => {\n\treturn isNumber(__props.size)\n\t\t? (ns.cssVarBlock({\n\t\t\tsize: addUnit(__props.size) || ''\n\t\t}) as CSSProperties)\n\t\t: undefined;\n});\n\nconst fitStyle = computed<CSSProperties>(() => ({\n\tobjectFit: __props.fit\n}));\n\n// need reset hasLoadError to false if src changed\nwatch(\n\t() => __props.src,\n\t() => (hasLoadError.value = false)\n);\n\nfunction handleError (e: Event) {\n\thasLoadError.value = true;\n\temit('error', e);\n}\n</script>\n\n"],"names":["ns","useNamespace","hasLoadError","ref","avatarClass","computed","classList","isString","__props","sizeStyle","isNumber","addUnit","fitStyle","watch","handleError","e","emit"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA4CM,UAAAA,IAAKC,EAAa,QAAQ,GAE1BC,IAAeC,EAAI,EAAK,GAExBC,IAAcC,EAAS,MAAM;AAClC,YAAMC,IAAY,CAACN,EAAG,EAAG,CAAA;AACrB,aAAAO,EAASC,EAAQ,IAAI,KAAGF,EAAU,KAAKN,EAAG,EAAEQ,EAAQ,IAAI,CAAC,GACzDA,EAAQ,QAAMF,EAAU,KAAKN,EAAG,EAAE,MAAM,CAAC,GACzCQ,EAAQ,SAAOF,EAAU,KAAKN,EAAG,EAAEQ,EAAQ,KAAK,CAAC,GAC9CF;AAAA,IAAA,CACP,GAEKG,IAAYJ,EAAS,MACnBK,EAASF,EAAQ,IAAI,IACxBR,EAAG,YAAY;AAAA,MACjB,MAAMW,EAAQH,EAAQ,IAAI,KAAK;AAAA,IAAA,CAC/B,IACC,MACH,GAEKI,IAAWP,EAAwB,OAAO;AAAA,MAC/C,WAAWG,EAAQ;AAAA,IAClB,EAAA;AAGF,IAAAK;AAAA,MACC,MAAML,EAAQ;AAAA,MACd,MAAON,EAAa,QAAQ;AAAA,IAAA;AAG7B,aAASY,EAAaC,GAAU;AAC/B,MAAAb,EAAa,QAAQ,IACrBc,EAAK,SAASD,CAAC;AAAA,IAChB;;;;;;;;;;;;;;;;"}

package/es/components/avatar/index.mjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.mjs","sources":["../../../../../packages/components/avatar/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Avatar from './avatar.vue'\n\nexport const VftAvatar = withInstall(Avatar)\nexport default VftAvatar\n\n"],"names":["VftAvatar","withInstall","Avatar"],"mappings":";;;;;AAIa,MAAAA,IAAYC,EAAYC,CAAM;"}

package/es/components/back-top/back-top.vue2.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"back-top.vue2.mjs","sources":["../../../../../packages/components/back-top/back-top.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('back-top')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { singleAttrToObj } from '@vft/utils';\nimport { type IconProps, VftIcon } from '@vft-ui/components';\nimport { useBackTop } from './use-back-top';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { computed, getCurrentInstance } from 'vue';\n\ninterface BackTopProps {\n /** 滚动高度达到此参数值才出现 */\n visibilityHeight?: number\n /** 触发滚动的对象 */\n target?: string\n /** 控制其显示位置，距离页面右边距 */\n right?: number\n /** 控制其显示位置，距离页面底部距离 */\n bottom?: number\n /** 滚动 icon dom */\n icon?: IconProps\n}\n\ndefineProps({\n \"visibilityHeight\": { default: 200 },\n \"target\": null,\n \"right\": { default: 40 },\n \"bottom\": { default: 40 },\n \"icon\": { default: 'vi-back-top' }\n})\n\nconst emit = defineEmits(['click']);\n\n\n\n;\n\nconst instance = getCurrentInstance()!;\n\nconst { handleClick, visible } = useBackTop(instance.props, emit, ns.b());\n\nconst backTopStyle = computed(() => ({\n right: `${__props.right}px`,\n bottom: `${__props.bottom}px`\n}));\n\nconst _icon = computed(() => {\n return singleAttrToObj(__props.icon, 'icon', {\n color: 'black'\n }) as IconProps;\n});\n</script>\n\n<template>\n <transition :name=\"`${ns.namespace}-fade-in`\">\n <div\n v-if=\"visible\"\n :style=\"backTopStyle\"\n :class=\"ns.b()\"\n @click.stop=\"handleClick\"\n >\n <slot>\n <vft-icon v-if=\"_icon?.icon\" v-bind=\"_icon\" />\n </slot>\n </div>\n </transition>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","instance","getCurrentInstance","handleClick","visible","useBackTop","emit","backTopStyle","computed","__props","_icon","singleAttrToObj"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,UAAU;AAAA,GAGpDC,IAA6BC,EAAmB;AAAA,EAC/C,MAAMH,EAAG,EAAE;AACZ,CAAC;;;;;;;;;;;AAmCD,UAAMI,IAAWC,KAEX,EAAE,aAAAC,GAAa,SAAAC,EAAY,IAAAC,EAAWJ,EAAS,OAAOK,GAAMT,EAAG,EAAA,CAAG,GAElEU,IAAeC,EAAS,OAAO;AAAA,MACnC,OAAO,GAAGC,EAAQ;AAAA,MAClB,QAAQ,GAAGA,EAAQ;AAAA,IACnB,EAAA,GAEIC,IAAQF,EAAS,MACdG,EAAgBF,EAAQ,MAAM,QAAQ;AAAA,MAC3C,OAAO;AAAA,IAAA,CACR,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/back-top/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.mjs","sources":["../../../../../packages/components/back-top/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport BackTop from './back-top.vue'\n\nexport const VftBackTop = withInstall(BackTop)\nexport default VftBackTop\n\nexport * from './types'\n"],"names":["VftBackTop","withInstall","BackTop"],"mappings":";;;;;AAIa,MAAAA,IAAaC,EAAYC,CAAO;"}

package/es/components/back-top/use-back-top.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"use-back-top.mjs","sources":["../../../../../packages/components/back-top/use-back-top.ts"],"sourcesContent":["import { onMounted, ref, shallowRef, watch, nextTick } from 'vue';\nimport { useEventListener, useThrottleFn, useTimeoutFn } from '@vueuse/core';\nimport { throwError } from '@vft-ui/utils';\nimport { type BackTopProps } from './types';\n\nexport const useBackTop = (props: BackTopProps, emit: Function, componentName: string) => {\n const el = shallowRef<HTMLElement>();\n const container = shallowRef<Document | HTMLElement>();\n const visible = ref(false);\n \n const scrollToTop = () => {\n if (!el.value) return;\n el.value.scrollTo(({ left: 0, top: 0, behavior: 'smooth' }));\n };\n \n const handleScroll = () => {\n if (el.value) visible.value = el.value.scrollTop >= props.visibilityHeight!;\n };\n \n const handleClick = (event: MouseEvent) => {\n scrollToTop();\n emit('click', event);\n };\n \n const handleScrollThrottled = useThrottleFn(handleScroll, 300, true);\n \n useEventListener(container, 'scroll', handleScrollThrottled);\n \n onMounted(() => {\n container.value = document;\n el.value = document.documentElement;\n \n if (props.target) {\n useTimeoutFn(() => {\n el.value = document.querySelector<HTMLElement>(props.target!) ?? undefined;\n if (!el.value) {\n throwError(componentName, `target does not exist: ${props.target}`);\n }\n container.value = el.value;\n }, 10);\n }\n });\n \n // listener scroll target，if scroll target change，the scrollTop dom visible need also change\n watch(\n () => props.target,\n (val) => {\n nextTick(() => {\n if (val) {\n el.value = document.querySelector<HTMLElement>(val) ?? undefined;\n if (!el.value) {\n throwError(componentName, `target does not exist: ${val}`);\n }\n if (el.value) visible.value = el.value.scrollTop >= props.visibilityHeight!;\n container.value = el.value;\n }\n });\n }\n );\n \n return {\n visible,\n handleClick\n };\n};\n"],"names":["useBackTop","props","emit","componentName","el","shallowRef","container","visible","ref","scrollToTop","handleScroll","handleClick","event","handleScrollThrottled","useThrottleFn","useEventListener","onMounted","useTimeoutFn","throwError","watch","val","nextTick"],"mappings":";;;;AAKO,MAAMA,IAAa,CAACC,GAAqBC,GAAgBC,MAA0B;AACxF,QAAMC,IAAKC,KACLC,IAAYD,KACZE,IAAUC,EAAI,EAAK,GAEnBC,IAAc,MAAM;AACxB,IAAKL,EAAG,SACLA,EAAA,MAAM,SAAU,EAAE,MAAM,GAAG,KAAK,GAAG,UAAU,SAAA,CAAW;AAAA,EAAA,GAGvDM,IAAe,MAAM;AACzB,IAAIN,EAAG,UAAOG,EAAQ,QAAQH,EAAG,MAAM,aAAaH,EAAM;AAAA,EAAA,GAGtDU,IAAc,CAACC,MAAsB;AAC7B,IAAAH,KACZP,EAAK,SAASU,CAAK;AAAA,EAAA,GAGfC,IAAwBC,EAAcJ,GAAc,KAAK,EAAI;AAElD,SAAAK,EAAAT,GAAW,UAAUO,CAAqB,GAE3DG,EAAU,MAAM;AACd,IAAAV,EAAU,QAAQ,UAClBF,EAAG,QAAQ,SAAS,iBAEhBH,EAAM,UACRgB,EAAa,MAAM;AACjB,MAAAb,EAAG,QAAQ,SAAS,cAA2BH,EAAM,MAAO,KAAK,QAC5DG,EAAG,SACKc,EAAAf,GAAe,0BAA0BF,EAAM,QAAQ,GAEpEK,EAAU,QAAQF,EAAG;AAAA,OACpB,EAAE;AAAA,EACP,CACD,GAGDe;AAAA,IACE,MAAMlB,EAAM;AAAA,IACZ,CAACmB,MAAQ;AACP,MAAAC,EAAS,MAAM;AACb,QAAID,MACFhB,EAAG,QAAQ,SAAS,cAA2BgB,CAAG,KAAK,QAClDhB,EAAG,SACKc,EAAAf,GAAe,0BAA0BiB,GAAK,GAEvDhB,EAAG,UAAOG,EAAQ,QAAQH,EAAG,MAAM,aAAaH,EAAM,mBAC1DK,EAAU,QAAQF,EAAG;AAAA,MACvB,CACD;AAAA,IACH;AAAA,EAAA,GAGK;AAAA,IACL,SAAAG;AAAA,IACA,aAAAI;AAAA,EAAA;AAEJ;"}

package/es/components/clamp/clamp.vue2.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"clamp.vue2.mjs","sources":["../../../../../packages/components/clamp/clamp.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('clamp')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n name: ns.b()\n});</script>\n<template>\n <div\n ref=\"textClampRef\"\n class=\"text-clamp\"\n :style=\"{\n overflow: 'hidden',\n maxHeight: realMaxHeight,\n }\"\n >\n <span ref=\"contentRef\">\n <slot\n name=\"before\"\n :expand=\"expand\"\n :collapse=\"collapse\"\n :toggle=\"toggle\"\n :clamped=\"isClamped\"\n :expanded=\"state.localExpanded\"\n />\n <span ref=\"textRef\" :aria-label=\"text\" />\n <slot\n name=\"after\"\n :expand=\"expand\"\n :collapse=\"collapse\"\n :toggle=\"toggle\"\n :clamped=\"isClamped\"\n :expanded=\"state.localExpanded\"\n />\n </span>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { addUnit } from '@vft/utils';\nimport { computed, ref, reactive, onMounted, onUnmounted, watch, nextTick } from 'vue';\nimport { addListener, removeListener } from 'resize-detector';\nimport { useNamespace } from '@vft-ui/hooks';\n\ninterface ClampProps {\n text: string;\n maxHeight?: string | number;\n maxLines?: number;\n expanded?: boolean;\n location?: 'start' | 'middle' | 'end';\n ellipsis?: string;\n autoResize?: boolean;\n}\n\ndefineProps({\n \"text\": null,\n \"maxHeight\": null,\n \"maxLines\": { default: 1 },\n \"expanded\": { type: Boolean, default: false },\n \"location\": { default: 'end' },\n \"ellipsis\": { default: '…' },\n \"autoResize\": { type: Boolean, default: false }\n})\n\nconst emits = defineEmits([\"clamp-change\", \"update:expanded\"]);\n\n\n\n;\n\nconst textClampRef = ref<HTMLElement | null>(null);\nconst contentRef = ref<HTMLElement | null>(null);\nconst textRef = ref<HTMLElement | null>(null);\nconst state = reactive({\n offset: 0,\n localExpanded: __props.expanded,\n unregisterResizeCallback: null as null | Function\n});\n\nconst realMaxHeight = computed(() => {\n if (state.localExpanded) return undefined;\n if (!__props.maxHeight) return undefined;\n return addUnit(__props.maxHeight);\n});\n\nconst applyChange = () => {\n textRef.value && (textRef.value.textContent = realText.value);\n};\nconst update = () => {\n if (state.localExpanded) return;\n applyChange();\n if (isOverflow() || isClamped.value) {\n search();\n }\n};\nconst init = () => {\n if (!__props.text) return;\n state.offset = __props.text.length;\n cleanUp();\n if (__props.autoResize && textClampRef.value) {\n addListener(textClampRef.value, update);\n state.unregisterResizeCallback = () => {\n textClampRef.value && removeListener(textClampRef.value, update);\n };\n }\n update();\n};\nconst cleanUp = () => {\n state.unregisterResizeCallback?.();\n};\n\nconst isOverflow = () => {\n if (!__props.maxLines && !__props.maxHeight) return false;\n if (!textClampRef.value) return false;\n if (__props.maxLines && getLines() > __props.maxLines) return true;\n return !!(__props.maxHeight && textClampRef.value.scrollHeight > textClampRef.value.offsetHeight);\n\n};\nconst getLines = () => {\n if (!contentRef.value) return 0;\n return Object.keys(\n Array.prototype.slice.call(contentRef.value.getClientRects()).reduce((prev, {\n top,\n bottom\n }) => {\n const key = `${top}/${bottom}`;\n if (!prev[key]) {\n prev[key] = true;\n }\n return prev;\n }, {})\n ).length;\n};\nconst search = (...range: number[]) => {\n const [from = 0, to = state.offset] = range;\n if (to - from <= 3) {\n stepToFit();\n return;\n }\n const target = Math.floor((to + from) / 2);\n clampAt(target);\n if (isOverflow()) {\n search(from, target);\n } else {\n search(target, to);\n }\n};\nconst clampAt = (offset: number) => {\n state.offset = offset;\n applyChange();\n};\nconst stepToFit = () => {\n fill();\n clamp();\n};\nconst fill = () => {\n while ((!isOverflow() || getLines() < 2) && state.offset < __props.text.length) {\n moveEdge(1);\n }\n};\nconst clamp = () => {\n while (isOverflow() && getLines() > 1 && state.offset > 0) {\n moveEdge(-1);\n }\n};\nconst moveEdge = (steps: number) => {\n clampAt(state.offset + steps);\n};\n\nconst isClamped = computed(() => {\n if (!__props.text) return false;\n return state.offset !== __props.text.length;\n});\nwatch(\n () => isClamped.value,\n (val: boolean) => {\n nextTick(() => {\n emits('clamp-change', val);\n });\n },\n { immediate: true }\n);\nconst realText = computed(() => {\n return isClamped.value ? clampedText.value : __props.text;\n});\n\nconst clampedText = computed(() => {\n if (__props.location === 'start') {\n return __props.ellipsis + (__props.text.slice(0, state.offset) || '').trim();\n }\n if (__props.location === 'middle') {\n const split = Math.floor(state.offset / 2);\n return (__props.text.slice(0, split) || '').trim() + __props.ellipsis + (__props.text.slice(-split) || '').trim();\n }\n return (__props.text.slice(0, state.offset) || '').trim() + __props.ellipsis;\n});\n\nconst expand = () => {\n state.localExpanded = true;\n};\nconst collapse = () => {\n state.localExpanded = false;\n};\nconst toggle = () => {\n state.localExpanded = !state.localExpanded;\n};\nwatch(\n () => __props.expanded,\n (val: boolean) => {\n state.localExpanded = val;\n }\n);\nwatch(\n () => state.localExpanded,\n (val: boolean) => {\n if (val) {\n clampAt(__props.text.length);\n } else {\n update();\n }\n if (__props.expanded !== val) {\n emits('update:expanded', val);\n }\n }\n);\n\nwatch(\n () => [__props.maxLines, __props.maxHeight, __props.ellipsis, __props.location, isClamped.value].join(),\n () => {\n nextTick(() => {\n update();\n });\n }\n);\nwatch(\n () => [__props.text, __props.autoResize].join(),\n () => {\n nextTick(() => {\n init();\n });\n }\n);\nonUnmounted(() => {\n cleanUp();\n});\nonMounted(() => {\n init();\n});\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","textClampRef","ref","contentRef","textRef","state","reactive","__props","realMaxHeight","computed","addUnit","applyChange","realText","update","isOverflow","isClamped","search","init","cleanUp","addListener","removeListener","_a","getLines","prev","top","bottom","key","range","from","to","stepToFit","target","clampAt","offset","fill","clamp","moveEdge","steps","watch","val","nextTick","emits","clampedText","split","expand","collapse","toggle","onUnmounted","onMounted"],"mappings":";;;;;;;;;0BACMA;AAAA;AAAA,EAAuBC,EAAa,OAAO;AAAA,GAGjDC,IAA6BC,EAAmB;AAAA,EAC9C,MAAMH,EAAG,EAAE;AACb,CAAC;;;;;;;;;;;;;AAgEK,UAAAI,IAAeC,EAAwB,IAAI,GAC3CC,IAAaD,EAAwB,IAAI,GACzCE,IAAUF,EAAwB,IAAI,GACtCG,IAAQC,EAAS;AAAA,MACrB,QAAQ;AAAA,MACR,eAAeC,EAAQ;AAAA,MACvB,0BAA0B;AAAA,IAAA,CAC3B,GAEKC,IAAgBC,EAAS,MAAM;AACnC,UAAI,CAAAJ,EAAM,iBACLE,EAAQ;AACN,eAAAG,EAAQH,EAAQ,SAAS;AAAA,IAAA,CACjC,GAEKI,IAAc,MAAM;AACxB,MAAAP,EAAQ,UAAUA,EAAQ,MAAM,cAAcQ,EAAS;AAAA,IAAA,GAEnDC,IAAS,MAAM;AACnB,MAAIR,EAAM,kBACEM,MACRG,EAAA,KAAgBC,EAAU,UACrBC;IACT,GAEIC,IAAO,MAAM;AACjB,MAAKV,EAAQ,SACPF,EAAA,SAASE,EAAQ,KAAK,QACpBW,KACJX,EAAQ,cAAcN,EAAa,UACzBkB,EAAAlB,EAAa,OAAOY,CAAM,GACtCR,EAAM,2BAA2B,MAAM;AACrC,QAAAJ,EAAa,SAASmB,EAAenB,EAAa,OAAOY,CAAM;AAAA,MAAA,IAG5DA;IAAA,GAEHK,IAAU,MAAM;;AACpB,OAAAG,IAAAhB,EAAM,6BAAN,QAAAgB,EAAA,KAAAhB;AAAA,IAAiC,GAG7BS,IAAa,MACb,CAACP,EAAQ,YAAY,CAACA,EAAQ,aAC9B,CAACN,EAAa,QAAc,KAC5BM,EAAQ,YAAYe,EAAS,IAAIf,EAAQ,WAAiB,KACvD,CAAC,EAAEA,EAAQ,aAAaN,EAAa,MAAM,eAAeA,EAAa,MAAM,eAGhFqB,IAAW,MACVnB,EAAW,QACT,OAAO;AAAA,MACZ,MAAM,UAAU,MAAM,KAAKA,EAAW,MAAM,gBAAgB,EAAE,OAAO,CAACoB,GAAM;AAAA,QAC1E,KAAAC;AAAA,QACA,QAAAC;AAAA,MAAA,MACI;AACE,cAAAC,IAAM,GAAGF,KAAOC;AAClB,eAACF,EAAKG,CAAG,MACXH,EAAKG,CAAG,IAAI,KAEPH;AAAA,MACT,GAAG,EAAE;AAAA,IACL,EAAA,SAZ4B,GAc1BP,IAAS,IAAIW,MAAoB;AACrC,YAAM,CAACC,IAAO,GAAGC,IAAKxB,EAAM,MAAM,IAAIsB;AAClC,UAAAE,IAAKD,KAAQ,GAAG;AACR,QAAAE;AACV;AAAA,MACF;AACA,YAAMC,IAAS,KAAK,OAAOF,IAAKD,KAAQ,CAAC;AACzC,MAAAI,EAAQD,CAAM,GACVjB,MACFE,EAAOY,GAAMG,CAAM,IAEnBf,EAAOe,GAAQF,CAAE;AAAA,IACnB,GAEIG,IAAU,CAACC,MAAmB;AAClC,MAAA5B,EAAM,SAAS4B,GACHtB;IAAA,GAERmB,IAAY,MAAM;AACjB,MAAAI,KACCC;IAAA,GAEFD,IAAO,MAAM;AACT,cAAA,CAACpB,OAAgBQ,MAAa,MAAMjB,EAAM,SAASE,EAAQ,KAAK;AACtE,QAAA6B,EAAS,CAAC;AAAA,IACZ,GAEID,IAAQ,MAAM;AAClB,aAAOrB,EAAgB,KAAAQ,MAAa,KAAKjB,EAAM,SAAS;AACtD,QAAA+B,EAAS,EAAE;AAAA,IACb,GAEIA,IAAW,CAACC,MAAkB;AAC1B,MAAAL,EAAA3B,EAAM,SAASgC,CAAK;AAAA,IAAA,GAGxBtB,IAAYN,EAAS,MACpBF,EAAQ,OACNF,EAAM,WAAWE,EAAQ,KAAK,SADX,EAE3B;AACD,IAAA+B;AAAA,MACE,MAAMvB,EAAU;AAAA,MAChB,CAACwB,MAAiB;AAChB,QAAAC,EAAS,MAAM;AACb,UAAAC,EAAM,gBAAgBF,CAAG;AAAA,QAAA,CAC1B;AAAA,MACH;AAAA,MACA,EAAE,WAAW,GAAK;AAAA,IAAA;AAEd,UAAA3B,IAAWH,EAAS,MACjBM,EAAU,QAAQ2B,EAAY,QAAQnC,EAAQ,IACtD,GAEKmC,IAAcjC,EAAS,MAAM;AAC7B,UAAAF,EAAQ,aAAa;AAChB,eAAAA,EAAQ,YAAYA,EAAQ,KAAK,MAAM,GAAGF,EAAM,MAAM,KAAK,IAAI,KAAK;AAEzE,UAAAE,EAAQ,aAAa,UAAU;AACjC,cAAMoC,IAAQ,KAAK,MAAMtC,EAAM,SAAS,CAAC;AACzC,gBAAQE,EAAQ,KAAK,MAAM,GAAGoC,CAAK,KAAK,IAAI,KAAK,IAAIpC,EAAQ,YAAYA,EAAQ,KAAK,MAAM,CAACoC,CAAK,KAAK,IAAI;MAC7G;AACQ,cAAApC,EAAQ,KAAK,MAAM,GAAGF,EAAM,MAAM,KAAK,IAAI,SAASE,EAAQ;AAAA,IAAA,CACrE,GAEKqC,IAAS,MAAM;AACnB,MAAAvC,EAAM,gBAAgB;AAAA,IAAA,GAElBwC,IAAW,MAAM;AACrB,MAAAxC,EAAM,gBAAgB;AAAA,IAAA,GAElByC,IAAS,MAAM;AACb,MAAAzC,EAAA,gBAAgB,CAACA,EAAM;AAAA,IAAA;AAE/B,WAAAiC;AAAA,MACE,MAAM/B,EAAQ;AAAA,MACd,CAACgC,MAAiB;AAChB,QAAAlC,EAAM,gBAAgBkC;AAAA,MACxB;AAAA,IAAA,GAEFD;AAAA,MACE,MAAMjC,EAAM;AAAA,MACZ,CAACkC,MAAiB;AAChB,QAAIA,IACMP,EAAAzB,EAAQ,KAAK,MAAM,IAEpBM,KAELN,EAAQ,aAAagC,KACvBE,EAAM,mBAAmBF,CAAG;AAAA,MAEhC;AAAA,IAAA,GAGFD;AAAA,MACE,MAAM,CAAC/B,EAAQ,UAAUA,EAAQ,WAAWA,EAAQ,UAAUA,EAAQ,UAAUQ,EAAU,KAAK,EAAE,KAAK;AAAA,MACtG,MAAM;AACJ,QAAAyB,EAAS,MAAM;AACN,UAAA3B;QAAA,CACR;AAAA,MACH;AAAA,IAAA,GAEFyB;AAAA,MACE,MAAM,CAAC/B,EAAQ,MAAMA,EAAQ,UAAU,EAAE,KAAK;AAAA,MAC9C,MAAM;AACJ,QAAAiC,EAAS,MAAM;AACR,UAAAvB;QAAA,CACN;AAAA,MACH;AAAA,IAAA,GAEF8B,EAAY,MAAM;AACR,MAAA7B;IAAA,CACT,GACD8B,EAAU,MAAM;AACT,MAAA/B;IAAA,CACN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/clamp/index.mjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.mjs","sources":["../../../../../packages/components/clamp/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Clamp from './clamp.vue'\n\nexport const VftClamp = withInstall(Clamp)\n\nexport default VftClamp\n\n"],"names":["VftClamp","withInstall","Clamp"],"mappings":";;;;;AAIa,MAAAA,IAAWC,EAAYC,CAAK;"}

package/es/components/clamp-toggle/clamp-toggle.vue2.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"clamp-toggle.vue2.mjs","sources":["../../../../../packages/components/clamp-toggle/clamp-toggle.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('clamp-toggle')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n name: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { generateCssVars } from '@vft/utils';\nimport { useNamespace } from '@vft-ui/hooks';\nimport Clamp from '@vft-ui/components/clamp';\nimport { computed } from 'vue';\n\ninterface ClampProps {\n text: string;\n maxHeight?: string | number;\n maxLines?: number;\n expanded?: boolean;\n location?: 'start' | 'middle' | 'end';\n ellipsis?: string;\n autoResize?: boolean;\n color?: string\n size?: Numberish\n toggleColor?: string;\n toggleSize?: Numberish;\n toggleText?: Array<string>;\n}\n\ndefineProps({\n \"text\": null,\n \"maxHeight\": null,\n \"maxLines\": { default: 1 },\n \"expanded\": { type: Boolean, default: false },\n \"location\": { default: 'end' },\n \"ellipsis\": { default: '…' },\n \"autoResize\": { type: Boolean, default: false },\n \"color\": null,\n \"size\": null,\n \"toggleColor\": null,\n \"toggleSize\": null,\n \"toggleText\": { default: ['展开', '收缩'] }\n})\n\n\n\n;\n\nconst style = computed(() => {\n\treturn generateCssVars({ color: __props.color, size: __props.size, toggleColor: __props.toggleColor, toggleSize: __props.toggleSize }, ns.b());\n});\n</script>\n\n<template>\n <clamp\n :style=\"style\"\n :text=\"text\"\n :maxHeight=\"maxHeight\"\n :maxLines=\"maxLines\"\n :expanded=\"expanded\"\n :location=\"location\"\n :ellipsis=\"ellipsis\"\n :autoResize=\"autoResize\"\n >\n <template #after=\"{ toggle, expanded: isExpand, clamped }\">\n <span v-if=\"isExpand || clamped\" :class=\"['cursor-pointer', ns.e('more')]\" @click=\"toggle\">\n {{ !isExpand ? toggleText[0] : toggleText[1] }}\n </span>\n </template>\n </clamp>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","style","computed","generateCssVars","__props"],"mappings":";;;;;;;;;uBACMA;AAAA;AAAA,EAAuBC,EAAa,cAAc;AAAA,GAGxDC,IAA6BC,EAAmB;AAAA,EAC9C,MAAMH,EAAG,EAAE;AACb,CAAC;;;;;;;;;;;;;;;;;AAyCK,UAAAI,IAAQC,EAAS,MACfC,EAAgB,EAAE,OAAOC,EAAQ,OAAO,MAAMA,EAAQ,MAAM,aAAaA,EAAQ,aAAa,YAAYA,EAAQ,cAAcP,EAAG,GAAG,CAC7I;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/clamp-toggle/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.mjs","sources":["../../../../../packages/components/clamp-toggle/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport ClampToggle from './clamp-toggle.vue'\n\nexport const VftClampToggle = withInstall(ClampToggle)\n\nexport default VftClampToggle\n\n"],"names":["VftClampToggle","withInstall","ClampToggle"],"mappings":";;;;;AAIa,MAAAA,IAAiBC,EAAYC,CAAW;"}

package/es/components/collapse-transition/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.mjs","sources":["../../../../../packages/components/collapse-transition/index.ts"],"sourcesContent":["import CollapseTransition from './src/collapse-transition.vue'\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@vft-ui/utils'\n\nCollapseTransition.install = (app: App): void => {\n app.component(CollapseTransition.name, CollapseTransition)\n}\n\nconst _CollapseTransition = CollapseTransition as SFCWithInstall<\n typeof CollapseTransition\n>\n\nexport default _CollapseTransition\nexport const VftCollapseTransition = _CollapseTransition\n"],"names":["CollapseTransition","app","_CollapseTransition","VftCollapseTransition"],"mappings":";AAIAA,EAAmB,UAAU,CAACC,MAAmB;AAC3C,EAAAA,EAAA,UAAUD,EAAmB,MAAMA,CAAkB;AAC3D;AAEA,MAAME,IAAsBF,GAKfG,IAAwBD;"}

package/es/components/collapse-transition/src/collapse-transition.vue2.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"collapse-transition.vue2.mjs","sources":["../../../../../../packages/components/collapse-transition/src/collapse-transition.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n name: 'VtfCollapseTransition',\n});\n</script>\n<template>\n <transition :name=\"ns.b()\" v-on=\"on\">\n <slot />\n </transition>\n</template>\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@vft-ui/hooks'\nimport type { RendererElement } from '@vue/runtime-core'\n\n\n\nconst ns = useNamespace('collapse-transition')\n\nconst on = {\n beforeEnter(el: RendererElement) {\n if (!el.dataset) el.dataset = {}\n\n el.dataset.oldPaddingTop = el.style.paddingTop\n el.dataset.oldPaddingBottom = el.style.paddingBottom\n\n el.style.maxHeight = 0\n el.style.paddingTop = 0\n el.style.paddingBottom = 0\n },\n\n enter(el: RendererElement) {\n el.dataset.oldOverflow = el.style.overflow\n if (el.scrollHeight !== 0) {\n el.style.maxHeight = `${el.scrollHeight}px`\n el.style.paddingTop = el.dataset.oldPaddingTop\n el.style.paddingBottom = el.dataset.oldPaddingBottom\n } else {\n el.style.maxHeight = 0\n el.style.paddingTop = el.dataset.oldPaddingTop\n el.style.paddingBottom = el.dataset.oldPaddingBottom\n }\n\n el.style.overflow = 'hidden'\n },\n\n afterEnter(el: RendererElement) {\n el.style.maxHeight = ''\n el.style.overflow = el.dataset.oldOverflow\n },\n\n beforeLeave(el: RendererElement) {\n if (!el.dataset) el.dataset = {}\n el.dataset.oldPaddingTop = el.style.paddingTop\n el.dataset.oldPaddingBottom = el.style.paddingBottom\n el.dataset.oldOverflow = el.style.overflow\n\n el.style.maxHeight = `${el.scrollHeight}px`\n el.style.overflow = 'hidden'\n },\n\n leave(el: RendererElement) {\n if (el.scrollHeight !== 0) {\n el.style.maxHeight = 0\n el.style.paddingTop = 0\n el.style.paddingBottom = 0\n }\n },\n\n afterLeave(el: RendererElement) {\n el.style.maxHeight = ''\n el.style.overflow = el.dataset.oldOverflow\n el.style.paddingTop = el.dataset.oldPaddingTop\n el.style.paddingBottom = el.dataset.oldPaddingBottom\n },\n}\n</script>\n"],"names":["__default__","DO_defineComponent","ns","useNamespace","on","el"],"mappings":";;;;;;;;AAEA,MAAAA,IAA6BC,EAAmB;AAAA,EAC9C,MAAM;AACR,CAAC;;;AAaK,UAAAC,IAAKC,EAAa,qBAAqB,GAEvCC,IAAK;AAAA,MACT,YAAYC,GAAqB;AAC/B,QAAKA,EAAG,YAASA,EAAG,UAAU,KAE3BA,EAAA,QAAQ,gBAAgBA,EAAG,MAAM,YACjCA,EAAA,QAAQ,mBAAmBA,EAAG,MAAM,eAEvCA,EAAG,MAAM,YAAY,GACrBA,EAAG,MAAM,aAAa,GACtBA,EAAG,MAAM,gBAAgB;AAAA,MAC3B;AAAA,MAEA,MAAMA,GAAqB;AACtB,QAAAA,EAAA,QAAQ,cAAcA,EAAG,MAAM,UAC9BA,EAAG,iBAAiB,KACnBA,EAAA,MAAM,YAAY,GAAGA,EAAG,kBACxBA,EAAA,MAAM,aAAaA,EAAG,QAAQ,eAC9BA,EAAA,MAAM,gBAAgBA,EAAG,QAAQ,qBAEpCA,EAAG,MAAM,YAAY,GAClBA,EAAA,MAAM,aAAaA,EAAG,QAAQ,eAC9BA,EAAA,MAAM,gBAAgBA,EAAG,QAAQ,mBAGtCA,EAAG,MAAM,WAAW;AAAA,MACtB;AAAA,MAEA,WAAWA,GAAqB;AAC9B,QAAAA,EAAG,MAAM,YAAY,IAClBA,EAAA,MAAM,WAAWA,EAAG,QAAQ;AAAA,MACjC;AAAA,MAEA,YAAYA,GAAqB;AAC/B,QAAKA,EAAG,YAASA,EAAG,UAAU,KAC3BA,EAAA,QAAQ,gBAAgBA,EAAG,MAAM,YACjCA,EAAA,QAAQ,mBAAmBA,EAAG,MAAM,eACpCA,EAAA,QAAQ,cAAcA,EAAG,MAAM,UAE/BA,EAAA,MAAM,YAAY,GAAGA,EAAG,kBAC3BA,EAAG,MAAM,WAAW;AAAA,MACtB;AAAA,MAEA,MAAMA,GAAqB;AACrB,QAAAA,EAAG,iBAAiB,MACtBA,EAAG,MAAM,YAAY,GACrBA,EAAG,MAAM,aAAa,GACtBA,EAAG,MAAM,gBAAgB;AAAA,MAE7B;AAAA,MAEA,WAAWA,GAAqB;AAC9B,QAAAA,EAAG,MAAM,YAAY,IAClBA,EAAA,MAAM,WAAWA,EAAG,QAAQ,aAC5BA,EAAA,MAAM,aAAaA,EAAG,QAAQ,eAC9BA,EAAA,MAAM,gBAAgBA,EAAG,QAAQ;AAAA,MACtC;AAAA,IAAA;;;;;;;;;;;"}

package/es/components/config-provider/config-provider.vue2.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"config-provider.vue2.mjs","sources":["../../../../../packages/components/config-provider/config-provider.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('config-provider')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n name: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { inBrowser, kebabCase } from '@vft/utils';\nimport { computed, watch, onActivated, onDeactivated, onBeforeUnmount, getCurrentInstance } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { provideGlobalConfig } from './hooks/use-global-config';\n// import type { MessageConfigContext } from '../message/message';\n// import { messageConfig } from './types';\n\ninterface ConfigProviderProps {\n /** 主题风格 */\n theme?: Theme;\n /** 自定义主题变量 */\n themeVars?: Record<string, Numberish>;\n /** 仅在深色模式下生效的主题变量 */\n themeVarsDark?: Record<string, Numberish>;\n /** 仅在浅色模式下生效的主题变量 */\n themeVarsLight?: Record<string, Numberish>;\n /** 所有图标的类名前缀 */\n iconPrefix?: string;\n /** 组件公共命名 */\n namespace?: string;\n /** 设置所有弹窗类组件的 z-index */\n zIndex?: number;\n /** 可同时显示的消息最大数量 */\n // message?: MessageConfigContext;\n projectCfg?: Record<string, any>;\n}\n\ndefineProps({\n \"theme\": { default: 'light' },\n \"themeVars\": null,\n \"themeVarsDark\": null,\n \"themeVarsLight\": null,\n \"iconPrefix\": null,\n \"namespace\": { default: 'vft' },\n \"zIndex\": null,\n \"projectCfg\": null\n})\n\n\n\n;\n\n// 将外部传入的 message 的配置进行合并处理\n// watch(\n// () => message,\n// (val) => {\n// Object.assign(messageConfig, val ?? {});\n// },\n// { immediate: true, deep: true }\n// );\n\n// 合并传入的主题变量传入到 style 中\nconst style = computed(() => {\n const isDark = __props.theme === 'dark';\n return mapThemeVarsToCSSVars({\n ...__props.themeVars,\n ...(isDark ? __props.themeVarsDark : __props.themeVarsLight)\n });\n});\n\nif (inBrowser) {\n const addTheme = () => {\n document.documentElement.classList.add(__props.theme);\n };\n const removeTheme = (_theme = __props.theme) => {\n document.documentElement.classList.remove(_theme);\n };\n\n // 监听 theme 主题的变化，移除旧的，添加新的在 document.body 上\n watch(\n () => __props.theme,\n (newVal, oldVal) => {\n if (oldVal) {\n removeTheme(oldVal);\n }\n addTheme();\n },\n { immediate: true }\n );\n\n onActivated(addTheme);\n onDeactivated(removeTheme);\n onBeforeUnmount(removeTheme);\n}\n\nfunction mapThemeVarsToCSSVars(themeVars: Record<string, Numberish>) {\n const cssVars: Record<string, Numberish> = {};\n Object.keys(themeVars).forEach((key) => {\n cssVars[`--${__props.namespace}-${kebabCase(key)}`] = themeVars[key];\n });\n return cssVars;\n}\n\nconst instance = getCurrentInstance()!;\n\nprovideGlobalConfig(instance.props);\n</script>\n\n<template>\n <div :class=\"ns.b()\" :style=\"style\">\n <slot />\n </div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","style","computed","isDark","__props","mapThemeVarsToCSSVars","inBrowser","addTheme","removeTheme","_theme","watch","newVal","oldVal","onActivated","onDeactivated","onBeforeUnmount","themeVars","cssVars","key","kebabCase","instance","getCurrentInstance","provideGlobalConfig"],"mappings":";;;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,iBAAiB;AAAA,GAG3DC,IAA6BC,EAAmB;AAAA,EAC9C,MAAMH,EAAG,EAAE;AACb,CAAC;;;;;;;;;;;;;AAsDK,UAAAI,IAAQC,EAAS,MAAM;AACrB,YAAAC,IAASC,EAAQ,UAAU;AACjC,aAAOC,EAAsB;AAAA,QAC3B,GAAGD,EAAQ;AAAA,QACX,GAAID,IAASC,EAAQ,gBAAgBA,EAAQ;AAAA,MAAA,CAC9C;AAAA,IAAA,CACF;AAED,QAAIE,GAAW;AACb,YAAMC,IAAW,MAAM;AACrB,iBAAS,gBAAgB,UAAU,IAAIH,EAAQ,KAAK;AAAA,MAAA,GAEhDI,IAAc,CAACC,IAASL,EAAQ,UAAU;AACrC,iBAAA,gBAAgB,UAAU,OAAOK,CAAM;AAAA,MAAA;AAIlD,MAAAC;AAAA,QACE,MAAMN,EAAQ;AAAA,QACd,CAACO,GAAQC,MAAW;AAClB,UAAIA,KACFJ,EAAYI,CAAM,GAEXL;QACX;AAAA,QACA,EAAE,WAAW,GAAK;AAAA,MAAA,GAGpBM,EAAYN,CAAQ,GACpBO,EAAcN,CAAW,GACzBO,EAAgBP,CAAW;AAAA,IAC7B;AAEA,aAASH,EAAsBW,GAAsC;AACnE,YAAMC,IAAqC,CAAA;AAC3C,oBAAO,KAAKD,CAAS,EAAE,QAAQ,CAACE,MAAQ;AAC9B,QAAAD,EAAA,KAAKb,EAAQ,aAAae,EAAUD,CAAG,GAAG,IAAIF,EAAUE,CAAG;AAAA,MAAA,CACpE,GACMD;AAAA,IACT;AAEA,UAAMG,IAAWC;AAEjB,WAAAC,EAAoBF,EAAS,KAAK;;;;;;;;"}

package/es/components/config-provider/constants.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"constants.mjs","sources":["../../../../../packages/components/config-provider/constants.ts"],"sourcesContent":["import type { ConfigProviderProps } from './types';\nimport type { InjectionKey, Ref } from 'vue';\n\nexport type ConfigProviderContext = Partial<ConfigProviderProps>\n\nexport const configProviderContextKey: InjectionKey<Ref<ConfigProviderContext>> = Symbol();\n"],"names":["configProviderContextKey"],"mappings":"AAKO,MAAMA,IAAqE,OAAO;"}

package/es/components/config-provider/hooks/use-global-config.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"use-global-config.mjs","sources":["../../../../../../packages/components/config-provider/hooks/use-global-config.ts"],"sourcesContent":["import { computed, getCurrentInstance, inject, provide, ref, unref } from 'vue'\nimport { debugWarn } from '@vft-ui/utils'\nimport { keysOf } from '@vft/utils'\nimport {\n defaultInitialZIndex,\n defaultNamespace,\n namespaceContextKey,\n useNamespace,\n useZIndex,\n zIndexContextKey,\n} from '@vft-ui/hooks'\nimport { configProviderContextKey } from '../constants'\nimport type { ConfigProviderContext } from '../constants'\n\nimport type { MaybeRef } from '@vueuse/core'\nimport type { App, Ref } from 'vue'\n\n// this is meant to fix global methods like `ElMessage(opts)`, this way we can inject current locale\n// into the component as default injection value.\n// refer to: https://github.com/element-plus/element-plus/issues/2610#issuecomment-887965266\nconst globalConfig = ref<ConfigProviderContext>()\n\nexport function useGlobalConfig<\n K extends keyof ConfigProviderContext,\n D extends ConfigProviderContext[K]\n>(\n key: K,\n defaultValue?: D\n): Ref<Exclude<ConfigProviderContext[K], undefined> | D>\nexport function useGlobalConfig(): Ref<ConfigProviderContext>\nexport function useGlobalConfig(\n key?: keyof ConfigProviderContext,\n defaultValue = undefined\n) {\n const config = getCurrentInstance()\n ? inject(configProviderContextKey, globalConfig)\n : globalConfig\n if (key) {\n return computed(() => config.value?.[key] ?? defaultValue)\n } else {\n return config\n }\n}\n\n// for components like `ElMessage` `ElNotification` `ElMessageBox`.\nexport function useGlobalComponentSettings(block: string) {\n const config = useGlobalConfig()\n\n const ns = useNamespace(\n block,\n computed(() => config.value?.namespace || defaultNamespace)\n )\n\n const zIndex = useZIndex(\n computed(() => config.value?.zIndex || defaultInitialZIndex)\n )\n\n return {\n ns,\n zIndex,\n }\n}\n\nexport const provideGlobalConfig = (\n config: MaybeRef<ConfigProviderContext>,\n app?: App,\n global = false\n) => {\n const inSetup = !!getCurrentInstance()\n const oldConfig = inSetup ? useGlobalConfig() : undefined\n\n const provideFn = app?.provide ?? (inSetup ? provide : undefined)\n if (!provideFn) {\n debugWarn(\n 'provideGlobalConfig',\n 'provideGlobalConfig() can only be used inside setup().'\n )\n return\n }\n\n const context = computed(() => {\n const cfg = unref(config)\n if (!oldConfig?.value) return cfg\n return mergeConfig(oldConfig.value, cfg)\n })\n provideFn(configProviderContextKey, context)\n\n provideFn(\n namespaceContextKey,\n computed(() => context.value.namespace)\n )\n provideFn(\n zIndexContextKey,\n computed(() => context.value.zIndex)\n )\n\n\n if (global || !globalConfig.value) {\n globalConfig.value = context.value\n }\n return context\n}\n\nconst mergeConfig = (\n a: ConfigProviderContext,\n b: ConfigProviderContext\n): ConfigProviderContext => {\n const keys = [...new Set([...keysOf(a), ...keysOf(b)])]\n const obj: Record<string, any> = {}\n for (const key of keys) {\n obj[key] = b[key] ?? a[key]\n }\n return obj\n}\n"],"names":["globalConfig","ref","useGlobalConfig","key","defaultValue","config","getCurrentInstance","inject","configProviderContextKey","computed","_a","useGlobalComponentSettings","block","ns","useNamespace","defaultNamespace","zIndex","useZIndex","defaultInitialZIndex","provideGlobalConfig","app","global","inSetup","oldConfig","provideFn","provide","debugWarn","context","cfg","unref","mergeConfig","namespaceContextKey","zIndexContextKey","a","b","keys","keysOf","obj"],"mappings":";;;;;;;;;;AAoBA,MAAMA,IAAeC,EAA2B;AAUhC,SAAAC,EACdC,GACAC,IAAe,QACf;AACA,QAAMC,IAASC,MACXC,EAAOC,GAA0BR,CAAY,IAC7CA;AACJ,SAAIG,IACKM,EAAS,MAAA;;AAAM,aAAAC,IAAAL,EAAO,UAAP,gBAAAK,EAAeP,OAAQC;AAAA,GAAY,IAElDC;AAEX;AAGO,SAASM,EAA2BC,GAAe;AACxD,QAAMP,IAASH,KAETW,IAAKC;AAAA,IACTF;AAAA,IACAH,EAAS,MAAA;;AAAM,eAAAC,IAAAL,EAAO,UAAP,gBAAAK,EAAc,cAAaK;AAAA,KAAgB;AAAA,EAAA,GAGtDC,IAASC;AAAA,IACbR,EAAS,MAAA;;AAAM,eAAAC,IAAAL,EAAO,UAAP,gBAAAK,EAAc,WAAUQ;AAAA,KAAoB;AAAA,EAAA;AAGtD,SAAA;AAAA,IACL,IAAAL;AAAA,IACA,QAAAG;AAAA,EAAA;AAEJ;AAEO,MAAMG,IAAsB,CACjCd,GACAe,GACAC,IAAS,OACN;AACG,QAAAC,IAAU,CAAC,CAAChB,KACZiB,IAAYD,IAAUpB,EAAoB,IAAA,QAE1CsB,KAAYJ,KAAA,gBAAAA,EAAK,aAAYE,IAAUG,IAAU;AACvD,MAAI,CAACD,GAAW;AACd,IAAAE;AAAA,MACE;AAAA,MACA;AAAA,IAAA;AAEF;AAAA,EACF;AAEM,QAAAC,IAAUlB,EAAS,MAAM;AACvB,UAAAmB,IAAMC,EAAMxB,CAAM;AACxB,WAAKkB,KAAA,QAAAA,EAAW,QACTO,EAAYP,EAAU,OAAOK,CAAG,IADTA;AAAA,EACS,CACxC;AACD,SAAAJ,EAAUhB,GAA0BmB,CAAO,GAE3CH;AAAA,IACEO;AAAA,IACAtB,EAAS,MAAMkB,EAAQ,MAAM,SAAS;AAAA,EAAA,GAExCH;AAAA,IACEQ;AAAA,IACAvB,EAAS,MAAMkB,EAAQ,MAAM,MAAM;AAAA,EAAA,IAIjCN,KAAU,CAACrB,EAAa,WAC1BA,EAAa,QAAQ2B,EAAQ,QAExBA;AACT,GAEMG,IAAc,CAClBG,GACAC,MAC0B;AAC1B,QAAMC,IAAO,CAAC,GAAG,oBAAI,IAAI,CAAC,GAAGC,EAAOH,CAAC,GAAG,GAAGG,EAAOF,CAAC,CAAC,CAAC,CAAC,GAChDG,IAA2B,CAAA;AACjC,aAAWlC,KAAOgC;AAChB,IAAAE,EAAIlC,CAAG,IAAI+B,EAAE/B,CAAG,KAAK8B,EAAE9B,CAAG;AAErB,SAAAkC;AACT;"}

package/es/components/config-provider/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.mjs","sources":["../../../../../packages/components/config-provider/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport ConfigProvider from './config-provider.vue'\n\nexport const VftConfigProvider = withInstall(ConfigProvider)\nexport default VftConfigProvider\n\nexport * from './constants'\nexport * from './hooks/use-global-config'\nexport * from './types'\n"],"names":["VftConfigProvider","withInstall","ConfigProvider"],"mappings":";;;;;;;AAIa,MAAAA,IAAoBC,EAAYC,CAAc;"}

package/es/components/context-menu/context-menu.vue2.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"context-menu.vue2.mjs","sources":["../../../../../packages/components/context-menu/context-menu.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useClickAway, useEventListener, useTimeoutFn } from '@vft/use';\nimport { computed, ref, type CSSProperties } from 'vue';\nimport type { Axis, ContextMenuItem } from './types';\nimport { VftMenuItem as MenuItem } from '@vft-ui/components';\n\ninterface Props {\n axis?: Axis;\n styles?: CSSProperties;\n width?: number;\n items?: ContextMenuItem[];\n}\n\ndefineProps({\n \"axis\": null,\n \"styles\": null,\n \"width\": null,\n \"items\": null\n})\n\nlet contextMenuRef = ref();\n\nconst getStyle = computed((): CSSProperties => {\n const { x, y } = __props.axis || { x: 0, y: 0 };\n const menuHeight = (__props.items || []).length * 40;\n const menuWidth = __props.width || 0;\n const body = document.body;\n\n const left = body.clientWidth < x + menuWidth ? x - menuWidth : x;\n const top = body.clientHeight < y + menuHeight ? y - menuHeight : y;\n return {\n zIndex: 3000,\n ...__props.styles,\n position: 'fixed',\n width: `${__props.width}px`,\n left: `${left + 1}px`,\n top: `${top + 1}px`\n };\n});\n\nlet show = ref(false);\n\nuseTimeoutFn(() => {\n show.value = true;\n}, 0);\n\nuseClickAway(contextMenuRef, () => {\n show.value = false;\n}, {\n listenerOptions: {\n capture: true\n }\n});\n\nuseEventListener(window, 'scroll', () => {\n show.value = false;\n}, {\n capture: true\n});\n\nuseEventListener(window, 'drag', () => {\n show.value = false;\n}, {\n capture: true\n});\n\nfunction handleClick (item: ContextMenuItem) {\n if (!item?.disabled) {\n item.handler?.();\n show.value = false;\n }\n}\n</script>\n\n<template>\n <transition name=\"vft-zoom-in-top\">\n <div ref=\"contextMenuRef\" v-show=\"show\" :style=\"getStyle\" @click.stop class=\"vft-menu\">\n <div class=\"vft-sub-menu\">\n <menu-item v-for=\"(item, index) in items\"\n @click=\"handleClick(item)\"\n :index=\"index + item.text\"\n :title=\"item.text\"\n :divider=\"item.divider\"\n :disabled=\"item.disabled\"\n :icon=\"item.iconCfg\"\n isAloneUse\n :key=\"index\" />\n </div>\n </div>\n </transition>\n</template>\n\n"],"names":["contextMenuRef","ref","getStyle","computed","x","y","__props","menuHeight","menuWidth","body","left","top","show","useTimeoutFn","useClickAway","useEventListener","handleClick","item","_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,QAAIA,IAAiBC;AAEf,UAAAC,IAAWC,EAAS,MAAqB;AACvC,YAAA,EAAE,GAAAC,GAAG,GAAAC,EAAM,IAAAC,EAAQ,QAAQ,EAAE,GAAG,GAAG,GAAG,KACtCC,KAAcD,EAAQ,SAAS,IAAI,SAAS,IAC5CE,IAAYF,EAAQ,SAAS,GAC7BG,IAAO,SAAS,MAEhBC,IAAOD,EAAK,cAAcL,IAAII,IAAYJ,IAAII,IAAYJ,GAC1DO,IAAMF,EAAK,eAAeJ,IAAIE,IAAaF,IAAIE,IAAaF;AAC3D,aAAA;AAAA,QACL,QAAQ;AAAA,QACR,GAAGC,EAAQ;AAAA,QACX,UAAU;AAAA,QACV,OAAO,GAAGA,EAAQ;AAAA,QAClB,MAAM,GAAGI,IAAO;AAAA,QAChB,KAAK,GAAGC,IAAM;AAAA,MAAA;AAAA,IAChB,CACD;AAEG,QAAAC,IAAOX,EAAI,EAAK;AAEpB,IAAAY,EAAa,MAAM;AACjB,MAAAD,EAAK,QAAQ;AAAA,OACZ,CAAC,GAEJE,EAAad,GAAgB,MAAM;AACjC,MAAAY,EAAK,QAAQ;AAAA,IAAA,GACZ;AAAA,MACD,iBAAiB;AAAA,QACf,SAAS;AAAA,MACX;AAAA,IAAA,CACD,GAEgBG,EAAA,QAAQ,UAAU,MAAM;AACvC,MAAAH,EAAK,QAAQ;AAAA,IAAA,GACZ;AAAA,MACD,SAAS;AAAA,IAAA,CACV,GAEgBG,EAAA,QAAQ,QAAQ,MAAM;AACrC,MAAAH,EAAK,QAAQ;AAAA,IAAA,GACZ;AAAA,MACD,SAAS;AAAA,IAAA,CACV;AAED,aAASI,EAAaC,GAAuB;;AACvC,MAACA,KAAA,QAAAA,EAAM,cACTC,IAAAD,EAAK,YAAL,QAAAC,EAAA,KAAAD,IACAL,EAAK,QAAQ;AAAA,IAEjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}