wrong position in tabs' dropdown menu

[hunshcn]

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

4.2.6

Environment

Reproduction link

https://antdv.com/components/tabs-cn#components-tabs-demo-custom-add-trigger

Steps to reproduce

click "ADD" multiple times, hover to right dropdown button

What is expected?

same to https://ant.design/components/tabs#tabs-demo-custom-add-trigger
close buttons should be on the right

What is actually happening?

close buttons close to the text

---

css is right, but dom this fault

[hunshcn]

问题是由于 react 使用 rc-tabs，dom 为 rc-tabs 构造，vue 为自编写组件，复用 MenuItem。MenuItem 会为 children wrap 一个 span

ant-design-vue/components/menu/src/MenuItem.tsx

Line 181 in aa211fd

const wrapNode = <span class={`${prefixCls.value}-title-content`}>{children}</span>;

多的一层 span 导致样式错乱
有三种修复途径

1. 为 MenuItem 增加一个 prop 能够禁止 wrap span 的行为
2. 修改 css 以适应 dom。
3. 放弃此处对于 MenuItem 的复用，像 rc-tabs 一样重写。

@tangjinzhou 哪一个会更希望被得到实现