qt-public-ui/lib/Nav/simple.js

新设计规范下业务组件库

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _reactRouterDom = require("react-router-dom");
var _classnames = _interopRequireDefault(require("classnames"));
var _ = require("..");
var _excluded = ["options", "className", "selected"];
var _default = exports["default"] = function _default(props) {
  var _props$options = props.options,
    options = _props$options === void 0 ? [] : _props$options,
    className = props.className,
    _props$selected = props.selected,
    selected = _props$selected === void 0 ? [] : _props$selected,
    rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
  return /*#__PURE__*/_react["default"].createElement("ul", (0, _extends2["default"])({
    className: (0, _classnames["default"])('umui-simple-nav', className)
  }, rest), options.map(function (opt) {
    return /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
      className: (0, _classnames["default"])({
        'umui-simple-nav-disabled': opt.disabled
      }),
      to: opt.link,
      target: opt.target || '_self'
    }, /*#__PURE__*/_react["default"].createElement("li", {
      className: (0, _classnames["default"])('umui-nav-item', {
        'umui-nav-active': selected[0] === opt.title
      })
    }, /*#__PURE__*/_react["default"].createElement(_.IconSlim, {
      type: opt.icon,
      className: "umui-nav-icon"
    }), /*#__PURE__*/_react["default"].createElement("div", {
      className: "umui-nav-title"
    }, opt.title)));
  }));
};