mooho-base-admin-plus 2.10.9 → 2.10.11

package/src/styles/layout/basic-layout/menu.less

@@ -1,274 +1,274 @@
-.i-layout-menu{
-    &-side{
-        position: static; // 菜单开启后，Dropdown 会被 overflow-y:hidden 隐藏掉，加此不受影响
-        &:after{
-            display: none !important;
-        }
-        &-title{
-            display: inline-block;
-            &-icon{
-                display: inline-block;
-                width: 24px;
-                height: 24px;
-                line-height: 21px;
-                vertical-align: middle;
-                text-align: center;
-                margin-right: 8px;
-                &-single{
-                    margin-right: 0;
-                }
-                i{
-                    margin-right: 0 !important;
-                }
-                img{
-                    width: 100%;
-                    height: 100%;
-                }
-            }
-
-            &-text{
-                &-selected{
-                    color: @primary-color;
-                }
-                &-with-subtitle{
-                    position: relative;
-                    top: -6px;
-                }
-                em{
-                    display: block;
-                    font-style: normal;
-                    font-size: 12px;
-                    opacity: 0.5;
-                }
-                &-with-icon{
-                    em{
-                        margin-left: 32px;
-                    }
-                }
-            }
-
-            &-with-collapse &-text{
-                &-with-subtitle{
-                    position: relative;
-                    top: 0;
-                }
-            }
-        }
-
-        .ivu-menu-submenu-title, .ivu-menu-item{
-            height: 52px;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-        }
-
-        .ivu-menu-submenu-title-icon{
-            width: 14px;
-            height: 14px;
-            position: absolute;
-            top: 50%;
-            right: 8px;
-            float: none;
-        }
-
-        .ivu-dropdown-menu{
-            min-width: 160px;
-        }
-        .ivu-dropdown-item{
-            font-size: @font-size-base !important;
-            padding-right: 32px;
-
-            &-divided:before{
-                margin: 0 -32px 0 -16px;
-            }
-        }
-        .ivu-select-dropdown{
-            margin: 5px 0 5px 3px;
-        }
-        .ivu-tooltip, .ivu-tooltip-rel{
-            display: block;
-            text-align: center;
-        }
-
-        &.ivu-menu-dark .ivu-menu-item-active{
-            color: #fff !important;
-        }
-
-        &-arrow{
-            position: absolute;
-            top: 50%;
-            right: 16px;
-            transform: translate(0, -50%);
-        }
-
-        &-collapse{
-            &-top{
-                display: block;
-                &-item{
-                    text-align: center;
-                }
-            }
-            &-item{
-                &-selected, &-selected:hover{
-                    background-color: ~`colorPalette("@{primary-color}", 1)`;
-                    color: @primary-color;
-                }
-            }
-            &-dropdown{
-                &-menu{
-                    overflow-y: auto;
-                }
-            }
-            &-title{
-                text-align: center;
-                padding: 6px 0;
-                border-bottom: 1px solid @border-color-split;
-            }
-            &-dark{
-                .ivu-select-dropdown{
-                    background-color: @menu-dark-title;
-                }
-                .ivu-dropdown-item{
-                    color: @menu-dark-subsidiary-color;
-                    transition: all @transition-time @ease-in-out;
-
-                    &-divided{
-                        border-color: @menu-dark-active-bg;
-                        &:before{
-                            background-color: @menu-dark-title;
-                        }
-                    }
-                }
-                .ivu-dropdown-item:hover{
-                    background: transparent;
-                    color: #fff;
-                }
-                .i-layout-menu-side-collapse-item{
-                    &-selected, &-selected:hover{
-                        background-color: @primary-color;
-                        color: #fff;
-                    }
-                }
-            }
-            &-dark &-title{
-                border-bottom: 1px solid @menu-dark-active-bg;
-                color: @menu-dark-subsidiary-color;
-            }
-
-            &-top-item{
-                padding-left: 0 !important;
-                padding-right: 0 !important;
-            }
-        }
-
-        &-badge{
-            position: absolute;
-            top: 16px;
-            right: 40px;
-            .ivu-badge-count{
-                box-shadow: none;
-            }
-        }
-        &-collapse &-badge{
-            display: none;
-        }
-    }
-
-    &-head{
-        display: inline-block;
-        //overflow: hidden;
-        flex: 1;
-
-        .ivu-menu-horizontal.ivu-menu-light:after{
-            display: none;
-        }
-        .ivu-menu-horizontal{
-            display: inline-block;
-            vertical-align: middle;
-            height: auto; // 这里不能设置为 @menuHeaderHeight - 2px，因为在平板模式下，header 宽度不够，拿不到真实高度
-            line-height: @menuHeaderHeight - 6px;
-        }
-
-        &-logo{
-            display: inline-block;
-            height: @menuHeaderHeight;
-            text-align: center;
-            vertical-align: middle;
-            img{
-                height: 80%;
-                vertical-align: middle;
-            }
-        }
-
-        &-title{
-            display: inline-block;
-            &-icon{
-                display: inline-block;
-                width: 24px;
-                height: 24px;
-                line-height: 24px;
-                vertical-align: middle;
-                text-align: center;
-                &-single{
-                    margin-right: 0;
-                }
-                i{
-                    margin-right: 0 !important;
-                    font-size: 16px;
-                }
-                img{
-                    width: 100%;
-                    height: 100%;
-                }
-            }
-            &-text{
-                vertical-align: middle;
-                margin-left: 6px;
-            }
-        }
-
-        .ivu-dropdown-rel{
-            padding: @headerTriggerMinPadding;
-        }
-        .ivu-dropdown-item{
-            text-align: left;
-        }
-
-        &-badge{
-            .ivu-badge-count{
-                border: none;
-                box-shadow: none;
-                margin-left: 12px;
-                line-height: 20px;
-            }
-        }
-
-        &-mobile{
-            vertical-align: baseline;
-            overflow: visible;
-            .ivu-dropdown-item{
-                font-size: 14px !important;
-                text-align: left;
-                i,span{
-                    vertical-align: middle;
-                }
-                i{
-                    margin-right: 6px;
-                }
-            }
-            &-drop{
-                .dropdownMobile();
-            }
-            &-subtitle{
-                color: @text-color;
-                cursor: default;
-                text-align: center !important;
-                border-bottom: 1px solid @border-color-split;
-                &:hover{
-                    color: @text-color;
-                    cursor: default;
-                }
-            }
-        }
-    }
-}
+.i-layout-menu{
+    &-side{
+        position: static; // 菜单开启后，Dropdown 会被 overflow-y:hidden 隐藏掉，加此不受影响
+        &:after{
+            display: none !important;
+        }
+        &-title{
+            display: inline-block;
+            &-icon{
+                display: inline-block;
+                width: 24px;
+                height: 24px;
+                line-height: 21px;
+                vertical-align: middle;
+                text-align: center;
+                margin-right: 8px;
+                &-single{
+                    margin-right: 0;
+                }
+                i{
+                    margin-right: 0 !important;
+                }
+                img{
+                    width: 100%;
+                    height: 100%;
+                }
+            }
+
+            &-text{
+                &-selected{
+                    color: @primary-color;
+                }
+                &-with-subtitle{
+                    position: relative;
+                    top: -6px;
+                }
+                em{
+                    display: block;
+                    font-style: normal;
+                    font-size: 12px;
+                    opacity: 0.5;
+                }
+                &-with-icon{
+                    em{
+                        margin-left: 32px;
+                    }
+                }
+            }
+
+            &-with-collapse &-text{
+                &-with-subtitle{
+                    position: relative;
+                    top: 0;
+                }
+            }
+        }
+
+        .ivu-menu-submenu-title, .ivu-menu-item{
+            height: 52px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+
+        .ivu-menu-submenu-title-icon{
+            width: 14px;
+            height: 14px;
+            position: absolute;
+            top: 50%;
+            right: 8px;
+            float: none;
+        }
+
+        .ivu-dropdown-menu{
+            min-width: 160px;
+        }
+        .ivu-dropdown-item{
+            font-size: @font-size-base !important;
+            padding-right: 32px;
+
+            &-divided:before{
+                margin: 0 -32px 0 -16px;
+            }
+        }
+        .ivu-select-dropdown{
+            margin: 5px 0 5px 3px;
+        }
+        .ivu-tooltip, .ivu-tooltip-rel{
+            display: block;
+            text-align: center;
+        }
+
+        &.ivu-menu-dark .ivu-menu-item-active{
+            color: #fff !important;
+        }
+
+        &-arrow{
+            position: absolute;
+            top: 50%;
+            right: 16px;
+            transform: translate(0, -50%);
+        }
+
+        &-collapse{
+            &-top{
+                display: block;
+                &-item{
+                    text-align: center;
+                }
+            }
+            &-item{
+                &-selected, &-selected:hover{
+                    background-color: ~`colorPalette("@{primary-color}", 1)`;
+                    color: @primary-color;
+                }
+            }
+            &-dropdown{
+                &-menu{
+                    overflow-y: auto;
+                }
+            }
+            &-title{
+                text-align: center;
+                padding: 6px 0;
+                border-bottom: 1px solid @border-color-split;
+            }
+            &-dark{
+                .ivu-select-dropdown{
+                    background-color: @menu-dark-title;
+                }
+                .ivu-dropdown-item{
+                    color: @menu-dark-subsidiary-color;
+                    transition: all @transition-time @ease-in-out;
+
+                    &-divided{
+                        border-color: @menu-dark-active-bg;
+                        &:before{
+                            background-color: @menu-dark-title;
+                        }
+                    }
+                }
+                .ivu-dropdown-item:hover{
+                    background: transparent;
+                    color: #fff;
+                }
+                .i-layout-menu-side-collapse-item{
+                    &-selected, &-selected:hover{
+                        background-color: @primary-color;
+                        color: #fff;
+                    }
+                }
+            }
+            &-dark &-title{
+                border-bottom: 1px solid @menu-dark-active-bg;
+                color: @menu-dark-subsidiary-color;
+            }
+
+            &-top-item{
+                padding-left: 0 !important;
+                padding-right: 0 !important;
+            }
+        }
+
+        &-badge{
+            position: absolute;
+            top: 16px;
+            right: 40px;
+            .ivu-badge-count{
+                box-shadow: none;
+            }
+        }
+        &-collapse &-badge{
+            display: none;
+        }
+    }
+
+    &-head{
+        display: inline-block;
+        //overflow: hidden;
+        flex: 1;
+
+        .ivu-menu-horizontal.ivu-menu-light:after{
+            display: none;
+        }
+        .ivu-menu-horizontal{
+            display: inline-block;
+            vertical-align: middle;
+            height: auto; // 这里不能设置为 @menuHeaderHeight - 2px，因为在平板模式下，header 宽度不够，拿不到真实高度
+            line-height: @menuHeaderHeight - 6px;
+        }
+
+        &-logo{
+            display: inline-block;
+            height: @menuHeaderHeight;
+            text-align: center;
+            vertical-align: middle;
+            img{
+                height: 80%;
+                vertical-align: middle;
+            }
+        }
+
+        &-title{
+            display: inline-block;
+            &-icon{
+                display: inline-block;
+                width: 24px;
+                height: 24px;
+                line-height: 24px;
+                vertical-align: middle;
+                text-align: center;
+                &-single{
+                    margin-right: 0;
+                }
+                i{
+                    margin-right: 0 !important;
+                    font-size: 16px;
+                }
+                img{
+                    width: 100%;
+                    height: 100%;
+                }
+            }
+            &-text{
+                vertical-align: middle;
+                margin-left: 6px;
+            }
+        }
+
+        .ivu-dropdown-rel{
+            padding: @headerTriggerMinPadding;
+        }
+        .ivu-dropdown-item{
+            text-align: left;
+        }
+
+        &-badge{
+            .ivu-badge-count{
+                border: none;
+                box-shadow: none;
+                margin-left: 12px;
+                line-height: 20px;
+            }
+        }
+
+        &-mobile{
+            vertical-align: baseline;
+            overflow: visible;
+            .ivu-dropdown-item{
+                font-size: 14px !important;
+                text-align: left;
+                i,span{
+                    vertical-align: middle;
+                }
+                i{
+                    margin-right: 6px;
+                }
+            }
+            &-drop{
+                .dropdownMobile();
+            }
+            &-subtitle{
+                color: @text-color;
+                cursor: default;
+                text-align: center !important;
+                border-bottom: 1px solid @border-color-split;
+                &:hover{
+                    color: @text-color;
+                    cursor: default;
+                }
+            }
+        }
+    }
+}

package/src/styles/layout/index.less

@@ -1,2 +1,2 @@
-@import "basic-layout/layout.less";
-@import "basic-layout/menu.less";
+@import "basic-layout/layout.less";
+@import "basic-layout/menu.less";

package/src/styles/setting.less

@@ -1,6 +1,6 @@
-// 侧边菜单宽度，需与 setting.js 的 menuSideWidth 保持一致
-@menuSideWidth: 256px;
-// 顶栏高度，需与 setting.js 的 headerHeight 保持一致
-@headerHeight: 64px;
-// 侧边菜单折起时的宽度，需与 setting.js 的 menuSideCollapseWidth 保持一致
-@menuSideCollapseWidth: 80px;
+// 侧边菜单宽度，需与 setting.js 的 menuSideWidth 保持一致
+@menuSideWidth: 256px;
+// 顶栏高度，需与 setting.js 的 headerHeight 保持一致
+@headerHeight: 64px;
+// 侧边菜单折起时的宽度，需与 setting.js 的 menuSideCollapseWidth 保持一致
+@menuSideCollapseWidth: 80px;

package/src/plugins/log/index.js

@@ -1,25 +0,0 @@
-import store from '../../store';
-import util from '../../libs/util';
-
-export default {
-  install(app) {
-    // 快速打印 log
-    app.config.globalProperties.$log = {
-      ...util.log,
-      push(data) {
-        if (typeof data === 'string') {
-          // 如果传递来的数据是字符串
-          // 赋值给 message 字段
-          // 为了方便使用
-          // eg: this.$log.push('foo text')
-          store.dispatch('admin/log/push', {
-            message: data
-          });
-        } else if (typeof data === 'object') {
-          // 如果传递来的数据是对象
-          store.dispatch('admin/log/push', data);
-        }
-      }
-    };
-  }
-};