@maketribe/ms-app 3.0.0 → 3.0.3

package/dist/style/layouts/common/index.css

@@ -0,0 +1 @@
+.mk-lock{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1999}.mk-lock__overlay{width:100%;height:100%}.mk-lock-entry{position:absolute;top:50%;left:50%;width:260px;transform:translate(-50%,-50%)}.mk-lock-entry__footer{display:flex;justify-content:space-between;margin-top:6px}

package/dist/style/layouts/common/lock.css

@@ -0,0 +1 @@
+.mk-lock{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1999}.mk-lock__overlay{width:100%;height:100%}.mk-lock-entry{position:absolute;top:50%;left:50%;width:260px;transform:translate(-50%,-50%)}.mk-lock-entry__footer{display:flex;justify-content:space-between;margin-top:6px}

package/dist/style/layouts/default/bar.css

@@ -0,0 +1 @@
+.mk-bar{display:flex;flex-direction:column;width:80px;height:100%;background-color:#001428;color:#fff}.mk-bar__logo{padding:8px 0}.mk-bar__items{flex:1}.mk-bar__footer{font-size:18px;color:#9d9d9d;height:40px;display:flex;align-items:center;justify-content:center}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;height:64px;width:64px;margin:0 auto}.mk-bar__item-button{display:flex;align-items:center;justify-content:center;cursor:pointer;width:25px;height:25px;background-color:#9d9d9d;border-radius:4px}.mk-bar__item.is-active{background:#fff;border-radius:4px}.mk-bar__item.is-active .mk-bar__item-button{width:40px;height:40px;background-color:#ff844b}.mk-bar__item.is-active.has-children{border-top-right-radius:0;border-bottom-right-radius:0}.mk-bar__item.is-active.has-children::after{content:"";position:absolute;left:100%;height:100%;width:8px;background-color:#fff}.mk-bar__setting{cursor:pointer}.mk-bar .mk-logo{width:65px;height:65px;margin:0 auto;background-size:contain;background-position:center center}

package/dist/style/layouts/default/index.css

@@ -0,0 +1 @@
+.mk-bar{display:flex;flex-direction:column;width:80px;height:100%;background-color:#001428;color:#fff}.mk-bar__logo{padding:8px 0}.mk-bar__items{flex:1}.mk-bar__footer{font-size:18px;color:#9d9d9d;height:40px;display:flex;align-items:center;justify-content:center}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;height:64px;width:64px;margin:0 auto}.mk-bar__item-button{display:flex;align-items:center;justify-content:center;cursor:pointer;width:25px;height:25px;background-color:#9d9d9d;border-radius:4px}.mk-bar__item.is-active{background:#fff;border-radius:4px}.mk-bar__item.is-active .mk-bar__item-button{width:40px;height:40px;background-color:#ff844b}.mk-bar__item.is-active.has-children{border-top-right-radius:0;border-bottom-right-radius:0}.mk-bar__item.is-active.has-children::after{content:"";position:absolute;left:100%;height:100%;width:8px;background-color:#fff}.mk-bar__setting{cursor:pointer}.mk-bar .mk-logo{width:65px;height:65px;margin:0 auto;background-size:contain;background-position:center center}.mk-menu{--el-menu-active-color:rgba(0, 98, 255, 1);--el-menu-text-color:rgba(23, 23, 37, 1);width:200px;height:100%;background-color:#fff}.mk-menu .el-menu{border:none}.mk-menu-item__icon{margin-right:10px}.mk-layout-default{height:100%;background-color:#ebeced}.mk-layout-default>.el-main{--el-main-padding:0px}.mk-layout-default__body{height:100%}.mk-layout-default__body>.el-main{--el-main-padding:0px}.mk-layout-default__header{--el-header-height:56px;background-color:#fff;border-bottom:1px solid #e2e2ea}.mk-layout-default__main{height:100%}.mk-layout-default__main>.el-main{--el-main-padding:0px}.mk-layout-default__menu{border-right:1px solid #e2e2ea}

package/dist/style/layouts/default/menu.css

@@ -0,0 +1 @@
+.mk-menu{--el-menu-active-color:rgba(0, 98, 255, 1);--el-menu-text-color:rgba(23, 23, 37, 1);width:200px;height:100%;background-color:#fff}.mk-menu .el-menu{border:none}.mk-menu-item__icon{margin-right:10px}

package/dist/style/layouts/index.css

@@ -1 +1 @@
-.mk-menu{border:none;--el-menu-item-height:50px;--el-menu-level-padding:17px;--el-menu-icon-width:14px}.mk-menu .el-sub-menu .el-menu-item:first-child,.mk-menu .el-sub-menu .el-sub-menu:first-child,.mk-menu .el-sub-menu+.el-menu-item,.mk-menu .el-sub-menu+.el-sub-menu{margin-top:5px}.mk-menu .el-sub-menu__title:hover{color:var(--el-color-primary)}.mk-menu .el-menu-item{border-radius:5px}.mk-menu .el-menu-item+.el-menu-item,.mk-menu .el-menu-item+.el-sub-menu{margin-top:5px}.mk-menu .el-menu-item.is-active{background-color:var(--el-color-primary-light-9)}.mk-menu .el-menu-item:hover{color:var(--el-color-primary)}.mk-menu-item .mk-menu-item__icon{margin-right:3px;width:1em;font-size:inherit}.mk-aside{display:flex;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mk-aside-bar{display:flex;flex-direction:column;width:64px;height:100%;background-color:#282c34;color:#fff}.mk-aside-bar .el-scrollbar__bar{display:none}.mk-aside-bar__logo{display:flex;height:64px;padding:10px;box-sizing:border-box}.mk-aside-bar__logo .mk-logo{flex:1;background-size:contain}.mk-aside-bar__icons{flex:1;height:0}.mk-aside-bar__item{position:relative;padding:5px;width:64px;height:64px;box-sizing:border-box;cursor:pointer}.mk-aside-bar__item.is-active .mk-aside-bar__item-main{background-color:#409eff}.mk-aside-bar__item-main{display:flex;align-items:center;justify-content:center;width:54px;height:54px;font-size:14px;text-align:center;white-space:nowrap;overflow:hidden;box-sizing:border-box;border-radius:5px}.mk-aside-bar__item-icon{display:block!important;margin-bottom:4px}.mk-aside-bar__item-label{font-size:12px}.mk-aside-panel{--el-text-color-primary:#515a6e;width:200px;color:#515a6e;box-shadow:0 1px 4px rgba(0,21,41,.08);background-color:#fff;transition:var(--el-transition-all);overflow:hidden}.mk-aside-panel.is-collapse{width:0}.mk-aside-panel__title{margin-top:5px;padding:0 15px;font-size:20px;line-height:55px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mk-aside-panel__wrapper{width:200px}.mk-aside-panel__divider{margin:4px 0 15px 0;white-space:nowrap}.mk-aside-panel__divider .el-divider__text{font-weight:400}.mk-aside-panel__content{padding:0 10px}.mk-header{background-color:#fff;box-shadow:0 -1px 4px rgba(0,21,41,.08)}.mk-header-tools{display:flex;align-items:center}.mk-header-tools__item{margin-right:10px;cursor:pointer}.mk-header-breadcrumb .mk-svg-icon{margin-right:5px}.mk-header-nav{display:flex;height:64px;padding:0 20px;border-bottom:1px solid #f6f6f6;justify-content:space-between;color:rgba(0,0,0,.65);font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mk-header-nav .mk-svg-icon{font-size:16px}.mk-header-nav__main{display:flex;align-items:center}.mk-header-nav__tools{display:flex;align-items:center}.mk-header-nav__user{cursor:pointer}.mk-header-nav__user-info{box-shadow:none;outline:0}.mk-header-nav__arrow{padding:5px;font-size:10px!important}.mk-header-nav__aside-fold{cursor:pointer;color:var(--el-color-grey);font-size:0;margin-right:20px}.mk-header-tabs{display:flex;width:100%;height:40px;padding:0 20px;box-sizing:border-box}.mk-header-tabs .el-tabs{width:100%}.mk-header-tabs .el-tabs .mk-svg-icon{margin-right:5px;flex-shrink:0}.mk-header-tabs .el-tabs .el-tabs__item{padding:0 20px!important;-webkit-mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkBAMAAAAdqzmBAAAAMFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlTPQ5AAAAD3RSTlMAr3DvEM8wgCBA379gj5//tJBPAAAAnUlEQVRIx2NgAAM27fj/tAO/xBsYkIHyf9qCT8iWMf6nNQhAsk2f5rYheY7Dnua2/U+A28ZEe8v+F9Ax2v7/F4DbxkUH2wzgtvHTwbYPo7aN2jZq26hto7aN2jZq25Cy7Qvctnw62PYNbls9HWz7S8/G6//PsI6H4396gAUQy1je08W2jxDbpv6nD4gB2uWp+J9eYPsEhv/0BPS1DQBvoBLVZ3BppgAAAABJRU5ErkJggg==);mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkBAMAAAAdqzmBAAAAMFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlTPQ5AAAAD3RSTlMAr3DvEM8wgCBA379gj5//tJBPAAAAnUlEQVRIx2NgAAM27fj/tAO/xBsYkIHyf9qCT8iWMf6nNQhAsk2f5rYheY7Dnua2/U+A28ZEe8v+F9Ax2v7/F4DbxkUH2wzgtvHTwbYPo7aN2jZq26hto7aN2jZq25Cy7Qvctnw62PYNbls9HWz7S8/G6//PsI6H4396gAUQy1je08W2jxDbpv6nD4gB2uWp+J9eYPsEhv/0BPS1DQBvoBLVZ3BppgAAAABJRU5ErkJggg==);-webkit-mask-size:100% 100%;mask-size:100% 100%;flex-shrink:0}.mk-header-tabs .el-tabs .el-tabs__item+.el-tabs__item{margin-left:-18px}.mk-header-tabs .el-tabs .el-tabs__item .el-icon.is-icon-close{width:0;flex-shrink:0}.mk-header-tabs .el-tabs .el-tabs__item:hover{color:var(--el-text-color-primary);background-color:#dee1e6}.mk-header-tabs .el-tabs .el-tabs__item:hover .el-icon.is-icon-close{width:1em}.mk-header-tabs .el-tabs .el-tabs__item.is-active{color:var(--el-color-primary);background-color:var(--el-color-primary-light-9)}.mk-header-tabs .el-tabs .el-tabs__item.is-active .el-icon.is-icon-close{width:1em}.mk-header-tabs .el-tabs__header{margin:0}.mk-header-tabs .el-tabs__nav-wrap::after{display:none}.mk-header-tabs .el-tabs__active-bar{display:none}.mk-manager-system{display:flex;height:100%;background-color:#f6f8f9}.mk-manager-system__aside{height:100%}.mk-manager-system__main{display:flex;flex-direction:column;flex:1;width:0}.mk-manager-system__header{z-index:1}.mk-manager-system__content{flex:1;height:0;padding:10px}
+.mk-lock{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1999}.mk-lock__overlay{width:100%;height:100%}.mk-lock-entry{position:absolute;top:50%;left:50%;width:260px;transform:translate(-50%,-50%)}.mk-lock-entry__footer{display:flex;justify-content:space-between;margin-top:6px}.mk-bar{display:flex;flex-direction:column;width:80px;height:100%;background-color:#001428;color:#fff}.mk-bar__logo{padding:8px 0}.mk-bar__items{flex:1}.mk-bar__footer{font-size:18px;color:#9d9d9d;height:40px;display:flex;align-items:center;justify-content:center}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;height:64px;width:64px;margin:0 auto}.mk-bar__item-button{display:flex;align-items:center;justify-content:center;cursor:pointer;width:25px;height:25px;background-color:#9d9d9d;border-radius:4px}.mk-bar__item.is-active{background:#fff;border-radius:4px}.mk-bar__item.is-active .mk-bar__item-button{width:40px;height:40px;background-color:#ff844b}.mk-bar__item.is-active.has-children{border-top-right-radius:0;border-bottom-right-radius:0}.mk-bar__item.is-active.has-children::after{content:"";position:absolute;left:100%;height:100%;width:8px;background-color:#fff}.mk-bar__setting{cursor:pointer}.mk-bar .mk-logo{width:65px;height:65px;margin:0 auto;background-size:contain;background-position:center center}.mk-menu{--el-menu-active-color:rgba(0, 98, 255, 1);--el-menu-text-color:rgba(23, 23, 37, 1);width:200px;height:100%;background-color:#fff}.mk-menu .el-menu{border:none}.mk-menu-item__icon{margin-right:10px}.mk-layout-default{height:100%;background-color:#ebeced}.mk-layout-default>.el-main{--el-main-padding:0px}.mk-layout-default__body{height:100%}.mk-layout-default__body>.el-main{--el-main-padding:0px}.mk-layout-default__header{--el-header-height:56px;background-color:#fff;border-bottom:1px solid #e2e2ea}.mk-layout-default__main{height:100%}.mk-layout-default__main>.el-main{--el-main-padding:0px}.mk-layout-default__menu{border-right:1px solid #e2e2ea}

package/dist/style/layouts/manager-system/aside.css

@@ -1 +1 @@
-.mk-aside{display:flex;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mk-aside-bar{display:flex;flex-direction:column;width:64px;height:100%;background-color:#282c34;color:#fff}.mk-aside-bar .el-scrollbar__bar{display:none}.mk-aside-bar__logo{display:flex;height:64px;padding:10px;box-sizing:border-box}.mk-aside-bar__logo .mk-logo{flex:1;background-size:contain}.mk-aside-bar__icons{flex:1;height:0}.mk-aside-bar__item{position:relative;padding:5px;width:64px;height:64px;box-sizing:border-box;cursor:pointer}.mk-aside-bar__item.is-active .mk-aside-bar__item-main{background-color:#409eff}.mk-aside-bar__item-main{display:flex;align-items:center;justify-content:center;width:54px;height:54px;font-size:14px;text-align:center;white-space:nowrap;overflow:hidden;box-sizing:border-box;border-radius:5px}.mk-aside-bar__item-icon{display:block!important;margin-bottom:4px}.mk-aside-bar__item-label{font-size:12px}.mk-aside-panel{--el-text-color-primary:#515a6e;width:200px;color:#515a6e;box-shadow:0 1px 4px rgba(0,21,41,.08);background-color:#fff;transition:var(--el-transition-all);overflow:hidden}.mk-aside-panel.is-collapse{width:0}.mk-aside-panel__title{margin-top:5px;padding:0 15px;font-size:20px;line-height:55px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mk-aside-panel__wrapper{width:200px}.mk-aside-panel__divider{margin:4px 0 15px 0;white-space:nowrap}.mk-aside-panel__divider .el-divider__text{font-weight:400}.mk-aside-panel__content{padding:0 10px}
+.mk-aside{display:flex;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mk-aside-bar{display:flex;flex-direction:column;width:64px;height:100%;background-color:#282c34;color:#fff}.mk-aside-bar .el-scrollbar__bar{display:none}.mk-aside-bar__logo{display:flex;height:64px;padding:10px;box-sizing:border-box}.mk-aside-bar__logo .mk-logo{flex:1;background-size:contain}.mk-aside-bar__icons{flex:1;height:0}.mk-aside-bar__item{position:relative;padding:5px;width:64px;height:64px;box-sizing:border-box;cursor:pointer}.mk-aside-bar__item.is-active .mk-aside-bar__item-main{background-color:#409eff}.mk-aside-bar__item-main{display:flex;align-items:center;justify-content:center;width:54px;height:54px;font-size:14px;text-align:center;white-space:nowrap;overflow:hidden;box-sizing:border-box;border-radius:5px}.mk-aside-bar__item-icon{display:block!important;margin-bottom:4px}.mk-aside-bar__item-label{font-size:12px}.mk-aside-panel{--el-text-color-primary:#515a6e;width:200px;color:#515a6e;box-shadow:0 1px 4px rgba(0,21,41,.08);background-color:#fff;transition:var(--el-transition-all);overflow:hidden}.mk-aside-panel.is-collapse{width:0}.mk-aside-panel__title{margin-top:5px;padding:0 15px;font-size:20px;line-height:55px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mk-aside-panel__wrapper{width:200px}.mk-aside-panel__divider{margin:4px 0 15px 0;white-space:nowrap}.mk-aside-panel__divider .el-divider__text{font-weight:400}.mk-aside-panel__content{padding:0 10px}.mk-menu{border:none;--el-menu-item-height:50px;--el-menu-level-padding:17px;--el-menu-icon-width:14px}.mk-menu .el-sub-menu .el-menu-item:first-child,.mk-menu .el-sub-menu .el-sub-menu:first-child,.mk-menu .el-sub-menu+.el-menu-item,.mk-menu .el-sub-menu+.el-sub-menu{margin-top:5px}.mk-menu .el-sub-menu__title:hover{color:var(--el-color-primary)}.mk-menu .el-menu-item{border-radius:5px}.mk-menu .el-menu-item+.el-menu-item,.mk-menu .el-menu-item+.el-sub-menu{margin-top:5px}.mk-menu .el-menu-item.is-active{background-color:var(--el-color-primary-light-9)}.mk-menu .el-menu-item:hover{color:var(--el-color-primary)}.mk-menu-item .mk-menu-item__icon{margin-right:3px;width:1em;font-size:inherit}

package/dist/style/layouts/manager-system/header.css

@@ -1 +1 @@
-.mk-header{background-color:#fff;box-shadow:0 -1px 4px rgba(0,21,41,.08)}.mk-header-tools{display:flex;align-items:center}.mk-header-tools__item{margin-right:10px;cursor:pointer}.mk-header-breadcrumb .mk-svg-icon{margin-right:5px}.mk-header-nav{display:flex;height:64px;padding:0 20px;border-bottom:1px solid #f6f6f6;justify-content:space-between;color:rgba(0,0,0,.65);font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mk-header-nav .mk-svg-icon{font-size:16px}.mk-header-nav__main{display:flex;align-items:center}.mk-header-nav__tools{display:flex;align-items:center}.mk-header-nav__user{cursor:pointer}.mk-header-nav__user-info{box-shadow:none;outline:0}.mk-header-nav__arrow{padding:5px;font-size:10px!important}.mk-header-nav__aside-fold{cursor:pointer;color:var(--el-color-grey);font-size:0;margin-right:20px}.mk-header-tabs{display:flex;width:100%;height:40px;padding:0 20px;box-sizing:border-box}.mk-header-tabs .el-tabs{width:100%}.mk-header-tabs .el-tabs .mk-svg-icon{margin-right:5px;flex-shrink:0}.mk-header-tabs .el-tabs .el-tabs__item{padding:0 20px!important;-webkit-mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkBAMAAAAdqzmBAAAAMFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlTPQ5AAAAD3RSTlMAr3DvEM8wgCBA379gj5//tJBPAAAAnUlEQVRIx2NgAAM27fj/tAO/xBsYkIHyf9qCT8iWMf6nNQhAsk2f5rYheY7Dnua2/U+A28ZEe8v+F9Ax2v7/F4DbxkUH2wzgtvHTwbYPo7aN2jZq26hto7aN2jZq25Cy7Qvctnw62PYNbls9HWz7S8/G6//PsI6H4396gAUQy1je08W2jxDbpv6nD4gB2uWp+J9eYPsEhv/0BPS1DQBvoBLVZ3BppgAAAABJRU5ErkJggg==);mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkBAMAAAAdqzmBAAAAMFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlTPQ5AAAAD3RSTlMAr3DvEM8wgCBA379gj5//tJBPAAAAnUlEQVRIx2NgAAM27fj/tAO/xBsYkIHyf9qCT8iWMf6nNQhAsk2f5rYheY7Dnua2/U+A28ZEe8v+F9Ax2v7/F4DbxkUH2wzgtvHTwbYPo7aN2jZq26hto7aN2jZq25Cy7Qvctnw62PYNbls9HWz7S8/G6//PsI6H4396gAUQy1je08W2jxDbpv6nD4gB2uWp+J9eYPsEhv/0BPS1DQBvoBLVZ3BppgAAAABJRU5ErkJggg==);-webkit-mask-size:100% 100%;mask-size:100% 100%;flex-shrink:0}.mk-header-tabs .el-tabs .el-tabs__item+.el-tabs__item{margin-left:-18px}.mk-header-tabs .el-tabs .el-tabs__item .el-icon.is-icon-close{width:0;flex-shrink:0}.mk-header-tabs .el-tabs .el-tabs__item:hover{color:var(--el-text-color-primary);background-color:#dee1e6}.mk-header-tabs .el-tabs .el-tabs__item:hover .el-icon.is-icon-close{width:1em}.mk-header-tabs .el-tabs .el-tabs__item.is-active{color:var(--el-color-primary);background-color:var(--el-color-primary-light-9)}.mk-header-tabs .el-tabs .el-tabs__item.is-active .el-icon.is-icon-close{width:1em}.mk-header-tabs .el-tabs__header{margin:0}.mk-header-tabs .el-tabs__nav-wrap::after{display:none}.mk-header-tabs .el-tabs__active-bar{display:none}
+.mk-header{background-color:#fff;box-shadow:0 -1px 4px rgba(0,21,41,.08)}.mk-header-tools{display:flex;align-items:center}.mk-header-tools__item{margin-right:10px;cursor:pointer}.mk-header-breadcrumb .mk-svg-icon{margin-right:5px}@media screen and (max-width:1000px){.mk-header-breadcrumb{display:none}}.mk-header-nav{display:flex;height:64px;padding:0 20px;border-bottom:1px solid #f6f6f6;justify-content:space-between;color:rgba(0,0,0,.65);font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mk-header-nav .mk-svg-icon{font-size:16px}.mk-header-nav__main{display:flex;align-items:center}.mk-header-nav__menu{display:none;cursor:pointer}@media screen and (max-width:1000px){.mk-header-nav__menu{display:block}}.mk-header-nav__tools{display:flex;align-items:center}.mk-header-nav__user{cursor:pointer}.mk-header-nav__user-info{box-shadow:none;outline:0}.mk-header-nav__arrow{padding:5px;font-size:10px!important}.mk-header-tabs{display:flex;width:100%;height:40px;padding:0 20px;box-sizing:border-box}.mk-header-tabs .el-tabs{width:100%}.mk-header-tabs .el-tabs .mk-svg-icon{margin-right:5px;flex-shrink:0}.mk-header-tabs .el-tabs .el-tabs__item{padding:0 20px!important;-webkit-mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkBAMAAAAdqzmBAAAAMFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlTPQ5AAAAD3RSTlMAr3DvEM8wgCBA379gj5//tJBPAAAAnUlEQVRIx2NgAAM27fj/tAO/xBsYkIHyf9qCT8iWMf6nNQhAsk2f5rYheY7Dnua2/U+A28ZEe8v+F9Ax2v7/F4DbxkUH2wzgtvHTwbYPo7aN2jZq26hto7aN2jZq25Cy7Qvctnw62PYNbls9HWz7S8/G6//PsI6H4396gAUQy1je08W2jxDbpv6nD4gB2uWp+J9eYPsEhv/0BPS1DQBvoBLVZ3BppgAAAABJRU5ErkJggg==);mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkBAMAAAAdqzmBAAAAMFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlTPQ5AAAAD3RSTlMAr3DvEM8wgCBA379gj5//tJBPAAAAnUlEQVRIx2NgAAM27fj/tAO/xBsYkIHyf9qCT8iWMf6nNQhAsk2f5rYheY7Dnua2/U+A28ZEe8v+F9Ax2v7/F4DbxkUH2wzgtvHTwbYPo7aN2jZq26hto7aN2jZq25Cy7Qvctnw62PYNbls9HWz7S8/G6//PsI6H4396gAUQy1je08W2jxDbpv6nD4gB2uWp+J9eYPsEhv/0BPS1DQBvoBLVZ3BppgAAAABJRU5ErkJggg==);-webkit-mask-size:100% 100%;mask-size:100% 100%;flex-shrink:0}.mk-header-tabs .el-tabs .el-tabs__item+.el-tabs__item{margin-left:-18px}.mk-header-tabs .el-tabs .el-tabs__item .el-icon.is-icon-close{width:0;flex-shrink:0}.mk-header-tabs .el-tabs .el-tabs__item:hover{color:var(--el-text-color-primary);background-color:#dee1e6}.mk-header-tabs .el-tabs .el-tabs__item:hover .el-icon.is-icon-close{width:1em}.mk-header-tabs .el-tabs .el-tabs__item.is-active{color:var(--el-color-primary);background-color:var(--el-color-primary-light-9)}.mk-header-tabs .el-tabs .el-tabs__item.is-active .el-icon.is-icon-close{width:1em}.mk-header-tabs .el-tabs__header{margin:0}.mk-header-tabs .el-tabs__nav-wrap::after{display:none}.mk-header-tabs .el-tabs__active-bar{display:none}

package/dist/style/layouts/manager-system/index.css

@@ -1 +1 @@
-.mk-menu{border:none;--el-menu-item-height:50px;--el-menu-level-padding:17px;--el-menu-icon-width:14px}.mk-menu .el-sub-menu .el-menu-item:first-child,.mk-menu .el-sub-menu .el-sub-menu:first-child,.mk-menu .el-sub-menu+.el-menu-item,.mk-menu .el-sub-menu+.el-sub-menu{margin-top:5px}.mk-menu .el-sub-menu__title:hover{color:var(--el-color-primary)}.mk-menu .el-menu-item{border-radius:5px}.mk-menu .el-menu-item+.el-menu-item,.mk-menu .el-menu-item+.el-sub-menu{margin-top:5px}.mk-menu .el-menu-item.is-active{background-color:var(--el-color-primary-light-9)}.mk-menu .el-menu-item:hover{color:var(--el-color-primary)}.mk-menu-item .mk-menu-item__icon{margin-right:3px;width:1em;font-size:inherit}.mk-aside{display:flex;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mk-aside-bar{display:flex;flex-direction:column;width:64px;height:100%;background-color:#282c34;color:#fff}.mk-aside-bar .el-scrollbar__bar{display:none}.mk-aside-bar__logo{display:flex;height:64px;padding:10px;box-sizing:border-box}.mk-aside-bar__logo .mk-logo{flex:1;background-size:contain}.mk-aside-bar__icons{flex:1;height:0}.mk-aside-bar__item{position:relative;padding:5px;width:64px;height:64px;box-sizing:border-box;cursor:pointer}.mk-aside-bar__item.is-active .mk-aside-bar__item-main{background-color:#409eff}.mk-aside-bar__item-main{display:flex;align-items:center;justify-content:center;width:54px;height:54px;font-size:14px;text-align:center;white-space:nowrap;overflow:hidden;box-sizing:border-box;border-radius:5px}.mk-aside-bar__item-icon{display:block!important;margin-bottom:4px}.mk-aside-bar__item-label{font-size:12px}.mk-aside-panel{--el-text-color-primary:#515a6e;width:200px;color:#515a6e;box-shadow:0 1px 4px rgba(0,21,41,.08);background-color:#fff;transition:var(--el-transition-all);overflow:hidden}.mk-aside-panel.is-collapse{width:0}.mk-aside-panel__title{margin-top:5px;padding:0 15px;font-size:20px;line-height:55px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mk-aside-panel__wrapper{width:200px}.mk-aside-panel__divider{margin:4px 0 15px 0;white-space:nowrap}.mk-aside-panel__divider .el-divider__text{font-weight:400}.mk-aside-panel__content{padding:0 10px}.mk-header{background-color:#fff;box-shadow:0 -1px 4px rgba(0,21,41,.08)}.mk-header-tools{display:flex;align-items:center}.mk-header-tools__item{margin-right:10px;cursor:pointer}.mk-header-breadcrumb .mk-svg-icon{margin-right:5px}.mk-header-nav{display:flex;height:64px;padding:0 20px;border-bottom:1px solid #f6f6f6;justify-content:space-between;color:rgba(0,0,0,.65);font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mk-header-nav .mk-svg-icon{font-size:16px}.mk-header-nav__main{display:flex;align-items:center}.mk-header-nav__tools{display:flex;align-items:center}.mk-header-nav__user{cursor:pointer}.mk-header-nav__user-info{box-shadow:none;outline:0}.mk-header-nav__arrow{padding:5px;font-size:10px!important}.mk-header-nav__aside-fold{cursor:pointer;color:var(--el-color-grey);font-size:0;margin-right:20px}.mk-header-tabs{display:flex;width:100%;height:40px;padding:0 20px;box-sizing:border-box}.mk-header-tabs .el-tabs{width:100%}.mk-header-tabs .el-tabs .mk-svg-icon{margin-right:5px;flex-shrink:0}.mk-header-tabs .el-tabs .el-tabs__item{padding:0 20px!important;-webkit-mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkBAMAAAAdqzmBAAAAMFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlTPQ5AAAAD3RSTlMAr3DvEM8wgCBA379gj5//tJBPAAAAnUlEQVRIx2NgAAM27fj/tAO/xBsYkIHyf9qCT8iWMf6nNQhAsk2f5rYheY7Dnua2/U+A28ZEe8v+F9Ax2v7/F4DbxkUH2wzgtvHTwbYPo7aN2jZq26hto7aN2jZq25Cy7Qvctnw62PYNbls9HWz7S8/G6//PsI6H4396gAUQy1je08W2jxDbpv6nD4gB2uWp+J9eYPsEhv/0BPS1DQBvoBLVZ3BppgAAAABJRU5ErkJggg==);mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkBAMAAAAdqzmBAAAAMFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlTPQ5AAAAD3RSTlMAr3DvEM8wgCBA379gj5//tJBPAAAAnUlEQVRIx2NgAAM27fj/tAO/xBsYkIHyf9qCT8iWMf6nNQhAsk2f5rYheY7Dnua2/U+A28ZEe8v+F9Ax2v7/F4DbxkUH2wzgtvHTwbYPo7aN2jZq26hto7aN2jZq25Cy7Qvctnw62PYNbls9HWz7S8/G6//PsI6H4396gAUQy1je08W2jxDbpv6nD4gB2uWp+J9eYPsEhv/0BPS1DQBvoBLVZ3BppgAAAABJRU5ErkJggg==);-webkit-mask-size:100% 100%;mask-size:100% 100%;flex-shrink:0}.mk-header-tabs .el-tabs .el-tabs__item+.el-tabs__item{margin-left:-18px}.mk-header-tabs .el-tabs .el-tabs__item .el-icon.is-icon-close{width:0;flex-shrink:0}.mk-header-tabs .el-tabs .el-tabs__item:hover{color:var(--el-text-color-primary);background-color:#dee1e6}.mk-header-tabs .el-tabs .el-tabs__item:hover .el-icon.is-icon-close{width:1em}.mk-header-tabs .el-tabs .el-tabs__item.is-active{color:var(--el-color-primary);background-color:var(--el-color-primary-light-9)}.mk-header-tabs .el-tabs .el-tabs__item.is-active .el-icon.is-icon-close{width:1em}.mk-header-tabs .el-tabs__header{margin:0}.mk-header-tabs .el-tabs__nav-wrap::after{display:none}.mk-header-tabs .el-tabs__active-bar{display:none}.mk-manager-system{display:flex;height:100%;background-color:#f6f8f9}.mk-manager-system__aside{height:100%}.mk-manager-system__main{display:flex;flex-direction:column;flex:1;width:0}.mk-manager-system__header{z-index:1}.mk-manager-system__content{flex:1;height:0;padding:10px}
+.mk-logo{display:flex;align-items:center;padding:0 20px;height:54px;font-size:18px;color:#fff}.mk-logo__logo{flex-shrink:0;width:32px;height:32px;font-size:0;background-size:contain;background-position:center center}.mk-logo span{margin-left:12px;display:inline-block;white-space:nowrap;flex:1;overflow:hidden;text-overflow:ellipsis}.mk-menu{--el-menu-bg-color:#001428;--el-menu-text-color:rgb(192, 196, 204);--el-menu-hover-bg-color:rgba(64, 158, 255, 0.06);--el-menu-active-color:white;--el-menu-item-height:40px;--el-menu-sub-item-height:40px;display:flex;flex-direction:column;width:200px;height:100%;background-color:var(--el-menu-bg-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.mk-menu .el-menu-item+.el-menu-item{margin-top:4px}.mk-menu .el-menu-item+.el-sub-menu .el-sub-menu__title{margin-top:4px}.mk-menu .el-sub-menu+.el-menu-item{margin-top:4px}.mk-menu .el-sub-menu+.el-sub-menu .el-sub-menu__title{margin-top:4px}.mk-menu .el-sub-menu.is-active>.el-sub-menu__title{color:var(--el-menu-active-color);background-color:var(--el-me nu-hover-bg-color)}.mk-menu__popper{--el-menu-bg-color:#001428;--el-menu-text-color:rgb(192, 196, 204);--el-menu-hover-bg-color:rgba(64, 158, 255, 0.06);--el-menu-active-color:white;--el-menu-item-height:40px;--el-menu-sub-item-height:40px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mk-menu__popper .el-menu-item+.el-menu-item{margin-top:4px}.mk-menu__popper .el-menu-item+.el-sub-menu .el-sub-menu__title{margin-top:4px}.mk-menu__popper .el-sub-menu+.el-menu-item{margin-top:4px}.mk-menu__popper .el-sub-menu+.el-sub-menu .el-sub-menu__title{margin-top:4px}.mk-menu__popper .el-sub-menu.is-active>.el-sub-menu__title{color:var(--el-menu-active-color);background-color:var(--el-me nu-hover-bg-color)}.mk-menu__popper .mk-svg-icon{margin-right:8px}.mk-menu__popper .el-menu-item.is-active{background-color:var(--el-menu-hover-bg-color)}.mk-menu .el-menu{flex:1;border:none}.mk-menu .el-menu .mk-svg-icon{margin-right:8px}.mk-menu .el-menu .el-menu-item.is-active{background-color:var(--el-menu-hover-bg-color)}.mk-menu .el-menu .el-sub-menu.is-opened .el-sub-menu__title{margin-bottom:4px}.mk-menu .el-menu>.el-menu-item,.mk-menu .el-menu>.el-sub-menu{position:relative}.mk-menu>.el-menu>.is-active::before{content:"";position:absolute;width:2px;left:0;top:50%;height:0%;transform:translate(0,-50%);background-color:var(--el-color-primary)}.mk-menu__footer{--el-fill-color:var(--el-menu-hover-bg-color);--el-fill-color-light:var(--el-menu-hover-bg-color);display:flex;justify-content:flex-end;align-items:center;border-top:1px solid #1e323c;padding:0 20px;height:56px}.mk-menu__footer .el-button{color:var(--el-menu-text-color);width:32px;font-size:16px}.mk-menu--collapse{width:54px}.mk-menu--collapse .el-menu--collapse{width:54px}.mk-menu--collapse .el-menu .mk-svg-icon{margin-right:0}.mk-menu--collapse .el-menu .el-menu-item,.mk-menu--collapse .el-menu .el-sub-menu__title{padding:0;justify-content:center}.mk-menu--collapse .el-menu>.is-active::before{height:100%}.mk-menu--collapse .mk-logo{padding:0;justify-content:center}.mk-menu--collapse .mk-logo__logo{margin-right:0}.mk-menu--collapse .mk-logo span{display:none}.mk-menu--collapse .mk-menu__footer{padding:0;justify-content:center}@media screen and (max-width:1000px){.mk-menu .mk-menu__footer{display:none}}.mk-header{background-color:#fff;box-shadow:0 -1px 4px rgba(0,21,41,.08)}.mk-header-tools{display:flex;align-items:center}.mk-header-tools__item{margin-right:10px;cursor:pointer}.mk-header-breadcrumb .mk-svg-icon{margin-right:5px}@media screen and (max-width:1000px){.mk-header-breadcrumb{display:none}}.mk-header-nav{display:flex;height:64px;padding:0 20px;border-bottom:1px solid #f6f6f6;justify-content:space-between;color:rgba(0,0,0,.65);font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mk-header-nav .mk-svg-icon{font-size:16px}.mk-header-nav__main{display:flex;align-items:center}.mk-header-nav__menu{display:none;cursor:pointer}@media screen and (max-width:1000px){.mk-header-nav__menu{display:block}}.mk-header-nav__tools{display:flex;align-items:center}.mk-header-nav__user{cursor:pointer}.mk-header-nav__user-info{box-shadow:none;outline:0}.mk-header-nav__arrow{padding:5px;font-size:10px!important}.mk-header-tabs{display:flex;width:100%;height:40px;padding:0 20px;box-sizing:border-box}.mk-header-tabs .el-tabs{width:100%}.mk-header-tabs .el-tabs .mk-svg-icon{margin-right:5px;flex-shrink:0}.mk-header-tabs .el-tabs .el-tabs__item{padding:0 20px!important;-webkit-mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkBAMAAAAdqzmBAAAAMFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlTPQ5AAAAD3RSTlMAr3DvEM8wgCBA379gj5//tJBPAAAAnUlEQVRIx2NgAAM27fj/tAO/xBsYkIHyf9qCT8iWMf6nNQhAsk2f5rYheY7Dnua2/U+A28ZEe8v+F9Ax2v7/F4DbxkUH2wzgtvHTwbYPo7aN2jZq26hto7aN2jZq25Cy7Qvctnw62PYNbls9HWz7S8/G6//PsI6H4396gAUQy1je08W2jxDbpv6nD4gB2uWp+J9eYPsEhv/0BPS1DQBvoBLVZ3BppgAAAABJRU5ErkJggg==);mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkBAMAAAAdqzmBAAAAMFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlTPQ5AAAAD3RSTlMAr3DvEM8wgCBA379gj5//tJBPAAAAnUlEQVRIx2NgAAM27fj/tAO/xBsYkIHyf9qCT8iWMf6nNQhAsk2f5rYheY7Dnua2/U+A28ZEe8v+F9Ax2v7/F4DbxkUH2wzgtvHTwbYPo7aN2jZq26hto7aN2jZq25Cy7Qvctnw62PYNbls9HWz7S8/G6//PsI6H4396gAUQy1je08W2jxDbpv6nD4gB2uWp+J9eYPsEhv/0BPS1DQBvoBLVZ3BppgAAAABJRU5ErkJggg==);-webkit-mask-size:100% 100%;mask-size:100% 100%;flex-shrink:0}.mk-header-tabs .el-tabs .el-tabs__item+.el-tabs__item{margin-left:-18px}.mk-header-tabs .el-tabs .el-tabs__item .el-icon.is-icon-close{width:0;flex-shrink:0}.mk-header-tabs .el-tabs .el-tabs__item:hover{color:var(--el-text-color-primary);background-color:#dee1e6}.mk-header-tabs .el-tabs .el-tabs__item:hover .el-icon.is-icon-close{width:1em}.mk-header-tabs .el-tabs .el-tabs__item.is-active{color:var(--el-color-primary);background-color:var(--el-color-primary-light-9)}.mk-header-tabs .el-tabs .el-tabs__item.is-active .el-icon.is-icon-close{width:1em}.mk-header-tabs .el-tabs__header{margin:0}.mk-header-tabs .el-tabs__nav-wrap::after{display:none}.mk-header-tabs .el-tabs__active-bar{display:none}.mk-manager-system{position:relative;display:flex;height:100%;background-color:#f6f8f9}.mk-manager-system__mask{display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:999;opacity:.3;background-color:#000}@media screen and (max-width:1000px){.mk-manager-system__mask{display:block}}.mk-manager-system__aside{height:100%;z-index:1001}@media screen and (max-width:1000px){.mk-manager-system__aside{left:0;top:0;position:fixed}}.mk-manager-system__main{display:flex;flex-direction:column;flex:1;width:0;z-index:0}.mk-manager-system__header{z-index:1}.mk-manager-system__content{flex:1;height:0}@media screen and (max-width:1000px){.mk-manager-system .mk-manager-system__aside{transition:var(--el-transition-all)}.mk-manager-system__bar--visible .mk-manager-system__aside{transform:translate(0,0)}.mk-manager-system__bar--hidden .mk-manager-system__aside{transform:translate(-200px,0)}}

package/dist/style/layouts/manager-system/logo.css

@@ -0,0 +1 @@
+.mk-logo{display:flex;align-items:center;padding:0 20px;height:54px;font-size:18px;color:#fff}.mk-logo__logo{flex-shrink:0;width:32px;height:32px;font-size:0;background-size:contain;background-position:center center}.mk-logo span{margin-left:12px;display:inline-block;white-space:nowrap;flex:1;overflow:hidden;text-overflow:ellipsis}

package/dist/style/layouts/manager-system/manager-system.css

@@ -1 +1 @@
-.mk-manager-system{display:flex;height:100%;background-color:#f6f8f9}.mk-manager-system__aside{height:100%}.mk-manager-system__main{display:flex;flex-direction:column;flex:1;width:0}.mk-manager-system__header{z-index:1}.mk-manager-system__content{flex:1;height:0;padding:10px}
+.mk-manager-system{position:relative;display:flex;height:100%;background-color:#f6f8f9}.mk-manager-system__mask{display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:999;opacity:.3;background-color:#000}@media screen and (max-width:1000px){.mk-manager-system__mask{display:block}}.mk-manager-system__aside{height:100%;z-index:1001}@media screen and (max-width:1000px){.mk-manager-system__aside{left:0;top:0;position:fixed}}.mk-manager-system__main{display:flex;flex-direction:column;flex:1;width:0;z-index:0}.mk-manager-system__header{z-index:1}.mk-manager-system__content{flex:1;height:0}@media screen and (max-width:1000px){.mk-manager-system .mk-manager-system__aside{transition:var(--el-transition-all)}.mk-manager-system__bar--visible .mk-manager-system__aside{transform:translate(0,0)}.mk-manager-system__bar--hidden .mk-manager-system__aside{transform:translate(-200px,0)}}

package/dist/style/layouts/manager-system/menu.css

@@ -1 +1 @@
-.mk-menu{border:none;--el-menu-item-height:50px;--el-menu-level-padding:17px;--el-menu-icon-width:14px}.mk-menu .el-sub-menu .el-menu-item:first-child,.mk-menu .el-sub-menu .el-sub-menu:first-child,.mk-menu .el-sub-menu+.el-menu-item,.mk-menu .el-sub-menu+.el-sub-menu{margin-top:5px}.mk-menu .el-sub-menu__title:hover{color:var(--el-color-primary)}.mk-menu .el-menu-item{border-radius:5px}.mk-menu .el-menu-item+.el-menu-item,.mk-menu .el-menu-item+.el-sub-menu{margin-top:5px}.mk-menu .el-menu-item.is-active{background-color:var(--el-color-primary-light-9)}.mk-menu .el-menu-item:hover{color:var(--el-color-primary)}.mk-menu-item .mk-menu-item__icon{margin-right:3px;width:1em;font-size:inherit}
+.mk-menu{--el-menu-bg-color:#001428;--el-menu-text-color:rgb(192, 196, 204);--el-menu-hover-bg-color:rgba(64, 158, 255, 0.06);--el-menu-active-color:white;--el-menu-item-height:40px;--el-menu-sub-item-height:40px;display:flex;flex-direction:column;width:200px;height:100%;background-color:var(--el-menu-bg-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.mk-menu .el-menu-item+.el-menu-item{margin-top:4px}.mk-menu .el-menu-item+.el-sub-menu .el-sub-menu__title{margin-top:4px}.mk-menu .el-sub-menu+.el-menu-item{margin-top:4px}.mk-menu .el-sub-menu+.el-sub-menu .el-sub-menu__title{margin-top:4px}.mk-menu .el-sub-menu.is-active>.el-sub-menu__title{color:var(--el-menu-active-color);background-color:var(--el-me nu-hover-bg-color)}.mk-menu__popper{--el-menu-bg-color:#001428;--el-menu-text-color:rgb(192, 196, 204);--el-menu-hover-bg-color:rgba(64, 158, 255, 0.06);--el-menu-active-color:white;--el-menu-item-height:40px;--el-menu-sub-item-height:40px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mk-menu__popper .el-menu-item+.el-menu-item{margin-top:4px}.mk-menu__popper .el-menu-item+.el-sub-menu .el-sub-menu__title{margin-top:4px}.mk-menu__popper .el-sub-menu+.el-menu-item{margin-top:4px}.mk-menu__popper .el-sub-menu+.el-sub-menu .el-sub-menu__title{margin-top:4px}.mk-menu__popper .el-sub-menu.is-active>.el-sub-menu__title{color:var(--el-menu-active-color);background-color:var(--el-me nu-hover-bg-color)}.mk-menu__popper .mk-svg-icon{margin-right:8px}.mk-menu__popper .el-menu-item.is-active{background-color:var(--el-menu-hover-bg-color)}.mk-menu .el-menu{flex:1;border:none}.mk-menu .el-menu .mk-svg-icon{margin-right:8px}.mk-menu .el-menu .el-menu-item.is-active{background-color:var(--el-menu-hover-bg-color)}.mk-menu .el-menu .el-sub-menu.is-opened .el-sub-menu__title{margin-bottom:4px}.mk-menu .el-menu>.el-menu-item,.mk-menu .el-menu>.el-sub-menu{position:relative}.mk-menu>.el-menu>.is-active::before{content:"";position:absolute;width:2px;left:0;top:50%;height:0%;transform:translate(0,-50%);background-color:var(--el-color-primary)}.mk-menu__footer{--el-fill-color:var(--el-menu-hover-bg-color);--el-fill-color-light:var(--el-menu-hover-bg-color);display:flex;justify-content:flex-end;align-items:center;border-top:1px solid #1e323c;padding:0 20px;height:56px}.mk-menu__footer .el-button{color:var(--el-menu-text-color);width:32px;font-size:16px}.mk-menu--collapse{width:54px}.mk-menu--collapse .el-menu--collapse{width:54px}.mk-menu--collapse .el-menu .mk-svg-icon{margin-right:0}.mk-menu--collapse .el-menu .el-menu-item,.mk-menu--collapse .el-menu .el-sub-menu__title{padding:0;justify-content:center}.mk-menu--collapse .el-menu>.is-active::before{height:100%}.mk-menu--collapse .mk-logo{padding:0;justify-content:center}.mk-menu--collapse .mk-logo__logo{margin-right:0}.mk-menu--collapse .mk-logo span{display:none}.mk-menu--collapse .mk-menu__footer{padding:0;justify-content:center}@media screen and (max-width:1000px){.mk-menu .mk-menu__footer{display:none}}

package/dist/style/src/layouts/common/index.scss

@@ -0,0 +1 @@
+@use "./lock.scss";

package/dist/style/src/layouts/common/lock.scss

@@ -0,0 +1,27 @@
+.mk-lock {
+  position: fixed;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1999;
+
+  &__overlay {
+    width: 100%;
+    height: 100%;
+  }
+
+  &-entry {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 260px;
+    transform: translate(-50%, -50%);
+
+    &__footer {
+      display: flex;
+      justify-content: space-between;
+      margin-top: 6px;
+    }
+  }
+}

package/dist/style/src/layouts/default/bar.scss

@@ -0,0 +1,83 @@
+.mk-bar {
+  display: flex;
+  flex-direction: column;
+  width: 80px;
+  height: 100%;
+  background-color: rgba(0, 20, 40, 1);
+  color: white;
+
+  &__logo {
+    padding: 8px 0;
+  }
+
+  &__items {
+    flex: 1;
+  }
+
+  &__footer {
+    font-size: 18px;
+    color: rgba(157, 157, 157, 1);
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  &__item {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 64px;
+    width: 64px;
+    margin: 0 auto;
+
+    &-button {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+      width: 25px;
+      height: 25px;
+      background-color: rgba(157, 157, 157, 1);
+      border-radius: 4px;
+    }
+
+    &.is-active {
+      background: white;
+      border-radius: 4px;
+
+      .mk-bar__item-button {
+        width: 40px;
+        height: 40px;
+        background-color: rgba(255, 132, 75, 1);
+      }
+
+      &.has-children {
+        border-top-right-radius: 0px;
+        border-bottom-right-radius: 0px;
+
+        &::after {
+          content: "";
+          position: absolute;
+          left: 100%;
+          height: 100%;
+          width: 8px;
+          background-color: white;
+        }
+      }
+    }
+  }
+
+  &__setting {
+    cursor: pointer;
+  }
+
+  .mk-logo {
+    width: 65px;
+    height: 65px;
+    margin: 0 auto;
+    background-size: contain;
+    background-position: center center;
+  }
+}

package/dist/style/src/layouts/default/index.scss

@@ -0,0 +1,37 @@
+@use "./bar.scss";
+@use "./menu.scss";
+
+.mk-layout-default {
+  height: 100%;
+  background-color: rgba(235, 236, 237, 1);
+
+  > .el-main {
+    --el-main-padding: 0px;
+  }
+
+  &__body {
+    height: 100%;
+
+    > .el-main {
+      --el-main-padding: 0px;
+    }
+  }
+
+  &__header {
+    --el-header-height: 56px;
+    background-color: white;
+    border-bottom: 1px solid rgba(226, 226, 234, 1);
+  }
+
+  &__main {
+    height: 100%;
+
+    > .el-main {
+      --el-main-padding: 0px;
+    }
+  }
+
+  &__menu {
+    border-right: 1px solid rgba(226, 226, 234, 1);
+  }
+}

package/dist/style/src/layouts/default/menu.scss

@@ -0,0 +1,17 @@
+.mk-menu {
+  --el-menu-active-color: rgba(0, 98, 255, 1);
+  --el-menu-text-color: rgba(23, 23, 37, 1);
+  width: 200px;
+  height: 100%;
+  background-color: white;
+
+  .el-menu {
+    border: none;
+  }
+
+  &-item {
+    &__icon {
+      margin-right: 10px;
+    }
+  }
+}

package/dist/style/src/layouts/index.scss

@@ -1 +1,3 @@
-@use "./manager-system";
+@use "./common/index.scss";
+// @use "./manager-system";
+@use "./default/index.scss" as *;

package/dist/style/src/layouts/manager-system/aside.scss

@@ -114,3 +114,51 @@
     }
   }
 }
+
+.mk-menu {
+  border: none;
+
+  --el-menu-item-height: 50px;
+  --el-menu-level-padding: 17px;
+  --el-menu-icon-width: 14px;
+
+  .el-sub-menu {
+    & + .el-menu-item,
+    & + .el-sub-menu,
+    .el-menu-item:first-child,
+    .el-sub-menu:first-child {
+      margin-top: 5px;
+    }
+
+    &__title {
+      &:hover {
+        color: var(--el-color-primary);
+      }
+    }
+  }
+
+  .el-menu-item {
+    border-radius: 5px;
+
+    & + .el-menu-item,
+    & + .el-sub-menu {
+      margin-top: 5px;
+    }
+
+    &.is-active {
+      background-color: var(--el-color-primary-light-9);
+    }
+
+    &:hover {
+      color: var(--el-color-primary);
+    }
+  }
+
+  &-item {
+    & &__icon {
+      margin-right: 3px;
+      width: 1em;
+      font-size: inherit;
+    }
+  }
+}

package/dist/style/src/layouts/manager-system/header.scss

@@ -16,6 +16,10 @@
     .mk-svg-icon {
       margin-right: 5px;
     }
+
+    @media screen and (max-width: 1000px) {
+      display: none;
+    }
   }
 
   &-nav {
@@ -37,6 +41,15 @@
       align-items: center;
     }
 
+    &__menu {
+      display: none;
+      cursor: pointer;
+
+      @media screen and (max-width: 1000px) {
+        display: block;
+      }
+    }
+
     &__tools {
       display: flex;
       align-items: center;
@@ -54,13 +67,6 @@
       padding: 5px;
       font-size: 10px !important;
     }
-
-    &__aside-fold {
-      cursor: pointer;
-      color: var(--el-color-grey);
-      font-size: 0;
-      margin-right: 20px;
-    }
   }
 
   &-tabs {

package/dist/style/src/layouts/manager-system/index.scss

@@ -1,4 +1,5 @@
+@use "./logo.scss";
 @use "./menu.scss";
-@use "./aside.scss";
+// @use "./aside.scss";
 @use "./header.scss";
 @use "./manager-system.scss";

package/dist/style/src/layouts/manager-system/logo.scss

@@ -0,0 +1,26 @@
+.mk-logo {
+  display: flex;
+  align-items: center;
+  padding: 0 20px;
+  height: 54px;
+  font-size: 18px;
+  color: white;
+
+  &__logo {
+    flex-shrink: 0;
+    width: 32px;
+    height: 32px;
+    font-size: 0;
+    background-size: contain;
+    background-position: center center;
+  }
+
+  span {
+    margin-left: 12px;
+    display: inline-block;
+    white-space: nowrap;
+    flex: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}

package/dist/style/src/layouts/manager-system/manager-system.scss

@@ -1,10 +1,34 @@
 .mk-manager-system {
+  position: relative;
   display: flex;
   height: 100%;
   background-color: rgb(246, 248, 249);
 
+  &__mask {
+    display: none;
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 999;
+    opacity: 0.3;
+    background-color: black;
+
+    @media screen and (max-width: 1000px) {
+      display: block;
+    }
+  }
+
   &__aside {
     height: 100%;
+    z-index: 1001;
+
+    @media screen and (max-width: 1000px) {
+      left: 0;
+      top: 0;
+      position: fixed;
+    }
   }
 
   &__main {
@@ -12,6 +36,7 @@
     flex-direction: column;
     flex: 1;
     width: 0;
+    z-index: 0;
   }
 
   &__header {
@@ -21,6 +46,25 @@
   &__content {
     flex: 1;
     height: 0;
-    padding: 10px;
+  }
+
+  @media screen and (max-width: 1000px) {
+    .mk-manager-system__aside {
+      transition: var(--el-transition-all);
+    }
+
+    &__bar {
+      &--visible {
+        .mk-manager-system__aside {
+          transform: translate(0px, 0);
+        }
+      }
+
+      &--hidden {
+        .mk-manager-system__aside {
+          transform: translate(-200px, 0);
+        }
+      }
+    }
   }
 }