fix(tree): stale closure in React.memo causing sibling folder collapse

[beyond-infra]

问题

展开一个文件夹后，其他已展开的文件夹被自动折叠。Closes #1014。

根因

Node.tsx 使用 React.memo，其 isEqual 比较函数不检查 onChange（即 onNodeChange）prop 是否变化。当一个 Node 的 data 未变时，React.memo 复用旧 VNode，保留了旧的 onNodeChange handler。

旧 handler 的闭包中 tree 是创建时的快照，不包含之后其他文件夹的折叠/展开操作。当该 handler 被调用时，cloneDeep(旧tree) 将其他文件夹的状态回退到过去的值。

触发链路

1. 初始：A 折叠，B 展开，C 展开
2. 折叠 C → Tree 重渲染，onNodeChange_2 创建
3. A 的 data 未变 → isEqual=true → A 保留旧的 onNodeChange_1
4. 展开 A → 触发 onNodeChange_1（闭包中 tree=[A折叠, B展开, C展开]）
5. cloneDeep(旧tree) → A 展开，C 也被「恢复」为展开

修复

Tree.tsx 中 onNodeChange 改为 useCallback + ref：

const treeRef = useRef(tree)
treeRef.current = tree
const onChangeRef = useRef(onChange)
onChangeRef.current = onChange

const onNodeChange = useCallback((id, data) => {
  const tree2 = lodash.cloneDeep(treeRef.current)
  // ...
  onChangeRef.current?.(tree2)
}, [])

useCallback 空依赖保证函数引用永不变（React.memo 稳定），内部通过 ref 始终读取最新 tree 和 onChange。

[oldj]

感谢！