OAdvancedForm

【免费下载链接】opendesign-skillsThe repository of OpenDesign Skills项目地址: https://gitcode.com/openeuler/opendesign-skills

前往项目官网免费下载：https://ar.openeuler.org/ar/

高级表单验证组件，提供复杂的验证规则和实时反馈机制。

Props

使用示例

<template> <OAdvancedForm :rules="formRules" @submit="handleSubmit" @validation-failed="showErrors" > <!-- 表单字段 --> </OAdvancedForm> </template>

步骤4：更新索引文件

在 skills/opendesign-components/SKILL.md 中添加新组件的引用：

| AdvancedForm | 高级表单验证 |

步骤5：创建自评报告

生成advanced-form.review.md，包含：

• 技能覆盖度评估
• 准确性验证
• 与现有技能的兼容性检查
• 改进建议

📊 技能质量保证

四维度自检清单

每个技能生成后都需要通过以下检查：

1. 完整性检查：是否覆盖了所有 API 接口？
2. 准确性检查：示例代码是否能正确运行？
3. 一致性检查：是否符合全局约定？
4. 可用性检查：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