fix(vue): fix x-content not work in void field (#2603)

alibaba · Dec 9, 2021 · a7757be · a7757be
1 parent c9d43f0
commit a7757be
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 8 deletions.
diff --git a/packages/vue/src/__tests__/schema.markup.spec.ts b/packages/vue/src/__tests__/schema.markup.spec.ts
@@ -665,11 +665,7 @@ describe('recursion field', () => {
     const form = createForm()
     const VoidComponent = {
       render(h: CreateElement) {
-        return h(
-          'div',
-          { attrs: { 'data-testid': 'void-component' } },
-          this.$slots.default || 'placeholder'
-        )
+        return h('div', this.$slots.default || 'placeholder')
       },
     }
     const { SchemaField, SchemaVoidField } = createSchemaField({
@@ -686,10 +682,12 @@ describe('recursion field', () => {
       },
       template: `<FormProvider :form="form">
         <SchemaField>
-          <SchemaVoidField x-component="VoidComponent" />
+          <SchemaVoidField x-component="VoidComponent" :x-component-props="{ 'data-testid': 'void-component-1' }" />
+          <SchemaVoidField x-component="VoidComponent" :x-component-props="{ 'data-testid': 'void-component-2' }" x-content="content" />
         </SchemaField>
       </FormProvider>`,
     })
-    expect(queryByTestId('void-component').textContent).toBe('placeholder')
+    expect(queryByTestId('void-component-1').textContent).toBe('placeholder')
+    expect(queryByTestId('void-component-2').textContent).toBe('content')
   })
 })
diff --git a/packages/vue/src/components/ReactiveField.ts b/packages/vue/src/components/ReactiveField.ts
@@ -36,7 +36,7 @@ export default observer(
         if (!Object.keys(slots).length && !content) return {}
 
         const defaultSlot = slots?.default
-          ? slots?.default(props.field, props.field.form)
+          ? slots?.default(props.field, props.field.form) ?? []
           : []
         if (typeof content === 'string') {
           slots['default'] = () => [...defaultSlot, content]