mcpField
R
regle-advanced

regle-advanced

github.com/victorgarciaesgi开发513187 次安装2 周前更新
代码仓库

关于 regle-advanced

regle-advanced 是介绍 Regle 在 Vue 3 表单验证中高级用法的技能,涵盖集合、异步验证、服务端错误和作用域验证等模式。适用于需要处理复杂表单状态与配置的开发者。

主要功能

  1. 01数组集合验证
  2. 02异步验证与防抖
  3. 03服务端错误处理
  4. 04表单重置选项
  5. 05变体与作用域验证
  6. 06合并表单实例

适用场景

  1. 01验证动态数组字段
  2. 02处理异步规则与待验证状态
  3. 03映射并清除服务端错误
  4. 04跨组件组织表单验证

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/victorgarciaesgi/regle --skill regle-advanced

安装后在 Claude Code 中输入/regle-advanced确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

references/
advanced-global-config.md
advanced-merge-regles.md
advanced-scoped-validation.md
advanced-self-validation.md
advanced-variants.md
common-async-validation.md
common-collections.md
common-reset-forms.md
common-server-errors.md

详细介绍

Regle 高级模式

Regle 在 Vue 3 中进行表单验证的高级用法模式。涵盖集合、异步验证、服务端错误、重置选项、全局配置、判别联合(变体)、作用域验证、合并和对象级自验证。

常见模式

主题描述参考
集合使用 $each 验证数组、集合错误、自定义键common-collections
异步验证异步规则、$pending 状态、防抖common-async-validation
服务端错误externalErrors、点路径错误、清除错误common-server-errors
重置表单$reset 选项:toInitialState、toOriginalState、toStatecommon-reset-forms

高级用法

主题描述参考
全局配置defineRegleConfig、自定义消息、i18n、全局修饰符advanced-global-config
变体createVariant、narrowVariant、判别联合advanced-variants
作用域验证useScopedRegle、useCollectScope、跨组件验证advanced-scoped-validation
合并 Regle使用 mergeRegles 合并多个表单实例advanced-merge-regles
自验证使用 $self 进行对象级跨字段验证advanced-self-validation

相关技能

  • regle — 使用 useRegle 设置表单、验证属性、显示错误、修饰符。
  • regle-rules — 内置/自定义规则、包装器和运算符。
  • regle-schemas — 集成 Zod、Valibot、ArkType 和 Standard Schema。
  • regle-typescript — 为规则架构和组件属性添加类型。

评论

支持 Markdown