feat: contextMenuItem add hidden property (#1890)

* fix: dropdown placement bottomCenter to bottom * feat: contextMenuItem add hidden property

feat: contextMenuItem add hidden property (#1890)
* fix: dropdown placement bottomCenter to bottom * feat: contextMenuItem add hidden property
chengj · GitHub
1 parent c3b5abc3
Showing 4 changed files with 5 additions and 1 deletions
src/components/ContextMenu/src/ContextMenu.vue
src/components/ContextMenu/src/typing.ts
src/components/Tree/src/Tree.vue
src/components/Tree/src/tree.ts
@@ -89,7 +89,8 @@
       }
  
       function renderMenuItem(items: ContextMenuItem[]) {
-        return items.map((item) => {
+        const visibleItems = items.filter((item) => !item.hidden);
+        return visibleItems.map((item) => {
           const { disabled, label, children, divider = false } = item;
  
           const contentProps = {
@@ -6,6 +6,7 @@ export interface Axis {
 export interface ContextMenuItem {
   label: string;
   icon?: string;
+  hidden?: boolean;
   disabled?: boolean;
   handler?: Fn;
   divider?: boolean;
@@ -146,6 +146,7 @@
           contextMenuOptions.items = menuList;
         }
         if (!contextMenuOptions.items?.length) return;
+        contextMenuOptions.items = contextMenuOptions.items.filter((item) => !item.hidden);
         createContextMenu(contextMenuOptions);
       }
  
@@ -141,6 +141,7 @@ export type TreeProps = ExtractPropTypes&lt;typeof treeProps&gt;;
 export interface ContextMenuItem {
   label: string;
   icon?: string;
+  hidden?: boolean;
   disabled?: boolean;
   handler?: Fn;
   divider?: boolean;