!876 回退 'Pull Request !870 : fix: 菜单名称过长时没有正确显示省略号'

Merge pull request !876 from 芋道源码/revert-merge-870-master

src/layout/components/Menu/src/components/useRenderMenuTitle.tsx

@@ -10,20 +10,12 @@ export const useRenderMenuTitle = () => {
     return icon ? (
       <>
         <Icon icon={meta.icon}></Icon>
-        <span
+        <span class="v-menu__title overflow-hidden overflow-ellipsis whitespace-nowrap">
-          class="v-menu__title truncate"
-          style="padding-right: calc(var(--el-menu-base-level-padding) + 12px);"
-          title={t(title as string)}
-        >
           {t(title as string)}
         </span>
       </>
     ) : (
-      <span
+      <span class="v-menu__title overflow-hidden overflow-ellipsis whitespace-nowrap">
-        class="v-menu__title truncate"
-        style="padding-right: calc(var(--el-menu-base-level-padding) + 12px);"
-        title={t(title as string)}
-      >
         {t(title as string)}
       </span>
     )