@yueglobal/ui 1.0.0 → 1.0.2

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

@@ -1,161 +1,160 @@
-.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: 8px;
+    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;
+    min-width: 147px;
+    max-width: 300px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .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;
+    padding-right: 30px;
+  }
+}
+
+.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;
+      min-width: 80px;
+      text-align: center;
+    }
+
+    .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%);
+    background-color: rgba(4, 41, 131, 0.65);
+    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-active,
+    .ant-menu-item-selected {
+      background: linear-gradient(90deg, #17f1a1, #1a4bff);
+    }
+
+    /*.ant-menu-item-selected {
+      background-color: rgba(0, 0, 0, 40%);
+    }*/
+  }
+}

package/dist/yue-page-header/breadcrumb/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { YuePageHeaderProps } from '../index';
-type Props = Pick<YuePageHeaderProps, 'breadcrumbs' | 'routes' | 'pathname' | 'onRouteChange'>;
-declare const _default: React.NamedExoticComponent<Props>;
-export default _default;

package/dist/yue-page-header/breadcrumb/index.js

@@ -1,82 +0,0 @@
-import { Breadcrumb } from 'antd';
-import React, { memo, useMemo } from 'react';
-import { LocationIcon } from "../../components/svg-icon";
-import { getFullPathNodesByPath, uniqByPath } from "../helper";
-var Index = function Index(_ref) {
-  var breadcrumbs = _ref.breadcrumbs,
-    routes = _ref.routes,
-    pathname = _ref.pathname,
-    onRouteChange = _ref.onRouteChange;
-  var breadcrumbItems = useMemo(function () {
-    if (breadcrumbs) {
-      return breadcrumbs.map(function (item) {
-        var _item$key;
-        return {
-          path: (_item$key = item.key) !== null && _item$key !== void 0 && _item$key.startsWith('/') ? item.key : undefined,
-          title: item.label
-        };
-      });
-    }
-    if (routes && pathname) {
-      var _paths;
-      var routeList = Object.values(routes).filter(function (d) {
-        return !d.redirect && d.access !== false && !d.isLayout;
-      });
-      var paths = getFullPathNodesByPath(routeList, pathname);
-      if (!paths.find(function (p) {
-        return p.title === '首页' || p.name === '首页' || p.path === '/' || p.path === '/home';
-      })) {
-        paths.unshift({
-          title: '首页',
-          path: '/'
-        });
-      }
-      if ((_paths = paths) !== null && _paths !== void 0 && _paths.length) {
-        paths = uniqByPath(paths);
-        if (paths.length > 1) {
-          return paths.map(function (item) {
-            return {
-              path: item.realpath || item.path,
-              title: item.title
-            };
-          });
-        }
-      }
-    }
-    return undefined;
-  }, [breadcrumbs, routes, pathname]);
-  var itemRender = function itemRender(currentRoute, _, items, paths) {
-    var _items;
-    var isLast = (currentRoute === null || currentRoute === void 0 ? void 0 : currentRoute.path) === ((_items = items[items.length - 1]) === null || _items === void 0 ? void 0 : _items.path);
-    var fullPath = paths.join('/');
-    if (!fullPath.startsWith('/')) {
-      fullPath = '/' + fullPath;
-    }
-    return isLast ? /*#__PURE__*/React.createElement("span", null, currentRoute.title) : /*#__PURE__*/React.createElement("a", {
-      onClick: function onClick() {
-        onRouteChange === null || onRouteChange === void 0 || onRouteChange({
-          key: fullPath,
-          label: currentRoute.title
-        });
-      }
-    }, currentRoute.title);
-  };
-  if (!(breadcrumbItems !== null && breadcrumbItems !== void 0 && breadcrumbItems.length)) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: "yue-flex breadcrumb"
-  }, /*#__PURE__*/React.createElement(LocationIcon, {
-    style: {
-      fontSize: 16
-    }
-  }), /*#__PURE__*/React.createElement(Breadcrumb, {
-    separator: ">",
-    items: breadcrumbItems,
-    style: {
-      fontSize: 12
-    },
-    itemRender: itemRender
-  }));
-};
-export default /*#__PURE__*/memo(Index);

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

@@ -1,7 +0,0 @@
-import React from 'react';
-import './index.less';
-interface Props {
-    setVisible: (visible: boolean) => void;
-}
-declare const _default: React.NamedExoticComponent<Props>;
-export default _default;

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;