tenghui-ui 1.9.43 → 2.0.0

package/dist/style.css

@@ -1 +1 @@
-.ui-search__popover{padding:20px 15px 10px!important}.ui-search__popover .ui-form__item{display:block!important}.ui-search__popover .ui-form__item .ui-item__label{width:unset;text-align:left;margin-bottom:5px}.ui-search__popover .el-select,.ui-search__popover .el-cascader{width:100%}.el-menu--popup-bottom-start,.el-menu--popup-bottom-start .el-menu-item{background-color:#66a8ff!important}.el-menu--popup-bottom-start .el-menu-item.is-active{background-color:#3082f0!important}.fade-enter-active{animation:fadeEnter 5s linear}.fade-leave-active{display:none}@keyframes fadeEnter{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeLeave{0%{transform:translate(0);opacity:1}to{transform:translate(100px);opacity:0}}.flex{display:flex}.ui-item-prepend{width:40%;margin-right:2px}.ui-menu[data-v-617d87ca]{height:100%;flex:1;display:flex}.ui-menu ul[data-v-617d87ca]{flex:1}.ui-menu[data-v-617d87ca] .el-cascader .el-input__inner{background-color:#0000001a;border-color:#65a8ff;color:#fff}.ui-menu[data-v-617d87ca] .el-cascader .el-input__inner:hover{background-color:#0003}[data-v-617d87ca] .el-menu{height:40px;border-right:0 none!important;background-color:transparent!important}[data-v-617d87ca] .el-menu.el-menu--horizontal{border-bottom:0 none!important}[data-v-617d87ca] .el-menu--inline{background-color:#0000001a!important}[data-v-617d87ca] .el-menu-item{min-width:unset;background-color:transparent!important}[data-v-617d87ca] .el-menu-item.is-active{background-color:#0000001a!important}[data-v-617d87ca] .el-submenu__title i{color:#fff}[data-v-617d87ca] .el-submenu__title{background-color:transparent!important;height:40px!important;line-height:40px!important}.ui-menu__header[data-v-617d87ca]{text-align:center;padding:40px 0 20px}.ui-menu__header[data-v-617d87ca]:after{content:"";display:block;height:1px;width:100%;margin-top:20px;background:linear-gradient(to right bottom,#b3cdf2,#fff) no-repeat}.ui-menu__header .ui-logo[data-v-617d87ca]{width:150px}[data-v-617d87ca] .el-menu--horizontal>.el-menu-item{height:40px!important;line-height:40px!important}[data-v-617d87ca] .el-menu--horizontal>.el-menu-item i{color:#fff}.ui-tabs[data-v-e7fe9cfa]{border-bottom:1px solid #ebeef5;padding:0 10px;height:40px;background-color:#fff}.ui-tabs__item[data-v-e7fe9cfa]{float:left;height:31px;border-radius:6px 6px 0 0;border:1px solid #ebeef5;margin-top:10px;box-sizing:border-box;font-size:12px;line-height:30px;padding:0 10px;color:#c0c4cc;cursor:pointer;border-bottom-color:#fff;margin-right:1px;position:relative;transition:all .1s linear}.ui-tabs__item:hover .el-icon-error[data-v-e7fe9cfa]{opacity:1}.ui-tabs__item .el-icon-error[data-v-e7fe9cfa]{position:absolute;right:2px;top:50%;margin-top:-5px;opacity:0;transition:all .1s linear}.ui-tabs__item .el-icon-error[data-v-e7fe9cfa]:hover{color:#409effcc}.ui-tabs__item--active[data-v-e7fe9cfa]{color:#409effcc;padding-right:20px}.ui-tabs__item--active .el-icon-error[data-v-e7fe9cfa]{top:50%;right:5px;font-size:14px;margin-top:-5px;opacity:1}.el-icon-s-tools[data-v-0c66c20e],.icon-pifu[data-v-0c66c20e]{font-size:20px;color:#fff;line-height:60px;margin-right:20px;cursor:pointer}.ui-tool[data-v-0c66c20e]{margin-left:auto;display:flex;align-items:center}[data-v-711376ce] .el-dialog__header{border-bottom:1px solid #ededed}[data-v-711376ce] .el-dialog__header .el-dialog__title{font-size:16px}[data-v-711376ce] .el-dialog__footer{border-top:1px solid #ededed}[data-v-711376ce] .el-dialog__body .el-form .el-select,[data-v-711376ce] .el-dialog__body .el-form .el-input,[data-v-711376ce] .el-dialog__body .el-form .el-input-number{width:240px}[data-v-711376ce] .el-dialog__body .el-form .el-input-number .el-input__inner{text-align:left}[data-v-711376ce] .el-dialog__body .el-form .ui-item__main{width:100%}[data-v-711376ce] .el-dialog__body .el-form .el-form-item__label{font-size:12px}[data-v-711376ce] .el-dialog__body .el-form .el-input--small .el-input__icon{height:32px}.ui-form__item[data-v-567f2ec4]{display:flex;align-items:center;margin-right:15px}.ui-item__label[data-v-567f2ec4]{margin-right:10px;font-size:12px;width:70px;text-align:right}[data-v-567f2ec4].el-select .el-select__caret:first-child:before{content:"\e6e1"}[data-v-567f2ec4].el-select .is-focus .el-select__caret:first-child{transform:rotate(0)}.ui-input__range[data-v-567f2ec4]{max-width:240px;display:flex}.ui-input__range>span[data-v-567f2ec4]{line-height:28px}.el-date-editor[data-v-567f2ec4]{width:100%!important}.inline_form[data-v-567f2ec4]{display:flex;margin-bottom:10px}.inline_label[data-v-567f2ec4]{display:inline-block;height:32px;line-height:32px;font-size:12px;text-align:right;padding-right:10px}.inline_content[data-v-567f2ec4]{flex:1}.el-button--mini[data-v-c24a1f4c]{padding:5px 8px;font-size:12px!important;box-shadow:0 0 5px 1px #b0ccf2}.ui-operation[data-v-3592f4b8]{padding:5px 10px}.el-button[data-v-3592f4b8]{padding:5px 8px!important;font-size:12px!important;box-shadow:0 0 5px 1px #b0ccf2}.ui-record[data-v-177af441]{align-self:flex-end}.ui-record__temps[data-v-177af441],.ui-record__saves[data-v-177af441]{display:flex;flex-wrap:wrap;width:100%;border:1px solid #f1f1f1;border-radius:4px;padding:20px 10px 0;position:relative;box-sizing:border-box}.ui-record__temps[data-v-177af441]:before,.ui-record__saves[data-v-177af441]:before{content:"\5386\53f2\7b5b\9009";display:block;position:absolute;top:-10px;left:10px;background-color:#fff;font-size:12px;padding:0 10px;color:#999}.ui-record__saves[data-v-177af441]{margin-bottom:20px}.ui-record__saves[data-v-177af441]:before{content:"\5e38\7528\7b5b\9009"}.ui-record__item[data-v-177af441]{font-size:12px;margin-right:8px;margin-bottom:8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border:1px solid #f1f1f1;padding:5px;background:#fefefe;border-radius:4px;color:#666;align-self:flex-end;cursor:pointer;position:relative}.ui-record__item span[data-v-177af441]{background-color:#f1f1f1;padding:2px 4px;margin-left:5px;border-radius:4px}.ui-record__item span[data-v-177af441]:first-child{margin-left:0}.ui-record__item[data-v-177af441]:hover{border-color:#b2d8ff}.ui-record__item:hover span[data-v-177af441]{background-color:#b2d8ff;color:#fff}.ui-record__item:hover .ui-flag--icon[data-v-177af441]{display:block}.ui-record__item .ui-flag--icon[data-v-177af441]{position:absolute;right:5px;top:50%;margin-top:-8px;font-size:16px;color:#409eff;display:none;background-color:#fff;height:18px;line-height:18px;width:18px;border-radius:50%;text-align:center;box-shadow:0 0 4px 1px #409eff}.ui-search__button--more[data-v-177af441]{padding:0 0 4px;vertical-align:bottom;border-bottom:1px solid #409EFF!important;border-radius:0;margin-right:10px;align-self:flex-end;margin-bottom:2px}.ui-search[data-v-a4e277ba]{height:138px;box-sizing:border-box;margin:10px 10px 0;padding:20px;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;box-shadow:0 0 4px 2px #eee;position:relative}.ui-search[data-v-a4e277ba] .el-drawer__wrapper{position:absolute}.ui-search__main[data-v-a4e277ba]{display:flex}.ui-search__footer[data-v-a4e277ba]{display:flex;margin-top:10px;align-items:center}.ui-search__cache[data-v-a4e277ba]{font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border:1px solid #f1f1f1;padding:5px;background:#fefefe;border-radius:4px;color:#666;align-self:flex-end;cursor:pointer}.ui-search__cache span[data-v-a4e277ba]{background-color:#f1f1f1;padding:2px 4px;margin-left:5px;border-radius:4px}.ui-search__cache span[data-v-a4e277ba]:first-child{margin-left:0}.ui-search .ui-search__button--more[data-v-a4e277ba]{padding:0 0 4px;vertical-align:bottom;border-bottom:1px solid #409EFF;border-radius:0;margin-right:10px;align-self:flex-end;margin-bottom:2px}.ui-search[data-v-a4e277ba] .ui-form__item{display:block;min-width:150px}.ui-search[data-v-a4e277ba] .ui-form__item--inputrange{min-width:160px}.ui-search[data-v-a4e277ba] .ui-form__item--hide{display:none!important}.ui-search[data-v-a4e277ba] .ui-form__item--daterange{min-width:200px}.ui-search[data-v-a4e277ba] .ui-item__label{width:unset;text-align:left;margin-bottom:5px}.ui-search[data-v-a4e277ba] .el-cascader .el-input{display:flex}.ui-search[data-v-a4e277ba] .ui-input__range{max-width:unset}.ui-search--sort[data-v-a4e277ba]{padding:10px;height:100%;display:flex;flex-direction:column}.ui-search .ui-sort__content[data-v-a4e277ba]{flex:1;margin-bottom:10px;border-bottom:1px solid #f1f1f1}.ui-search .ui-sort__content .el-checkbox[data-v-a4e277ba]{margin-right:10px;margin-left:0!important;margin-bottom:10px}.ui-more__select .el-col[data-v-a4e277ba]{margin-bottom:10px}.ui-more__select[data-v-a4e277ba] .ui-input__range{max-width:unset}.ui-more__select[data-v-a4e277ba] .el-cascader .el-input{display:flex}.ui-dragmove[data-v-a4e277ba]{background-color:#fff}.ui-table_config[data-v-4488d63e]{display:flex;align-items:center;height:32px}.el-icon-s-operation[data-v-4488d63e]{font-size:18px;color:#333;cursor:pointer;border-left:1px solid #dedede;padding-left:5px}.el-icon-s-operation[data-v-4488d63e]:hover{color:#777}[data-v-4488d63e] .el-drawer__wrapper,[data-v-4488d63e] .v-modal{position:absolute}.ui-draggable[data-v-4488d63e]{padding:10px;box-sizing:border-box}.ui-draggable .el-checkbox[data-v-4488d63e]{margin:0 0 5px!important;width:100%}.ui-draggable .el-checkbox[data-v-4488d63e]:hover{border-color:#9ccdff}.ui-sort__footer[data-v-4488d63e]{border-top:1px solid #f1f1f1;padding:10px}.ui-sort__footer .el-button[data-v-4488d63e]{padding-left:10px;padding-right:10px}.ui-sort__content[data-v-4488d63e]{overflow:auto}[data-v-4488d63e] .el-drawer__header{border-bottom:1px solid #f1f1f1;padding:10px;margin-bottom:10px}.ui-table[data-v-eb4039b4]{padding:0 10px;position:relative}.ui-table[data-v-eb4039b4] .el-table-column--selection .el-checkbox{display:block}.ui-table[data-v-eb4039b4] .el-tabs__header{margin-bottom:0;border-bottom:0 none;background:#fff}.ui-table[data-v-eb4039b4] .el-tabs__header .el-tabs__item{height:32px;line-height:32px;font-size:12px}.ui-table[data-v-eb4039b4] .el-tabs--card>.el-tabs__header .el-tabs__item{border-bottom:0 none;line-height:28px}.ui-table[data-v-eb4039b4] .el-tabs--card>.el-tabs__header .el-tabs__item.is-active{color:#fff;background:#409eff;box-shadow:0 0 3px 1px #cee3ff}.ui-table[data-v-eb4039b4] .el-tabs--card>.el-tabs__header .el-tabs__nav{border:0 none;box-sizing:border-box;top:1px;border-radius:unset}.ui-pagination[data-v-eb4039b4]{text-align:right;padding:10px 0;display:flex}.ui-table__tab[data-v-eb4039b4]{background-color:#fff;display:flex}.ui-summary--data[data-v-eb4039b4]{margin-right:auto;display:flex;font-size:12px;align-items:center}.ui-tab--loading[data-v-eb4039b4]{padding-left:10px;height:32px;line-height:32px}.ui-tab--loading span[data-v-eb4039b4]{font-size:12px;color:#999;display:inline-block;margin-left:5px}[data-v-eb4039b4] .el-table .cell{line-height:16px}[data-v-eb4039b4] .el-tabs__nav-scroll,[data-v-eb4039b4] .el-tabs__nav-wrap{overflow:unset!important}[data-v-eb4039b4] .el-badge__content.is-fixed{z-index:1}.ui-page__main>.ui-table[data-v-eb4039b4]{background:#FFF;box-shadow:0 0 4px 1px #eee;margin-left:10px;border-radius:4px;padding-left:10px;margin-right:10px}.ui-top-right[data-v-eb4039b4]{margin-left:auto;margin-right:20px;display:flex;align-items:center}.ui-top-right[data-v-eb4039b4] .el-radio__label{font-size:12px}.ui-top-right[data-v-eb4039b4] .el-radio__inner{width:12px;height:12px}.ui-image--error[data-v-b81bcc3a]{text-align:center;color:#999;background-color:#efefef}
+.ui-search__popover{padding:20px 15px 10px!important}.ui-search__popover .ui-form__item{display:block!important}.ui-search__popover .ui-form__item .ui-item__label{width:unset;text-align:left;margin-bottom:5px}.ui-search__popover .el-select,.ui-search__popover .el-cascader{width:100%}.el-menu--popup-bottom-start,.el-menu--popup-bottom-start .el-menu-item{background-color:#66a8ff!important}.el-menu--popup-bottom-start .el-menu-item.is-active{background-color:#3082f0!important}.fade-enter-active{animation:fadeEnter 5s linear}.fade-leave-active{display:none}@keyframes fadeEnter{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeLeave{0%{transform:translate(0);opacity:1}to{transform:translate(100px);opacity:0}}.flex{display:flex}.ui-item-prepend{width:40%;margin-right:2px}.ui-user[data-v-f6f246c8]{padding-top:40px;padding-bottom:20px;text-align:center}.ui-user__img[data-v-f6f246c8]{width:64px;height:64px;background:url(../assets/image/touxiang.png) no-repeat;background-size:contain;margin:0 auto}.ui-user--name[data-v-f6f246c8]{margin-top:10px;color:#fff}.ui-fast__search[data-v-f6f246c8]{display:flex;justify-content:center;padding:10px}.ui-fast__search[data-v-f6f246c8] .ui-form__item{margin-right:0}.ui-menu[data-v-f6f246c8]{height:100%;flex:1;display:flex}.ui-menu ul[data-v-f6f246c8]{flex:1}.ui-menu[data-v-f6f246c8] .el-cascader .el-input__inner{background-color:#0000001a;color:#fff}.ui-menu[data-v-f6f246c8] .el-cascader .el-input__inner:hover{background-color:#0003}.ui-menu--vertical[data-v-f6f246c8]{background-color:transparent!important}[data-v-f6f246c8] .ui-menu--vertical.el-menu{border-right:0 none!important;background-color:transparent!important}.ui-menu--vertical[data-v-f6f246c8] .el-menu-item{background-color:transparent!important}.ui-menu--vertical[data-v-f6f246c8] .el-menu-item.is-active{background-color:#0000001a!important}.ui-menu--vertical[data-v-f6f246c8] .el-submenu__title i{color:#fff}.ui-menu--vertical[data-v-f6f246c8] .el-submenu__title{background-color:transparent!important}.ui-menu--vertical[data-v-f6f246c8] .el-menu-item i{color:#fff}.ui-menu--horizontal[data-v-f6f246c8] .el-menu{height:40px;border-right:0 none!important;background-color:transparent!important}.ui-menu--horizontal[data-v-f6f246c8] .el-menu.el-menu--horizontal{border-bottom:0 none!important}.ui-menu--horizontal[data-v-f6f246c8] .el-menu--inline{background-color:#0000001a!important}.ui-menu--horizontal[data-v-f6f246c8] .el-menu-item{min-width:unset;background-color:transparent!important}.ui-menu--horizontal[data-v-f6f246c8] .el-menu-item i{color:#fff}.ui-menu--horizontal[data-v-f6f246c8] .el-menu-item.is-active{background-color:#0000001a!important}.ui-menu--horizontal[data-v-f6f246c8] .el-submenu__title i{color:#fff}.ui-menu--horizontal[data-v-f6f246c8] .el-submenu__title{background-color:transparent!important;height:40px!important;line-height:40px!important}.ui-menu--horizontal .ui-menu__header[data-v-f6f246c8]{text-align:center;padding:40px 0 20px}.ui-menu--horizontal .ui-menu__header[data-v-f6f246c8]:after{content:"";display:block;height:1px;width:100%;margin-top:20px;background:linear-gradient(to right bottom,#b3cdf2,#fff) no-repeat}.ui-menu--horizontal .ui-menu__header .ui-logo[data-v-f6f246c8]{width:150px}.ui-menu--horizontal[data-v-f6f246c8] .el-menu--horizontal>.el-menu-item{height:40px!important;line-height:40px!important}.ui-menu--horizontal[data-v-f6f246c8] .el-menu--horizontal>.el-menu-item i{color:#fff}.ui-tabs[data-v-355ab970]{border-bottom:1px solid #ebeef5;padding:0 10px;height:40px;background-color:#fff;display:flex;align-items:flex-end}.ui-tabs__item[data-v-355ab970]{float:left;height:31px;border-radius:6px 6px 0 0;border:1px solid #ebeef5;margin-top:10px;box-sizing:border-box;font-size:12px;line-height:30px;padding:0 10px;color:#c0c4cc;cursor:pointer;border-bottom-color:#fff;margin-right:1px;position:relative;transition:all .1s linear}.ui-tabs__item:hover .el-icon-error[data-v-355ab970]{opacity:1}.ui-tabs__item .el-icon-error[data-v-355ab970]{position:absolute;right:2px;top:50%;margin-top:-5px;opacity:0;transition:all .1s linear}.ui-tabs__item--active[data-v-355ab970]{padding-right:20px}.ui-tabs__item--active .el-icon-error[data-v-355ab970]{top:50%;right:5px;font-size:14px;margin-top:-5px;opacity:1}.admin-tab__chrome-tab[data-v-355ab970]{position:relative;display:inline-flex;align-items:center;height:34px;padding-left:24px;padding-right:24px;margin-right:-18px;cursor:pointer}.admin-tab__chrome-tab__bg[data-v-355ab970]{position:absolute;left:0;bottom:0;width:100%;height:100%;overflow:hidden}.admin-tab__chrome-tab__bg svg[data-v-355ab970]{display:block;vertical-align:middle}.icon-guanbi1[data-v-355ab970]{color:#a1a1a1;transition:all .2s linear}.admin-tab__chrome-tab--active[data-v-355ab970]{z-index:10}.admin-tab__chrome-tab__slot[data-v-355ab970]{position:relative;z-index:2;white-space:nowrap;font-size:12px}.admin-tab__chrome-tab__divider[data-v-355ab970]{position:absolute;right:7.5px;z-index:2;width:1px;height:16px;background-color:#a1a1a1;opacity:1;transition:opacity .3s ease-in-out}.admin-tab__chrome-tab__divider--hide[data-v-355ab970]{opacity:0}.admin-tab__chrome-tab--hover[data-v-355ab970]{z-index:9}.admin-tab__chrome-tab__icon[data-v-355ab970]{padding-left:18px}.admin-tab__chrome-tab__icon .admin-tab__icon[data-v-355ab970]{position:relative;display:flex;justify-content:center;align-items:center;width:18px;height:18px;font-size:14px}.el-icon-s-tools[data-v-0c66c20e],.icon-pifu[data-v-0c66c20e]{font-size:20px;color:#fff;line-height:60px;margin-right:20px;cursor:pointer}.ui-tool[data-v-0c66c20e]{margin-left:auto;display:flex;align-items:center}[data-v-711376ce] .el-dialog__header{border-bottom:1px solid #ededed}[data-v-711376ce] .el-dialog__header .el-dialog__title{font-size:16px}[data-v-711376ce] .el-dialog__footer{border-top:1px solid #ededed}[data-v-711376ce] .el-dialog__body .el-form .el-select,[data-v-711376ce] .el-dialog__body .el-form .el-input,[data-v-711376ce] .el-dialog__body .el-form .el-input-number{width:240px}[data-v-711376ce] .el-dialog__body .el-form .el-input-number .el-input__inner{text-align:left}[data-v-711376ce] .el-dialog__body .el-form .ui-item__main{width:100%}[data-v-711376ce] .el-dialog__body .el-form .el-form-item__label{font-size:12px}[data-v-711376ce] .el-dialog__body .el-form .el-input--small .el-input__icon{height:32px}.ui-form__item[data-v-567f2ec4]{display:flex;align-items:center;margin-right:15px}.ui-item__label[data-v-567f2ec4]{margin-right:10px;font-size:12px;width:70px;text-align:right}[data-v-567f2ec4].el-select .el-select__caret:first-child:before{content:"\e6e1"}[data-v-567f2ec4].el-select .is-focus .el-select__caret:first-child{transform:rotate(0)}.ui-input__range[data-v-567f2ec4]{max-width:240px;display:flex}.ui-input__range>span[data-v-567f2ec4]{line-height:28px}.el-date-editor[data-v-567f2ec4]{width:100%!important}.inline_form[data-v-567f2ec4]{display:flex;margin-bottom:10px}.inline_label[data-v-567f2ec4]{display:inline-block;height:32px;line-height:32px;font-size:12px;text-align:right;padding-right:10px}.inline_content[data-v-567f2ec4]{flex:1}.el-button--mini[data-v-c24a1f4c]{padding:5px 8px;font-size:12px!important;box-shadow:0 0 5px 1px #b0ccf2}.ui-operation[data-v-3592f4b8]{padding:5px 10px}.el-button[data-v-3592f4b8]{padding:5px 8px!important;font-size:12px!important;box-shadow:0 0 5px 1px #b0ccf2}.ui-record[data-v-177af441]{align-self:flex-end}.ui-record__temps[data-v-177af441],.ui-record__saves[data-v-177af441]{display:flex;flex-wrap:wrap;width:100%;border:1px solid #f1f1f1;border-radius:4px;padding:20px 10px 0;position:relative;box-sizing:border-box}.ui-record__temps[data-v-177af441]:before,.ui-record__saves[data-v-177af441]:before{content:"\5386\53f2\7b5b\9009";display:block;position:absolute;top:-10px;left:10px;background-color:#fff;font-size:12px;padding:0 10px;color:#999}.ui-record__saves[data-v-177af441]{margin-bottom:20px}.ui-record__saves[data-v-177af441]:before{content:"\5e38\7528\7b5b\9009"}.ui-record__item[data-v-177af441]{font-size:12px;margin-right:8px;margin-bottom:8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border:1px solid #f1f1f1;padding:5px;background:#fefefe;border-radius:4px;color:#666;align-self:flex-end;cursor:pointer;position:relative}.ui-record__item span[data-v-177af441]{background-color:#f1f1f1;padding:2px 4px;margin-left:5px;border-radius:4px}.ui-record__item span[data-v-177af441]:first-child{margin-left:0}.ui-record__item[data-v-177af441]:hover{border-color:#b2d8ff}.ui-record__item:hover span[data-v-177af441]{background-color:#b2d8ff;color:#fff}.ui-record__item:hover .ui-flag--icon[data-v-177af441]{display:block}.ui-record__item .ui-flag--icon[data-v-177af441]{position:absolute;right:5px;top:50%;margin-top:-8px;font-size:16px;color:#409eff;display:none;background-color:#fff;height:18px;line-height:18px;width:18px;border-radius:50%;text-align:center;box-shadow:0 0 4px 1px #409eff}.ui-search__button--more[data-v-177af441]{padding:0 0 4px;vertical-align:bottom;border-bottom:1px solid #409EFF!important;border-radius:0;margin-right:10px;align-self:flex-end;margin-bottom:2px}.ui-search[data-v-a4e277ba]{height:138px;box-sizing:border-box;margin:10px 10px 0;padding:20px;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;box-shadow:0 0 4px 2px #eee;position:relative}.ui-search[data-v-a4e277ba] .el-drawer__wrapper{position:absolute}.ui-search__main[data-v-a4e277ba]{display:flex}.ui-search__footer[data-v-a4e277ba]{display:flex;margin-top:10px;align-items:center}.ui-search__cache[data-v-a4e277ba]{font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border:1px solid #f1f1f1;padding:5px;background:#fefefe;border-radius:4px;color:#666;align-self:flex-end;cursor:pointer}.ui-search__cache span[data-v-a4e277ba]{background-color:#f1f1f1;padding:2px 4px;margin-left:5px;border-radius:4px}.ui-search__cache span[data-v-a4e277ba]:first-child{margin-left:0}.ui-search .ui-search__button--more[data-v-a4e277ba]{padding:0 0 4px;vertical-align:bottom;border-bottom:1px solid #409EFF;border-radius:0;margin-right:10px;align-self:flex-end;margin-bottom:2px}.ui-search[data-v-a4e277ba] .ui-form__item{display:block;min-width:150px}.ui-search[data-v-a4e277ba] .ui-form__item--inputrange{min-width:160px}.ui-search[data-v-a4e277ba] .ui-form__item--hide{display:none!important}.ui-search[data-v-a4e277ba] .ui-form__item--daterange{min-width:200px}.ui-search[data-v-a4e277ba] .ui-item__label{width:unset;text-align:left;margin-bottom:5px}.ui-search[data-v-a4e277ba] .el-cascader .el-input{display:flex}.ui-search[data-v-a4e277ba] .ui-input__range{max-width:unset}.ui-search--sort[data-v-a4e277ba]{padding:10px;height:100%;display:flex;flex-direction:column}.ui-search .ui-sort__content[data-v-a4e277ba]{flex:1;margin-bottom:10px;border-bottom:1px solid #f1f1f1}.ui-search .ui-sort__content .el-checkbox[data-v-a4e277ba]{margin-right:10px;margin-left:0!important;margin-bottom:10px}.ui-more__select .el-col[data-v-a4e277ba]{margin-bottom:10px}.ui-more__select[data-v-a4e277ba] .ui-input__range{max-width:unset}.ui-more__select[data-v-a4e277ba] .el-cascader .el-input{display:flex}.ui-dragmove[data-v-a4e277ba]{background-color:#fff}.ui-table_config[data-v-4488d63e]{display:flex;align-items:center;height:32px}.el-icon-s-operation[data-v-4488d63e]{font-size:18px;color:#333;cursor:pointer;border-left:1px solid #dedede;padding-left:5px}.el-icon-s-operation[data-v-4488d63e]:hover{color:#777}[data-v-4488d63e] .el-drawer__wrapper,[data-v-4488d63e] .v-modal{position:absolute}.ui-draggable[data-v-4488d63e]{padding:10px;box-sizing:border-box}.ui-draggable .el-checkbox[data-v-4488d63e]{margin:0 0 5px!important;width:100%}.ui-draggable .el-checkbox[data-v-4488d63e]:hover{border-color:#9ccdff}.ui-sort__footer[data-v-4488d63e]{border-top:1px solid #f1f1f1;padding:10px}.ui-sort__footer .el-button[data-v-4488d63e]{padding-left:10px;padding-right:10px}.ui-sort__content[data-v-4488d63e]{overflow:auto}[data-v-4488d63e] .el-drawer__header{border-bottom:1px solid #f1f1f1;padding:10px;margin-bottom:10px}.ui-table[data-v-eb4039b4]{padding:0 10px;position:relative}.ui-table[data-v-eb4039b4] .el-table-column--selection .el-checkbox{display:block}.ui-table[data-v-eb4039b4] .el-tabs__header{margin-bottom:0;border-bottom:0 none;background:#fff}.ui-table[data-v-eb4039b4] .el-tabs__header .el-tabs__item{height:32px;line-height:32px;font-size:12px}.ui-table[data-v-eb4039b4] .el-tabs--card>.el-tabs__header .el-tabs__item{border-bottom:0 none;line-height:28px}.ui-table[data-v-eb4039b4] .el-tabs--card>.el-tabs__header .el-tabs__item.is-active{color:#fff;background:#409eff;box-shadow:0 0 3px 1px #cee3ff}.ui-table[data-v-eb4039b4] .el-tabs--card>.el-tabs__header .el-tabs__nav{border:0 none;box-sizing:border-box;top:1px;border-radius:unset}.ui-pagination[data-v-eb4039b4]{text-align:right;padding:10px 0;display:flex}.ui-table__tab[data-v-eb4039b4]{background-color:#fff;display:flex}.ui-summary--data[data-v-eb4039b4]{margin-right:auto;display:flex;font-size:12px;align-items:center}.ui-tab--loading[data-v-eb4039b4]{padding-left:10px;height:32px;line-height:32px}.ui-tab--loading span[data-v-eb4039b4]{font-size:12px;color:#999;display:inline-block;margin-left:5px}[data-v-eb4039b4] .el-table .cell{line-height:16px}[data-v-eb4039b4] .el-tabs__nav-scroll,[data-v-eb4039b4] .el-tabs__nav-wrap{overflow:unset!important}[data-v-eb4039b4] .el-badge__content.is-fixed{z-index:1}.ui-page__main>.ui-table[data-v-eb4039b4]{background:#FFF;box-shadow:0 0 4px 1px #eee;margin-left:10px;border-radius:4px;padding-left:10px;margin-right:10px}.ui-top-right[data-v-eb4039b4]{margin-left:auto;margin-right:20px;display:flex;align-items:center}.ui-top-right[data-v-eb4039b4] .el-radio__label{font-size:12px}.ui-top-right[data-v-eb4039b4] .el-radio__inner{width:12px;height:12px}.ui-image--error[data-v-b81bcc3a]{text-align:center;color:#999;background-color:#efefef}

package/dist/tenghui-ui.es.js

@@ -122,15 +122,15 @@ var render$e = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", { staticClass: "ui-menu" }, [_c("el-menu", { attrs: { "mode": _vm.mode, "background-color": "#545c64", "text-color": "#FFF", "active-text-color": "#FFF", "menu-trigger": "hover", "default-active": _vm.$route.path }, on: { "select": _vm.handleJump } }, [_vm._l(_vm.data, function(item, index2) {
-    return [item.children ? _c("el-submenu", { attrs: { "index": item.path || item.name } }, [_c("template", { slot: "title" }, [_c("i", { staticClass: "icon-chanpinguanli-chanpinliebiao" }), _c("span", [_vm._v(_vm._s(item.name))])]), _vm._l(item.children, function(_item, _index) {
+  return _c("div", { staticClass: "ui-menu", class: { "flex-direction-column ui-hasbg": _vm.mode == "vertical" } }, [_vm.mode == "vertical" ? _c("div", { staticClass: "ui-menu__header" }, [_c("div", { staticClass: "ui-user" }, [_c("div", { staticClass: "ui-user__img" }), _c("div", { staticClass: "ui-user--name" }, [_vm._v(" " + _vm._s(_vm.userData.userName) + " ")])])]) : _vm._e(), _c("div", { staticClass: "ui-fast__search" }, [_c("com-form-item", { attrs: { "type": "cascader", "popper-class": "fast_search__cascader", "options": _vm.data, "props": _vm.searchProps, "placeholder": "\u641C\u7D22\u83DC\u5355" }, on: { "change": _vm.handleSearch }, model: { value: _vm.activePath, callback: function($$v) {
+    _vm.activePath = $$v;
+  }, expression: "activePath" } })], 1), _c("el-menu", { class: "ui-menu--" + _vm.mode, attrs: { "mode": _vm.mode, "background-color": "#545c64", "text-color": "#FFF", "active-text-color": "#FFF", "menu-trigger": "hover", "default-active": _vm.$route.path }, on: { "select": _vm.handleJump } }, [_vm._l(_vm.data, function(item, index2) {
+    return [item.children ? _c("el-submenu", { attrs: { "index": item.path || item.name } }, [_c("template", { slot: "title" }, [_c("i", { class: item.icon || "icon-chanpinguanli-chanpinliebiao" }), _c("span", [_vm._v(_vm._s(item.name))])]), _vm._l(item.children, function(_item, _index) {
       return [_item.children ? _c("el-submenu", { attrs: { "index": _item.path || _item.name } }, [_c("template", { slot: "title" }, [_vm._v(_vm._s(_item.name))]), _vm._l(_item.children, function(__item, __index) {
         return _c("el-menu-item", { key: __item.name, attrs: { "index": __item.path || __item.name } }, [_vm._v(_vm._s(__item.name))]);
       })], 2) : _c("el-menu-item", { attrs: { "index": _item.path || _item.name } }, [_vm._v(_vm._s(_item.name))])];
-    })], 2) : _c("el-menu-item", { attrs: { "index": item.path || item.name } }, [_c("i", { staticClass: "el-icon-menu" }), _c("span", { attrs: { "slot": "title" }, slot: "title" }, [_vm._v(_vm._s(item.name))])])];
-  })], 2), _c("com-form-item", { attrs: { "type": "cascader", "options": _vm.data, "props": _vm.searchProps, "placeholder": "\u641C\u7D22\u83DC\u5355" }, on: { "change": _vm.handleSearch }, model: { value: _vm.activePath, callback: function($$v) {
-    _vm.activePath = $$v;
-  }, expression: "activePath" } })], 1);
+    })], 2) : _c("el-menu-item", { attrs: { "index": item.path || item.name } }, [_c("i", { class: item.icon || "icon-chanpinguanli-chanpinliebiao" }), _c("span", { attrs: { "slot": "title" }, slot: "title" }, [_vm._v(_vm._s(item.name))])])];
+  })], 2)], 1);
 };
 var staticRenderFns$e = [];
 var index_vue_vue_type_style_index_0_scoped_true_lang$8 = "";
@@ -146,6 +146,12 @@ const __vue2_script$e = {
     mode: {
       type: String,
       default: "horizontal"
+    },
+    userData: {
+      type: Object,
+      default() {
+        return {};
+      }
     }
   },
   data() {
@@ -158,7 +164,6 @@ const __vue2_script$e = {
       activePath: ""
     };
   },
-  computed: {},
   methods: {
     handleJump(path) {
       this.$emit("jump", path);
@@ -176,7 +181,7 @@ const __vue2_script$e = {
   }
 };
 const __cssModules$e = {};
-var __component__$e = /* @__PURE__ */ normalizeComponent(__vue2_script$e, render$e, staticRenderFns$e, false, __vue2_injectStyles$e, "617d87ca", null, null);
+var __component__$e = /* @__PURE__ */ normalizeComponent(__vue2_script$e, render$e, staticRenderFns$e, false, __vue2_injectStyles$e, "f6f246c8", null, null);
 function __vue2_injectStyles$e(context) {
   for (let o in __cssModules$e) {
     this[o] = __cssModules$e[o];
@@ -193,14 +198,21 @@ var render$d = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", { staticClass: "ui-tabs" }, [_c("ul", { staticClass: "clear-fix" }, _vm._l(_vm.data, function(item) {
-    return _c("li", { staticClass: "ui-tabs__item", class: { "ui-tabs__item--active": _vm.currentTab.path === item.path }, on: { "click": function($event) {
+  return _c("div", { staticClass: "ui-tabs" }, [_c("div", { staticClass: "inline-block h-full" }, [_c("div", { staticClass: "h-full flex items-end" }, _vm._l(_vm.data, function(item, index2) {
+    return _c("div", { key: item.path, staticClass: "admin-tab__chrome-tab", class: {
+      "admin-tab__chrome-tab--active": _vm.currentTab.path === item.path,
+      "admin-tab__chrome-tab--hover": _vm.hoverItem == item.path
+    }, on: { "click": function($event) {
       return _vm.handleToggle(item.path);
-    } } }, [_c("span", [_vm._v(_vm._s(item.name))]), _c("span", { staticClass: "el-icon-error", on: { "click": function($event) {
+    }, "mouseenter": function($event) {
+      return _vm.itemEnter(item.path);
+    }, "mouseleave": function($event) {
+      return _vm.itemLeave(item.path);
+    } } }, [_c("div", { staticClass: "admin-tab__chrome-tab__bg" }, [_c("svg", { staticStyle: { "width": "100%", "height": "100%" } }, [_c("defs", [_c("symbol", { attrs: { "id": "geometry-left", "viewBox": "0 0 214 36" } }, [_c("path", { attrs: { "d": "M17 0h197v36H0v-2c4.5 0 9-3.5 9-8V8c0-4.5 3.5-8 8-8z" } })]), _c("symbol", { attrs: { "id": "geometry-right", "viewBox": "0 0 214 36" } }, [_c("use", { attrs: { "xlink:href": "#geometry-left" } })]), _c("clipPath", [_c("rect", { attrs: { "width": "100%", "height": "100%", "x": "0" } })])]), _c("svg", { attrs: { "width": "52%", "height": "100%" } }, [_c("use", { attrs: { "xlink:href": "#geometry-left", "width": "214", "height": "36", "fill": _vm.stateColor(item.path) } })]), _c("g", { attrs: { "transform": "scale(-1, 1)" } }, [_c("svg", { attrs: { "width": "52%", "height": "100%", "x": "-100%", "y": "0" } }, [_c("use", { attrs: { "xlink:href": "#geometry-right", "width": "214", "height": "36", "fill": _vm.stateColor(item.path) } })])])])]), _c("span", { staticClass: "admin-tab__chrome-tab__slot" }, [_c("i", { class: item.icon || "", staticStyle: { "margin-right": "5px" } }), _vm._v(" " + _vm._s(item.name) + " ")]), _c("div", { directives: [{ name: "show", rawName: "v-show", value: item.path !== "/Home", expression: "item.path !== '/Home'" }], staticClass: "admin-tab__chrome-tab__icon" }, [_c("div", { staticClass: "admin-tab__icon", on: { "click": function($event) {
       $event.stopPropagation();
       return _vm.handleDeleteTab(item.path);
-    } } })]);
-  }), 0)]);
+    } } }, [_c("i", { staticClass: "icon-guanbi1 font-size-12" })])]), _c("div", { staticClass: "admin-tab__chrome-tab__divider", class: { "admin-tab__chrome-tab__divider--hide": _vm.hoverItem == item.path || _vm.currentTab.path === item.path } })]);
+  }), 0)])]);
 };
 var staticRenderFns$d = [];
 var index_vue_vue_type_style_index_0_scoped_true_lang$7 = "";
@@ -221,7 +233,9 @@ const __vue2_script$d = {
     }
   },
   data() {
-    return {};
+    return {
+      hoverItem: ""
+    };
   },
   methods: {
     handleToggle(path) {
@@ -229,11 +243,22 @@ const __vue2_script$d = {
     },
     handleDeleteTab(path) {
       this.$emit("deleteTab", path);
+    },
+    itemEnter(target) {
+      this.hoverItem = target;
+    },
+    itemLeave(target) {
+      this.hoverItem = "";
+    },
+    stateColor(target) {
+      const active = "#dee1e6";
+      const hover = "#f5f7fa";
+      return this.currentTab.path == target ? active : this.hoverItem == target ? hover : "#FFFFFF";
     }
   }
 };
 const __cssModules$d = {};
-var __component__$d = /* @__PURE__ */ normalizeComponent(__vue2_script$d, render$d, staticRenderFns$d, false, __vue2_injectStyles$d, "e7fe9cfa", null, null);
+var __component__$d = /* @__PURE__ */ normalizeComponent(__vue2_script$d, render$d, staticRenderFns$d, false, __vue2_injectStyles$d, "355ab970", null, null);
 function __vue2_injectStyles$d(context) {
   for (let o in __cssModules$d) {
     this[o] = __cssModules$d[o];