acud

Version:
acg react 组件库
59 lines (57 loc) • 2.92 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 _react = _interopRequireWildcard(require("react"));
var _acudIcon = require("acud-icon");
var _classnames2 = _interopRequireDefault(require("classnames"));
var _tooltip = _interopRequireDefault(require("../tooltip"));
var _MenuContext = _interopRequireDefault(require("./MenuContext"));
var _MenuContext2 = require("./rc-menu/context/MenuContext");
var _reactNode = require("../_util/reactNode");
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 chenxin35
 */

;
var ItemCustom = function ItemCustom(props) {
  var children = props.children,
    icon = props.icon,
    popup = props.popup,
    popupClassName = props.popupClassName;
  var _useContext = (0, _react.useContext)(_MenuContext["default"]),
    prefixCls = _useContext.prefixCls;
  var _useContext2 = (0, _react.useContext)(_MenuContext2.MenuContext),
    inlineCollapsed = _useContext2.inlineCollapsed;
  // 折叠时hover提示
  var renderPopup = (0, _react.useMemo)(function () {
    if (inlineCollapsed && popup) {
      return popup;
    }
    return null;
  }, [inlineCollapsed, children]);
  var renderItemChildren = (0, _react.useMemo)(function () {
    if (!inlineCollapsed) {
      return children;
    }
    // 折叠时展示icon
    var copyIcon = (0, _reactNode.cloneElement)(icon || /*#__PURE__*/_react["default"].createElement(_acudIcon.OutlinedAppstore, null), {
      // 有hover提示时高亮icon
      className: (0, _classnames2["default"])((0, _defineProperty2["default"])({}, "".concat(prefixCls, "-item-custom-popup-icon"), popup))
    });
    return copyIcon;
  }, [inlineCollapsed, children, icon, prefixCls]);
  return /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
    title: renderPopup,
    placement: "right",
    overlayClassName: popupClassName
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "".concat(prefixCls, "-item-custom")
  }, renderItemChildren));
};
var _default = exports["default"] = ItemCustom;