Function useConfigTree

src/renderer/src/hooks/useSettings.ts:23–45

(tree: ConfigTree<T>)

// 通用树操作 Hook
function useConfigTree<T extends ConfigItemBase>(tree: ConfigTree<T>): ConfigTreeResult<T> {
  const rootItems = useMemo(() => {
    const items = tree.items.filter((item) => !item.parentFolderId)
    const folders = tree.folders.filter((f) => !f.parentFolderId)
    return [...folders, ...items].sort((a, b) => (a.order ?? 0) - (b.order ?? 0))
  }, [tree.items, tree.folders])

  const getItemsInFolder = useCallback(
    (folderId: string | undefined): (T | ConfigFolder)[] => {
      const items = tree.items.filter((item) => item.parentFolderId === folderId)
      const folders = tree.folders.filter((f) => f.parentFolderId === folderId)
      return [...folders, ...items].sort((a, b) => (a.order ?? 0) - (b.order ?? 0))
    },
    [tree.items, tree.folders]
  )

  const expandedKeys = useMemo(
    () => tree.folders.filter((f) => f.expanded).map((f) => f.id),
    [tree.folders]
  )

  return { items: tree.items, folders: tree.folders, rootItems, getItemsInFolder, expandedKeys }
}

interface UseSettingsResult {
  settings: Settings