ukelli-ui/core/menu/menus.js

ukelli-ui 是基于 React 的 UI 库，提供简约和功能齐全的组件，可高度定制的组件接口，灵活的配置，提供给开发者另一种开发思路，也致力于尝试不同的组件使用和开发方向。

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.MenuItem = exports["default"] = void 0;

var _react = _interopRequireWildcard(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _icon = require("../icon");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; return newObj; } }

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }

function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

var menuDividGroup = ['-', 'hr'];

var MenuItem = function MenuItem(_ref) {
  var isActive = _ref.isActive,
      text = _ref.text,
      icon = _ref.icon,
      s = _ref.s,
      pureIcon = _ref.pureIcon,
      other = _objectWithoutProperties(_ref, ["isActive", "text", "icon", "s", "pureIcon"]);

  var I = pureIcon ? _react["default"].createElement(_icon.PureIcon, {
    n: pureIcon
  }) : icon && _react["default"].createElement(_icon.Icon, {
    n: icon,
    s: s
  });
  return _react["default"].createElement("div", _extends({
    className: "menu-item" + (isActive ? ' active' : '')
  }, other), I, text);
};

exports.MenuItem = MenuItem;

var Menus = function Menus(props) {
  var data = props.data,
      children = props.children;
  return _react["default"].createElement("span", {
    className: "uke-menus"
  }, data ? data.map(function (item, idx) {
    if (menuDividGroup.indexOf(item) !== -1) return _react["default"].createElement("hr", {
      key: idx
    });

    var action = item.action,
        id = item.id,
        other = _objectWithoutProperties(item, ["action", "id"]);

    return _react["default"].createElement(MenuItem, _extends({
      key: id || idx,
      onClick: action
    }, other));
  }) : children);
};

Menus.propTypes = {
  /** Menus 数据，可以为对象，如果为 '-' 或 'hr'，则渲染分隔线 */
  data: _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].shape({
    text: _propTypes["default"].any,
    id: _propTypes["default"].string,
    icon: _propTypes["default"].string,
    pureIcon: _propTypes["default"].string,
    action: _propTypes["default"].func
  }), _propTypes["default"].oneOf(['hr', '-'])]))
};
var _default = Menus;
exports["default"] = _default;