🐛[BUG] ProTable form.ignoreRules 驗證問題

[leadingtw273]

提问前先看看：

https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md

🐛 bug 描述

當 ProTable 設置 form.ignoreRules = false 時，表單驗證在以下兩種情況被繞過：

1. 重置按鈕繞過驗證：點擊「重置」按鈕後，即使必填欄位為空，仍會發起請求
2. 初始載入繞過驗證：頁面首次載入時，即使必填欄位為空，仍會發起初始請求

這導致 ignoreRules: false 的設置形同虛設，無法實現「必填欄位有值才發起請求」的業務需求。

不確定這是需求還是 BUG，這邊先以 BUG 提出。

📷 复现步骤

問題 1：重置按鈕繞過驗證

1. 設置 ProTable 的 form={{ ignoreRules: false }}
2. 定義一個帶有 required 規則的搜索欄位
3. 在欄位中輸入值，然後點擊「查詢」→ 正常發起請求
4. 清空欄位，點擊「查詢」→ 顯示驗證錯誤 ✅
5. 輸入值後，點擊「重置」→ 問題：仍然發起請求，未驗證 ❌

問題 2：初始載入繞過驗證

1. 設置 ProTable 的 form={{ ignoreRules: false }}
2. 定義一個帶有 required 規則的搜索欄位（無 initialValue）
3. 頁面載入 → 問題：必填欄位為空仍發起初始請求 ❌

🏞 期望结果

1. 重置按鈕：當 ignoreRules: false 時，重置後應該先驗證表單，驗證失敗則不發起請求
2. 初始載入：當 ignoreRules: false 時，初始載入也應該驗證表單，驗證失敗則不發起初始請求

💻 复现代码

問題 1：重置繞過驗證
https://codesandbox.io/p/sandbox/github-issue-protable-chong-zhi-rao-guo-yan-zheng-s7sz7w

問題 2：初始載入繞過驗證
https://codesandbox.io/p/devbox/github-issue-protable-chong-zhi-rao-guo-yan-zheng-forked-mxvgy4

© 版本信息

• ProComponents 版本: ^2.8.10
• umi 版本: N/A
• 浏览器环境: Chrome
• 开发环境: Windows(WSL)

🚑 其他信息

📝 預期改動

文件 1：src/table/components/Form/index.tsx
onReset 方法（約第 70-109 行）：

onReset = async (value: Partial<U>) => {
  const { form, formRef, /* ... */ } = this.props;
  
  // 根據 ignoreRules 決定是否驗證
  if (form?.ignoreRules === false) {
    try {
      await formRef?.current?.validateFields();
    } catch {
      action.current?.setPageInfo?.({ current: 1 });
      onReset?.();
      return; // 驗證失敗，不發起請求
    }
  }
  
  // ... 原有邏輯
};

文件 2：src/table/components/Form/FormRender.tsx
onInit 回調（約第 229-248 行）需新增驗證邏輯：

onInit={async (values: T, form) => {
  formRef.current = form;
  if (type !== 'form') {
    // ... 原有 pageInfo 設置邏輯
    
    if (manualRequest) return;
    
    // 检查 ignoreRules 设置，如果为 false，则需验证表单
    const ignoreRules = getFormConfigs(isForm, formConfig || {})?.ignoreRules;
    if (ignoreRules === false) {
      try {
        await form.validateFields();
      } catch {
        return; // 驗證失敗，不發起初始請求
      }
    }
    
    submit(values, true);
  }
}}

✅ 預期測試項

#	測試場景	操作步驟	預期結果
1	重置 + ignoreRules=false + 驗證通過	填寫必填欄位 → 點擊重置	發起請求 ✅
2	重置 + ignoreRules=false + 驗證失敗	必填欄位為空 → 點擊重置	不發起請求，顯示驗證錯誤
3	重置 + ignoreRules=true（預設）	必填欄位為空 → 點擊重置	發起請求（向下兼容）
4	初始載入 + ignoreRules=false + 必填項有初始值	頁面載入	發起請求 ✅
5	初始載入 + ignoreRules=false + 必填項無初始值	頁面載入	不發起請求
6	初始載入 + ignoreRules=true（預設）	頁面載入	發起請求（向下兼容）
7	初始載入 + manualRequest=true	頁面載入	不發起請求（原有行為不變）

[coderabbitai]

📝 CodeRabbit Plan Mode

Generate an implementation plan and prompts that you can use with your favorite coding agent.

• Create Plan

Examples

• Example 1
• Example 2

---

🔗 Similar Issues

Related Issues

• 🐛[BUG] ProTable actionRef.reset() 請求參數同步問題 #9351
• 🐛[BUG] ProTable 使用 ignoreRules + onValuesChange 调用 formeRef.submit() 无法触发request #9236

👤 Suggested Assignees

• leadingtw273
• luojinan

---

🧪 Issue enrichment is currently in open beta.

You can configure auto-planning by selecting labels in the issue_enrichment configuration.

To disable automatic issue enrichment, add the following to your .coderabbit.yaml:

issue_enrichment:
  auto_enrich:
    enabled: false

💬 Have feedback or questions? Drop into our discord!

[dosubot]

你描述的 ProTable form.ignoreRules=false 驗證問題，確實是已知的行為，目前在 ProComponents 2.x 版本的源碼中，重置（onReset）和初始載入（onInit）都沒有根據 ignoreRules 進行表單驗證，導致必填欄位為空時仍然發起請求。這與你的復現和預期完全一致，並且在社區 issue 中也有多次反饋，但尚未有官方修復或 workaround 記錄 [issue1]。

根據目前的源碼：

• onReset 只執行重置和發送請求，沒有驗證邏輯 [code]
• onInit 只在初始載入時直接 submit，沒有驗證邏輯 [code]

建議做法
如你所示，需在 onReset 和 onInit 加入 validateFields 判斷，只有驗證通過才發送請求。參考你的 patch：

// onReset
onReset = async (value: Partial<U>) => {
  if (form?.ignoreRules === false) {
    try {
      await formRef?.current?.validateFields();
    } catch {
      action.current?.setPageInfo?.({ current: 1 });
      onReset?.();
      return;
    }
  }
  // ...原有邏輯
}

// onInit
onInit={async (values: T, form) => {
  formRef.current = form;
  if (type !== 'form') {
    if (manualRequest) return;
    const ignoreRules = getFormConfigs(isForm, formConfig || {})?.ignoreRules;
    if (ignoreRules === false) {
      try {
        await form.validateFields();
      } catch {
        return;
      }
    }
    submit(values, true);
  }
}}

測試場景
這樣改動後，重置和初始載入都會先驗證表單，驗證失敗則不發送請求，完全符合你的業務需求和預期測試表。

目前沒有官方 workaround，建議自行 patch 或等待社區修復。

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}