From 6f1aa4e2a539a772dd174a24557e64298a784fe1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E4=BB=AA=E5=BC=8F?= <854085467@qq.com>
Date: Sun, 3 Oct 2021 22:24:28 +0800
Subject: [PATCH] =?UTF-8?q?[=E6=96=B0=E5=A2=9E]=20breadcrumb=20=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=20separator=20=E5=B1=9E=E6=80=A7,=20=E5=85=81?=
 =?UTF-8?q?=E8=AE=B8=E8=87=AA=E5=AE=9A=E4=B9=89=E5=88=86=E9=9A=94=E7=AC=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/docs/zh-CN/components/breadcrumb.md | 30 +++++++++++++++++++++++-
 src/module/breadcrumb/index.vue          | 11 +++++++++
 src/module/breadcrumbItem/index.vue      |  6 +++--
 3 files changed, 44 insertions(+), 3 deletions(-)

diff --git a/docs/docs/zh-CN/components/breadcrumb.md b/docs/docs/zh-CN/components/breadcrumb.md
index e0864eb2..e6445f5c 100644
--- a/docs/docs/zh-CN/components/breadcrumb.md
+++ b/docs/docs/zh-CN/components/breadcrumb.md
@@ -20,4 +20,32 @@ export default {
 }
 </script>
 
-:::
\ No newline at end of file
+:::
+
+::: demo
+
+<template>
+    <lay-breadcrumb separator=">">
+        <lay-breadcrumb-item title="哈哈"></lay-breadcrumb-item>
+        <lay-breadcrumb-item title="哈哈"></lay-breadcrumb-item>
+        <lay-breadcrumb-item title="哈哈"></lay-breadcrumb-item>
+    </lay-breadcrumb>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    return {
+    }
+  }
+}
+</script>
+
+:::
+
+|  |  |  |
+|--|--|--|
+| separator | 分割符 | `/` |
\ No newline at end of file
diff --git a/src/module/breadcrumb/index.vue b/src/module/breadcrumb/index.vue
index fcbd620f..1dd0c754 100644
--- a/src/module/breadcrumb/index.vue
+++ b/src/module/breadcrumb/index.vue
@@ -5,5 +5,16 @@
 </template>
 
 <script setup name="LayBreadcrumb" lang="ts">
+import { defineProps, provide, withDefaults } from 'vue'
 
+const props = withDefaults(
+  defineProps<{
+    separator?: string
+  }>(),
+  {
+    separator: "/"
+  }
+)
+
+provide("separator",props.separator);
 </script>
diff --git a/src/module/breadcrumbItem/index.vue b/src/module/breadcrumbItem/index.vue
index 3004255c..bd4d7d63 100644
--- a/src/module/breadcrumbItem/index.vue
+++ b/src/module/breadcrumbItem/index.vue
@@ -1,15 +1,17 @@
 <template>
     <a href="">{{title}}</a>
-    <span lay-separator="">/</span>
+    <span lay-separator="">{{separator}}</span>
 </template>
 
 <script setup name="LayBreadcrumbItem" lang="ts">
-import { defineProps } from 'vue'
+import { defineProps, inject } from 'vue'
 
 const props =
   defineProps<{
     title: string
   }>()
 
+const separator =  inject("separator");
+
 
 </script>