UNPKG

@alicloud/console-base-rc-breadcrumb

Version:
29 lines (28 loc) 1.11 kB
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)); })); }