From 30d58b471d3b1c4a0a12832e3b37bd3d5a752af3 Mon Sep 17 00:00:00 2001
From: Kagol <kagol@sina.com>
Date: Fri, 15 Apr 2022 10:21:07 +0800
Subject: [PATCH] =?UTF-8?q?refactor(breadcrumb):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E9=9D=A2=E5=8C=85=E5=B1=91=E7=BB=84=E4=BB=B6=E7=9B=AE=E5=BD=95?=
 =?UTF-8?q?=E7=BB=93=E6=9E=84=E5=92=8C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/devui-vue/devui/breadcrumb/index.ts     |  9 ++++-----
 .../docs/components/breadcrumb/index.md          | 16 +++++++---------
 2 files changed, 11 insertions(+), 14 deletions(-)

diff --git a/packages/devui-vue/devui/breadcrumb/index.ts b/packages/devui-vue/devui/breadcrumb/index.ts
index 2d60a9bdde..6ad42070d9 100644
--- a/packages/devui-vue/devui/breadcrumb/index.ts
+++ b/packages/devui-vue/devui/breadcrumb/index.ts
@@ -2,10 +2,8 @@ import type { App } from 'vue';
 import Breadcrumb from './src/breadcrumb';
 import BreadcrumbItem from './src/breadcrumb-item';
 
-Breadcrumb.install = function (app: App): void {
-  app.component(Breadcrumb.name, Breadcrumb);
-  app.component(BreadcrumbItem.name, BreadcrumbItem);
-};
+export * from './src/breadcrumb-types';
+export * from './src/breadcrumb-item-types';
 
 export { Breadcrumb };
 
@@ -14,6 +12,7 @@ export default {
   category: '导航',
   status: '50%',
   install(app: App): void {
-    app.use(Breadcrumb as any);
+    app.component(Breadcrumb.name, Breadcrumb);
+    app.component(BreadcrumbItem.name, BreadcrumbItem);
   },
 };
diff --git a/packages/devui-vue/docs/components/breadcrumb/index.md b/packages/devui-vue/docs/components/breadcrumb/index.md
index 5447400fdb..13cb187407 100644
--- a/packages/devui-vue/docs/components/breadcrumb/index.md
+++ b/packages/devui-vue/docs/components/breadcrumb/index.md
@@ -52,14 +52,13 @@ export default defineComponent({
 ```
 :::
 
-### 可下拉的面包屑【TODO】
 ### 自定义分隔符的面包屑
 
 :::demo
 ```vue
 <template>
   <div>
-    <d-breadcrumb separatorIcon=">">
+    <d-breadcrumb separator-icon=">">
       <d-breadcrumb-item>
         <a routerLink="/components/zh-cn/get-start">DevUI</a>
       </d-breadcrumb-item>
@@ -84,25 +83,24 @@ export default defineComponent({
 </template>
 ```
 :::
-### API
 
-### d-breadcrumb 参数
+### Breadcrumb 参数
 
 |     参数      |                  类型                  | 默认 | 说明                                               | 跳转 Demo                                     |
 | :-----------: | :------------------------------------: | :--: | :------------------------------------------------- | --------------------------------------------- |
-| separatorIcon |   [`string`](#自定义分隔符的面包屑)    | '/'  | 可选，自定义分隔符样式                             | [自定义分隔符的面包屑](#自定义分隔符的面包屑) |
-|    source     | [`Array<SourceConfig>`](#SourceConfig) |  []  | 可选，面包屑根据配置的 source 按照默认渲染方式显示 | [传入source](#传入source)                     |
+| separator-icon |   `string`    | '/'  | 可选，自定义分隔符样式                             | [自定义分隔符的面包屑](#自定义分隔符的面包屑) |
+|    source     | [SourceConfig\[\]](#sourceconfig) |  []  | 可选，面包屑根据配置的 source 按照默认渲染方式显示 | [传入source](#传入source)                     |
 
-### d-breadcrumb-item 参数
+### BreadcrumbItem 参数
 
 |   参数   |                类型                | 默认  |                          说明                           | 跳转 Demo                         | 
 | :------: | :--------------------------------: | :---: | :-----------------------------------------------------: | :-------------------------------- |
 |to	| `string/object` | —	| 路由跳转对象，同 vue-router 的 to	| [基础面包屑](#基础面包屑) | 
 |replace|	`boolean`	|	false | 在使用 to 进行路由跳转时，启用 replace 将不会向 history 添加新记录 | [基础面包屑](#基础面包屑) |
 
-### 接口 & 类型定义
+### 类型定义
 
-### SourceConfig
+#### SourceConfig
 
 ```ts
 export interface SourceConfig {