feat: 트리 메뉴 dnd 로직 작업

apps/cs/src/pages/menu/lib/utils.ts

@@ -37,7 +37,6 @@ export const generateNewTreeData = (
     return {
       menuCd: node.data?.menuCd,
       name: node.data?.menuKornNm,
-      sortSeq: node.data?.sortSeq,
       icon: node.data?.iconNm,
     };
   };
@@ -45,7 +44,8 @@ export const generateNewTreeData = (
   const treeMenu: TreeMenu = {
     ...baseNode(dragSource),
     parentId: dropTargetId === 0 ? null : (dropTargetId as number),
-    levelNo: (dropTarget?.data?.levelNo ?? 0) + 1,
+    sortSeq: dropTarget?.data?.children?.length ?? 0 + 1,
+    levelNo: dropTarget?.data?.levelNo ?? 0 + 1,
   };
 
   const result: TreeMenu = {
@@ -53,7 +53,8 @@ export const generateNewTreeData = (
     children: childNodes.map((child) => ({
       ...baseNode(child),
       parentId: child.data?.parentId === 0 ? null : (dropTargetId as number),
-      levelNo: (treeMenu?.levelNo ?? 0) + 1,
+      sortSeq: child.data?.sortSeq,
+      levelNo: treeMenu?.levelNo ?? 0 + 1,
     })),
   };
 

apps/cs/src/pages/menu/ui/menu-tree.tsx

@@ -73,6 +73,7 @@ function MenuTree({ treeData, siteId }: MenuTreeProps) {
           draggingSource: "",
           placeholder: "",
         }}
+        sort={false}
       />
     </DndProvider>
   );
@@ -114,7 +115,7 @@ function MenuNode({
         {data?.children?.length && (
           <i
             className={cn(
-              "diveicon di-arrow-forward mr-2 text-label",
+              "diveicon di-arrow-forward mr-2 text-base text-label",
               isOpen && "rotate-90",
             )}
             onClick={(e) => {