Dashboard sipadu mbip
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

BreadcrumbItem.js 1.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. import _extends from "@babel/runtime/helpers/esm/extends";
  2. import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
  3. import classNames from 'classnames';
  4. import React from 'react';
  5. import SafeAnchor from './SafeAnchor';
  6. import { useBootstrapPrefix } from './ThemeProvider';
  7. var defaultProps = {
  8. active: false
  9. };
  10. var BreadcrumbItem = React.forwardRef( // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
  11. function (_ref, ref) {
  12. var bsPrefix = _ref.bsPrefix,
  13. active = _ref.active,
  14. className = _ref.className,
  15. _ref$as = _ref.as,
  16. Component = _ref$as === void 0 ? 'li' : _ref$as,
  17. props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "active", "className", "as"]);
  18. var prefix = useBootstrapPrefix(bsPrefix, 'breadcrumb-item');
  19. var href = props.href,
  20. title = props.title,
  21. target = props.target,
  22. elementProps = _objectWithoutPropertiesLoose(props, ["href", "title", "target"]);
  23. var linkProps = {
  24. href: href,
  25. title: title,
  26. target: target
  27. };
  28. return React.createElement(Component, {
  29. ref: ref,
  30. className: classNames(prefix, className, {
  31. active: active
  32. }),
  33. "aria-current": active ? 'page' : undefined
  34. }, active ? React.createElement("span", _extends({}, elementProps, {
  35. className: classNames({
  36. active: active
  37. })
  38. })) : React.createElement(SafeAnchor, _extends({}, elementProps, linkProps)));
  39. });
  40. BreadcrumbItem.displayName = 'BreadcrumbItem';
  41. BreadcrumbItem.defaultProps = defaultProps;
  42. export default BreadcrumbItem;