OAdvancedForm
OAdvancedForm
【免费下载链接】opendesign-skillsThe repository of OpenDesign Skills项目地址: https://gitcode.com/openeuler/opendesign-skills
前往项目官网免费下载：https://ar.openeuler.org/ar/
高级表单验证组件，提供复杂的验证规则和实时反馈机制。
Props
| 属性名 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
rules | Record<string, ValidationRule[]> | {} | 否 | 字段验证规则 |
submitHandler | Function | - | 是 | 表单提交处理器 |
使用示例
<template> <OAdvancedForm :rules="formRules" @submit="handleSubmit" @validation-failed="showErrors" > <!-- 表单字段 --> </OAdvancedForm> </template>步骤4：更新索引文件
在 skills/opendesign-components/SKILL.md 中添加新组件的引用：
| AdvancedForm | 高级表单验证 |步骤5：创建自评报告
生成advanced-form.review.md，包含：
- 技能覆盖度评估
- 准确性验证
- 与现有技能的兼容性检查
- 改进建议
📊 技能质量保证
四维度自检清单
每个技能生成后都需要通过以下检查：
- 完整性检查：是否覆盖了所有 API 接口？
- 准确性检查：示例代码是否能正确运行？
- 一致性检查：是否符合全局约定？
- 可用性检查：AI 工具是否能正确解析和使用？
版本管理策略
- 记录组件库版本号在技能文件头部
- 对比上次记录的版本与当前版本间的接口变更
- 识别破坏性变更（
feat!、BREAKING CHANGE） - 使用
git log -L只追踪目标接口定义的历史
🚀 高级技巧：技能组合与复用
技能间的依赖关系
OpenDesign Skills 支持技能间的引用和复用：
# 在高级表单技能中引用基础组件 > 本组件基于 OForm 和 OInput 构建，相关用法请参考： > - [OForm 表单基础](https://link.gitcode.com/i/829b51171db254a372d19f7fd76f1372) > - [OInput 输入框](https://link.gitcode.com/i/b6170089b43a31106cb97c7de7c74be4)【免费下载链接】opendesign-skillsThe repository of OpenDesign Skills项目地址: https://gitcode.com/openeuler/opendesign-skills
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考