acud/lib/menu/MenuHead.js

acg react 组件库

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = _interopRequireWildcard(require("react"));
var _classnames2 = _interopRequireDefault(require("classnames"));
var _reactNode = require("../_util/reactNode");
var _tooltip = _interopRequireDefault(require("../tooltip"));
var _MenuContext = _interopRequireDefault(require("./MenuContext"));
var _MenuContext2 = require("./rc-menu/context/MenuContext");
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
/**
 * @file
 * @author zhousheng
 */

;
var MenuHead = function MenuHead(props) {
  var children = props.children,
    icon = props.icon,
    title = props.title,
    popupClassName = props.popupClassName,
    onClick = props.onClick;
  var _useContext = (0, _react.useContext)(_MenuContext["default"]),
    prefixCls = _useContext.prefixCls;
  var _useContext2 = (0, _react.useContext)(_MenuContext2.MenuContext),
    inlineCollapsed = _useContext2.inlineCollapsed;
  var classNames = (0, _classnames2["default"])("".concat(prefixCls, "-inline-header"), (0, _defineProperty2["default"])({}, "".concat(prefixCls, "-inline-header-collapsed"), inlineCollapsed));
  var tipTitle = (0, _react.useMemo)(function () {
    if (title) {
      return title;
    }
    if (inlineCollapsed && children) {
      return children;
    }
    return null;
  }, [title, inlineCollapsed, children]);
  var renderNode = (0, _react.useMemo)(function () {
    var _a;
    var copyIcon = (0, _reactNode.cloneElement)(icon, {
      className: (0, _classnames2["default"])((0, _reactNode.isValidElement)(icon) ? (_a = icon.props) === null || _a === void 0 ? void 0 : _a.className : '', "".concat(prefixCls, "-item-icon"))
    });
    if (!inlineCollapsed) {
      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, copyIcon, /*#__PURE__*/_react["default"].createElement("span", {
        className: "".concat(prefixCls, "-inline-header-item-text")
      }, children));
    }
    if (icon) {
      return copyIcon;
    }
    if (typeof children === 'string' && children.length) {
      return /*#__PURE__*/_react["default"].createElement("span", null, children.charAt(0));
    }
    return null;
  }, [inlineCollapsed, children, icon, prefixCls]);
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: classNames,
    onClick: onClick
  }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
    title: tipTitle,
    placement: "right",
    overlayClassName: (0, _classnames2["default"])("".concat(prefixCls, "-inline-header-tooltip"), popupClassName)
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "".concat(prefixCls, "-inline-header-item")
  }, renderNode)));
};
var _default = exports["default"] = MenuHead;