fix: [Breadcrumb] routes from children

rashagu · Apr 17, 2024 · dedcdc6 · dedcdc6
1 parent 955c7d1
commit dedcdc6
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 6 deletions.
diff --git a/packages/semi-ui-vue/src/App.tsx b/packages/semi-ui-vue/src/App.tsx
@@ -176,15 +176,15 @@ const App = defineComponent<ExampleProps>((props, {slots}) => {
         {/*<RatingDemo />*/}
         {/*<DividerDemo/>*/}
         {/*<SliderDemo />*/}
-        <InputNumberDemo />
+        {/*<InputNumberDemo />*/}
         {/*<ModalForm />*/}
         {/*<ModalDemoHook />*/}
         {/*<ModalDemoConfirm/>*/}
         {/*<ModalDemo/>*/}
         {/*<UploadDemo/>*/}
         {/*<ProgressDemo/>*/}
         {/*<SwitchDemo/>*/}
-        {/*<BreadcrumbDemo/>*/}
+        <BreadcrumbDemo/>
         {/*<DatePickerDemo />*/}
         {/*<TimePickerDemo />*/}
         {/*<ScrollListDemo />*/}

diff --git a/packages/semi-ui-vue/src/components/breadcrumb/__test__/BreadcrumbDemo.tsx b/packages/semi-ui-vue/src/components/breadcrumb/__test__/BreadcrumbDemo.tsx
@@ -1,4 +1,4 @@
-import {defineComponent, ref, h, Fragment} from 'vue'
+import { defineComponent, ref, h, Fragment, onMounted } from 'vue';
 import Breadcrumb, {BreadcrumbItem} from "../index";
 import {IconArticle, IconHome} from "@kousum/semi-icons-vue";
 
@@ -12,6 +12,12 @@ export const vuePropsType = {
 const BreadcrumbDemo = defineComponent<BreadcrumbDemoProps>((props, {slots}) => {
 
 
+  const routes = ref([])
+  onMounted(()=>{
+    setTimeout(()=>{
+      routes.value = ['sd','sdsd']
+    }, 3000)
+  })
   return () => (
     <div>
       <Breadcrumb separator={'<'}>
@@ -45,6 +51,9 @@ const BreadcrumbDemo = defineComponent<BreadcrumbDemoProps>((props, {slots}) =>
           ]
         }
       />
+      <Breadcrumb
+        routes={routes.value}
+      />
     </div>
   )
 })

diff --git a/packages/semi-ui-vue/src/components/breadcrumb/index.tsx b/packages/semi-ui-vue/src/components/breadcrumb/index.tsx
@@ -32,7 +32,7 @@ import {IconMore} from '@kousum/semi-icons-vue';
 
 import {AriaAttributes} from "../AriaAttributes";
 import {VueJsxNode} from "../interface";
-import {getVNodeChildren} from "../_utils";
+import { getFragmentChildren, getVNodeChildren } from '../_utils';
 
 const clsPrefix = cssClasses.PREFIX;
 
@@ -230,9 +230,9 @@ const Breadcrumb = defineComponent<BreadcrumbProps>((props, {}) => {
         } = props;
         const { isCollapsed } = state;
         const hasRoutes = routes && routes.length > 0;
-        const items = getVNodeChildren(((hasRoutes ?
+        const items = hasRoutes ?
           foundation.genRoutes(routes) :
-          children) as VNode[]));
+          (getFragmentChildren(slots) || []);
 
         let template;