zmdms-webui 2.3.2 → 2.3.4

package/dist/index.es.css

@@ -1 +1 @@
-:root{--contexify-zIndex:666;--contexify-menu-minWidth:220px;--contexify-menu-padding:6px;--contexify-menu-radius:6px;--contexify-menu-bgColor:#fff;--contexify-menu-shadow:1px 2px 2px #0000001a,2px 4px 4px #0000001a,3px 6px 6px #0000001a;--contexify-menu-negatePadding:var(--contexify-menu-padding);--contexify-separator-color:#0003;--contexify-separator-margin:5px;--contexify-itemContent-padding:6px;--contexify-activeItem-radius:4px;--contexify-item-color:#333;--contexify-activeItem-color:#fff;--contexify-activeItem-bgColor:#3498db;--contexify-rightSlot-color:#6f6e77;--contexify-activeRightSlot-color:#fff;--contexify-arrow-color:#6f6e77;--contexify-activeArrow-color:#fff}@keyframes contexify_feedback{0%{opacity:.4}to{opacity:1}}.contexify{background-color:var(--contexify-menu-bgColor);border-radius:var(--contexify-menu-radius);box-shadow:var(--contexify-menu-shadow);box-sizing:border-box;min-width:var(--contexify-menu-minWidth);opacity:0;padding:var(--contexify-menu-padding);position:fixed;-webkit-user-select:none;user-select:none;z-index:var(--contexify-zIndex)}.contexify_submenu-isOpen,.contexify_submenu-isOpen>.contexify_itemContent{background-color:var(--contexify-activeItem-bgColor);border-radius:var(--contexify-activeItem-radius);color:var(--contexify-activeItem-color)}.contexify_submenu-isOpen>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-activeArrow-color)}.contexify_submenu-isOpen>.contexify_submenu{opacity:1;pointer-events:auto}.contexify .contexify_submenu{left:100%;pointer-events:none;position:absolute;top:calc(var(--contexify-menu-negatePadding)*-1);transition:opacity .265s}.contexify .contexify_submenu-bottom{bottom:calc(var(--contexify-menu-negatePadding)*-1);top:unset}.contexify .contexify_submenu-right{left:unset;right:100%}.contexify_rightSlot{color:var(--contexify-rightSlot-color);display:flex;margin-left:auto}.contexify_separator{background-color:var(--contexify-separator-color);cursor:default;height:1px;margin:var(--contexify-separator-margin)}.contexify_willLeave-disabled{pointer-events:none}.contexify_item{cursor:pointer;position:relative}.contexify_item:focus{outline:0}.contexify_item:focus .contexify_rightSlot,.contexify_item:not(.contexify_item-disabled):hover>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-activeRightSlot-color)}.contexify_item:not(.contexify_item-disabled)[aria-haspopup]>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-arrow-color)}.contexify_item:not(.contexify_item-disabled)[aria-haspopup].contexify_submenu-isOpen>.contexify_itemContent .contexify_rightSlot,.contexify_item:not(.contexify_item-disabled)[aria-haspopup]:hover>.contexify_itemContent .contexify_rightSlot,.contexify_item[aria-haspopup]:focus>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-activeArrow-color)}.contexify_item:not(.contexify_item-disabled):focus>.contexify_itemContent,.contexify_item:not(.contexify_item-disabled):hover>.contexify_itemContent{background-color:var(--contexify-activeItem-bgColor);border-radius:var(--contexify-activeItem-radius);color:var(--contexify-activeItem-color)}.contexify_item:not(.contexify_item-disabled):hover>.contexify_submenu{opacity:1;pointer-events:auto}.contexify_item-disabled{cursor:default;opacity:.5}.contexify_itemContent{align-items:center;color:var(--contexify-item-color);display:flex;padding:var(--contexify-itemContent-padding);position:relative;white-space:nowrap}.contexify_item-feedback{animation:contexify_feedback .12s both}.contexify_theme-dark{--contexify-menu-bgColor:#282828fa;--contexify-separator-color:#4c4c4c;--contexify-item-color:#fff}.contexify_theme-light{--contexify-separator-color:#eee;--contexify-item-color:#666;--contexify-activeItem-color:#3498db;--contexify-activeItem-bgColor:#e0eefd;--contexify-activeRightSlot-color:#3498db;--contexify-active-arrow-color:#3498db}@keyframes contexify_scaleIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes contexify_scaleOut{0%{opacity:1}to{opacity:0;transform:scale3d(.3,.3,.3)}}.contexify_willEnter-scale{animation:contexify_scaleIn .3s;transform-origin:top left}.contexify_willLeave-scale{animation:contexify_scaleOut .3s;transform-origin:top left}@keyframes contexify_fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes contexify_fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.contexify_willEnter-fade{animation:contexify_fadeIn .3s ease}.contexify_willLeave-fade{animation:contexify_fadeOut .3s ease}@keyframes contexify_flipInX{0%{transform:perspective(800px) rotateX(45deg)}to{transform:perspective(800px)}}@keyframes contexify_flipOutX{0%{transform:perspective(800px)}to{opacity:0;transform:perspective(800px) rotateX(45deg)}}.contexify_willEnter-flip{animation:contexify_flipInX .3s}.contexify_willEnter-flip,.contexify_willLeave-flip{backface-visibility:visible!important;transform-origin:top center}.contexify_willLeave-flip{animation:contexify_flipOutX .3s}@keyframes contexify_slideIn{0%{opacity:0;transform:scaleY(.3)}to{opacity:1}}@keyframes contexify_slideOut{0%{opacity:1}to{opacity:0;transform:scaleY(.3)}}.contexify_willEnter-slide{animation:contexify_slideIn .3s;transform-origin:top center}.contexify_willLeave-slide{animation:contexify_slideOut .3s;transform-origin:top center}.canvas-table-container{-webkit-overflow-scrolling:auto;background:#fff;border:1px solid #dee9f6;box-sizing:border-box;overflow:hidden;overscroll-behavior:contain;position:relative;touch-action:none}.canvas-table-container canvas{cursor:default;touch-action:none}.canvas-table-container .canvas-table-filter-popover{background:#fff;border-radius:2px;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px 0 #00000014,0 9px 28px 8px #0000000d}.canvas-table-container .canvas-table-filter-popover .ant-checkbox-wrapper{width:100%}.canvas-table-container .canvas-table-filter-popover .ant-checkbox-wrapper:hover{background-color:#f5f5f5}.canvas-table-container .canvas-table-cell-overlay{align-items:center;box-sizing:border-box;display:flex;overflow:hidden;pointer-events:auto;position:absolute}.canvas-table-container .canvas-table-cell-content>*,.canvas-table-container .canvas-table-cell-overlay a,.canvas-table-container .canvas-table-cell-overlay button,.canvas-table-container .canvas-table-cell-overlay input,.canvas-table-container .canvas-table-cell-overlay select,.canvas-table-container .canvas-table-cell-overlay textarea{pointer-events:auto}.canvas-table-container canvas{position:relative;z-index:0}.canvas-table-container.canvas-table--fullscreen{background-color:#fff;bottom:0!important;height:100%!important;left:0!important;margin:0!important;position:fixed!important;right:0!important;top:0!important;width:100%!important;z-index:9999!important}.canvas-table-container .canvas-table--exit-fullscreen{background:#000000b3;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;position:fixed;right:20px;top:20px;transition:background .3s;-webkit-user-select:none;user-select:none;z-index:10000}.canvas-table-container .canvas-table--exit-fullscreen:hover{background:#000000e6}
+:root{--contexify-zIndex:666;--contexify-menu-minWidth:220px;--contexify-menu-padding:6px;--contexify-menu-radius:6px;--contexify-menu-bgColor:#fff;--contexify-menu-shadow:1px 2px 2px #0000001a,2px 4px 4px #0000001a,3px 6px 6px #0000001a;--contexify-menu-negatePadding:var(--contexify-menu-padding);--contexify-separator-color:#0003;--contexify-separator-margin:5px;--contexify-itemContent-padding:6px;--contexify-activeItem-radius:4px;--contexify-item-color:#333;--contexify-activeItem-color:#fff;--contexify-activeItem-bgColor:#3498db;--contexify-rightSlot-color:#6f6e77;--contexify-activeRightSlot-color:#fff;--contexify-arrow-color:#6f6e77;--contexify-activeArrow-color:#fff}@keyframes contexify_feedback{0%{opacity:.4}to{opacity:1}}.contexify{background-color:var(--contexify-menu-bgColor);border-radius:var(--contexify-menu-radius);box-shadow:var(--contexify-menu-shadow);box-sizing:border-box;min-width:var(--contexify-menu-minWidth);opacity:0;padding:var(--contexify-menu-padding);position:fixed;-webkit-user-select:none;user-select:none;z-index:var(--contexify-zIndex)}.contexify_submenu-isOpen,.contexify_submenu-isOpen>.contexify_itemContent{background-color:var(--contexify-activeItem-bgColor);border-radius:var(--contexify-activeItem-radius);color:var(--contexify-activeItem-color)}.contexify_submenu-isOpen>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-activeArrow-color)}.contexify_submenu-isOpen>.contexify_submenu{opacity:1;pointer-events:auto}.contexify .contexify_submenu{left:100%;pointer-events:none;position:absolute;top:calc(var(--contexify-menu-negatePadding)*-1);transition:opacity .265s}.contexify .contexify_submenu-bottom{bottom:calc(var(--contexify-menu-negatePadding)*-1);top:unset}.contexify .contexify_submenu-right{left:unset;right:100%}.contexify_rightSlot{color:var(--contexify-rightSlot-color);display:flex;margin-left:auto}.contexify_separator{background-color:var(--contexify-separator-color);cursor:default;height:1px;margin:var(--contexify-separator-margin)}.contexify_willLeave-disabled{pointer-events:none}.contexify_item{cursor:pointer;position:relative}.contexify_item:focus{outline:0}.contexify_item:focus .contexify_rightSlot,.contexify_item:not(.contexify_item-disabled):hover>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-activeRightSlot-color)}.contexify_item:not(.contexify_item-disabled)[aria-haspopup]>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-arrow-color)}.contexify_item:not(.contexify_item-disabled)[aria-haspopup].contexify_submenu-isOpen>.contexify_itemContent .contexify_rightSlot,.contexify_item:not(.contexify_item-disabled)[aria-haspopup]:hover>.contexify_itemContent .contexify_rightSlot,.contexify_item[aria-haspopup]:focus>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-activeArrow-color)}.contexify_item:not(.contexify_item-disabled):focus>.contexify_itemContent,.contexify_item:not(.contexify_item-disabled):hover>.contexify_itemContent{background-color:var(--contexify-activeItem-bgColor);border-radius:var(--contexify-activeItem-radius);color:var(--contexify-activeItem-color)}.contexify_item:not(.contexify_item-disabled):hover>.contexify_submenu{opacity:1;pointer-events:auto}.contexify_item-disabled{cursor:default;opacity:.5}.contexify_itemContent{align-items:center;color:var(--contexify-item-color);display:flex;padding:var(--contexify-itemContent-padding);position:relative;white-space:nowrap}.contexify_item-feedback{animation:contexify_feedback .12s both}.contexify_theme-dark{--contexify-menu-bgColor:#282828fa;--contexify-separator-color:#4c4c4c;--contexify-item-color:#fff}.contexify_theme-light{--contexify-separator-color:#eee;--contexify-item-color:#666;--contexify-activeItem-color:#3498db;--contexify-activeItem-bgColor:#e0eefd;--contexify-activeRightSlot-color:#3498db;--contexify-active-arrow-color:#3498db}@keyframes contexify_scaleIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes contexify_scaleOut{0%{opacity:1}to{opacity:0;transform:scale3d(.3,.3,.3)}}.contexify_willEnter-scale{animation:contexify_scaleIn .3s;transform-origin:top left}.contexify_willLeave-scale{animation:contexify_scaleOut .3s;transform-origin:top left}@keyframes contexify_fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes contexify_fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.contexify_willEnter-fade{animation:contexify_fadeIn .3s ease}.contexify_willLeave-fade{animation:contexify_fadeOut .3s ease}@keyframes contexify_flipInX{0%{transform:perspective(800px) rotateX(45deg)}to{transform:perspective(800px)}}@keyframes contexify_flipOutX{0%{transform:perspective(800px)}to{opacity:0;transform:perspective(800px) rotateX(45deg)}}.contexify_willEnter-flip{animation:contexify_flipInX .3s}.contexify_willEnter-flip,.contexify_willLeave-flip{backface-visibility:visible!important;transform-origin:top center}.contexify_willLeave-flip{animation:contexify_flipOutX .3s}@keyframes contexify_slideIn{0%{opacity:0;transform:scaleY(.3)}to{opacity:1}}@keyframes contexify_slideOut{0%{opacity:1}to{opacity:0;transform:scaleY(.3)}}.contexify_willEnter-slide{animation:contexify_slideIn .3s;transform-origin:top center}.contexify_willLeave-slide{animation:contexify_slideOut .3s;transform-origin:top center}

package/dist/less/components/Alert/style/index.less

@@ -0,0 +1,53 @@
+.zt-alert {
+  border-radius: @border-radius;
+  border: none;
+  > .anticon {
+    font-size: 16px;
+    margin-right: 10px;
+  }
+  &.ant-alert-with-description {
+    padding: 8px 15px;
+    > .anticon {
+      margin-top: 2px;
+      font-size: 24px;
+    }
+  }
+  &.zt-alert--margin-top {
+    margin-top: @margin-base;
+  }
+  &.zt-alert--margin-bottom {
+    margin-bottom: @margin-base;
+  }
+  &.ant-alert-success {
+    background-color: @active-color;
+    color: #fff;
+    .anticon {
+      color: #fff;
+    }
+    .ant-alert-message {
+      color: #fff;
+    }
+  }
+  &.ant-alert-error {
+    background-color: @stress-color;
+    color: #fff;
+    .anticon {
+      color: #fff;
+      margin-top: 1px;
+    }
+    .ant-alert-message {
+      color: #fff;
+    }
+  }
+  &.ant-alert-info,
+  &.ant-alert-warning {
+    background-color: @global-color;
+    color: @global-text-color;
+    .anticon {
+      color: @global-text-color;
+    }
+    .ant-alert-message {
+      color: @global-text-color;
+    }
+  }
+}

package/dist/less/components/Alert/style/style.less

@@ -0,0 +1,4 @@
+@import "antd/lib/alert/style/index.less";
+
+@import "../../../styles/default.less";
+@import "./index.less";

package/dist/less/components/AppLayout/style/index.less

@@ -0,0 +1,546 @@
+.zmdms-container {
+  background-color: @content-bg;
+  .zmdms-sider {
+    background-color: @primary-color;
+    // background-image: url("../../assets/img/common/menu_bg.jpg");
+    background-size: 100% auto;
+    z-index: 102;
+    background-repeat: no-repeat;
+    background-size: cover;
+  }
+  .zmdms-content {
+    background-color: @content-bg;
+  }
+  // 头部内容
+  .zmdms-content--header {
+    padding: 0;
+    background: @bg-white;
+    height: @header-height;
+    line-height: @header-height;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding-left: 10px;
+    .ant-tabs {
+      flex: 1;
+      margin-top: 8px;
+      width: calc(100% - 350px);
+      .ant-tabs-tab {
+        > div {
+          padding: 0;
+        }
+        a {
+          display: inline-block;
+          // padding: 0 5px 0 10px;
+          padding: 0 10px 0 20px;
+          color: #768696;
+        }
+      }
+      .ant-tabs-nav {
+        margin-bottom: 0;
+      }
+    }
+  }
+  .zmdms-content--content {
+    height: calc(100vh - @header-height);
+    position: relative;
+  }
+  .zmdms-content--header-info {
+    display: flex;
+    height: 48px;
+    color: @_color_black_1;
+    max-width: 350px;
+    .full-screen {
+      width: 36px;
+      text-align: center;
+      cursor: pointer;
+    }
+    .user-operation {
+      padding: 0 12px;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      &:hover {
+        background-color: rgb(247, 247, 247);
+      }
+      > span:last-child {
+        color: @_color_black_1;
+        margin-left: 8px;
+        display: inline-block;
+        width: 70px;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+      }
+    }
+  }
+}
+
+.zmdms-menu {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  // logo容器
+  .zmdms-logo {
+    display: block;
+    padding: 9px 0 5px 0;
+    height: 48px;
+    display: flex;
+    align-items: center;
+    &.zmdms-logo--line {
+      position: relative;
+      z-index: 1000;
+      &::after {
+        content: "";
+        position: absolute;
+        width: 1px;
+        height: 29px;
+        background: #505cbe;
+        right: -0.5px;
+      }
+    }
+    > img {
+      margin: 0 auto;
+      display: block;
+      width: 78px;
+    }
+  }
+  // 搜索框
+  .zmdms-menu--search {
+    background-color: rgba(91, 138, 246, 0.4);
+    position: relative;
+    > input {
+      background-color: rgba(91, 138, 246, 0.4);
+      border: none;
+      color: #fff;
+      line-height: 36px;
+      height: 36px;
+      font-size: @font-size-text;
+      &::placeholder {
+        color: #fff;
+        font-size: @font-size-text;
+      }
+    }
+    .zmdms-menu--search__icon {
+      position: absolute;
+      right: 0;
+      top: 3px;
+      color: #fff;
+      font-size: 16px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 30px;
+      height: 30px;
+      cursor: pointer;
+    }
+  }
+  // 菜单著容器
+  .zmdms-menu--main {
+    background: transparent;
+    border-right: none;
+    flex: 1;
+    overflow-y: auto;
+    overflow-x: hidden;
+    // 无背景
+    &.zmdms-menu--main-hide-bg {
+      .ant-menu-item-selected {
+        background: #1566d2 !important;
+      }
+    }
+    // 菜单换行显示
+    &.zmdms-menu--main-item-line {
+      .ant-menu-item {
+        min-height: 36px;
+        height: auto !important;
+        line-height: 20px !important;
+        .ant-menu-title-content {
+          width: 100%;
+          word-wrap: break-word;
+          white-space: pre-wrap;
+          display: inline-block;
+          height: auto !important;
+          text-overflow: unset !important;
+        }
+      }
+    }
+    > .ant-menu-submenu {
+      color: @text-white;
+      &.ant-menu-submenu-open {
+        > .ant-menu-submenu-title {
+          color: #fff;
+        }
+      }
+      > .ant-menu-submenu-title {
+        padding: 0;
+        margin: 0;
+        height: 36px;
+        line-height: 36px;
+        display: flex;
+        align-items: center;
+        background-color: #5b76f5;
+        background-color: rgba(91, 138, 246, 0.4);
+        backdrop-filter: blur(4px);
+        font-size: @font-size-text;
+        color: rgba(255, 255, 255, 0.65);
+        .ant-menu-submenu-arrow {
+          color: rgba(255, 255, 255, 0.65);
+          right: 6px;
+        }
+        .ant-menu-title-content {
+          flex: none;
+          width: 88%;
+        }
+        &:hover {
+          color: @text-white;
+          .ant-menu-submenu-arrow {
+            color: @text-white;
+          }
+        }
+      }
+      .ant-menu-sub.ant-menu-inline {
+        background: transparent;
+      }
+      .ant-menu-sub {
+        > .ant-menu-item {
+          font-size: @font-size-text;
+          height: @menu-height;
+          line-height: @menu-height;
+          margin: 0;
+          color: @menu-color;
+          display: flex;
+          align-items: center;
+          // padding-left: 15px !important;
+          a {
+            color: inherit;
+          }
+          &:active {
+            background: transparent;
+          }
+          &:hover {
+            color: @text-white;
+          }
+          &:not(:last-child) {
+            margin-bottom: 0;
+          }
+          &.ant-menu-item-selected {
+            // UI审查 1566d2 => 5b76f5
+            background: #5b76f5;
+            color: @text-white;
+            width: 100%;
+            &::after {
+              border-right: none;
+            }
+          }
+        }
+      }
+    }
+    /* 浏览器滚动条样式 */
+    &::-webkit-scrollbar {
+      width: 6px;
+      height: 4px;
+    }
+    &::-webkit-scrollbar-track {
+      background: rgba(255, 255, 255, 0);
+      border-radius: 4px;
+    }
+    &::-webkit-scrollbar-thumb {
+      background: @menu-scrollbar-bg;
+      border-radius: 4px;
+    }
+    &::-webkit-scrollbar-thumb:hover {
+      background: @menu-scrollbar-bg;
+    }
+    > .ant-menu-item {
+      font-size: @font-size-text;
+      height: @menu-height;
+      line-height: @menu-height;
+      margin: 0;
+      color: @menu-color;
+      display: flex;
+      align-items: center;
+      a {
+        color: inherit;
+      }
+      &:active {
+        background: transparent;
+      }
+      &:hover {
+        color: @text-white;
+      }
+      &:not(:last-child) {
+        margin-bottom: 0;
+      }
+      &.ant-menu-item-selected {
+        background: @primary-color;
+        color: @text-white;
+        width: 100%;
+        &::after {
+          border-right: none;
+        }
+      }
+    }
+  }
+}
+
+// 二级菜单
+.zmdms-menu--sub {
+  padding: 0;
+  .ant-drawer-content {
+    overflow: hidden;
+    background: transparent;
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: 100%;
+    .ant-menu {
+      background: transparent;
+      color: #fff;
+    }
+  }
+  &.ant-drawer-left > .ant-drawer-content-wrapper {
+    left: -1px;
+  }
+  .ant-drawer-header {
+    padding: 0;
+    border-bottom: none;
+    background: transparent;
+    .ant-drawer-header-title {
+      height: 48px;
+      // padding: 0 10px;
+      color: #fff;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      .ant-drawer-title {
+        color: #fff;
+        font-size: 14px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        img {
+          width: 118px;
+        }
+      }
+    }
+  }
+
+  &.zmdms-menu--sub-margin .ant-drawer-body {
+    // margin-top: 48px;
+  }
+  .ant-drawer-body {
+    padding: 0px;
+    font-size: @font-size-text;
+    // border-top: 1px solid #5670ea;
+    background: rgba(91, 118, 245, 0.4);
+    backdrop-filter: blur(2px);
+    overflow-x: hidden;
+    /* 浏览器滚动条样式 */
+    &::-webkit-scrollbar {
+      width: 6px;
+      height: 4px;
+    }
+    &::-webkit-scrollbar-track {
+      background: rgba(255, 255, 255, 0);
+      border-radius: 4px;
+    }
+    &::-webkit-scrollbar-thumb {
+      background: @menu-scrollbar-bg;
+      border-radius: 4px;
+    }
+    &::-webkit-scrollbar-thumb:hover {
+      background: @menu-scrollbar-bg;
+    }
+    .ant-menu-submenu.ant-menu-submenu-inline {
+      // UI审查 增加底部边框
+      border-bottom: 1px solid rgba(141, 158, 255, 0.28);
+      padding-bottom: 0;
+    }
+    .ant-menu-sub.ant-menu-inline {
+      // background: #fff;
+      background: transparent;
+      // UI审查 0 5px => 0 10px;
+      padding: 0 10px;
+    }
+    .ant-menu-sub.ant-menu-inline > .ant-menu-item,
+    .ant-menu-item {
+      // UI审查 行高修改
+      height: @sub-menu-height;
+      line-height: @sub-menu-height;
+      // color: @submenu-color;
+      color: #fff;
+      display: flex;
+      align-items: center;
+      font-size: @font-size-text;
+      border-radius: 4px;
+      margin: 0;
+      &:not(:last-child) {
+        margin-bottom: 0;
+      }
+      a {
+        color: #fff;
+      }
+      &:active {
+        background: transparent;
+      }
+      &:last-child {
+        margin-bottom: 10px;
+      }
+    }
+    .ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title,
+    .ant-menu-submenu-title {
+      font-size: @font-size-text;
+      height: 30px;
+      line-height: 30px;
+      font-weight: 700;
+      // color: @submenu-color;
+      color: #fff;
+      .ant-menu-submenu-arrow {
+        color: #fff;
+      }
+      &:hover {
+        // color: @primary-color;
+        color: #fff;
+        .ant-menu-submenu-arrow {
+          // color: @primary-color;
+          color: #fff;
+        }
+      }
+      &:active {
+        background: transparent;
+      }
+    }
+
+    .ant-menu-root > .ant-menu-item-only-child {
+      margin-top: 2px;
+      .ant-menu-title-content {
+        font-weight: 700;
+      }
+    }
+    .ant-menu-item-selected {
+      color: @text-white;
+      background-color: @menu-selected-bg !important;
+      &::after {
+        border-right: none;
+      }
+    }
+  }
+  .ant-drawer-footer {
+    padding: 3px 10px;
+    height: @footer-height;
+    line-height: @footer-height;
+    border-top: 1px solid #5670ea;
+    background: rgba(91, 118, 245, 0.4);
+    backdrop-filter: blur(2px);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    .zt-btn-link {
+      color: #fff;
+    }
+  }
+
+  // 无背景
+  &.zmdms-menu--sub-hide-bg {
+    .ant-drawer-content {
+      background: #fff;
+      .ant-menu {
+        background: #fff;
+      }
+    }
+    .ant-drawer-header {
+      background: #fff;
+      border-bottom: 1px solid #ebf3fe;
+    }
+    .ant-drawer-body {
+      background: #fff;
+      backdrop-filter: none;
+      &::-webkit-scrollbar {
+        width: 6px;
+        height: 4px;
+      }
+      &::-webkit-scrollbar-track {
+        background: #fff;
+        border-radius: 4px;
+      }
+      &::-webkit-scrollbar-thumb {
+        background: #8695a1;
+        border-radius: 4px;
+      }
+      &::-webkit-scrollbar-thumb:hover {
+        background: #727e88;
+      }
+      .ant-menu-sub.ant-menu-inline > .ant-menu-item,
+      .ant-menu-item {
+        color: rgba(0, 0, 0, 0.85);
+        a {
+          color: rgba(0, 0, 0, 0.85);
+          &:hover {
+            color: @primary-color;
+          }
+        }
+      }
+
+      .ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title,
+      .ant-menu-submenu-title {
+        font-size: @font-size-text;
+        height: 30px;
+        line-height: 30px;
+        font-weight: 700;
+        // color: @submenu-color;
+        color: rgba(0, 0, 0, 0.65);
+        .ant-menu-submenu-arrow {
+          color: rgba(0, 0, 0, 0.85);
+        }
+        &:hover {
+          color: @primary-color;
+          .ant-menu-submenu-arrow {
+            color: @primary-color;
+          }
+        }
+        &:active {
+          background: transparent;
+        }
+      }
+
+      .ant-menu-item-selected {
+        color: @link-color !important;
+        background-color: #e6f7ff !important;
+      }
+    }
+    .ant-drawer-footer {
+      border-top: 1px solid #ebf3fe;
+      background: none;
+      backdrop-filter: none;
+      .zt-btn-link {
+        color: @link-color !important;
+      }
+    }
+  }
+  // 菜单换行显示
+  &.zmdms-menu--sub-item-line {
+    .ant-menu-item {
+      min-height: 30px;
+      height: auto !important;
+      line-height: 20px !important;
+      .ant-menu-title-content {
+        width: 100%;
+        word-wrap: break-word;
+        white-space: pre-wrap;
+        display: inline-block;
+        height: auto !important;
+        text-overflow: unset !important;
+      }
+    }
+  }
+}
+
+.logout-spin {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(255, 255, 255, 0.7);
+  z-index: 1000;
+  padding-top: 100px;
+}

package/dist/less/components/AppLayout/style/style.less

@@ -0,0 +1,2 @@
+@import "../../../styles/default.less";
+@import "./index.less";

package/dist/less/components/AppLayout/style.less

@@ -0,0 +1,5 @@
+.zmdms-menu--sub {
+  .ant-drawer-content {
+    background-image: url("../../assets/img/menu_bg.png");
+  }
+}

package/dist/less/components/AuthLoading/style/index.less

@@ -0,0 +1,15 @@
+.auth-loading {
+  width: 100vw;
+  height: 50vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  font-size: 20px;
+  .ant-spin-dot {
+    font-size: 18px;
+  }
+  .ant-spin-text {
+    font-size: 20px;
+  }
+}

package/dist/less/components/AuthLoading/style/style.less

@@ -0,0 +1,2 @@
+@import "../../../styles/default.less";
+@import "./index.less";