24 lines
1.3 KiB
Markdown
24 lines
1.3 KiB
Markdown
---
|
|
name: form
|
|
description: 设计或检查前端表单的分组、列布局、响应式、条件字段、只读展示、错误位置和可访问性。适用于表单结构调整与布局评审；接口设计、业务校验规则、组件契约猜测和完整页面实现不应触发。
|
|
---
|
|
|
|
# 表单结构设计
|
|
|
|
依据当前项目的真实组件契约和既有布局模式组织表单，不虚构组件接口、业务规则或固定列数。
|
|
|
|
## 工作流
|
|
|
|
1. 检查框架版本、现有表单、布局样式、需求和目标设备。
|
|
2. 从当前项目证据或 `component` 的查证结果取得表单组件契约。
|
|
3. 按 [布局规则](references/layout.md) 设计字段分组、标签、列、条件区域、操作区和响应行为。
|
|
4. 按 [评审清单](references/review.md) 检查校验呈现、键盘操作、只读状态和小视口行为。
|
|
5. 输出结构方案、采用的证据、待确认业务规则和剩余风险；只有用户要求时才修改现有表单文件。
|
|
|
|
## 边界
|
|
|
|
- 不设计接口、字典或数据回填协议。
|
|
- 不自行确定字段必填、条件显示或业务校验逻辑；需求不明确时列为待确认。
|
|
- 不使用未经验证的组件、属性、事件或插槽。
|
|
- 视觉令牌和 CSS 交给 `style`，完整业务页面实现交给前端实现 Skill。
|