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

新设计规范下业务组件库

import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
var _excluded = ["options", "className", "selected"];
import React from 'react';
import { Link } from 'react-router-dom';
import classnames from 'classnames';
import { IconSlim as Icon } from '..';
export default (function (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 = _objectWithoutPropertiesLoose(props, _excluded);
  return /*#__PURE__*/React.createElement("ul", _extends({
    className: classnames('umui-simple-nav', className)
  }, rest), options.map(function (opt) {
    return /*#__PURE__*/React.createElement(Link, {
      className: classnames({
        'umui-simple-nav-disabled': opt.disabled
      }),
      to: opt.link,
      target: opt.target || '_self'
    }, /*#__PURE__*/React.createElement("li", {
      className: classnames('umui-nav-item', {
        'umui-nav-active': selected[0] === opt.title
      })
    }, /*#__PURE__*/React.createElement(Icon, {
      type: opt.icon,
      className: "umui-nav-icon"
    }), /*#__PURE__*/React.createElement("div", {
      className: "umui-nav-title"
    }, opt.title)));
  }));
});