@uiw/react-breadcrumb
Version:
Breadcrumb component
41 lines (40 loc) • 2.06 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireWildcard(require("react"));
var _jsxRuntime = require("react/jsx-runtime");
var _excluded = ["prefixCls", "className", "tagName", "active", "separator"];
var BreadcrumbItem = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
var _props$prefixCls = props.prefixCls,
prefixCls = _props$prefixCls === void 0 ? 'w-breadcrumb' : _props$prefixCls,
className = props.className,
_props$tagName = props.tagName,
TagName = _props$tagName === void 0 ? 'span' : _props$tagName,
active = props.active,
separator = props.separator,
other = (0, _objectWithoutProperties2["default"])(props, _excluded);
var isElm = /*#__PURE__*/_react["default"].isValidElement(separator);
var cls = ["".concat(prefixCls, "-item"), className, active ? 'active' : null, !separator ? 'no-separator' : null, isElm ? 'no-before' : null].filter(Boolean).join(' ').trim();
var otherProps = (0, _objectSpread2["default"])({
className: cls
}, other);
if (!isElm) {
otherProps['data-separator'] = separator;
}
return /*#__PURE__*/_react["default"].createElement(TagName, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, otherProps), {}, {
ref: ref
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
children: [isElm && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
className: "".concat(prefixCls, "-separator"),
children: separator
}), props.children]
}));
});
var _default = exports["default"] = BreadcrumbItem;
module.exports = exports.default;