fix(Form): outer component being incorrectly triggered by nested component (#4243)

* fix(Form): outer component  being incorrectly triggered by nested component

* chore: stash changelog [ci skip]

---------

Co-authored-by: tdesign-bot <tdesign@tencent.com>

Author: RylanBot

packages/components/form/Form.tsx

@@ -66,7 +66,15 @@ const Form = forwardRefWithStatics(
       form?.getInternalHooks?.(HOOK_MARK)?.flashQueue?.();
     }, [form]);
 
+    // Dialog / Popup 等通过 Portal 渲染时，DOM 已脱离外层 Form，但 React 合成事件仍沿 Fiber 树冒泡
+    // 会导致内层 Form 的 reset / submit 误触发外层 Form 的处理逻辑
+    // 这里过滤掉来自嵌套 Form 的伪冒泡事件
+    function isEventFromSelf(e: React.FormEvent<HTMLFormElement>) {
+      return e?.target === formRef.current;
+    }
+
     function onResetHandler(e: React.FormEvent<HTMLFormElement>) {
+      if (!isEventFromSelf(e)) return;
       [...formMapRef.current.values()].forEach((formItemRef) => {
         formItemRef?.current.resetField();
       });
@@ -76,6 +84,11 @@ const Form = forwardRefWithStatics(
       onReset?.({ e });
     }
 
+    function onSubmitHandler(e: React.FormEvent<HTMLFormElement>) {
+      if (!isEventFromSelf(e)) return;
+      formInstance.submit(e);
+    }
+
     function onFormItemValueChange(changedValue: Record<string, unknown>) {
       const allFields = formInstance.getFieldsValue(true);
       onValuesChange(changedValue, allFields);
@@ -110,7 +123,7 @@ const Form = forwardRefWithStatics(
           id={id}
           style={style}
           className={formClass}
-          onSubmit={formInstance.submit}
+          onSubmit={onSubmitHandler}
           onReset={onResetHandler}
         >
           {children}

packages/tdesign-react/.changelog/pr-4243.md

@@ -0,0 +1,6 @@
+---
+pr_number: 4243
+contributor: RylanBot
+---
+
+- fix(Form): 修复 Portal 场景下，内部组件的 `reset` 和 `submit` 事件冒泡导致外层组件事件被误触发的问题 @RylanBot ([#4243](https://github.com/Tencent/tdesign-react/pull/4243))