zarm-web/es/breadcrumb/BreadcrumbItem.js

基于 React 的桌面端UI库

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; }

import React, { Component } from 'react';
import classnames from 'classnames';

class BreadcrumbItem extends Component {
  render() {
    const _this$props = this.props,
          {
      className,
      separator,
      children,
      style,
      prefixCls
    } = _this$props,
          restProps = _objectWithoutProperties(_this$props, ["className", "separator", "children", "style", "prefixCls"]);

    const _ref = restProps,
          {
      href
    } = _ref,
          AnchorRestProps = _objectWithoutProperties(_ref, ["href"]);

    const cls = classnames(prefixCls, className, {
      [`${prefixCls}--link`]: 'href' in this.props
    });
    const text = 'href' in this.props ? React.createElement("a", _extends({
      className: `${prefixCls}__content`,
      href: href
    }, AnchorRestProps), children) : React.createElement("span", _extends({
      className: `${prefixCls}__content`
    }, restProps), children);
    return React.createElement("span", {
      className: cls,
      style: style
    }, text, React.createElement("span", {
      className: `${prefixCls}__separator`
    }, separator));
  }

}

BreadcrumbItem.displayName = 'BreadcrumbItem';
BreadcrumbItem.defaultProps = {
  prefixCls: 'zw-breadcrumb-item',
  separator: '/'
};
export default BreadcrumbItem;