Form

`CuiForm` 负责录入与编辑场景的主表单能力

CuiForm

CuiForm 负责录入与编辑场景的主表单能力，重点在字段配置驱动、统一验证和可复用布局。

演示字段配置、校验与提交反馈的最小闭环

Live Demo

Preview

Code

先看效果，再决定是否展开代码细节。

<script setup lang="ts">
import FormBasicDemo from "~/app/components/demo/FormBasicDemo.vue";
</script>

<template>
    <FormBasicDemo />
</template>

字段定义复用

新增页、编辑页和弹层表单应尽量复用同一份字段定义。

规则集中管理

必填项、格式与自定义规则应集中在字段配置中管理。

插槽只承接复杂交互

简单字段优先走内置类型，复杂交互再通过 slot 扩展。