acud

Version:
acg react 组件库
71 lines (70 loc) • 4.28 kB
JavaScript
"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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireWildcard(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _rcMenu = require("./rc-menu");
var _MenuContext = _interopRequireDefault(require("./MenuContext"));
var _reactNode = require("../_util/reactNode");
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 dailin01
 */
var __rest = void 0 && (void 0).__rest || function (s, e) {
  var t = {};
  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
  }
  return t;
};
var SubMenu = function SubMenu(props) {
  var _a;
  var popupClassName = props.popupClassName,
    title = props.title,
    icon = props.icon,
    rest = __rest(props, ["popupClassName", "title", "icon"]);
  var contextValue = (0, _react.useContext)(_MenuContext["default"]);
  var baseMenuContextValue = (0, _react.useContext)(_MenuContext2.MenuContext);
  var inlineCollapsed = baseMenuContextValue.inlineCollapsed;
  var menuMode = contextValue.menuMode,
    prefixCls = contextValue.prefixCls,
    firstLevel = contextValue.firstLevel;
  var titleNode;
  if (!icon) {
    titleNode = /*#__PURE__*/_react["default"].createElement("span", {
      className: "".concat(prefixCls, "-title-content")
    }, inlineCollapsed && firstLevel && typeof title === 'string' ? title.charAt(0) : /*#__PURE__*/_react["default"].createElement("span", {
      className: "".concat(prefixCls, "-title-content-inner")
    }, title));
  } else {
    // inline-collapsed.md demo 依赖 span 来隐藏文字,有 icon 属性，则内部包裹一个 span
    var titleIsSpan = (0, _reactNode.isValidElement)(title) && title.type === 'span';
    titleNode = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (0, _reactNode.cloneElement)(icon, {
      className: (0, _classnames["default"])((0, _reactNode.isValidElement)(icon) ? (_a = icon.props) === null || _a === void 0 ? void 0 : _a.className : '', "".concat(prefixCls, "-item-icon"))
    }), titleIsSpan ? title : /*#__PURE__*/_react["default"].createElement("span", {
      className: "".concat(prefixCls, "-title-content")
    }, /*#__PURE__*/_react["default"].createElement("span", {
      className: "".concat(prefixCls, "-title-content-inner")
    }, title)));
  }
  return /*#__PURE__*/_react["default"].createElement(_MenuContext["default"].Provider, {
    value: (0, _extends2["default"])((0, _extends2["default"])({}, contextValue), {
      firstLevel: false
    })
  }, /*#__PURE__*/_react["default"].createElement(_rcMenu.SubMenu, (0, _extends2["default"])({
    popupClassName: (0, _classnames["default"])("".concat(prefixCls, "-").concat(menuMode, "-mode"), popupClassName),
    className: (0, _classnames["default"])((0, _defineProperty2["default"])({}, "".concat(prefixCls, "-submenu-with-icon"), icon)),
    title: titleNode,
    preTitle: title
  }, rest)));
};
var _default = exports["default"] = SubMenu;