Merge pull request #3 from linqiqi077/beta

feat: add Breadcrumb component

src/Breadcrumb/demos/index.tsx

@@ -0,0 +1,33 @@
+import { StoryBook, useControls, useCreateStore } from '@lobehub/ui';
+import type { BreadcrumbProps } from '@yuntijs/ui';
+import { Breadcrumb } from '@yuntijs/ui';
+
+const items = [
+  {
+    title: 'Home',
+  },
+  {
+    title: 'Application Center',
+  },
+  {
+    title: 'Application List',
+  },
+  {
+    title: 'An Application',
+  },
+];
+
+export default () => {
+  const store = useCreateStore();
+  const control: BreadcrumbProps | any = useControls(
+    {
+      separator: '/',
+    },
+    { store }
+  );
+  return (
+    <StoryBook levaStore={store}>
+      <Breadcrumb {...control} items={items} />
+    </StoryBook>
+  );
+};

src/Breadcrumb/index.md

@@ -0,0 +1,16 @@
+---
+nav: Components
+group: Data Display
+title: Breadcrumb
+description: A breadcrumb displays the current location within a hierarchy. It allows going back to states higher up in the hierarchy.
+---
+
+## [Antd Document](https://ant-design.antgroup.com/components/breadcrumb-cn)
+
+## Default
+
+<code src="./demos/index.tsx" nopadding></code>
+
+## APIs
+
+<API></API>

src/Breadcrumb/index.tsx

@@ -0,0 +1,2 @@
+export type { BreadcrumbProps } from 'antd';
+export { Breadcrumb } from 'antd';

src/index.ts

@@ -1,3 +1,4 @@
+export * from './Breadcrumb';
 export * from './ConfigProvider';
 export * from './Logo';
 export * from './MonacoEditor';