@jannie-shao/components-antd4/lib/dropdown-menu/index.js

基于 Antd 4 的组件封装

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = void 0;
require("antd/es/dropdown/style");
var _dropdown = _interopRequireDefault(require("antd/es/dropdown"));
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
var _react = _interopRequireWildcard(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _classnames = _interopRequireDefault(require("classnames"));
var _config = require("../style/config");
var _excluded = ["className", "trigger", "children", "onClick", "menuItems"];
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
var DropdownMenu = function DropdownMenu(_ref) {
  var _ref$className = _ref.className,
    className = _ref$className === void 0 ? '' : _ref$className,
    trigger = _ref.trigger,
    children = _ref.children,
    onClick = _ref.onClick,
    menuItems = _ref.menuItems,
    props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
  var _useState = (0, _react.useState)(false),
    visible = _useState[0],
    setVisible = _useState[1];
  var _useState2 = (0, _react.useState)(0),
    itvId = _useState2[0],
    setItvId = _useState2[1];
  var handleClick = function handleClick(e) {
    setVisible(false);
    onClick(e.key);
  };
  var handleVisibleChange = function handleVisibleChange(v) {
    setVisible(v);
  };
  var handleLeave = function handleLeave() {
    if (itvId) {
      clearTimeout(itvId);
    }
    var tempId = setTimeout(function () {
      return handleVisibleChange(false);
    }, 500);
    setItvId(tempId);
  };
  var handleEnter = function handleEnter() {
    if (itvId) {
      clearTimeout(itvId);
      setItvId(0);
    }
  };
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: (0, _classnames["default"])(_config.rootPrefix + "-dropdown-menu", className),
    onMouseLeave: handleLeave
  }, /*#__PURE__*/_react["default"].createElement(_dropdown["default"], (0, _extends2["default"])({
    open: visible,
    onOpenChange: handleVisibleChange,
    menu: {
      onClick: handleClick,
      onMouseEnter: handleEnter,
      items: menuItems.map(function (m) {
        return {
          key: m.value,
          label: m.label
        };
      })
    },
    trigger: trigger
  }, props), children));
};
DropdownMenu.propTypes = {
  trigger: _propTypes["default"].string,
  children: _propTypes["default"].node,
  onClick: _propTypes["default"].func,
  menuItems: _propTypes["default"].array
};
DropdownMenu.defaultProps = {
  trigger: 'hover',
  children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null),
  onClick: function onClick() {},
  menuItems: []
};
var _default = DropdownMenu;
exports["default"] = _default;