vft 0.0.16 → 0.0.17

package/dist/index.css

@@ -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}
+@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-layout-footer-bg-color:#f7f8fa;--vft-layout-footer-border-top:1px solid #f7f8fa;--vft-layout-footer-left:var(--vft-menu-width);--vft-layout-footer-height:30px;--vft-layout-footer-left-min-width:auto;--vft-layout-footer-right-min-width:auto}.vft-layout-footer{width:calc(100% - var(--vft-layout-footer-left));background-color:var(--vft-layout-footer-bg-color);height:var(--vft-layout-footer-height);border-top:var(--vft-layout-footer-border-top);display:flex;justify-content:space-between;align-items:center;flex:none;overflow:hidden;position:relative;transition:left .5s;left:var(--vft-layout-footer-left)}.vft-layout-footer__left{min-width:var(--vft-layout-footer-left-min-width)}.vft-layout-footer__right{min-width:var(--vft-layout-footer-right-min-width)}:root{--vft-layout-header-height:64px;--vft-layout-header-top-height:40px;--vft-layout-header-bg-color:white;--vft-layout-header-color:black;--vft-layout-header-z-index:2001;--vft-layout-header-border-bottom:1px solid rgb(231, 231, 231)}.vft-layout-header{height:var(--vft-layout-header-height);color:var(--vft-layout-header-color);background-color:var(--vft-layout-header-bg-color);border-bottom:var(--vft-layout-header-border-bottom);box-sizing:border-box}.vft-layout-header--fixed{z-index:var(--vft-layout-header-z-index);width:100%}.vft-layout-header__top{height:var(--vft-layout-header-top-height);display:flex;align-items:center;justify-content:space-between}.vft-layout-header__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)}

package/es/component.mjs

@@ -7,30 +7,40 @@ import { VftException as p } from "./components/exception/index.mjs";
 import { VftTooltip as i } from "./components/tooltip/index.mjs";
 import { VftPopover as e } from "./components/popover/index.mjs";
 import { VftPopper as V } from "./components/popper/index.mjs";
-import { VftTabs as n, VftTabPane as a } from "./components/tabs/index.mjs";
-import { VftMultipleTabs as u } from "./components/multiple-tabs/index.mjs";
-import { VftCollapseTransition as s } from "./components/collapse-transition/index.mjs";
-import { VftMenu as l, VftMenuItem as M, VftMenuItemGroup as T, VftSubMenu as b } from "./components/menu/index.mjs";
-const S = [
+import { VftLogo as a } from "./components/logo/index.mjs";
+import { VftRouterViewContent as n } from "./components/router-view-content/index.mjs";
+import { VftIframeLayout as u } from "./components/iframe-layout/index.mjs";
+import { VftFooterLayout as s } from "./components/footer-layout/index.mjs";
+import { VftHeaderLayout as l } from "./components/header-layout/index.mjs";
+import { VftTabs as M, VftTabPane as T } from "./components/tabs/index.mjs";
+import { VftMultipleTabs as b } from "./components/multiple-tabs/index.mjs";
+import { VftCollapseTransition as y } from "./components/collapse-transition/index.mjs";
+import { VftMenu as I, VftMenuItem as L, VftMenuItemGroup as c, VftSubMenu as d } from "./components/menu/index.mjs";
+const z = [
+  n,
   u,
+  s,
   l,
-  M,
-  T,
+  a,
   b,
-  s,
+  I,
+  L,
+  c,
+  d,
+  y,
   t,
   o,
   r,
   f,
   m,
   p,
-  n,
-  a,
+  M,
+  T,
   i,
   e,
   V
 ];
 export {
-  S as default
+  z as default
 };
 //# sourceMappingURL=component.mjs.map

package/es/component.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"component.mjs","sources":["../../../packages/vft/component.ts"],"sourcesContent":["import { VftDivider } from '@vft-ui/components/divider';\nimport { VftIcon } from '@vft-ui/components/icon';\nimport { VftAvatar } from '@vft-ui/components/avatar';\nimport { VftEmpty } from '@vft-ui/components/empty';\nimport { VftResult } from '@vft-ui/components/result';\nimport { VftException } from '@vft-ui/components/exception';\nimport { VftTooltip } from '@vft-ui/components/tooltip';\nimport { VftPopover } from '@vft-ui/components/popover';\nimport { VftPopper } from '@vft-ui/components/popper';\nimport { VftTabs, VftTabPane } from '@vft-ui/components/tabs';\nimport { VftMultipleTabs } from '@vft-ui/components/multiple-tabs';\nimport { VftCollapseTransition } from '@vft-ui/components/collapse-transition';\nimport {\n\tVftMenu,\n\tVftMenuItem,\n\tVftMenuItemGroup,\n\tVftSubMenu,\n} from '@vft-ui/components/menu';\n\nimport type { Plugin } from 'vue';\n\nexport default [\n\tVftMultipleTabs,\n\tVftMenu,\n\tVftMenuItem,\n\tVftMenuItemGroup,\n\tVftSubMenu,\n\tVftCollapseTransition,\n\tVftDivider,\n\tVftIcon,\n\tVftAvatar,\n\tVftEmpty,\n\tVftResult,\n\tVftException,\n\tVftTabs,\n\tVftTabPane,\n\tVftTooltip,\n\tVftPopover,\n\tVftPopper\n] as Plugin[];\n"],"names":["Components","VftMultipleTabs","VftMenu","VftMenuItem","VftMenuItemGroup","VftSubMenu","VftCollapseTransition","VftDivider","VftIcon","VftAvatar","VftEmpty","VftResult","VftException","VftTabs","VftTabPane","VftTooltip","VftPopover","VftPopper"],"mappings":";;;;;;;;;;;;;AAqBA,MAAeA,IAAA;AAAA,EACdC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AACD;"}
+{"version":3,"file":"component.mjs","sources":["../../../packages/vft/component.ts"],"sourcesContent":["import { VftDivider } from '@vft-ui/components/divider';\nimport { VftIcon } from '@vft-ui/components/icon';\nimport { VftAvatar } from '@vft-ui/components/avatar';\nimport { VftEmpty } from '@vft-ui/components/empty';\nimport { VftResult } from '@vft-ui/components/result';\nimport { VftException } from '@vft-ui/components/exception';\nimport { VftTooltip } from '@vft-ui/components/tooltip';\nimport { VftPopover } from '@vft-ui/components/popover';\nimport { VftPopper } from '@vft-ui/components/popper';\nimport { VftLogo } from '@vft-ui/components/logo';\nimport { VftRouterViewContent } from '@vft-ui/components/router-view-content';\nimport { VftIframeLayout } from '@vft-ui/components/iframe-layout';\nimport { VftFooterLayout } from '@vft-ui/components/footer-layout';\nimport { VftHeaderLayout } from '@vft-ui/components/header-layout';\nimport { VftTabs, VftTabPane } from '@vft-ui/components/tabs';\nimport { VftMultipleTabs } from '@vft-ui/components/multiple-tabs';\nimport { VftCollapseTransition } from '@vft-ui/components/collapse-transition';\nimport {\n\tVftMenu,\n\tVftMenuItem,\n\tVftMenuItemGroup,\n\tVftSubMenu,\n} from '@vft-ui/components/menu';\n\nimport type { Plugin } from 'vue';\n\nexport default [\n\tVftRouterViewContent,\n\tVftIframeLayout,\n\tVftFooterLayout,\n\tVftHeaderLayout,\n\tVftLogo,\n\tVftMultipleTabs,\n\tVftMenu,\n\tVftMenuItem,\n\tVftMenuItemGroup,\n\tVftSubMenu,\n\tVftCollapseTransition,\n\tVftDivider,\n\tVftIcon,\n\tVftAvatar,\n\tVftEmpty,\n\tVftResult,\n\tVftException,\n\tVftTabs,\n\tVftTabPane,\n\tVftTooltip,\n\tVftPopover,\n\tVftPopper,\n] as Plugin[];\n"],"names":["Components","VftRouterViewContent","VftIframeLayout","VftFooterLayout","VftHeaderLayout","VftLogo","VftMultipleTabs","VftMenu","VftMenuItem","VftMenuItemGroup","VftSubMenu","VftCollapseTransition","VftDivider","VftIcon","VftAvatar","VftEmpty","VftResult","VftException","VftTabs","VftTabPane","VftTooltip","VftPopover","VftPopper"],"mappings":";;;;;;;;;;;;;;;;;;AA0BA,MAAeA,IAAA;AAAA,EACdC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AACD;"}

package/es/components/back-top/back-top.vue2.mjs

@@ -14,6 +14,11 @@ import "../popover/index.mjs";
 import "../menu/index.mjs";
 import "@vft/use";
 import "../multiple-tabs/index.mjs";
+import "../header-layout/index.mjs";
+import "../footer-layout/index.mjs";
+import "../iframe-layout/index.mjs";
+import "../router-view-content/index.mjs";
+import "../logo/index.mjs";
 import { useBackTop as w } from "./use-back-top.mjs";
 import { useNamespace as I } from "../../hooks/use-namespace/index.mjs";
 import "@popperjs/core";
@@ -21,12 +26,12 @@ import "lodash";
 import "../../hooks/use-z-index/index.mjs";
 import "@vueuse/core";
 import "@vue/shared";
-const e = (
+const r = (
   /* hoist-static*/
   I("back-top")
 ), N = s({
-  name: e.b()
-}), ot = /* @__PURE__ */ s({
+  name: r.b()
+}), nt = /* @__PURE__ */ s({
   ...N,
   props: {
     visibilityHeight: { default: 200 },
@@ -36,21 +41,21 @@ const e = (
     icon: { default: "vi-back-top" }
   },
   emits: ["click"],
-  setup(r, { emit: u }) {
-    const f = g(), { handleClick: m, visible: d } = w(f.props, u, e.b()), b = a(() => ({
-      right: `${r.right}px`,
-      bottom: `${r.bottom}px`
-    })), n = a(() => S(r.icon, "icon", {
+  setup(e, { emit: u }) {
+    const f = g(), { handleClick: m, visible: d } = w(f.props, u, r.b()), b = a(() => ({
+      right: `${e.right}px`,
+      bottom: `${e.bottom}px`
+    })), n = a(() => S(e.icon, "icon", {
       color: "black"
     }));
     return (k, p) => (i(), l(C, {
-      name: `${t(e).namespace}-fade-in`
+      name: `${t(r).namespace}-fade-in`
     }, {
       default: h(() => [
         t(d) ? (i(), y("div", {
           key: 0,
           style: v(t(b)),
-          class: x(t(e).b()),
+          class: x(t(r).b()),
           onClick: p[0] || (p[0] = B(
             //@ts-ignore
             (...o) => t(m) && t(m)(...o),
@@ -70,6 +75,6 @@ const e = (
   }
 });
 export {
-  ot as default
+  nt as default
 };
 //# sourceMappingURL=back-top.vue2.mjs.map

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

@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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/context-menu/context-menu.vue2.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as w, ref as c, computed as y, openBlock as s, createBlock as a, Transition as k, withCtx as C, withDirectives as b, createElementVNode as f, normalizeStyle as g, unref as u, withModifiers as M, createElementBlock as $, Fragment as z, renderList as B, vShow as E } from "vue";
-import { useTimeoutFn as S, useClickAway as A, useEventListener as m } from "@vft/use";
+import { defineComponent as w, ref as c, computed as y, openBlock as s, createBlock as a, Transition as k, withCtx as C, withDirectives as b, createElementVNode as m, normalizeStyle as g, unref as u, withModifiers as M, createElementBlock as $, Fragment as z, renderList as B, vShow as E } from "vue";
+import { useTimeoutFn as S, useClickAway as A, useEventListener as p } from "@vft/use";
 import "../divider/index.mjs";
 import "../icon/index.mjs";
 import "../avatar/index.mjs";
@@ -14,7 +14,12 @@ import "../popover/index.mjs";
 import { VftMenuItem as F } from "../menu/index.mjs";
 import "@vft/utils";
 import "../multiple-tabs/index.mjs";
-const H = { class: "vri-sub-menu" }, Q = /* @__PURE__ */ w({
+import "../header-layout/index.mjs";
+import "../footer-layout/index.mjs";
+import "../iframe-layout/index.mjs";
+import "../router-view-content/index.mjs";
+import "../logo/index.mjs";
+const H = { class: "vri-sub-menu" }, ee = /* @__PURE__ */ w({
   __name: "context-menu",
   props: {
     axis: null,
@@ -22,15 +27,15 @@ const H = { class: "vri-sub-menu" }, Q = /* @__PURE__ */ w({
     width: null,
     items: null
   },
-  setup(i) {
+  setup(n) {
     let d = c();
-    const p = y(() => {
-      const { x: e, y: t } = i.axis || { x: 0, y: 0 }, n = (i.items || []).length * 40, l = i.width || 0, r = document.body, v = r.clientWidth < e + l ? e - l : e, h = r.clientHeight < t + n ? t - n : t;
+    const f = y(() => {
+      const { x: e, y: t } = n.axis || { x: 0, y: 0 }, i = (n.items || []).length * 40, l = n.width || 0, r = document.body, v = r.clientWidth < e + l ? e - l : e, h = r.clientHeight < t + i ? t - i : t;
       return {
         zIndex: 3e3,
-        ...i.styles,
+        ...n.styles,
         position: "fixed",
-        width: `${i.width}px`,
+        width: `${n.width}px`,
         left: `${v + 1}px`,
         top: `${h + 1}px`
       };
@@ -44,11 +49,11 @@ const H = { class: "vri-sub-menu" }, Q = /* @__PURE__ */ w({
       listenerOptions: {
         capture: !0
       }
-    }), m(window, "scroll", () => {
+    }), p(window, "scroll", () => {
       o.value = !1;
     }, {
       capture: !0
-    }), m(window, "drag", () => {
+    }), p(window, "drag", () => {
       o.value = !1;
     }, {
       capture: !0
@@ -59,22 +64,22 @@ const H = { class: "vri-sub-menu" }, Q = /* @__PURE__ */ w({
     }
     return (e, t) => (s(), a(k, { name: "vri-zoom-in-top" }, {
       default: C(() => [
-        b(f("div", {
+        b(m("div", {
           ref_key: "contextMenuRef",
           ref: d,
-          style: g(u(p)),
+          style: g(u(f)),
           onClick: t[0] || (t[0] = M(() => {
           }, ["stop"])),
           class: "vft-menu"
         }, [
-          f("div", H, [
-            (s(!0), $(z, null, B(i.items, (n, l) => (s(), a(u(F), {
-              onClick: (r) => x(n),
-              index: l + n.text,
-              title: n.text,
-              divider: n.divider,
-              disabled: n.disabled,
-              icon: n.iconCfg,
+          m("div", H, [
+            (s(!0), $(z, null, B(n.items, (i, l) => (s(), a(u(F), {
+              onClick: (r) => x(i),
+              index: l + i.text,
+              title: i.text,
+              divider: i.divider,
+              disabled: i.disabled,
+              icon: i.iconCfg,
               isAloneUse: "",
               key: l
             }, null, 8, ["onClick", "index", "title", "divider", "disabled", "icon"]))), 128))
@@ -88,6 +93,6 @@ const H = { class: "vri-sub-menu" }, Q = /* @__PURE__ */ w({
   }
 });
 export {
-  Q as default
+  ee as default
 };
 //# sourceMappingURL=context-menu.vue2.mjs.map

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

@@ -1 +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=\"vri-zoom-in-top\">\n    <div ref=\"contextMenuRef\" v-show=\"show\" :style=\"getStyle\" @click.stop class=\"vft-menu\">\n      <div class=\"vri-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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=\"vri-zoom-in-top\">\n    <div ref=\"contextMenuRef\" v-show=\"show\" :style=\"getStyle\" @click.stop class=\"vft-menu\">\n      <div class=\"vri-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/footer-layout/footer-layout.vue.d.ts

@@ -0,0 +1,13 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    leftDistance: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    leftDistance: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+}>>, {}>;
+export default _sfc_main;

package/es/components/footer-layout/footer-layout.vue.mjs

@@ -0,0 +1,5 @@
+import f from "./footer-layout.vue2.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=footer-layout.vue.mjs.map

package/es/components/footer-layout/footer-layout.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer-layout.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/components/footer-layout/footer-layout.vue2.mjs

@@ -0,0 +1,51 @@
+import { defineComponent as a, computed as m, openBlock as c, createElementBlock as f, normalizeClass as o, unref as e, normalizeStyle as d, createElementVNode as l, renderSlot as r } from "vue";
+import { generateCssVars as p, isNullOrUndefined as u, addUnit as y } from "@vft/utils";
+import { useNamespace as v } from "../../hooks/use-namespace/index.mjs";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.mjs";
+import "@vueuse/core";
+import "@vue/shared";
+const t = (
+  /* hoist-static*/
+  v("footer-layout")
+), g = a({
+  name: t.b()
+}), B = /* @__PURE__ */ a({
+  ...g,
+  props: {
+    leftDistance: null
+  },
+  setup(n) {
+    const i = m(() => p(
+      u(n.leftDistance) ? {} : {
+        left: y(n.leftDistance)
+      },
+      "layout-footer"
+    ));
+    return (s, h) => (c(), f("div", {
+      class: o(e(t).b()),
+      style: d(e(i))
+    }, [
+      l("div", {
+        class: o(e(t).e("left"))
+      }, [
+        r(s.$slots, "left")
+      ], 2),
+      l("div", {
+        class: o(e(t).e("center"))
+      }, [
+        r(s.$slots, "default")
+      ], 2),
+      l("div", {
+        class: o(e(t).e("right"))
+      }, [
+        r(s.$slots, "right")
+      ], 2)
+    ], 6));
+  }
+});
+export {
+  B as default
+};
+//# sourceMappingURL=footer-layout.vue2.mjs.map

package/es/components/footer-layout/footer-layout.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer-layout.vue2.mjs","sources":["../../../../../packages/components/footer-layout/footer-layout.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('footer-layout')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script setup lang=\"ts\">\nimport { addUnit, generateCssVars, isNullOrUndefined } from '@vft/utils';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { computed } from 'vue';\n\ninterface LayoutFooterProps {\n  leftDistance?: number;\n}\n\ndefineProps({\n  \"leftDistance\": null\n})\n\n\n\n;\n\nconst style = computed(() => {\n\treturn generateCssVars(\n    isNullOrUndefined(__props.leftDistance) ? {} : {\n    'left': addUnit(__props.leftDistance) as string\n  }, 'layout-footer');\n});\n</script>\n\n<template>\n  <div :class=\"ns.b()\" :style=\"style\">\n    <div :class=\"ns.e('left')\"><slot name=\"left\"/></div>\n    <div :class=\"ns.e('center')\"><slot /></div>\n    <div :class=\"ns.e('right')\"><slot name=\"right\" /></div>\n  </div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","style","computed","generateCssVars","isNullOrUndefined","__props","addUnit"],"mappings":";;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,eAAe;AAAA,GAGzDC,IAA6BC,EAAmB;AAAA,EAC9C,MAAMH,EAAG,EAAE;AACb,CAAC;;;;;;AAkBK,UAAAI,IAAQC,EAAS,MACfC;AAAA,MACJC,EAAkBC,EAAQ,YAAY,IAAI,KAAK;AAAA,QAC/C,MAAQC,EAAQD,EAAQ,YAAY;AAAA,MACtC;AAAA,MAAG;AAAA,IAAA,CACJ;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/footer-layout/index.d.ts

@@ -0,0 +1,12 @@
+export declare const VftFooterLayout: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    leftDistance: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    leftDistance: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+}>>, {}>> & Record<string, any>;
+export default VftFooterLayout;

package/es/components/footer-layout/index.mjs

@@ -0,0 +1,11 @@
+import { withInstall as t } from "../../utils/vue/install.mjs";
+import "vue";
+import "@vue/shared";
+import "@vft/utils";
+import o from "./footer-layout.vue2.mjs";
+const f = t(o);
+export {
+  f as VftFooterLayout,
+  f as default
+};
+//# sourceMappingURL=index.mjs.map

package/es/components/footer-layout/index.mjs.map

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

package/es/components/footer-layout/style/css.mjs

@@ -0,0 +1,3 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-footer-layout.css";
+//# sourceMappingURL=css.mjs.map

package/es/components/footer-layout/style/css.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/components/footer-layout/style/index.mjs

@@ -0,0 +1,3 @@
+import "../../../theme-style/src/base.scss.mjs";
+import "../../../theme-style/src/footer-layout.scss.mjs";
+//# sourceMappingURL=index.mjs.map

package/es/components/footer-layout/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/components/header-layout/header-layout.vue.d.ts

@@ -0,0 +1,14 @@
+import type { PropType as __PropType } from 'vue';
+import { type LogoProps } from 'vft/es/components/logo';
+declare const _sfc_main: import("vue").DefineComponent<{
+    logoCfg: {
+        type: __PropType<LogoProps>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    logoCfg: {
+        type: __PropType<LogoProps>;
+        required: true;
+    };
+}>>, {}>;
+export default _sfc_main;

package/es/components/header-layout/header-layout.vue.mjs

@@ -0,0 +1,5 @@
+import f from "./header-layout.vue2.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=header-layout.vue.mjs.map

package/es/components/header-layout/header-layout.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-layout.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}