BreadcrumbItem.js 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. "use strict";
  2. "use client";
  3. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
  4. var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
  5. Object.defineProperty(exports, "__esModule", {
  6. value: true
  7. });
  8. exports.default = exports.InternalBreadcrumbItem = void 0;
  9. var React = _interopRequireWildcard(require("react"));
  10. var _DownOutlined = _interopRequireDefault(require("@ant-design/icons/DownOutlined"));
  11. var _warning = require("../_util/warning");
  12. var _configProvider = require("../config-provider");
  13. var _dropdown = _interopRequireDefault(require("../dropdown/dropdown"));
  14. var _BreadcrumbSeparator = _interopRequireDefault(require("./BreadcrumbSeparator"));
  15. var _useItemRender = require("./useItemRender");
  16. var __rest = void 0 && (void 0).__rest || function (s, e) {
  17. var t = {};
  18. for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
  19. if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
  20. if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
  21. }
  22. return t;
  23. };
  24. const InternalBreadcrumbItem = props => {
  25. const {
  26. prefixCls,
  27. separator = '/',
  28. children,
  29. menu,
  30. overlay,
  31. dropdownProps,
  32. href
  33. } = props;
  34. // Warning for deprecated usage
  35. if (process.env.NODE_ENV !== 'production') {
  36. const warning = (0, _warning.devUseWarning)('Breadcrumb.Item');
  37. warning.deprecated(!('overlay' in props), 'overlay', 'menu');
  38. }
  39. /** If overlay is have Wrap a Dropdown */
  40. const renderBreadcrumbNode = breadcrumbItem => {
  41. if (menu || overlay) {
  42. const mergeDropDownProps = Object.assign({}, dropdownProps);
  43. if (menu) {
  44. const _a = menu || {},
  45. {
  46. items
  47. } = _a,
  48. menuProps = __rest(_a, ["items"]);
  49. mergeDropDownProps.menu = Object.assign(Object.assign({}, menuProps), {
  50. items: items === null || items === void 0 ? void 0 : items.map((_a, index) => {
  51. var {
  52. key,
  53. title,
  54. label,
  55. path
  56. } = _a,
  57. itemProps = __rest(_a, ["key", "title", "label", "path"]);
  58. let mergedLabel = label !== null && label !== void 0 ? label : title;
  59. if (path) {
  60. mergedLabel = /*#__PURE__*/React.createElement("a", {
  61. href: `${href}${path}`
  62. }, mergedLabel);
  63. }
  64. return Object.assign(Object.assign({}, itemProps), {
  65. key: key !== null && key !== void 0 ? key : index,
  66. label: mergedLabel
  67. });
  68. })
  69. });
  70. } else if (overlay) {
  71. mergeDropDownProps.overlay = overlay;
  72. }
  73. return /*#__PURE__*/React.createElement(_dropdown.default, Object.assign({
  74. placement: "bottom"
  75. }, mergeDropDownProps), /*#__PURE__*/React.createElement("span", {
  76. className: `${prefixCls}-overlay-link`
  77. }, breadcrumbItem, /*#__PURE__*/React.createElement(_DownOutlined.default, null)));
  78. }
  79. return breadcrumbItem;
  80. };
  81. // wrap to dropDown
  82. const link = renderBreadcrumbNode(children);
  83. if (link !== undefined && link !== null) {
  84. return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("li", null, link), separator && /*#__PURE__*/React.createElement(_BreadcrumbSeparator.default, null, separator));
  85. }
  86. return null;
  87. };
  88. exports.InternalBreadcrumbItem = InternalBreadcrumbItem;
  89. const BreadcrumbItem = props => {
  90. const {
  91. prefixCls: customizePrefixCls,
  92. children,
  93. href
  94. } = props,
  95. restProps = __rest(props, ["prefixCls", "children", "href"]);
  96. const {
  97. getPrefixCls
  98. } = React.useContext(_configProvider.ConfigContext);
  99. const prefixCls = getPrefixCls('breadcrumb', customizePrefixCls);
  100. return /*#__PURE__*/React.createElement(InternalBreadcrumbItem, Object.assign({}, restProps, {
  101. prefixCls: prefixCls
  102. }), (0, _useItemRender.renderItem)(prefixCls, restProps, children, href));
  103. };
  104. BreadcrumbItem.__ANT_BREADCRUMB_ITEM = true;
  105. var _default = exports.default = BreadcrumbItem;