[DropdownMenu 下拉菜单] 操作体验问题

[RADWIMPS426]

tdesign-mobile-vue 版本

1.2.0

重现链接

https://tdesign.tencent.com/mobile-vue/components/dropdown-menu

重现步骤

https://github.com/Tencent/tdesign-mobile-vue/assets/124988288/4a3dda92-3dc4-43d0-a93b-c83f100afb2f

期望结果

操作上的问题：下拉框在展开的时候，应该是仅【下拉框区域内】可操作，如果点击【下拉框以外】的区域，那下拉框就需要收起才对。

实际结果

现在的情况是，展开下拉框后，滑动下拉框以外的区域时，下拉菜单与组件本身会分离。

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

IssueShoot

• 预估时长: 8
• 期望完成时间: 2024-05-03 00:00:00 +0000 UTC
• 开发难度: 中
• 参与人数: 1
• 需求对接人: anlyyao
• 验收标准: 实现期望改造效果，提 PR 并通过验收无误
• 备注: 最终激励以实际提交 pull request 并合并为准

  
  ### Tasks

• [ ] 优化体验
• [ ] sfc 改 tsx

[github-actions[bot]]

👋 @RADWIMPS426，感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。