@alicloud/console-base-rc-breadcrumb
Version:
29 lines (28 loc) • 1.11 kB
JavaScript
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["items"];
import React, { Fragment } from 'react';
import styled from 'styled-components';
import { mixinTextTertiary } from '@alicloud/console-base-theme';
import Item from './item';
var ScBreadcrumb = styled.div.withConfig({
componentId: "sc-1b6v30c-0"
})(["line-height:1.5;"]);
var ScSeparator = styled.span.withConfig({
componentId: "sc-1b6v30c-1"
})(["display:inline-block;margin:0 8px;vertical-align:middle;", " &:before{content:'/';}"], mixinTextTertiary);
/**
* 面包屑
*/
export default function Breadcrumb(_ref) {
var _ref$items = _ref.items,
items = _ref$items === void 0 ? [] : _ref$items,
props = _objectWithoutProperties(_ref, _excluded);
if (!items.length) {
return null;
}
return /*#__PURE__*/React.createElement(ScBreadcrumb, props, items.map(function (v, i) {
return /*#__PURE__*/React.createElement(Fragment, {
key: i
}, i > 0 ? /*#__PURE__*/React.createElement(ScSeparator, null) : null, /*#__PURE__*/React.createElement(Item, v));
}));
}