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

入口框架公共界面

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _antd = require("antd");
var _react = _interopRequireWildcard(require("react"));
var _reactRouterDom = require("react-router-dom");
var _hooks = require("../hooks");
var _utils = require("../utils");
var _Breadcrumb = _interopRequireDefault(require("./../Breadcrumb"));
var _interface = require("../interface");
var _jsxRuntime = require("react/jsx-runtime");
var HeaderMenus = function HeaderMenus() {
  var location = (0, _reactRouterDom.useLocation)();
  var _useLayouts = (0, _hooks.useLayouts)(),
    HandleMenu = _useLayouts.HandleMenu,
    layout = _useLayouts.layout;
  var menus = HandleMenu.parentMenu || [];
  var items = (0, _react.useMemo)(function () {
    return (0, _utils.getSiderMenus)(menus, layout === _interface.LayoutModel.TOPLEFT);
  }, [menus, layout]);
  var parentPath = HandleMenu.getParentPath(location.pathname);
  if (!items.length) {
    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
      className: "antdp-basic-layouts-header-menus",
      style: {
        flex: 1,
        overflow: 'auto'
      },
      children: ANTD_IS_BREADCRUMB && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Breadcrumb["default"], {})
    });
  }
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
    className: "antdp-basic-layouts-header-menus",
    style: {
      flex: 1,
      overflow: 'auto'
    },
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Menu, {
      selectedKeys: [parentPath],
      mode: "horizontal",
      theme: "light",
      items: items,
      style: {
        width: '95%'
      }
    })
  });
};
var _default = exports["default"] = HeaderMenus;
module.exports = exports.default;