GenerateAntdForm

Ant Design 风格的表单生成器组件，使用方法同 GenerateForm。

代码演示

需要安装并引入 Ant Design Vue，详细请查看 Ant Design Vue 文档。

import Antd from 'ant-design-vue'
import { Form } from 'ant-design-vue'
import 'ant-design-vue/dist/reset.css'

app.use(Antd)
// 需要提供 useInjectFormItemContext 依赖，以便表单能实时校验
app.provide('useInjectFormItemContext', Form.useInjectFormItemContext)

<template>
  <fm-generate-antd-form 
    :data="jsonData"
    ref="generateForm">
  </fm-generate-antd-form>
</template>

<script setup>
import { ref } from 'vue'

const generateForm = ref()

const jsonData = {} // 表单 JSON Schema
</script>

API

同 GenerateForm API。