1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798 |
- "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 * as React from 'react';
- import DownOutlined from "@ant-design/icons/es/icons/DownOutlined";
- import { devUseWarning } from '../_util/warning';
- import { ConfigContext } from '../config-provider';
- import Dropdown from '../dropdown/dropdown';
- import BreadcrumbSeparator from './BreadcrumbSeparator';
- import { renderItem } from './useItemRender';
- 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;
|