feat(menu): menu组件新增禁用省略样式参数 (DevCloudFE#1734)

Co-authored-by: GreatZP <greatzp@greatzp.cn>

Author: fengjiancai

packages/devui-vue/devui/menu/src/menu-types.ts

@@ -39,6 +39,10 @@ export const menuProps = {
     type: Boolean,
     default: false,
   },
+  disableOverflowStyle: {
+    type: Boolean,
+    default: false,
+  },
 } as const;
 
 export type MenuProps = ExtractPropTypes<typeof menuProps>;

packages/devui-vue/devui/menu/src/menu.tsx

@@ -67,7 +67,7 @@ export default defineComponent({
         const ob = new IntersectionObserver(
           (entries: IntersectionObserverEntry[]) => {
             entries.forEach((entry: IntersectionObserverEntry) => {
-              if (!entry.isIntersecting) {
+              if (!entry.isIntersecting && !props.disableOverflowStyle) {
                 const cloneNode = entry.target.cloneNode(true) as Element as HTMLElement;
                 if (entry.target.classList.contains(`${ns.b()}-overflow-container`)) {
                   if (flag && entry.target.previousElementSibling && container.children.length) {
@@ -144,7 +144,7 @@ export default defineComponent({
             key="overflowContainer"
             title="..."
             class={overflowContainerClassName}
-            v-show={overflowItemLength.value > 0 && mode.value === 'horizontal'}></SubMenu>
+            v-show={overflowItemLength.value > 0 && mode.value === 'horizontal' && !props.disableOverflowStyle}></SubMenu>
         </ul>
       );
     };

packages/devui-vue/docs/components/menu/index.md

@@ -203,6 +203,7 @@ let width = ref(480);
   });
   </script>
 ```
+
 :::
 
 ### 收缩菜单
@@ -373,6 +374,7 @@ const addSelect = () => {
 | open-keys           | Array                 | []         | 默认展开的子菜单 key 值                                                         | [默认展开](#默认展开)     |
 | default-select-keys | Array                 | []         | 默认选择菜单项 key 值                                                           | [基本用法](#基本用法)     |
 | router              | Boolean               | false      | 是否启用`vue-router`模式。启用该模式会在激活导航时以 key 作为 path 进行路由跳转 | -                         |
+| disableOverflowStyle| Boolean               | false      | 是否禁用宽度过小时菜单的省略样式                                              | -                         |
 
 ### Menu 事件