fix(form): 修复validator回调中第一个参数带有多余的引号(#2931) (#2933)

* fix(form): 修复validator回调中第一个参数带有多余的引号(#2931) * chore(form): 生成变更记录文件 * chore(form): 添加注释 --------- Co-authored-by: xiamiao <[email protected]>
XiaoMi · Jul 24, 2024 · 369cdf9 · 369cdf9
1 parent cafc0a5
commit 369cdf9
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 2 deletions.
diff --git a/.changeset/curvy-falcons-confess.md b/.changeset/curvy-falcons-confess.md
@@ -0,0 +1,5 @@
+---
+"@hi-ui/form": patch
+---
+
+fix: 修复 validator 回调中第一个参数带有多余的引号
diff --git a/.changeset/old-penguins-grin.md b/.changeset/old-penguins-grin.md
@@ -0,0 +1,5 @@
+---
+"@hi-ui/hiui": patch
+---
+
+fix(form): 修复 validator 回调中第一个参数带有多余的引号
diff --git a/packages/ui/form/src/use-form-field.ts b/packages/ui/form/src/use-form-field.ts
@@ -38,8 +38,24 @@ export const useFormField = <Values = any>(props: UseFormFieldProps<Values>) =>
 
       // TODO: rules 处理成 Async Validate 的指定结构
       const fieldMD5 = stringify(field as FormFieldPath)
-
-      const validater = new Validater({ [fieldMD5]: fieldRules })
+      const modifiedFieldRules = fieldRules.map((rule) => {
+        // 重写 rule 的 validator 函数，正则匹配 validatorRule 中的 field 和 fullField，消除 field 和 fullField 中的双引号
+        // issue：https://github.com/XiaoMi/hiui/issues/2931
+        if (rule.validator) {
+          return {
+            ...rule,
+            validator: (validatorRule: any, value: any, cb: any) => {
+              const field = validatorRule.field.replace(/"/g, '')
+              const fullField = validatorRule.fullField.replace(/"/g, '')
+              rule.validator({ ...validatorRule, field, fullField }, value, cb)
+            },
+          }
+        } else
+          return {
+            ...rule,
+          }
+      })
+      const validater = new Validater({ [fieldMD5]: modifiedFieldRules })
       return validater.validate(
         {
           [fieldMD5]: