0.3.0.5

components/tree/tree-layout.tsx

@@ -4,6 +4,7 @@ import { FamilyNode } from "./family-node"
 import { useFamily } from "@/context/family-context"
 import { useEffect, useRef, useState, useCallback, useMemo, memo } from "react"
 import { useRouter } from "next/navigation"
+import { permissions } from "@/lib/permissions"
 
 interface TreeLayoutProps {
   rootId: string
@@ -26,7 +27,10 @@ export function TreeLayout({
   selectedMembers = [],
   onMemberClick
 }: TreeLayoutProps) {
-  const { getMember, treeData, highlightedMemberId } = useFamily()
+  const { getMember, treeData, highlightedMemberId, currentTree } = useFamily()
+  
+  // 检查用户是否有创建权限
+  const canEdit = permissions.canCreate(currentTree?.currentUserRole)
   const root = getMember(rootId)
   const router = useRouter()
   const containerRef = useRef<HTMLDivElement>(null)
@@ -192,6 +196,7 @@ export function TreeLayout({
             isHighlighted={member.id === highlightedMemberId}
             relationMode={relationMode}
             isSelected={selectedMembers.includes(member.id)}
+            canEdit={canEdit}
           />
         </div>