feat: allow more than 2 levels nested nav

lowcoder-org · FalkWolsky · Nov 20, 2023 · Nov 19, 2023 · Nov 14, 2023 · Nov 14, 2023
commit 48e4c713aa8863f365da611e8f3100c623312f0b
diff --git a/client/packages/lowcoder/src/comps/comps/layout/navLayout.tsx b/client/packages/lowcoder/src/comps/comps/layout/navLayout.tsx
@@ -133,21 +133,25 @@ NavTmpLayout = withViewFn(NavTmpLayout, (comp) => {
     },
     [filterItem]
   );
-
-  const itemKeyRecord = useMemo(() => {
+
+  const generateItemKeyRecord = useCallback((items: LayoutMenuItemComp[]) => {
+    console.log('generateItemKeyRecord', items)
     const result: Record<string, LayoutMenuItemComp> = {};
     items.forEach((item) => {
       const subItems = item.children.items.getView();
       if (subItems.length > 0) {
-        item.children.items
-          .getView()
-          .forEach((subItem) => (result[subItem.getItemKey()] = subItem));
-      } else {
+        Object.assign(result, generateItemKeyRecord(subItems))
+      }
+      else {
         result[item.getItemKey()] = item;
       }
     });
     return result;
-  }, [items]);
+  }, [items])
+
+  const itemKeyRecord = useMemo(() => {
+    return generateItemKeyRecord(items)
+  }, [generateItemKeyRecord, items]);
 
   const defaultOpenKeys = useMemo(() => {
     let itemPath: string[];

diff --git a/client/packages/lowcoder/src/comps/comps/navComp/components/DroppableMenuItem.tsx b/client/packages/lowcoder/src/comps/comps/navComp/components/DroppableMenuItem.tsx
@@ -117,7 +117,7 @@ export default function DraggableMenuItem(props: IDraggableMenuItemProps) {
                 item={subItem}
                 level={0}
                 disabled={disabled || isDragging || disableDropIn}
-                // onAddSubMenu={onAddSubMenu}
+                onAddSubMenu={onAddSubMenu}
                 onDelete={onDelete}
                 parentDragging={isDragging}
               />