🐛[BUG] ModalFrom在用一个阻止冒泡的的元素当触发元素时弹出弹窗后点击任意位置触发父元素冒泡行为

[zzzhangy]

提问前先看看：

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

🐛 bug 描述

<div
  className="discount-coupon"
  onClick={() => {
    nav(`/coupon/detail/${id}`)
  }}
>
  <ModalForm
    title="绑定商户"
    width={540}
    trigger={<img onClick={(e) => e.stopPropagation()} className="edit-icon" src={EditIcon} alt="" />}
    {...{
      labelCol: {
        xs: { span: 24 },
        sm: { span: 6 },
      },
      wrapperCol: {
        xs: { span: 24 },
        sm: { span: 18 },
      },
    }}
    submitter={{
      searchConfig: {
        submitText: '确认',
        resetText: '取消',
      },
    }}
    layout="horizontal"
    initialValues={{}}
    onFinish={async (values) => {
      console.log(values)
      const { merchant_ids } = values
      const params = {
        coupon_campaign_id: id,
        merchant_ids,
      }
      // const res = await bindMerchant(params)
      // if (typeof res === 'undefined') return
      if(props.getData) props.getData()
      return true
    }}
  >
    <ProFormSelect fieldProps={{ mode: 'multiple', optionFilterProp: 'label', options: [] }} rules={[{ required: true }]} width="md" name="merchant_ids" label="商家名称" placeholder="请选择商家名称" />
  </ModalForm>
</div>

📷 复现步骤

🏞 期望结果

弹窗也可以阻止冒泡

💻 复现代码

© 版本信息

• ProComponents 版本: ^2.7.19
• umi 版本
• 浏览器环境 google
• 开发环境 windows10

🚑 其他信息