fix: 修复 linter 错误 - 避免在 useEffect 中同步调用 setState，移除未使用的变量

Author: CC11001100

src/App.tsx

@@ -26,19 +26,22 @@ function App() {
 
   // 当输入数据变化时，重新构建树和步骤
   useEffect(() => {
-    const tree = buildTreeFromArray(inputData);
-    setTreeData(tree);
-    
-    // 生成算法步骤
-    const newSteps = generateAlgorithmSteps(tree, 600, 350);
-    setSteps(newSteps);
-    
-    setPlaybackState(prev => ({
-      ...prev,
-      currentStep: 0,
-      totalSteps: newSteps.length,
-      isPlaying: false,
-    }));
+    // 使用 queueMicrotask 避免在 effect 中同步调用 setState
+    queueMicrotask(() => {
+      const tree = buildTreeFromArray(inputData);
+      setTreeData(tree);
+      
+      // 生成算法步骤
+      const newSteps = generateAlgorithmSteps(tree, 600, 350);
+      setSteps(newSteps);
+      
+      setPlaybackState(prev => ({
+        ...prev,
+        currentStep: 0,
+        totalSteps: newSteps.length,
+        isPlaying: false,
+      }));
+    });
 
     // 停止播放
     if (playIntervalRef.current) {

src/components/Canvas/Canvas.tsx

@@ -298,6 +298,8 @@ function getAnnotationBgColor(type: Annotation['type']): string {
   }
 }
 
-function getAnnotationTextColor(_type: Annotation['type']): string {
+function getAnnotationTextColor(type: Annotation['type']): string {
+  // 保留参数以便将来根据类型返回不同颜色
+  void type;
   return '#1a1a2e';
 }