98 lines
3.6 KiB
JavaScript
98 lines
3.6 KiB
JavaScript
|
"use client";
|
||
|
|
||
|
var __rest = this && this.__rest || function (s, e) {
|
||
|
var t = {};
|
||
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
||
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
||
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
||
|
}
|
||
|
return t;
|
||
|
};
|
||
|
import DownOutlined from "@ant-design/icons/es/icons/DownOutlined";
|
||
|
import * as React from 'react';
|
||
|
import { ConfigContext } from '../config-provider';
|
||
|
import Dropdown from '../dropdown/dropdown';
|
||
|
import BreadcrumbSeparator from './BreadcrumbSeparator';
|
||
|
import { renderItem } from './useItemRender';
|
||
|
import { devUseWarning } from '../_util/warning';
|
||
|
export const InternalBreadcrumbItem = props => {
|
||
|
const {
|
||
|
prefixCls,
|
||
|
separator = '/',
|
||
|
children,
|
||
|
menu,
|
||
|
overlay,
|
||
|
dropdownProps,
|
||
|
href
|
||
|
} = props;
|
||
|
// Warning for deprecated usage
|
||
|
if (process.env.NODE_ENV !== 'production') {
|
||
|
const warning = devUseWarning('Breadcrumb.Item');
|
||
|
warning.deprecated(!('overlay' in props), 'overlay', 'menu');
|
||
|
}
|
||
|
/** If overlay is have Wrap a Dropdown */
|
||
|
const renderBreadcrumbNode = breadcrumbItem => {
|
||
|
if (menu || overlay) {
|
||
|
const mergeDropDownProps = Object.assign({}, dropdownProps);
|
||
|
if (menu) {
|
||
|
const _a = menu || {},
|
||
|
{
|
||
|
items
|
||
|
} = _a,
|
||
|
menuProps = __rest(_a, ["items"]);
|
||
|
mergeDropDownProps.menu = Object.assign(Object.assign({}, menuProps), {
|
||
|
items: items === null || items === void 0 ? void 0 : items.map((_a, index) => {
|
||
|
var {
|
||
|
key,
|
||
|
title,
|
||
|
label,
|
||
|
path
|
||
|
} = _a,
|
||
|
itemProps = __rest(_a, ["key", "title", "label", "path"]);
|
||
|
let mergedLabel = label !== null && label !== void 0 ? label : title;
|
||
|
if (path) {
|
||
|
mergedLabel = /*#__PURE__*/React.createElement("a", {
|
||
|
href: `${href}${path}`
|
||
|
}, mergedLabel);
|
||
|
}
|
||
|
return Object.assign(Object.assign({}, itemProps), {
|
||
|
key: key !== null && key !== void 0 ? key : index,
|
||
|
label: mergedLabel
|
||
|
});
|
||
|
})
|
||
|
});
|
||
|
} else if (overlay) {
|
||
|
mergeDropDownProps.overlay = overlay;
|
||
|
}
|
||
|
return /*#__PURE__*/React.createElement(Dropdown, Object.assign({
|
||
|
placement: "bottom"
|
||
|
}, mergeDropDownProps), /*#__PURE__*/React.createElement("span", {
|
||
|
className: `${prefixCls}-overlay-link`
|
||
|
}, breadcrumbItem, /*#__PURE__*/React.createElement(DownOutlined, null)));
|
||
|
}
|
||
|
return breadcrumbItem;
|
||
|
};
|
||
|
// wrap to dropDown
|
||
|
const link = renderBreadcrumbNode(children);
|
||
|
if (link !== undefined && link !== null) {
|
||
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("li", null, link), separator && /*#__PURE__*/React.createElement(BreadcrumbSeparator, null, separator));
|
||
|
}
|
||
|
return null;
|
||
|
};
|
||
|
const BreadcrumbItem = props => {
|
||
|
const {
|
||
|
prefixCls: customizePrefixCls,
|
||
|
children,
|
||
|
href
|
||
|
} = props,
|
||
|
restProps = __rest(props, ["prefixCls", "children", "href"]);
|
||
|
const {
|
||
|
getPrefixCls
|
||
|
} = React.useContext(ConfigContext);
|
||
|
const prefixCls = getPrefixCls('breadcrumb', customizePrefixCls);
|
||
|
return /*#__PURE__*/React.createElement(InternalBreadcrumbItem, Object.assign({}, restProps, {
|
||
|
prefixCls: prefixCls
|
||
|
}), renderItem(prefixCls, restProps, children, href));
|
||
|
};
|
||
|
BreadcrumbItem.__ANT_BREADCRUMB_ITEM = true;
|
||
|
export default BreadcrumbItem;
|