fix(breadcrumb): [breadcrumb] resolve the issue of separator not swit…

…ching (#1783)
opentiny · Jul 26, 2024 · f2d1a8d · f2d1a8d
1 parent b0f0035
commit f2d1a8d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 7 deletions.
diff --git a/packages/renderless/package.json b/packages/renderless/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.17.5",
+  "version": "3.17.6",
   "private": true,
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "author": "OpenTiny Team",

diff --git a/packages/renderless/src/breadcrumb-item/vue.ts b/packages/renderless/src/breadcrumb-item/vue.ts
@@ -22,18 +22,15 @@ export const api = ['linkClick', 'state']
 
 export const renderless = (
   props: IBreadcrumbItemProps,
-  { reactive, inject }: ISharedRenderlessParamHooks,
-  { designConfig },
-  { refs, router, emit }: IBreadcrumbItemRenderlessParamUtils
+  { reactive, inject, computed }: ISharedRenderlessParamHooks,
+  { refs, router, emit, designConfig }: IBreadcrumbItemRenderlessParamUtils
 ) => {
   const breadcrumbEmitter = inject('breadcrumbEmitter')
   const breadcrumb = inject('breadcrumb')
   const constants = breadcrumb._constants
-  // separator
-  const separator = breadcrumb.separator || designConfig?.separator || '>'
   const state = reactive({
     size: inject('size', null),
-    separator
+    separator: computed(() => breadcrumb.separator || designConfig?.separator || '>')
   })
   const api: IBreadcrumbItemApi = {
     state,