JSON Schema模式下FormButtonGroup元素布局

[iscmcloud]

在JSON Schema模式下，FormButtonGroup元素如何与SchemaField中的元素一起水平布局，位于相同的一行里？看官方例子，布局都在SchemaField里写了，button都是另起一行，布局在下方，即 SchemaField元素与FormButtonGroup的元素一起水平布局，Submit按钮和schema中的元素在同一行

<FormProvider form={form}>
      <SchemaField schema={schema} />
      <FormButtonGroup>
          <Submit onSubmit={console.log}>提交</Submit>
      </FormButtonGroup>
</FormProvider>

[janryWang]

http://antd.formilyjs.org/components/form

[iscmcloud]

用Markup可以实现想要的效果，请问下面Markup Schema如何转成 JSON Schema

<FormProvider form={form}>
          <FormLayout layout="vertical" feedbackLayout="terse">
            <FormGrid minColumns={4} columnGap={10} rowGap={5}>
              <SchemaField>
                <SchemaField.String
                  name="a"
                  title="字段A"
                  x-decorator="FormItem"
                  required
                  x-component="Input"
                />
                <SchemaField.String
                  name="b"
                  title="字段B"
                  x-decorator="FormItem"
                  required
                  x-component="Input"
                />
              </SchemaField>
              <FormButtonGroup.FormItem>
                <Submit onSubmit={console.log}>确定</Submit>
              </FormButtonGroup.FormItem>
            </FormGrid>
          </FormLayout>
</FormProvider>

试了写如下，但是Submit 按钮渲染失败：

  const schema = {
    type: 'object',
    properties: {
      layout: {
        type: 'void',
        'x-component': 'FormLayout',
        'x-component-props': {
          layout: 'vertical',
          feedbackLayout: 'terse',
          minColumns: 4,
        },
        properties: {
          grid: {
            type: 'void',
            'x-component': 'FormGrid',
            'x-component-props': {
              minColumns: 4,
              columnGap: 10,
              rowGap: 5,
            },
            properties: {
              a: {
                type: 'string',
                title: '字段A',
                required: true,
                'x-decorator': 'FormItem',
                'x-component': 'Input',
              },
              b: {
                type: 'string',
                title: '字段B',
                required: true,
                'x-decorator': 'FormItem',
                'x-component': 'Input',
              },
              buttonGroup: {
                type: 'void',
                'x-decorator': 'FormButtonGroup.FormItem',
                'x-component': 'FormButtonGroup.FormItem',
                properties: {
                  type: 'void',
                  'x-decorator': 'Submit',
                  'x-component': 'Submit',
                  'x-component-props': {
                    value: 'ok',
                  },
                }
              },
            },
          },
        },
      },
    },
  };

帮忙看下buttonGroup 那里，什么没有写对？

[janryWang]

 buttonGroup: {
                type: 'void',
                'x-decorator': 'FormButtonGroup.FormItem',
                'x-component': 'FormButtonGroup.FormItem',
                properties: {
                  type: 'void',
                  'x-decorator': 'Submit',
                  'x-component': 'Submit',
                  'x-component-props': {
                    value: 'ok',
                  },
                }
              },

包了两层

[cds803]

请问这个问题解决了么，json schema模式写，Submit按钮文字显示不出来

https://codesandbox.io/s/frosty-pond-ijueo?file=/App.tsx

[janryWang]

用x-content