Skip to content

Conversation

Copy link
Contributor

Copilot AI commented Nov 29, 2025

🤔 这个 PR 的性质是?

  • 日常 bug 修复
  • 新特性提交
  • 文档改进
  • 演示代码改进
  • 组件样式/交互改进
  • CI/CD 改进
  • 重构
  • 代码风格优化
  • 测试用例
  • 分支合并
  • 其他

🔗 相关 Issue

💡 需求背景和解决方案

t-menu-item 被封装在组件中再引入到 t-menu 时,收起菜单后 tooltip 不显示。

原因:原代码仅检查直接父组件是否为 TMenu

const node = instance?.parent;
if (collapsed.value && /tmenu/i.test(node?.type.name)) {

当 menu-item 被包裹组件封装后,直接父组件是包裹组件而非 TMenu,导致条件判断失败。

解决方案:新增 isFirstLevel() 函数,向上遍历组件链查找 TMenu/THeadMenu(与 submenu.tsx 中的嵌套检测逻辑一致):

  • 遍历过程中遇到 TSubmenu 则返回 false(说明是嵌套菜单项)
  • 找到 TMenu/THeadMenu 则返回 true(说明是一级菜单项)

📝 更新日志

  • 本条 PR 不需要纳入 Changelog

tdesign-vue-next

  • fix(menu): 修复封装后的 menu-item 在菜单收起时 tooltip 不显示的问题

@tdesign-vue-next/chat

@tdesign-vue-next/auto-import-resolver

☑️ 请求合并前的自查清单

⚠️ 请自检并全部勾选全部选项⚠️

  • 文档已补充或无须补充
  • 代码演示已提供或无须提供
  • TypeScript 定义已补充或无须补充
  • Changelog 已提供或无须提供
Original prompt

This section details on the original issue you should resolve

<issue_title>当把menu-item通过组件引入到t-menu时,Tooltip不生效</issue_title>
<issue_description>### tdesign-vue-next 版本

1.7.0

重现链接

https://stackblitz.com/edit/uqacfn-tupkrv?file=src%2Fside-nav.vue

重现步骤

image

menu-item 封装后后,进行引入使用,不显示 tooltip

期望结果

Tooltip 展示标题

实际结果

Tooltip 没有展示标题

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response</issue_description>

Comments on the Issue (you are @copilot in this section)


💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

Co-authored-by: liweijie0812 <10710889+liweijie0812@users.noreply.github.com>
Copilot AI changed the title [WIP] Fix tooltip not displaying for menu-item in t-menu fix(menu): tooltip not showing for wrapped menu-item when collapsed Nov 29, 2025
Copilot AI requested a review from liweijie0812 November 29, 2025 15:26
Copilot finished work on behalf of liweijie0812 November 29, 2025 15:26
@pkg-pr-new
Copy link

pkg-pr-new bot commented Nov 29, 2025

  • tdesign-vue-next-demo

    npm i https://pkg.pr.new/Tencent/tdesign-vue-next/@tdesign-vue-next/auto-import-resolver@6219
    
    npm i https://pkg.pr.new/Tencent/tdesign-vue-next@6219
    
    npm i https://pkg.pr.new/Tencent/tdesign-vue-next/@tdesign-vue-next/chat@6219
    

commit: 62509c5

@tdesign-bot
Copy link
Collaborator

TDesign Component Site Preview Open

Component Preview
tdesign-vue-next 完成
@tdesign-vue-next/chat 完成

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

当把menu-item通过组件引入到t-menu时,Tooltip不生效

3 participants