106 lines
4.2 KiB
JavaScript
106 lines
4.2 KiB
JavaScript
|
"use strict";
|
||
|
|
"use client";
|
||
|
|
|
||
|
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
||
|
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports.default = exports.InternalBreadcrumbItem = void 0;
|
||
|
|
var _DownOutlined = _interopRequireDefault(require("@ant-design/icons/DownOutlined"));
|
||
|
|
var React = _interopRequireWildcard(require("react"));
|
||
|
|
var _configProvider = require("../config-provider");
|
||
|
|
var _dropdown = _interopRequireDefault(require("../dropdown/dropdown"));
|
||
|
|
var _BreadcrumbSeparator = _interopRequireDefault(require("./BreadcrumbSeparator"));
|
||
|
|
var _useItemRender = require("./useItemRender");
|
||
|
|
var _warning = require("../_util/warning");
|
||
|
|
var __rest = void 0 && (void 0).__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;
|
||
|
|
};
|
||
|
|
const InternalBreadcrumbItem = props => {
|
||
|
|
const {
|
||
|
|
prefixCls,
|
||
|
|
separator = '/',
|
||
|
|
children,
|
||
|
|
menu,
|
||
|
|
overlay,
|
||
|
|
dropdownProps,
|
||
|
|
href
|
||
|
|
} = props;
|
||
|
|
// Warning for deprecated usage
|
||
|
|
if (process.env.NODE_ENV !== 'production') {
|
||
|
|
const warning = (0, _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.default, Object.assign({
|
||
|
|
placement: "bottom"
|
||
|
|
}, mergeDropDownProps), /*#__PURE__*/React.createElement("span", {
|
||
|
|
className: `${prefixCls}-overlay-link`
|
||
|
|
}, breadcrumbItem, /*#__PURE__*/React.createElement(_DownOutlined.default, 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.default, null, separator));
|
||
|
|
}
|
||
|
|
return null;
|
||
|
|
};
|
||
|
|
exports.InternalBreadcrumbItem = InternalBreadcrumbItem;
|
||
|
|
const BreadcrumbItem = props => {
|
||
|
|
const {
|
||
|
|
prefixCls: customizePrefixCls,
|
||
|
|
children,
|
||
|
|
href
|
||
|
|
} = props,
|
||
|
|
restProps = __rest(props, ["prefixCls", "children", "href"]);
|
||
|
|
const {
|
||
|
|
getPrefixCls
|
||
|
|
} = React.useContext(_configProvider.ConfigContext);
|
||
|
|
const prefixCls = getPrefixCls('breadcrumb', customizePrefixCls);
|
||
|
|
return /*#__PURE__*/React.createElement(InternalBreadcrumbItem, Object.assign({}, restProps, {
|
||
|
|
prefixCls: prefixCls
|
||
|
|
}), (0, _useItemRender.renderItem)(prefixCls, restProps, children, href));
|
||
|
|
};
|
||
|
|
BreadcrumbItem.__ANT_BREADCRUMB_ITEM = true;
|
||
|
|
var _default = exports.default = BreadcrumbItem;
|