next-element-vue 0.5.6 → 0.5.8

package/dist/index.css

@@ -1,6 +1,6 @@
 .flex-center{align-items:center;display:flex;justify-content:center}.el-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.el-overlay-dialog::-webkit-scrollbar{background-color:#f5f5f5;height:6px;width:6px}.el-overlay-dialog::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}.el-overlay-dialog::-webkit-scrollbar-thumb:hover{background-color:#aaa}.el-overlay-dialog::-webkit-scrollbar-thumb:inactive{background-color:#eee}*{list-style:none;margin:0;padding:0}:root{--next-layout-bg-color:#282c34;--next-layout-font-color:#fff;--next-main-bg-color:#fff;color-scheme:light;--el-color-white:#fff;--el-color-black:#000;--el-color-primary:#1e90ff;--el-color-primary-light-3:#62b1ff;--el-color-primary-light-5:#8fc8ff;--el-color-primary-light-7:#bcdeff;--el-color-primary-light-8:#d2e9ff;--el-color-primary-light-9:#e9f4ff;--el-color-primary-dark-2:#1e90ff;--el-color-success:#67c23a;--el-color-success-light-3:#95d475;--el-color-success-light-5:#b3e19d;--el-color-success-light-7:#d1edc4;--el-color-success-light-8:#e1f3d8;--el-color-success-light-9:#f0f9eb;--el-color-success-dark-2:#529b2e;--el-color-warning:#e6a23c;--el-color-warning-light-3:#eebe77;--el-color-warning-light-5:#f3d19e;--el-color-warning-light-7:#f8e3c5;--el-color-warning-light-8:#faecd8;--el-color-warning-light-9:#fdf6ec;--el-color-warning-dark-2:#b88230;--el-color-danger:#f56c6c;--el-color-danger-light-3:#f89898;--el-color-danger-light-5:#fab6b6;--el-color-danger-light-7:#fcd3d3;--el-color-danger-light-8:#fde2e2;--el-color-danger-light-9:#fef0f0;--el-color-danger-dark-2:#c45656;--el-color-error:#f56c6c;--el-color-error-light-3:#f89898;--el-color-error-light-5:#fab6b6;--el-color-error-light-7:#fcd3d3;--el-color-error-light-8:#fde2e2;--el-color-error-light-9:#fef0f0;--el-color-error-dark-2:#c45656;--el-color-info:#909399;--el-color-info-light-3:#b1b3b8;--el-color-info-light-5:#c8c9cc;--el-color-info-light-7:#dedfe0;--el-color-info-light-8:#e9e9eb;--el-color-info-light-9:#f4f4f5;--el-color-info-dark-2:#73767a;--el-bg-color:#fff;--el-bg-color-page:#f2f3f5;--el-bg-color-overlay:#fff;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#a8abb2;--el-text-color-disabled:#c0c4cc;--el-border-color:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-color-dark:#d4d7de;--el-border-color-darker:#cdd0d6;--el-fill-color:#f0f2f5;--el-fill-color-light:#f5f7fa;--el-fill-color-lighter:#fafafa;--el-fill-color-extra-light:#fafcff;--el-fill-color-dark:#ebedf0;--el-fill-color-darker:#e6e8eb;--el-fill-color-blank:#fff;--el-box-shadow:0px 12px 32px 4px rgba(0,0,0,.04),0px 8px 20px rgba(0,0,0,.08);--el-box-shadow-light:0px 0px 12px rgba(0,0,0,.12);--el-box-shadow-lighter:0px 0px 6px rgba(0,0,0,.12);--el-box-shadow-dark:0px 16px 48px 16px rgba(0,0,0,.08),0px 12px 32px rgba(0,0,0,.12),0px 8px 16px -8px rgba(0,0,0,.16);--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:rgba(0,0,0,.8);--el-overlay-color-light:rgba(0,0,0,.7);--el-overlay-color-lighter:rgba(0,0,0,.5);--el-mask-color:hsla(0,0%,100%,.9);--el-mask-color-extra-light:hsla(0,0%,100%,.3);--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color);--el-menu-active-color:var(--el-color-primary);--el-menu-text-color:var(--el-text-color-primary);--el-menu-hover-text-color:var(--el-color-primary);--el-menu-bg-color:var(--el-fill-color-blank);--el-menu-hover-bg-color:var(--el-color-primary-light-9);--el-menu-item-height:56px;--el-menu-sub-item-height:calc(var(--el-menu-item-height) - 6px);--el-menu-horizontal-sub-item-height:36px;--el-menu-item-font-size:var(--el-font-size-base);--el-menu-item-hover-fill:var(--el-color-primary-light-9);--el-menu-border-color:var(--el-border-color);--el-menu-base-level-padding:20px;--el-menu-level-padding:20px;--el-menu-icon-width:24px}[class=dark],[data-theme=dark]{--next-main-bg-color:#141414;--el-bg-color:var(--next-main-bg-color);--el-fill-color-blank:var(--next-main-bg-color);--el-fill-color-light:var(--next-main-bg-color);--el-fill-color-lighter:var(--next-main-bg-color);--el-bg-color-overlay:var(--next-main-bg-color);--el-bg-color-page:var(--next-main-bg-color);--el-mask-color:rgba(0,0,0,.6);--el-text-color-regular:#fff;--el-text-color-primary:#fff}[class=dark] .next-layout,[data-theme=dark] .next-layout{background-color:var(--next-main-bg-color)}[class=dark] .next-layout .next-tabs .next-tabs-list>li,[class=dark] .next-layout .next-tabs .next-tabs-list>li.is-active:hover,[class=dark] .next-layout .next-tabs .next-tabs-list>li:hover,[data-theme=dark] .next-layout .next-tabs .next-tabs-list>li,[data-theme=dark] .next-layout .next-tabs .next-tabs-list>li.is-active:hover,[data-theme=dark] .next-layout .next-tabs .next-tabs-list>li:hover{background-color:unset!important}[class=dark] .el-picker__popper,[data-theme=dark] .el-picker__popper{border:1px solid #fff!important}[class=dark] .el-table .el-table__row.hover-row,[data-theme=dark] .el-table .el-table__row.hover-row{background-color:var(--next-main-bg-color)}[class=dark] .el-table .el-table__row.hover-row td.el-table__cell,[data-theme=dark] .el-table .el-table__row.hover-row td.el-table__cell{background-color:var(--next-main-bg-color)!important}
 .next-text-ellipsis{align-items:center;box-sizing:border-box;display:inline-flex;width:100%}.next-text-ellipsis__text{cursor:pointer;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}
-.active-menu-item,.next-menu-popper .el-menu--popup .el-menu-item.is-active>.next-menu-item__icon,.next-menu-popper .el-menu--popup .el-menu-item.is-active>.next-menu-item__title,.next-menu-popper .el-menu--popup .el-menu-item:hover>.next-menu-item__icon,.next-menu-popper .el-menu--popup .el-menu-item:hover>.next-menu-item__title,.next-menu-popper .el-menu--popup .el-sub-menu.is-active>.next-menu-item__icon,.next-menu-popper .el-menu--popup .el-sub-menu.is-active>.next-menu-item__title,.next-menu-popper .el-menu--popup .el-sub-menu__title.is-active>.next-menu-item__icon,.next-menu-popper .el-menu--popup .el-sub-menu__title.is-active>.next-menu-item__title,.next-menu-popper .el-menu--popup .el-sub-menu__title:hover>.next-menu-item__icon,.next-menu-popper .el-menu--popup .el-sub-menu__title:hover>.next-menu-item__title,.next-menu.el-menu--horizontal .el-menu-item.is-active>.el-sub-menu__title>.next-menu-item__icon,.next-menu.el-menu--horizontal .el-menu-item.is-active>.el-sub-menu__title>.next-menu-item__title,.next-menu.el-menu--horizontal .el-menu-item.is-active>.next-menu-item__icon,.next-menu.el-menu--horizontal .el-menu-item.is-active>.next-menu-item__title,.next-menu.el-menu--horizontal .el-menu-item:hover>.next-menu-item__icon,.next-menu.el-menu--horizontal .el-menu-item:hover>.next-menu-item__title,.next-menu.el-menu--horizontal .el-sub-menu.is-active>.el-sub-menu__title>.next-menu-item__icon,.next-menu.el-menu--horizontal .el-sub-menu.is-active>.el-sub-menu__title>.next-menu-item__title,.next-menu.el-menu--horizontal .el-sub-menu.is-active>.next-menu-item__icon,.next-menu.el-menu--horizontal .el-sub-menu.is-active>.next-menu-item__title,.next-menu.el-menu--horizontal .el-sub-menu:hover>.next-menu-item__icon,.next-menu.el-menu--horizontal .el-sub-menu:hover>.next-menu-item__title,.next-menu.el-menu--horizontal .el-sub-menu__title:hover>.next-menu-item__icon,.next-menu.el-menu--horizontal .el-sub-menu__title:hover>.next-menu-item__title,.next-menu.el-menu--vertical .el-menu-item.is-active>.el-sub-menu__title>.next-menu-item__icon,.next-menu.el-menu--vertical .el-menu-item.is-active>.el-sub-menu__title>.next-menu-item__title,.next-menu.el-menu--vertical .el-menu-item.is-active>.next-menu-item__icon,.next-menu.el-menu--vertical .el-menu-item.is-active>.next-menu-item__title,.next-menu.el-menu--vertical .el-menu-item:hover>.next-menu-item__icon,.next-menu.el-menu--vertical .el-menu-item:hover>.next-menu-item__title,.next-menu.el-menu--vertical .el-sub-menu.is-active>.el-sub-menu__title>.next-menu-item__icon,.next-menu.el-menu--vertical .el-sub-menu.is-active>.el-sub-menu__title>.next-menu-item__title,.next-menu.el-menu--vertical .el-sub-menu.is-active>.next-menu-item__icon,.next-menu.el-menu--vertical .el-sub-menu.is-active>.next-menu-item__title,.next-menu.el-menu--vertical .el-sub-menu:hover>.next-menu-item__icon,.next-menu.el-menu--vertical .el-sub-menu:hover>.next-menu-item__title,.next-menu.el-menu--vertical .el-sub-menu__title:hover>.next-menu-item__icon,.next-menu.el-menu--vertical .el-sub-menu__title:hover>.next-menu-item__title{color:var(--el-color-primary)}.active-menu-item .icon,.next-menu-popper .el-menu--popup .el-menu-item.is-active>.next-menu-item__icon .icon,.next-menu-popper .el-menu--popup .el-menu-item.is-active>.next-menu-item__title .icon,.next-menu-popper .el-menu--popup .el-menu-item:hover>.next-menu-item__icon .icon,.next-menu-popper .el-menu--popup .el-menu-item:hover>.next-menu-item__title .icon,.next-menu-popper .el-menu--popup .el-sub-menu.is-active>.next-menu-item__icon .icon,.next-menu-popper .el-menu--popup .el-sub-menu.is-active>.next-menu-item__title .icon,.next-menu-popper .el-menu--popup .el-sub-menu__title.is-active>.next-menu-item__icon .icon,.next-menu-popper .el-menu--popup .el-sub-menu__title.is-active>.next-menu-item__title .icon,.next-menu-popper .el-menu--popup .el-sub-menu__title:hover>.next-menu-item__icon .icon,.next-menu-popper .el-menu--popup .el-sub-menu__title:hover>.next-menu-item__title .icon,.next-menu.el-menu--horizontal .el-menu-item.is-active>.el-sub-menu__title>.next-menu-item__icon .icon,.next-menu.el-menu--horizontal .el-menu-item.is-active>.el-sub-menu__title>.next-menu-item__title .icon,.next-menu.el-menu--horizontal .el-menu-item.is-active>.next-menu-item__icon .icon,.next-menu.el-menu--horizontal .el-menu-item.is-active>.next-menu-item__title .icon,.next-menu.el-menu--horizontal .el-menu-item:hover>.next-menu-item__icon .icon,.next-menu.el-menu--horizontal .el-menu-item:hover>.next-menu-item__title .icon,.next-menu.el-menu--horizontal .el-sub-menu.is-active>.el-sub-menu__title>.next-menu-item__icon .icon,.next-menu.el-menu--horizontal .el-sub-menu.is-active>.el-sub-menu__title>.next-menu-item__title .icon,.next-menu.el-menu--horizontal .el-sub-menu.is-active>.next-menu-item__icon .icon,.next-menu.el-menu--horizontal .el-sub-menu.is-active>.next-menu-item__title .icon,.next-menu.el-menu--horizontal .el-sub-menu:hover>.next-menu-item__icon .icon,.next-menu.el-menu--horizontal .el-sub-menu:hover>.next-menu-item__title .icon,.next-menu.el-menu--horizontal .el-sub-menu__title:hover>.next-menu-item__icon .icon,.next-menu.el-menu--horizontal .el-sub-menu__title:hover>.next-menu-item__title .icon,.next-menu.el-menu--vertical .el-menu-item.is-active>.el-sub-menu__title>.next-menu-item__icon .icon,.next-menu.el-menu--vertical .el-menu-item.is-active>.el-sub-menu__title>.next-menu-item__title .icon,.next-menu.el-menu--vertical .el-menu-item.is-active>.next-menu-item__icon .icon,.next-menu.el-menu--vertical .el-menu-item.is-active>.next-menu-item__title .icon,.next-menu.el-menu--vertical .el-menu-item:hover>.next-menu-item__icon .icon,.next-menu.el-menu--vertical .el-menu-item:hover>.next-menu-item__title .icon,.next-menu.el-menu--vertical .el-sub-menu.is-active>.el-sub-menu__title>.next-menu-item__icon .icon,.next-menu.el-menu--vertical .el-sub-menu.is-active>.el-sub-menu__title>.next-menu-item__title .icon,.next-menu.el-menu--vertical .el-sub-menu.is-active>.next-menu-item__icon .icon,.next-menu.el-menu--vertical .el-sub-menu.is-active>.next-menu-item__title .icon,.next-menu.el-menu--vertical .el-sub-menu:hover>.next-menu-item__icon .icon,.next-menu.el-menu--vertical .el-sub-menu:hover>.next-menu-item__title .icon,.next-menu.el-menu--vertical .el-sub-menu__title:hover>.next-menu-item__icon .icon,.next-menu.el-menu--vertical .el-sub-menu__title:hover>.next-menu-item__title .icon{fill:var(--el-color-primary)}.active-menu-item i.iconfont,.next-menu-popper .el-menu--popup .el-menu-item.is-active>.next-menu-item__icon i.iconfont,.next-menu-popper .el-menu--popup .el-menu-item.is-active>.next-menu-item__title i.iconfont,.next-menu-popper .el-menu--popup .el-menu-item:hover>.next-menu-item__icon i.iconfont,.next-menu-popper .el-menu--popup .el-menu-item:hover>.next-menu-item__title i.iconfont,.next-menu-popper .el-menu--popup .el-sub-menu.is-active>.next-menu-item__icon i.iconfont,.next-menu-popper .el-menu--popup .el-sub-menu.is-active>.next-menu-item__title i.iconfont,.next-menu-popper .el-menu--popup .el-sub-menu__title.is-active>.next-menu-item__icon i.iconfont,.next-menu-popper .el-menu--popup .el-sub-menu__title.is-active>.next-menu-item__title i.iconfont,.next-menu-popper .el-menu--popup .el-sub-menu__title:hover>.next-menu-item__icon i.iconfont,.next-menu-popper .el-menu--popup .el-sub-menu__title:hover>.next-menu-item__title i.iconfont,.next-menu.el-menu--horizontal .el-menu-item.is-active>.el-sub-menu__title>.next-menu-item__icon i.iconfont,.next-menu.el-menu--horizontal .el-menu-item.is-active>.el-sub-menu__title>.next-menu-item__title i.iconfont,.next-menu.el-menu--horizontal .el-menu-item.is-active>.next-menu-item__icon i.iconfont,.next-menu.el-menu--horizontal .el-menu-item.is-active>.next-menu-item__title i.iconfont,.next-menu.el-menu--horizontal .el-menu-item:hover>.next-menu-item__icon i.iconfont,.next-menu.el-menu--horizontal .el-menu-item:hover>.next-menu-item__title i.iconfont,.next-menu.el-menu--horizontal .el-sub-menu.is-active>.el-sub-menu__title>.next-menu-item__icon i.iconfont,.next-menu.el-menu--horizontal .el-sub-menu.is-active>.el-sub-menu__title>.next-menu-item__title i.iconfont,.next-menu.el-menu--horizontal .el-sub-menu.is-active>.next-menu-item__icon i.iconfont,.next-menu.el-menu--horizontal .el-sub-menu.is-active>.next-menu-item__title i.iconfont,.next-menu.el-menu--horizontal .el-sub-menu:hover>.next-menu-item__icon i.iconfont,.next-menu.el-menu--horizontal .el-sub-menu:hover>.next-menu-item__title i.iconfont,.next-menu.el-menu--horizontal .el-sub-menu__title:hover>.next-menu-item__icon i.iconfont,.next-menu.el-menu--horizontal .el-sub-menu__title:hover>.next-menu-item__title i.iconfont,.next-menu.el-menu--vertical .el-menu-item.is-active>.el-sub-menu__title>.next-menu-item__icon i.iconfont,.next-menu.el-menu--vertical .el-menu-item.is-active>.el-sub-menu__title>.next-menu-item__title i.iconfont,.next-menu.el-menu--vertical .el-menu-item.is-active>.next-menu-item__icon i.iconfont,.next-menu.el-menu--vertical .el-menu-item.is-active>.next-menu-item__title i.iconfont,.next-menu.el-menu--vertical .el-menu-item:hover>.next-menu-item__icon i.iconfont,.next-menu.el-menu--vertical .el-menu-item:hover>.next-menu-item__title i.iconfont,.next-menu.el-menu--vertical .el-sub-menu.is-active>.el-sub-menu__title>.next-menu-item__icon i.iconfont,.next-menu.el-menu--vertical .el-sub-menu.is-active>.el-sub-menu__title>.next-menu-item__title i.iconfont,.next-menu.el-menu--vertical .el-sub-menu.is-active>.next-menu-item__icon i.iconfont,.next-menu.el-menu--vertical .el-sub-menu.is-active>.next-menu-item__title i.iconfont,.next-menu.el-menu--vertical .el-sub-menu:hover>.next-menu-item__icon i.iconfont,.next-menu.el-menu--vertical .el-sub-menu:hover>.next-menu-item__title i.iconfont,.next-menu.el-menu--vertical .el-sub-menu__title:hover>.next-menu-item__icon i.iconfont,.next-menu.el-menu--vertical .el-sub-menu__title:hover>.next-menu-item__title i.iconfont{color:var(--el-color-primary)}.next-menu.el-menu--vertical{background-color:transparent;border:unset;border-bottom:none;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.next-menu.el-menu--vertical .el-menu{background-color:transparent}.next-menu.el-menu--vertical .el-menu-item,.next-menu.el-menu--vertical .el-sub-menu,.next-menu.el-menu--vertical .el-sub-menu__title{color:var(--el-text-color-primary)}.next-menu.el-menu--vertical .el-menu-item .icon,.next-menu.el-menu--vertical .el-sub-menu .icon,.next-menu.el-menu--vertical .el-sub-menu__title .icon{fill:var(--el-text-color-primary)}.next-menu.el-menu--vertical .el-menu-item i.iconfont,.next-menu.el-menu--vertical .el-sub-menu i.iconfont,.next-menu.el-menu--vertical .el-sub-menu__title i.iconfont{color:var(--el-text-color-primary)}.next-menu.el-menu--horizontal{background-color:transparent;border-bottom:none;height:var(--next-layout-header-height,64px);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.next-menu.el-menu--horizontal .el-menu-item,.next-menu.el-menu--horizontal .el-sub-menu__title,.next-menu.el-menu--horizontal .is-active{border-bottom:unset!important}.next-menu.el-menu--horizontal .el-menu-item,.next-menu.el-menu--horizontal .el-sub-menu,.next-menu.el-menu--horizontal .el-sub-menu__title{color:var(--next-layout-font-color);position:relative}.next-menu.el-menu--horizontal .el-menu-item:hover,.next-menu.el-menu--horizontal .el-sub-menu:hover,.next-menu.el-menu--horizontal .el-sub-menu__title:hover{background-color:unset!important}.next-menu.el-menu--horizontal .el-menu-item:focus,.next-menu.el-menu--horizontal .el-sub-menu:focus,.next-menu.el-menu--horizontal .el-sub-menu__title:focus{background-color:unset!important;color:var(--next-layout-font-color)}.next-menu.el-menu--horizontal .el-menu-item:after,.next-menu.el-menu--horizontal .el-sub-menu:after,.next-menu.el-menu--horizontal .el-sub-menu__title:after{bottom:5px;content:"";height:2px;left:50%;position:absolute;right:50%;transition:all .3s ease-in-out}.next-menu.el-menu--horizontal .el-menu-item.is-active:after,.next-menu.el-menu--horizontal .el-sub-menu.is-active:after{background-color:var(--el-color-primary);bottom:5px;content:"";height:2px;left:var(--el-menu-base-level-padding);position:absolute;right:var(--el-menu-base-level-padding)}.next-menu-popper,.next-menu-popper.el-popper.is-light{border:unset}.next-menu-popper .el-menu--horizontal,.next-menu-popper.el-popper.is-light .el-menu--horizontal{border-bottom:unset}.next-menu-popper .el-menu--popup,.next-menu-popper.el-popper.is-light .el-menu--popup{background-color:var(--next-layout-bg-color)}.next-menu-popper .el-menu--popup .el-menu-item,.next-menu-popper .el-menu--popup .el-sub-menu__title,.next-menu-popper.el-popper.is-light .el-menu--popup .el-menu-item,.next-menu-popper.el-popper.is-light .el-menu--popup .el-sub-menu__title{background-color:var(--next-layout-bg-color);color:var(--next-layout-font-color)}.next-menu-popper .el-menu--popup .el-menu-item:hover,.next-menu-popper .el-menu--popup .el-sub-menu__title:hover,.next-menu-popper.el-popper.is-light .el-menu--popup .el-menu-item:hover,.next-menu-popper.el-popper.is-light .el-menu--popup .el-sub-menu__title:hover{background-color:rgba(0,0,0,.3)}.next-menu-item__icon{align-items:center;color:var(--next-layout-font-color);display:inline-flex;font-size:16px;margin-right:6px}.next-menu-item__icon .icon{height:16px;width:16px;fill:var(--next-layout-font-color)}.el-menu-item *,.el-sub-menu__title *{vertical-align:unset}
+.active-menu-item,.next-menu-popper .el-menu--popup .el-menu-item.is-active .next-menu-item__icon,.next-menu-popper .el-menu--popup .el-menu-item.is-active .next-menu-item__title,.next-menu-popper .el-menu--popup .el-menu-item:hover>.next-menu-item__icon,.next-menu-popper .el-menu--popup .el-menu-item:hover>.next-menu-item__title,.next-menu-popper .el-menu--popup .el-sub-menu.is-active .next-menu-item__icon,.next-menu-popper .el-menu--popup .el-sub-menu.is-active .next-menu-item__title,.next-menu-popper .el-menu--popup .el-sub-menu__title.is-active .next-menu-item__icon,.next-menu-popper .el-menu--popup .el-sub-menu__title.is-active .next-menu-item__title,.next-menu-popper .el-menu--popup .el-sub-menu__title:hover>.next-menu-item__icon,.next-menu-popper .el-menu--popup .el-sub-menu__title:hover>.next-menu-item__title,.next-menu.el-menu--horizontal .el-menu-item.is-active>.el-sub-menu__title>.next-menu-item__icon,.next-menu.el-menu--horizontal .el-menu-item.is-active>.el-sub-menu__title>.next-menu-item__title,.next-menu.el-menu--horizontal .el-menu-item.is-active>.next-menu-item__icon,.next-menu.el-menu--horizontal .el-menu-item.is-active>.next-menu-item__title,.next-menu.el-menu--horizontal .el-menu-item:hover>.next-menu-item__icon,.next-menu.el-menu--horizontal .el-menu-item:hover>.next-menu-item__title,.next-menu.el-menu--horizontal .el-sub-menu.is-active>.el-sub-menu__title>.next-menu-item__icon,.next-menu.el-menu--horizontal .el-sub-menu.is-active>.el-sub-menu__title>.next-menu-item__title,.next-menu.el-menu--horizontal .el-sub-menu.is-active>.next-menu-item__icon,.next-menu.el-menu--horizontal .el-sub-menu.is-active>.next-menu-item__title,.next-menu.el-menu--horizontal .el-sub-menu:hover>.next-menu-item__icon,.next-menu.el-menu--horizontal .el-sub-menu:hover>.next-menu-item__title,.next-menu.el-menu--horizontal .el-sub-menu__title:hover>.next-menu-item__icon,.next-menu.el-menu--horizontal .el-sub-menu__title:hover>.next-menu-item__title,.next-menu.el-menu--vertical .el-menu-item.is-active>.el-sub-menu__title>.next-menu-item__icon,.next-menu.el-menu--vertical .el-menu-item.is-active>.el-sub-menu__title>.next-menu-item__title,.next-menu.el-menu--vertical .el-menu-item.is-active>.next-menu-item__icon,.next-menu.el-menu--vertical .el-menu-item.is-active>.next-menu-item__title,.next-menu.el-menu--vertical .el-menu-item:hover>.next-menu-item__icon,.next-menu.el-menu--vertical .el-menu-item:hover>.next-menu-item__title,.next-menu.el-menu--vertical .el-sub-menu.is-active>.el-sub-menu__title>.next-menu-item__icon,.next-menu.el-menu--vertical .el-sub-menu.is-active>.el-sub-menu__title>.next-menu-item__title,.next-menu.el-menu--vertical .el-sub-menu.is-active>.next-menu-item__icon,.next-menu.el-menu--vertical .el-sub-menu.is-active>.next-menu-item__title,.next-menu.el-menu--vertical .el-sub-menu:hover>.next-menu-item__icon,.next-menu.el-menu--vertical .el-sub-menu:hover>.next-menu-item__title,.next-menu.el-menu--vertical .el-sub-menu__title:hover>.next-menu-item__icon,.next-menu.el-menu--vertical .el-sub-menu__title:hover>.next-menu-item__title{color:var(--next-layout-active-color,var(--el-color-primary))}.active-menu-item .icon,.next-menu-popper .el-menu--popup .el-menu-item.is-active .next-menu-item__icon .icon,.next-menu-popper .el-menu--popup .el-menu-item.is-active .next-menu-item__title .icon,.next-menu-popper .el-menu--popup .el-menu-item:hover>.next-menu-item__icon .icon,.next-menu-popper .el-menu--popup .el-menu-item:hover>.next-menu-item__title .icon,.next-menu-popper .el-menu--popup .el-sub-menu.is-active .next-menu-item__icon .icon,.next-menu-popper .el-menu--popup .el-sub-menu.is-active .next-menu-item__title .icon,.next-menu-popper .el-menu--popup .el-sub-menu__title.is-active .next-menu-item__icon .icon,.next-menu-popper .el-menu--popup .el-sub-menu__title.is-active .next-menu-item__title .icon,.next-menu-popper .el-menu--popup .el-sub-menu__title:hover>.next-menu-item__icon .icon,.next-menu-popper .el-menu--popup .el-sub-menu__title:hover>.next-menu-item__title .icon,.next-menu.el-menu--horizontal .el-menu-item.is-active>.el-sub-menu__title>.next-menu-item__icon .icon,.next-menu.el-menu--horizontal .el-menu-item.is-active>.el-sub-menu__title>.next-menu-item__title .icon,.next-menu.el-menu--horizontal .el-menu-item.is-active>.next-menu-item__icon .icon,.next-menu.el-menu--horizontal .el-menu-item.is-active>.next-menu-item__title .icon,.next-menu.el-menu--horizontal .el-menu-item:hover>.next-menu-item__icon .icon,.next-menu.el-menu--horizontal .el-menu-item:hover>.next-menu-item__title .icon,.next-menu.el-menu--horizontal .el-sub-menu.is-active>.el-sub-menu__title>.next-menu-item__icon .icon,.next-menu.el-menu--horizontal .el-sub-menu.is-active>.el-sub-menu__title>.next-menu-item__title .icon,.next-menu.el-menu--horizontal .el-sub-menu.is-active>.next-menu-item__icon .icon,.next-menu.el-menu--horizontal .el-sub-menu.is-active>.next-menu-item__title .icon,.next-menu.el-menu--horizontal .el-sub-menu:hover>.next-menu-item__icon .icon,.next-menu.el-menu--horizontal .el-sub-menu:hover>.next-menu-item__title .icon,.next-menu.el-menu--horizontal .el-sub-menu__title:hover>.next-menu-item__icon .icon,.next-menu.el-menu--horizontal .el-sub-menu__title:hover>.next-menu-item__title .icon,.next-menu.el-menu--vertical .el-menu-item.is-active>.el-sub-menu__title>.next-menu-item__icon .icon,.next-menu.el-menu--vertical .el-menu-item.is-active>.el-sub-menu__title>.next-menu-item__title .icon,.next-menu.el-menu--vertical .el-menu-item.is-active>.next-menu-item__icon .icon,.next-menu.el-menu--vertical .el-menu-item.is-active>.next-menu-item__title .icon,.next-menu.el-menu--vertical .el-menu-item:hover>.next-menu-item__icon .icon,.next-menu.el-menu--vertical .el-menu-item:hover>.next-menu-item__title .icon,.next-menu.el-menu--vertical .el-sub-menu.is-active>.el-sub-menu__title>.next-menu-item__icon .icon,.next-menu.el-menu--vertical .el-sub-menu.is-active>.el-sub-menu__title>.next-menu-item__title .icon,.next-menu.el-menu--vertical .el-sub-menu.is-active>.next-menu-item__icon .icon,.next-menu.el-menu--vertical .el-sub-menu.is-active>.next-menu-item__title .icon,.next-menu.el-menu--vertical .el-sub-menu:hover>.next-menu-item__icon .icon,.next-menu.el-menu--vertical .el-sub-menu:hover>.next-menu-item__title .icon,.next-menu.el-menu--vertical .el-sub-menu__title:hover>.next-menu-item__icon .icon,.next-menu.el-menu--vertical .el-sub-menu__title:hover>.next-menu-item__title .icon{fill:var(--next-layout-active-color,var(--el-color-primary))}.active-menu-item i.iconfont,.next-menu-popper .el-menu--popup .el-menu-item.is-active .next-menu-item__icon i.iconfont,.next-menu-popper .el-menu--popup .el-menu-item.is-active .next-menu-item__title i.iconfont,.next-menu-popper .el-menu--popup .el-menu-item:hover>.next-menu-item__icon i.iconfont,.next-menu-popper .el-menu--popup .el-menu-item:hover>.next-menu-item__title i.iconfont,.next-menu-popper .el-menu--popup .el-sub-menu.is-active .next-menu-item__icon i.iconfont,.next-menu-popper .el-menu--popup .el-sub-menu.is-active .next-menu-item__title i.iconfont,.next-menu-popper .el-menu--popup .el-sub-menu__title.is-active .next-menu-item__icon i.iconfont,.next-menu-popper .el-menu--popup .el-sub-menu__title.is-active .next-menu-item__title i.iconfont,.next-menu-popper .el-menu--popup .el-sub-menu__title:hover>.next-menu-item__icon i.iconfont,.next-menu-popper .el-menu--popup .el-sub-menu__title:hover>.next-menu-item__title i.iconfont,.next-menu.el-menu--horizontal .el-menu-item.is-active>.el-sub-menu__title>.next-menu-item__icon i.iconfont,.next-menu.el-menu--horizontal .el-menu-item.is-active>.el-sub-menu__title>.next-menu-item__title i.iconfont,.next-menu.el-menu--horizontal .el-menu-item.is-active>.next-menu-item__icon i.iconfont,.next-menu.el-menu--horizontal .el-menu-item.is-active>.next-menu-item__title i.iconfont,.next-menu.el-menu--horizontal .el-menu-item:hover>.next-menu-item__icon i.iconfont,.next-menu.el-menu--horizontal .el-menu-item:hover>.next-menu-item__title i.iconfont,.next-menu.el-menu--horizontal .el-sub-menu.is-active>.el-sub-menu__title>.next-menu-item__icon i.iconfont,.next-menu.el-menu--horizontal .el-sub-menu.is-active>.el-sub-menu__title>.next-menu-item__title i.iconfont,.next-menu.el-menu--horizontal .el-sub-menu.is-active>.next-menu-item__icon i.iconfont,.next-menu.el-menu--horizontal .el-sub-menu.is-active>.next-menu-item__title i.iconfont,.next-menu.el-menu--horizontal .el-sub-menu:hover>.next-menu-item__icon i.iconfont,.next-menu.el-menu--horizontal .el-sub-menu:hover>.next-menu-item__title i.iconfont,.next-menu.el-menu--horizontal .el-sub-menu__title:hover>.next-menu-item__icon i.iconfont,.next-menu.el-menu--horizontal .el-sub-menu__title:hover>.next-menu-item__title i.iconfont,.next-menu.el-menu--vertical .el-menu-item.is-active>.el-sub-menu__title>.next-menu-item__icon i.iconfont,.next-menu.el-menu--vertical .el-menu-item.is-active>.el-sub-menu__title>.next-menu-item__title i.iconfont,.next-menu.el-menu--vertical .el-menu-item.is-active>.next-menu-item__icon i.iconfont,.next-menu.el-menu--vertical .el-menu-item.is-active>.next-menu-item__title i.iconfont,.next-menu.el-menu--vertical .el-menu-item:hover>.next-menu-item__icon i.iconfont,.next-menu.el-menu--vertical .el-menu-item:hover>.next-menu-item__title i.iconfont,.next-menu.el-menu--vertical .el-sub-menu.is-active>.el-sub-menu__title>.next-menu-item__icon i.iconfont,.next-menu.el-menu--vertical .el-sub-menu.is-active>.el-sub-menu__title>.next-menu-item__title i.iconfont,.next-menu.el-menu--vertical .el-sub-menu.is-active>.next-menu-item__icon i.iconfont,.next-menu.el-menu--vertical .el-sub-menu.is-active>.next-menu-item__title i.iconfont,.next-menu.el-menu--vertical .el-sub-menu:hover>.next-menu-item__icon i.iconfont,.next-menu.el-menu--vertical .el-sub-menu:hover>.next-menu-item__title i.iconfont,.next-menu.el-menu--vertical .el-sub-menu__title:hover>.next-menu-item__icon i.iconfont,.next-menu.el-menu--vertical .el-sub-menu__title:hover>.next-menu-item__title i.iconfont{color:var(--next-layout-active-color,var(--el-color-primary))}.next-menu.el-menu--vertical{background-color:transparent;border:unset;border-bottom:none;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.next-menu.el-menu--vertical .el-menu{background-color:transparent}.next-menu.el-menu--vertical .el-menu-item,.next-menu.el-menu--vertical .el-sub-menu,.next-menu.el-menu--vertical .el-sub-menu__title{color:var(--el-text-color-primary)}.next-menu.el-menu--vertical .el-menu-item .icon,.next-menu.el-menu--vertical .el-sub-menu .icon,.next-menu.el-menu--vertical .el-sub-menu__title .icon{fill:var(--el-text-color-primary)}.next-menu.el-menu--vertical .el-menu-item i.iconfont,.next-menu.el-menu--vertical .el-sub-menu i.iconfont,.next-menu.el-menu--vertical .el-sub-menu__title i.iconfont{color:var(--el-text-color-primary)}.next-menu.el-menu--vertical .el-menu-item.is-active .el-icon.el-sub-menu__icon-arrow path,.next-menu.el-menu--vertical .el-menu-item.is-active .el-icon.el-sub-menu__icon-more path,.next-menu.el-menu--vertical .el-menu-item:hover .el-icon.el-sub-menu__icon-arrow path,.next-menu.el-menu--vertical .el-menu-item:hover .el-icon.el-sub-menu__icon-more path,.next-menu.el-menu--vertical .el-sub-menu.is-active .el-icon.el-sub-menu__icon-arrow path,.next-menu.el-menu--vertical .el-sub-menu.is-active .el-icon.el-sub-menu__icon-more path,.next-menu.el-menu--vertical .el-sub-menu:hover .el-icon.el-sub-menu__icon-arrow path,.next-menu.el-menu--vertical .el-sub-menu:hover .el-icon.el-sub-menu__icon-more path,.next-menu.el-menu--vertical .el-sub-menu__title:hover .el-icon.el-sub-menu__icon-arrow path,.next-menu.el-menu--vertical .el-sub-menu__title:hover .el-icon.el-sub-menu__icon-more path{fill:var(--next-layout-active-color,var(--el-color-primary))}.next-menu.el-menu--horizontal{background-color:transparent;border-bottom:none;height:var(--next-layout-header-height,64px);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.next-menu.el-menu--horizontal .el-menu-item,.next-menu.el-menu--horizontal .el-sub-menu__title,.next-menu.el-menu--horizontal .is-active{border-bottom:unset!important}.next-menu.el-menu--horizontal .el-menu-item,.next-menu.el-menu--horizontal .el-sub-menu,.next-menu.el-menu--horizontal .el-sub-menu__title{color:var(--next-layout-font-color);position:relative}.next-menu.el-menu--horizontal .el-menu-item:hover,.next-menu.el-menu--horizontal .el-sub-menu:hover,.next-menu.el-menu--horizontal .el-sub-menu__title:hover{background-color:unset!important}.next-menu.el-menu--horizontal .el-menu-item:hover .el-icon.el-sub-menu__icon-arrow path,.next-menu.el-menu--horizontal .el-menu-item:hover .el-icon.el-sub-menu__icon-more path,.next-menu.el-menu--horizontal .el-sub-menu:hover .el-icon.el-sub-menu__icon-arrow path,.next-menu.el-menu--horizontal .el-sub-menu:hover .el-icon.el-sub-menu__icon-more path,.next-menu.el-menu--horizontal .el-sub-menu__title:hover .el-icon.el-sub-menu__icon-arrow path,.next-menu.el-menu--horizontal .el-sub-menu__title:hover .el-icon.el-sub-menu__icon-more path{fill:var(--next-layout-active-color,var(--el-color-primary))}.next-menu.el-menu--horizontal .el-menu-item:focus,.next-menu.el-menu--horizontal .el-sub-menu:focus,.next-menu.el-menu--horizontal .el-sub-menu__title:focus{background-color:unset!important;color:var(--next-layout-font-color)}.next-menu.el-menu--horizontal .el-menu-item:after,.next-menu.el-menu--horizontal .el-sub-menu:after,.next-menu.el-menu--horizontal .el-sub-menu__title:after{bottom:5px;content:"";height:2px;left:50%;position:absolute;right:50%;transition:all .3s ease-in-out}.next-menu.el-menu--horizontal .el-menu-item.is-active .el-icon.el-sub-menu__icon-arrow path,.next-menu.el-menu--horizontal .el-menu-item.is-active .el-icon.el-sub-menu__icon-more path,.next-menu.el-menu--horizontal .el-sub-menu.is-active .el-icon.el-sub-menu__icon-arrow path,.next-menu.el-menu--horizontal .el-sub-menu.is-active .el-icon.el-sub-menu__icon-more path{fill:var(--next-layout-active-color,var(--el-color-primary))}.next-menu.el-menu--horizontal .el-menu-item.is-active:after,.next-menu.el-menu--horizontal .el-sub-menu.is-active:after{background-color:var(--next-layout-active-color,var(--el-color-primary));bottom:5px;content:"";height:2px;left:var(--el-menu-base-level-padding);position:absolute;right:var(--el-menu-base-level-padding)}.next-menu-popper,.next-menu-popper.el-popper.is-light{border:unset}.next-menu-popper .el-menu--horizontal,.next-menu-popper.el-popper.is-light .el-menu--horizontal{border-bottom:unset}.next-menu-popper .el-menu--popup,.next-menu-popper.el-popper.is-light .el-menu--popup{background-color:var(--next-layout-bg-color)}.next-menu-popper .el-menu--popup .el-menu-item,.next-menu-popper .el-menu--popup .el-sub-menu__title,.next-menu-popper.el-popper.is-light .el-menu--popup .el-menu-item,.next-menu-popper.el-popper.is-light .el-menu--popup .el-sub-menu__title{background-color:transparent;color:var(--next-layout-font-color)}.next-menu-popper .el-menu--popup .el-menu-item:hover,.next-menu-popper .el-menu--popup .el-sub-menu__title:hover,.next-menu-popper.el-popper.is-light .el-menu--popup .el-menu-item:hover,.next-menu-popper.el-popper.is-light .el-menu--popup .el-sub-menu__title:hover{background-color:rgba(0,0,0,.2)}.next-menu-popper .el-menu--popup .el-menu-item.is-active .el-icon.el-sub-menu__icon-arrow path,.next-menu-popper .el-menu--popup .el-menu-item.is-active .el-icon.el-sub-menu__icon-more path,.next-menu-popper .el-menu--popup .el-menu-item:hover .el-icon.el-sub-menu__icon-arrow path,.next-menu-popper .el-menu--popup .el-menu-item:hover .el-icon.el-sub-menu__icon-more path,.next-menu-popper .el-menu--popup .el-sub-menu.is-active .el-icon.el-sub-menu__icon-arrow path,.next-menu-popper .el-menu--popup .el-sub-menu.is-active .el-icon.el-sub-menu__icon-more path,.next-menu-popper .el-menu--popup .el-sub-menu__title.is-active .el-icon.el-sub-menu__icon-arrow path,.next-menu-popper .el-menu--popup .el-sub-menu__title.is-active .el-icon.el-sub-menu__icon-more path,.next-menu-popper .el-menu--popup .el-sub-menu__title:hover .el-icon.el-sub-menu__icon-arrow path,.next-menu-popper .el-menu--popup .el-sub-menu__title:hover .el-icon.el-sub-menu__icon-more path{fill:var(--next-layout-active-color,var(--el-color-primary))}.next-menu-item__icon{align-items:center;color:var(--next-layout-font-color);display:inline-flex;font-size:16px;margin-right:6px}.next-menu-item__icon .icon{height:16px;width:16px;fill:var(--next-layout-font-color)}.el-menu-item *,.el-sub-menu__title *{vertical-align:unset}
 .next-layout .next-layout-header-logo__title,.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root{--next-layout-header-height:64px;--next-layout-nav-height:45px;--next-layout-sidebar-width:240px}.next-layout-transverse-header{align-items:center;background-color:var(--next-layout-bg-color);color:var(--next-layout-font-color);display:flex;height:var(--next-layout-header-height,64px);justify-content:space-between;width:100%}.next-layout-transverse-header .next-layout-transverse-header-menu{flex:1 1 auto;height:100%;overflow:hidden}.next-layout-transverse-header .next-layout-transverse-header-right{flex-grow:0;flex-shrink:0;height:100%;padding-left:30px}.next-layout-transverse-main{height:calc(100% - var(--next-layout-header-height, 64px));width:100%}.next-layout-columns{display:flex;height:100%;justify-content:space-between;width:100%}.next-layout-columns .next-layout-columns-sidebar{flex-grow:0;flex-shrink:0;height:100%;width:var(--next-layout-sidebar-width,240px)}.next-layout-columns .next-layout-columns-content{flex:1 1 auto;height:100%;width:calc(100% - var(--next-layout-sidebar-width, 240px))}.next-layout-columns .next-layout-columns-header{align-items:center;background-color:var(--next-layout-bg-color);color:var(--next-layout-font-color);display:flex;height:var(--next-layout-header-height,64px);justify-content:space-between;width:100%}.next-layout-columns .next-layout-columns-header .next-layout-columns-header-menu{flex:1 1 auto;height:100%;overflow:hidden}.next-layout-columns .next-layout-columns-main{height:calc(100% - var(--next-layout-header-height, 64px));width:100%}.next-layout-classic-header{align-items:center;background-color:var(--next-layout-bg-color);color:var(--next-layout-font-color);display:flex;height:var(--next-layout-header-height,64px);justify-content:space-between;width:100%}.next-layout-classic-header .next-layout-classic-header-menu{flex:1 1 auto;height:100%;overflow:hidden}.next-layout-classic-content{display:flex;height:100%;height:calc(100% - var(--next-layout-header-height, 64px));justify-content:space-between;width:100%}.next-layout-classic-content .next-layout-classic-container{flex:1 1 auto;height:100%;width:calc(100% - var(--next-layout-sidebar-width, 240px))}.next-layout-classic-content .next-layout-classic-container .next-layout-classic-main{height:100%;width:100%}.next-layout-classic-content .next-layout-classic-sidebar{box-shadow:0 2px 6px rgba(0,0,0,.06);flex-grow:0;flex-shrink:0;height:100%;width:var(--next-layout-sidebar-width,240px)}.next-layout-classic-content .next-layout-classic-sidebar>.el-scrollbar .el-scrollbar__view{box-sizing:border-box;height:100%;padding:0 10px}.next-layout-classic-content.is-layout-tabs{height:calc(100% - var(--next-layout-header-height, 64px))!important}.next-layout-classic-content.is-layout-tabs .next-layout-classic-container .next-layout-classic-main{height:calc(100% - var(--next-layout-nav-height, 45px));width:100%}.next-layout-defaults{background-color:#f5f5f5;display:flex;height:100%;justify-content:space-between;width:100%;--next-layout-sidebar-width:300px;--next-layout-font-color:var(--el-text-color-primary)}.next-layout-defaults .next-layout-defaults-sidebar{box-sizing:border-box;flex-grow:0;flex-shrink:0;height:100%;padding:16px 0 16px 16px;position:relative;width:var(--next-layout-sidebar-width,240px)}.next-layout-defaults .next-layout-defaults-sidebar>.el-scrollbar{background-color:var(--el-bg-color);border-radius:6px}.next-layout-defaults .next-layout-defaults-sidebar>.el-scrollbar .el-scrollbar__view{box-shadow:var(--el-box-shadow-light);height:100%}.next-layout-defaults .next-layout-defaults-header{align-items:center;border-radius:6px 6px 0 0;display:flex;height:var(--next-layout-header-height,64px);justify-content:space-between}.next-layout-defaults .next-layout-defaults-header,.next-layout-defaults .next-tabs{background-color:var(--el-bg-color);color:var(--el-text-color-primary);margin:0 16px;width:calc(100% - 32px)}.next-layout-defaults .next-tabs{border-radius:0 0 6px 6px}.next-layout-defaults .next-layout-defaults-content{flex:1 1 auto;height:calc(100% - 16px);margin-top:16px;width:calc(100% - var(--next-layout-sidebar-width, 240px))}.next-layout-defaults .next-layout-defaults-main{height:calc(100% - var(--next-layout-header-height, 64px));width:100%}.next-layout-composite-header{align-items:center;background-color:var(--next-layout-bg-color);color:var(--next-layout-font-color);display:flex;height:var(--next-layout-header-height,64px);justify-content:space-between;width:100%}.next-layout-composite-header .next-layout-composite-header-menu{flex:1 1 auto;height:100%;overflow:hidden}.next-layout-composite-content{display:flex;height:100%;height:calc(100% - var(--next-layout-header-height, 64px));justify-content:space-between;width:100%}.next-layout-composite-content .next-layout-composite-container{flex:1 1 auto;height:100%;width:calc(100% - var(--next-layout-sidebar-width, 240px))}.next-layout-composite-content .next-layout-composite-container .next-layout-composite-main{height:100%;width:100%}.next-layout-composite-content .next-layout-composite-sidebar{box-shadow:0 2px 6px rgba(0,0,0,.06);flex-grow:0;flex-shrink:0;height:100%;width:var(--next-layout-sidebar-width,240px)}.next-layout-composite-content .next-layout-composite-sidebar>.el-scrollbar .el-scrollbar__view{box-sizing:border-box;height:100%;padding:0 10px}.next-layout-composite-content.is-layout-tabs{height:calc(100% - var(--next-layout-header-height, 64px))!important}.next-layout-composite-content.is-layout-tabs .next-layout-composite-container .next-layout-composite-main{height:calc(100% - var(--next-layout-nav-height, 45px));width:100%}.next-layout{height:100%;width:100%}.next-layout .next-layout-header-logo{align-items:center;display:flex;padding:0 20px 0 10px}.next-layout .next-layout-header-logo__img{height:calc(var(--next-layout-header-height, 64px) - 16px)}.next-layout .next-layout-header-logo__title{max-width:300px}.next-layout .is-layout-tabs{height:calc(100% - var(--next-layout-header-height, 64px) - var(--next-layout-nav-height, 45px))}.next-layout .next-layout-header-tools{align-items:center;display:flex;height:100%;padding-right:10px}.next-layout .next-layout-header-tools>li{align-items:center;display:flex;height:inherit;padding:0 10px}.next-layout .next-layout-header-tools>li .el-icon{color:var(--next-layout-font-color);cursor:pointer;transition:all .3s}.next-layout .next-layout-header-tools>li .el-icon:hover{transform:scale(1.1)}.next-layout .next-layout-header-tools>li .el-icon .icon{fill:var(--next-layout-font-color)}.next-layout .next-layout-header-tools__user{align-items:center;color:var(--next-layout-font-color);cursor:pointer;display:flex;padding:0 10px;white-space:nowrap}.next-layout .next-layout-header-tools__user .user-photo{background-color:var(--el-fill-color-darker);border-radius:100%;height:32px;margin-right:6px;width:32px}.next-layout :focus{outline:0!important}.next-layout-header-tools__userDropdown .el-dropdown-menu .el-dropdown-menu__item .item-svg{align-items:center;display:flex;padding-right:5px}.next-layout-header-tools__userDropdown .el-dropdown-menu .el-dropdown-menu__item .item-svg .icon{fill:var(--el-text-color-regular)}.next-layout-header-tools__userDropdown .el-dropdown-menu .el-dropdown-menu__item:hover .icon{fill:var(--el-color-primary)}.next-layout-drawer__setting>.el-drawer__header{border-bottom:1px solid #dcdfe6;margin-bottom:unset;padding-bottom:15px}.next-layout-drawer__setting>.el-drawer__body{padding:0}.next-layout-drawer__setting>.el-drawer__body .el-scrollbar{padding:15px 20px}.next-layout-drawer__setting .next-layout-config-bar-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.next-layout-drawer__setting .next-layout-config-bar-item__label{color:var(--el-text-color-primary);flex:1;font-size:14px}.next-layout-drawer__setting .next-layout-config-bar-item__value{text-align:right}.next-layout-drawer__setting .next-layout-config-bar-layout{align-items:center;display:flex;flex-wrap:wrap}.next-layout-drawer__setting .next-layout-config-bar-layout>li{background-color:#e9eef3;border:1px solid transparent;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.2);box-sizing:border-box;cursor:pointer;height:80px;margin:5px 10px;overflow:hidden;position:relative;transition:all .3s ease-in-out;width:calc(50% - 20px)}.next-layout-drawer__setting .next-layout-config-bar-layout>li:hover{transform:scale(1.01) translateY(-3px)}.next-layout-drawer__setting .next-layout-config-bar-layout>li:hover .tip-wrap{opacity:.9}.next-layout-drawer__setting .next-layout-config-bar-layout>li>.layout-wrap{border:1px solid #9fceff;border-radius:50%;bottom:50%;opacity:.6;padding:4px;position:absolute;right:50%;transform:translateX(50%) translateY(50%)}.next-layout-drawer__setting .next-layout-config-bar-layout>li>.layout-wrap .layout-box{border:1px solid #9fceff;border-radius:50%;height:30px;width:30px}.next-layout-drawer__setting .next-layout-config-bar-layout>li>.layout-wrap .layout-box .layout-text{background-color:#e9eef3;color:#9fceff;font-size:12px;height:17px;letter-spacing:2px;line-height:17px;position:relative;text-align:center;top:5px;transform:rotate(30deg);white-space:nowrap;width:32px}.next-layout-drawer__setting .next-layout-config-bar-layout__transverse:before{background-color:#273352;content:"";height:10px;left:0;position:absolute;right:0;top:0;z-index:11}.next-layout-drawer__setting .next-layout-config-bar-layout__columns:before{background-color:rgba(39,51,82,.1);content:"";height:10px;left:25px;position:absolute;right:0;top:0;z-index:11}.next-layout-drawer__setting .next-layout-config-bar-layout__columns:after{background-color:#273352;bottom:0;content:"";left:0;position:absolute;top:0;width:10px}.next-layout-drawer__setting .next-layout-config-bar-layout__columns aside{background-color:rgba(39,51,82,.3);bottom:0;left:10px;position:absolute;top:0;width:15px}.next-layout-drawer__setting .next-layout-config-bar-layout__classic:before{background-color:rgba(39,51,82,.3);content:"";height:10px;left:0;position:absolute;right:0;top:0;z-index:11}.next-layout-drawer__setting .next-layout-config-bar-layout__classic:after{background-color:rgba(39,51,82,.8);bottom:0;content:"";left:0;position:absolute;top:10px;width:20px}.next-layout-drawer__setting .next-layout-config-bar-layout__defaults:before{background-color:rgba(39,51,82,.1);content:"";height:10px;left:20px;position:absolute;right:0;top:0;z-index:11}.next-layout-drawer__setting .next-layout-config-bar-layout__defaults:after{background-color:rgba(39,51,82,.8);bottom:0;content:"";left:0;position:absolute;top:0;width:20px}.next-layout-drawer__setting .next-layout-config-bar-layout__composite:before{background-color:#273352;content:"";height:10px;left:0;position:absolute;right:0;top:0;z-index:11}.next-layout-drawer__setting .next-layout-config-bar-layout__composite:after{background-color:rgba(39,51,82,.6);bottom:0;content:"";left:0;position:absolute;top:10px;width:20px}.next-layout-drawer__setting .next-layout-config-bar-layout>li.is-active{border-color:var(--el-color-primary);opacity:1}.next-layout-drawer__setting .next-layout-config-bar-layout>li.is-active:hover{opacity:1;transition:none}
 .next-tabs{align-items:center;box-shadow:0 2px 6px rgba(0,0,0,.06);display:flex;height:var(--next-layout-nav-height,45px);justify-content:space-between;position:relative;width:100%;z-index:11}.next-tabs .el-scrollbar__view,.next-tabs>.el-scrollbar{height:100%;width:100%}.next-tabs .el-scrollbar__view .next-tabs-list,.next-tabs>.el-scrollbar .next-tabs-list{box-sizing:border-box;display:flex;font-size:12px;height:100%;padding:10px 15px 0;white-space:nowrap}.next-tabs .el-scrollbar__view .next-tabs-list .active,.next-tabs .el-scrollbar__view .next-tabs-list li.is-active,.next-tabs .el-scrollbar__view .next-tabs-list li.tab-item:hover,.next-tabs>.el-scrollbar .el-scrollbar__view .next-tabs-list li.is-active,.next-tabs>.el-scrollbar .next-tabs-list .active,.next-tabs>.el-scrollbar .next-tabs-list li.is-active,.next-tabs>.el-scrollbar .next-tabs-list li.tab-item:hover{background-color:var(--el-color-primary-light-9);color:var(--el-color-primary);-webkit-mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkBAMAAAAdqzmBAAAAMFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlTPQ5AAAAD3RSTlMAr3DvEM8wgCBA379gj5//tJBPAAAAnUlEQVRIx2NgAAM27fj/tAO/xBsYkIHyf9qCT8iWMf6nNQhAsk2f5rYheY7Dnua2/U+A28ZEe8v+F9Ax2v7/F4DbxkUH2wzgtvHTwbYPo7aN2jZq26hto7aN2jZq25Cy7Qvctnw62PYNbls9HWz7S8/G6//PsI6H4396gAUQy1je08W2jxDbpv6nD4gB2uWp+J9eYPsEhv/0BPS1DQBvoBLVZ3BppgAAAABJRU5ErkJggg==);-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%;padding:0 25px!important}.next-tabs .el-scrollbar__view .next-tabs-list li.tab-item,.next-tabs>.el-scrollbar .next-tabs-list li.tab-item{align-items:center;color:var(--el-text-color-primary);cursor:pointer;display:flex;font-size:var(--el-font-size-base);font-weight:400;height:calc(var(--next-layout-nav-height, 45px) - 10px);justify-content:center;margin-right:-10px;padding:0 20px;transition-duration:.3s;transition-property:width,padding;transition-timing-function:cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.next-tabs .el-scrollbar__view .next-tabs-list li.tab-item:hover,.next-tabs>.el-scrollbar .next-tabs-list li.tab-item:hover{background-color:var(--el-color-primary-light-9)}.next-tabs .el-scrollbar__view .next-tabs-list li.tab-item:hover .tab-close,.next-tabs>.el-scrollbar .next-tabs-list li.tab-item:hover .tab-close{transform:scale(1);width:14px}.next-tabs .el-scrollbar__view .next-tabs-list li.tab-item:hover .tab-icon,.next-tabs>.el-scrollbar .next-tabs-list li.tab-item:hover .tab-icon{color:var(--el-color-primary)}.next-tabs .el-scrollbar__view .next-tabs-list li.tab-item .el-icon svg,.next-tabs>.el-scrollbar .next-tabs-list li.tab-item .el-icon svg{height:unset;width:unset}.next-tabs .el-scrollbar__view .next-tabs-list li.tab-item .tab-icon,.next-tabs>.el-scrollbar .next-tabs-list li.tab-item .tab-icon{color:var(--el-text-color-primary);font-size:16px;margin-right:5px}.next-tabs .el-scrollbar__view .next-tabs-list li.tab-item .tab-close,.next-tabs>.el-scrollbar .next-tabs-list li.tab-item .tab-close{border-radius:50%;display:inline-block;font-size:12px;height:14px;line-height:15px;margin-left:10px;text-align:center;transform:scale(0);transition:all .3s cubic-bezier(.645,.045,.355,1);vertical-align:middle;width:0}.next-tabs .el-scrollbar__view .next-tabs-list li.tab-item .tab-close:hover,.next-tabs>.el-scrollbar .next-tabs-list li.tab-item .tab-close:hover{background-color:var(--el-color-primary-light-3);color:var(--el-color-white)}.next-tabs .el-scrollbar__view .next-tabs-list li.is-active,.next-tabs .el-scrollbar__view .next-tabs-list li.is-active .tab-icon,.next-tabs>.el-scrollbar .next-tabs-list li.is-active,.next-tabs>.el-scrollbar .next-tabs-list li.is-active .tab-icon{color:var(--el-color-primary)}.next-tabs .el-scrollbar__view .next-tabs-list li.is-active:hover,.next-tabs>.el-scrollbar .next-tabs-list li.is-active:hover{background-color:var(--el-color-primary-light-9)!important;color:var(--el-color-primary)}.next-tabs .next-tabs-tab-more{cursor:pointer;display:inline-block;padding:0 20px;transition:transform .3s ease-out}.next-tabs .next-tabs-tab-more:focus{outline:none}.next-tabs .next-tabs-tab-more__box{display:block;height:8px;position:relative;width:14px}.next-tabs .next-tabs-tab-more__box:before{background:#9a9a9a;content:"";height:6px;left:0;position:absolute;top:2px;transition:transform .3s ease-out .3s;width:6px}.next-tabs .next-tabs-tab-more__box:after{background:#9a9a9a;content:"";height:6px;left:8px;position:absolute;top:2px;width:6px}.next-tabs .next-tabs-tab-more[aria-expanded=true]{color:var(--el-color-primary);transform:rotate(90deg)}.next-tabs .next-tabs-tab-more[aria-expanded=true] .next-tabs-tab-more__top:before{background:var(--el-color-primary);transform:rotate(45deg)}.next-tabs .next-tabs-tab-more[aria-expanded=true] .next-tabs-tab-more__bottom:after,.next-tabs .next-tabs-tab-more[aria-expanded=true] .next-tabs-tab-more__bottom:before,.next-tabs .next-tabs-tab-more[aria-expanded=true] .next-tabs-tab-more__top:after{background:var(--el-color-primary)}
 .next-container{box-sizing:border-box;height:100%;width:100%}.next-container .next-container-card,.next-container>.el-scrollbar__wrap>.el-scrollbar__view{box-sizing:border-box;height:100%;padding:var(--next-container-padding,20px)}.next-container .next-container-card{background-color:var(--next-main-bg-color,#fff);border-radius:12px;box-shadow:0 0 27px rgba(0,0,0,.05);transition:all .3s}

package/dist/index.js

@@ -2,8 +2,8 @@
 /**
  * 作　　者：huangteng
  * 邮　　箱：htengweb@163.com
- * 当前版本：0.5.6 v
- * 发布日期：2025-03-27
+ * 当前版本：0.5.8 v
+ * 发布日期：2025-04-15
  * 地　　址：https://www.npmjs.com/package/next-element-vue
  */
 
@@ -1277,6 +1277,7 @@ var defaultConfig$5 = {
         themeColor: "#c71585",
         headerBarColor: "#282c34",
         headerBarFontColor: "#FFFFFF",
+        headerBarFontActiveColor: "",
         isHeaderBarColorGradual: !1,
         asidebarColor: "#282c34",
         asidebarFontColor: "#ffffff",
@@ -1621,7 +1622,9 @@ var LogoView = defineComponent({
     render() {
         const _slots = inject("__slots__", {}), _ns = inject("__ns__", {}), _config = inject("options", {}), _updateOptions = inject("updateOptions", null), settingConfig = reactive({
             ..._config.setting
-        }), _changeUpdateOptions = () => {
+        });
+        settingConfig.headerBarFontActiveColor || (settingConfig.headerBarFontActiveColor = settingConfig.themeColor);
+        const _changeUpdateOptions = () => {
             const options = {
                 ..._config,
                 setting: {
@@ -1719,6 +1722,18 @@ var LogoView = defineComponent({
                 class: _ns.b("config-bar-item")
             }, [ createVNode("span", {
                 class: _ns.be("config-bar-item", "label")
+            }, [ createTextVNode("顶栏激活字体颜色") ]), createVNode("div", {
+                class: _ns.be("config-bar-item", "value")
+            }, [ createVNode(ElColorPicker, {
+                modelValue: settingConfig.headerBarFontActiveColor,
+                "onUpdate:modelValue": $event => settingConfig.headerBarFontActiveColor = $event,
+                predefine: [ "#282c34", "#ff4500", "#ff8c00", "#ffd700", "#90ee90", "#00ced1", "#1e90ff", "#c71585", "#FB07A0" ],
+                "show-alpha": !0,
+                onChange: color => _onChangeColor(color, "headerBarFontActiveColor", "--next-layout-active-color")
+            }, null) ]) ]), createVNode("div", {
+                class: _ns.b("config-bar-item")
+            }, [ createVNode("span", {
+                class: _ns.be("config-bar-item", "label")
             }, [ createTextVNode("顶栏背景渐变") ]), createVNode("div", {
                 class: _ns.be("config-bar-item", "value")
             }, [ createVNode(resolveComponent("el-switch"), {
@@ -4137,6 +4152,7 @@ const TableColumnDynamic = defineComponent({
             const item = dicData.find((o => o[_dicKey] == value));
             return item ? item[_dicLabel] : value;
         }, renderCustomItem = (row, $index) => {
+            const prop = columnOption.prop, _prop = prop?.replace(/\./g, "-");
             if (columnOption.children?.length > 0) return createVNode(Fragment, null, [ columnOption.children.map((column => {
                 return createVNode(TableColumnDynamic, {
                     columnOption: column
@@ -4145,7 +4161,7 @@ const TableColumnDynamic = defineComponent({
                 });
                 var s;
             })) ]);
-            if (slots[columnSlotName(columnOption.prop)]) return slots[columnSlotName(columnOption.prop)]({
+            if (slots[columnSlotName(_prop)]) return slots[columnSlotName(_prop)]({
                 row: row,
                 index: $index,
                 column: columnOption
@@ -4164,9 +4180,9 @@ const TableColumnDynamic = defineComponent({
                         temp.push(item);
                     })), temp;
                 }, mergeDicData = loopDicData(columnOption.dicData);
-                return createVNode("span", null, [ _formatterColumnValue(row[columnOption.prop], mergeDicData) ]);
+                return createVNode("span", null, [ _formatterColumnValue(row[prop], mergeDicData) ]);
             }
-            return columnOption.cellUnit ? createVNode(Fragment, null, [ createVNode("span", null, [ row[columnOption.prop] ]), createVNode("em", {
+            return columnOption.cellUnit ? createVNode(Fragment, null, [ createVNode("span", null, [ row[prop] ]), createVNode("em", {
                 class: "cell-unit"
             }, [ columnOption.cellUnit ]) ]) : columnOption.renderColumnCell ? columnOption.renderColumnCell({
                 row: row,
@@ -4585,7 +4601,7 @@ const ns$a = useNamespace("form"), InputTableSelect = defineComponent({
         }
     },
     emits: [ "select" ],
-    setup(props, {emit: emit}) {
+    setup(props, {emit: emit, slots: slots}) {
         const {t: t} = useLocale(), _disabled = props.disabled, _closable = props.closable, _column = props.column, _placeholder = _column.placeholder || t("next.form.select") + _column.label, _tableDefaultConfig = deepClone(defaultConfig$4), _tableSelectConfig = deepClone(tableSelectConfig), _options = merge(_tableDefaultConfig, _tableSelectConfig, _column.tableSelect), {value: propsValue, label: propsLabel} = _column.tableSelectProps || {
             value: "id",
             label: "name"
@@ -4736,7 +4752,8 @@ const ns$a = useNamespace("form"), InputTableSelect = defineComponent({
                             align: _options.cellAlign
                         }, {
                             default: ({row: row}) => renderSelectTypeContent(row)
-                        }) ]
+                        }) ],
+                        ...slots
                     }) ]
                 }) : createVNode(ElRadioGroup, {
                     modelValue: _sinleSelection.value
@@ -4757,7 +4774,8 @@ const ns$a = useNamespace("form"), InputTableSelect = defineComponent({
                             align: _options.cellAlign
                         }, {
                             default: ({row: row}) => renderSelectTypeContent(row)
-                        }) ]
+                        }) ],
+                        ...slots
                     }) ]
                 }) ]), createVNode("div", {
                     class: ns$a.em("input-table", "footer")
@@ -5388,7 +5406,7 @@ var Element$8 = defineComponent({
                     shortcuts: col.shortcuts || _defaultShortcuts
                 }, null);
             }
-            return "numberRange" === col.type ? createVNode(NumberRangePicker, {
+            if ("numberRange" === col.type) return createVNode(NumberRangePicker, {
                 modelValue: formParams[col.prop],
                 "onUpdate:modelValue": $event => formParams[col.prop] = $event,
                 disabled: col.disabled,
@@ -5397,19 +5415,30 @@ var Element$8 = defineComponent({
                     void (formParams[key] = Number(value));
                     var value, key;
                 }
-            }, null) : "inputTableSelect" === col.type ? createVNode(InputTableSelect, {
-                modelValue: formParams[col.prop],
-                "onUpdate:modelValue": $event => formParams[col.prop] = $event,
-                formParams: formParams,
-                column: col,
-                disabled: valueExist(col.disabled, !1),
-                onSelect: rows => ((rows, col) => {
-                    rows && (col.tableSelectRows = rows);
-                    const {value: value} = col.tableSelectProps || {};
-                    formParams[col.prop] = rows.map((row => row[value || "value"])), col.onTableSelect?.(formParams, rows, col), 
-                    ruleFormRef.value?.validateField(col.prop);
-                })(rows, col)
-            }, null) : "uploadImage" === col.type ? createVNode(UploadImage, {
+            }, null);
+            if ("inputTableSelect" === col.type) {
+                const _slots = {};
+                for (const key in col.tableSelect.slots) _slots[key] = (...arg) => col.tableSelect.slots[key]?.({
+                    column: col,
+                    formParams: formParams
+                }, ...arg);
+                return createVNode(InputTableSelect, {
+                    modelValue: formParams[col.prop],
+                    "onUpdate:modelValue": $event => formParams[col.prop] = $event,
+                    formParams: formParams,
+                    column: col,
+                    disabled: valueExist(col.disabled, !1),
+                    onSelect: rows => ((rows, col) => {
+                        rows && (col.tableSelectRows = rows);
+                        const {value: value} = col.tableSelectProps || {};
+                        formParams[col.prop] = rows.map((row => row[value || "value"])), col.onTableSelect?.(formParams, rows, col), 
+                        ruleFormRef.value?.validateField(col.prop);
+                    })(rows, col)
+                }, _isSlot$2(_slots) ? _slots : {
+                    default: () => [ _slots ]
+                });
+            }
+            return "uploadImage" === col.type ? createVNode(UploadImage, {
                 modelValue: formParams[col.prop],
                 "onUpdate:modelValue": $event => formParams[col.prop] = $event,
                 disabled: valueExist(col.disabled, !1),
@@ -5817,7 +5846,10 @@ var Element$7 = defineComponent({
             updateColumns: ops => {
                 _updateColumnsAll(ops);
             },
-            getSearchFormParams: () => _searchFormParams.value
+            getSearchFormParams: () => _searchFormParams.value,
+            reloadData: () => {
+                onClickRefresh();
+            }
         });
         return () => createVNode(Fragment, null, [ createVNode(Fragment, null, [ createVNode("div", {
             ref: crudTableRef,
@@ -8500,7 +8532,7 @@ const zoomDialog = app => {
             }));
         }
     });
-}, version = "0.5.6", install = function(app) {
+}, version = "0.5.8", install = function(app) {
     Object.keys(components).forEach((key => {
         const component = components[key];
         app.component(component.name, component);
@@ -8510,7 +8542,7 @@ const zoomDialog = app => {
 };
 
 var index = {
-    version: "0.5.6",
+    version: "0.5.8",
     install: install
 };