@antdp/basic-layouts/esm/HeaderMenus/index.js

入口框架公共界面

import { Menu } from 'antd';
import React, { useMemo } from 'react';
import { useLocation } from 'react-router-dom';
import { useLayouts } from '../hooks';
import { getSiderMenus } from '../utils';
import Breadcrumbs from './../Breadcrumb';
import { LayoutModel } from '../interface';
import { jsx as _jsx } from "react/jsx-runtime";
var HeaderMenus = () => {
  var location = useLocation();
  var {
    HandleMenu,
    layout
  } = useLayouts();
  var menus = HandleMenu.parentMenu || [];
  var items = useMemo(() => {
    return getSiderMenus(menus, layout === LayoutModel.TOPLEFT);
  }, [menus, layout]);
  var parentPath = HandleMenu.getParentPath(location.pathname);
  if (!items.length) {
    return /*#__PURE__*/_jsx("div", {
      className: "antdp-basic-layouts-header-menus",
      style: {
        flex: 1,
        overflow: 'auto'
      },
      children: ANTD_IS_BREADCRUMB && /*#__PURE__*/_jsx(Breadcrumbs, {})
    });
  }
  return /*#__PURE__*/_jsx("div", {
    className: "antdp-basic-layouts-header-menus",
    style: {
      flex: 1,
      overflow: 'auto'
    },
    children: /*#__PURE__*/_jsx(Menu, {
      selectedKeys: [parentPath],
      mode: "horizontal",
      theme: "light",
      items: items,
      style: {
        width: '95%'
      }
    })
  });
};
export default HeaderMenus;