@yueglobal/ui 1.0.0 → 1.0.1

package/{dist/yue-page-header → yue-page-header}/second-menus/index.less

@@ -1,161 +1,161 @@
-.yue-page-header-second-menu {
-  height: 60px;
-  background: linear-gradient(90deg, #17f1a1, #1a4bff);
-  opacity: 1;
-  transition: opacity 0.2s ease-in-out;
-
-  &.hidden {
-    //opacity: 0;
-  }
-
-  .wrapper {
-    margin: 0 auto;
-    justify-content: space-between;
-    height: 100%;
-    color: #fff;
-    max-width: 100%;
-  }
-
-  .left {
-    gap: 20px;
-    height: 100%;
-  }
-
-  .module-info {
-    gap: 14px;
-    margin-right: 10px;
-    flex-shrink: 0;
-  }
-
-  .module-icon {
-    font-size: 27px;
-    line-height: 0;
-  }
-
-  .module-title {
-    font-size: 24px;
-    font-weight: bold;
-  }
-
-  .vr {
-    width: 1px;
-    height: 28px;
-    background-color: rgba(255, 255, 255, 85%);
-    flex-shrink: 0;
-  }
-
-  .menus {
-    //max-width: 82%;
-    height: 100%;
-    padding-block: 1px;
-    flex: 1 1 0%;
-    min-width: 0;
-  }
-
-  .breadcrumb {
-    gap: 12px;
-    flex-shrink: 0;
-
-    a {
-      height: max-content;
-      color: #fff;
-
-      &:hover {
-        color: #fff;
-        background-color: transparent;
-      }
-    }
-  }
-}
-
-.yue-second-menu-bar {
-  &.ant-menu-root {
-    background-color: transparent;
-    font-size: 18px;
-    height: 100%;
-    border-bottom: none;
-    gap: 4px;
-
-    & > li {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-
-    .ant-menu-submenu-title {
-      height: 100%;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-
-    .ant-menu-title-content {
-      height: 34px;
-      line-height: 32px;
-      border-radius: 16px;
-      padding-inline: 16px;
-    }
-
-    .ant-menu-submenu-active,
-    .ant-menu-item-active {
-      .ant-menu-title-content {
-        background-color: rgba(255, 255, 255, 20%);
-      }
-    }
-
-    .ant-menu-submenu-selected,
-    .ant-menu-item-selected {
-      .ant-menu-title-content {
-        background-color: #fff;
-      }
-    }
-  }
-
-  &.ant-menu-submenu-popup {
-    left: 0 !important;
-    padding: 0;
-    font-size: 18px;
-    background-color: rgba(0, 0, 0, 45%);
-    border-radius: 0;
-    width: 100%;
-
-    .ant-menu-sub {
-      display: flex;
-      justify-content: center;
-      background-color: transparent;
-      border-radius: 0;
-      box-shadow: none;
-    }
-
-    .ant-menu-item {
-      width: max-content;
-      flex: unset;
-      color: #fff;
-      margin: 0;
-      border-radius: 0;
-      height: 60px;
-      line-height: 30px;
-      display: flex;
-      align-items: center;
-      padding-inline: 25px 18px;
-      flex-shrink: 0;
-      position: relative;
-
-      &::before {
-        content: '';
-        position: absolute;
-        left: 10px;
-        top: 50%;
-        transform: translateY(-50%);
-        width: 4px;
-        height: 4px;
-        border-radius: 50%;
-        background-color: rgba(255, 255, 255, 85%);
-      }
-    }
-
-    .ant-menu-item-selected {
-      background-color: rgba(0, 0, 0, 40%);
-    }
-  }
-}
+.yue-page-header-second-menu {
+  height: 60px;
+  background: linear-gradient(90deg, #17f1a1, #1a4bff);
+  opacity: 1;
+  transition: opacity 0.2s ease-in-out;
+
+  &.hidden {
+    //opacity: 0;
+  }
+
+  .wrapper {
+    margin: 0 auto;
+    justify-content: space-between;
+    height: 100%;
+    color: #fff;
+    max-width: 98%;
+  }
+
+  .left {
+    gap: 20px;
+    height: 100%;
+  }
+
+  .module-info {
+    gap: 14px;
+    margin-right: 10px;
+    flex-shrink: 0;
+  }
+
+  .module-icon {
+    font-size: 27px;
+    line-height: 0;
+  }
+
+  .module-title {
+    font-size: 24px;
+    font-weight: bold;
+  }
+
+  .vr {
+    width: 1px;
+    height: 28px;
+    background-color: rgba(255, 255, 255, 85%);
+    flex-shrink: 0;
+  }
+
+  .menus {
+    //max-width: 82%;
+    height: 100%;
+    padding-block: 1px;
+    flex: 1 1 0%;
+    min-width: 0;
+  }
+
+  .breadcrumb {
+    gap: 12px;
+    flex-shrink: 0;
+
+    a {
+      height: max-content;
+      color: #fff;
+
+      &:hover {
+        color: #fff;
+        background-color: transparent;
+      }
+    }
+  }
+}
+
+.yue-second-menu-bar {
+  &.ant-menu-root {
+    background-color: transparent;
+    font-size: 18px;
+    height: 100%;
+    border-bottom: none;
+    gap: 4px;
+
+    & > li {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .ant-menu-submenu-title {
+      height: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .ant-menu-title-content {
+      height: 34px;
+      line-height: 32px;
+      border-radius: 16px;
+      padding-inline: 16px;
+    }
+
+    .ant-menu-submenu-active,
+    .ant-menu-item-active {
+      .ant-menu-title-content {
+        background-color: rgba(255, 255, 255, 20%);
+      }
+    }
+
+    .ant-menu-submenu-selected,
+    .ant-menu-item-selected {
+      .ant-menu-title-content {
+        background-color: #fff;
+      }
+    }
+  }
+
+  &.ant-menu-submenu-popup {
+    left: 0 !important;
+    padding: 0;
+    font-size: 18px;
+    background-color: rgba(0, 0, 0, 45%);
+    border-radius: 0;
+    width: 100%;
+
+    .ant-menu-sub {
+      display: flex;
+      justify-content: center;
+      background-color: transparent;
+      border-radius: 0;
+      box-shadow: none;
+    }
+
+    .ant-menu-item {
+      width: max-content;
+      flex: unset;
+      color: #fff;
+      margin: 0;
+      border-radius: 0;
+      height: 60px;
+      line-height: 30px;
+      display: flex;
+      align-items: center;
+      padding-inline: 25px 18px;
+      flex-shrink: 0;
+      position: relative;
+
+      &::before {
+        content: '';
+        position: absolute;
+        left: 10px;
+        top: 50%;
+        transform: translateY(-50%);
+        width: 4px;
+        height: 4px;
+        border-radius: 50%;
+        background-color: rgba(255, 255, 255, 85%);
+      }
+    }
+
+    .ant-menu-item-selected {
+      background-color: rgba(0, 0, 0, 40%);
+    }
+  }
+}

package/dist/yue-page-header/second-menus/index.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { YuePageHeaderProps } from '../index';
-import './index.less';
-interface Props extends Omit<YuePageHeaderProps, 'rightContent'> {
-    visible: boolean;
-}
-declare const _default: React.NamedExoticComponent<Props>;
-export default _default;