修复lint错误：移除未使用的导入和变量，修改函数参数名称

Author: CC11001100

src/components/algorithm/AlgorithmVisualization.tsx

@@ -1,11 +1,6 @@
 import React, { useRef, useEffect, useMemo } from 'react';
 import * as d3 from 'd3';
 import { AlgorithmState, AlgorithmStep } from './types';
-import CharacterDisplay from './CharacterDisplay';
-import PointerDisplay from './PointerDisplay';
-import HashSetDisplay from './HashSetDisplay';
-import AnswerDisplay from './AnswerDisplay';
-import StepInfo from './StepInfo';
 
 interface AlgorithmVisualizationProps {
   inputString: string;
@@ -328,7 +323,7 @@ function renderCharacterDisplay(svg: d3.Selection<SVGSVGElement, unknown, null,
     .attr('font-weight', 'bold')
     .attr('font-family', 'monospace')
     .attr('fill', '#333')
-    .text(d => String(d));
+    .text(char => String(char));
 
   // 添加淡入动画
   charGroup.transition()

src/components/algorithm/AnswerDisplay.tsx

@@ -1,7 +1,6 @@
 import React, { useEffect } from 'react';
 import * as d3 from 'd3';
 import { AlgorithmState } from './types';
-import { calculateCharDimensions } from './drawingUtils';
 
 interface AnswerDisplayProps {
   svg: d3.Selection<SVGSVGElement, unknown, null, undefined>;

src/components/algorithm/CharacterDisplay.tsx

@@ -49,34 +49,34 @@ const CharacterDisplay: React.FC<CharacterDisplayProps> = ({
     const duplicateChar = currentState.duplicateChar || '';
 
     // 绘制字符
-    const charGroup = svg.selectAll('.char-group')
+    svg.selectAll('.char-group')
       .data(inputString.split(''))
       .join(
         // 添加新字符
         enter => {
           const g = enter.append('g')
             .attr('class', 'char-group')
-            .attr('transform', (d, i) => `translate(${startX + i * (charWidth + spacing)}, ${startY})`)
+            .attr('transform', (_, i) => `translate(${startX + i * (charWidth + spacing)}, ${startY})`)
             .style('opacity', 0);
 
           g.append('rect')
             .attr('width', charWidth)
             .attr('height', charHeight)
             .attr('rx', 5)
             .attr('ry', 5)
-            .attr('fill', (d, i) => {
+            .attr('fill', (_, i) => {
               if (i >= leftPointer && i <= rightPointer) {
                 return '#e0f7fa';
               }
               return '#f5f5f5';
             })
-            .attr('stroke', (d, i) => {
+            .attr('stroke', (d) => {
               if (duplicateFound && d === duplicateChar) {
                 return '#f44336';
               }
               return '#ccc';
             })
-            .attr('stroke-width', (d, i) => {
+            .attr('stroke-width', (d) => {
               if (duplicateFound && d === duplicateChar) {
                 return 3;
               }
@@ -102,26 +102,26 @@ const CharacterDisplay: React.FC<CharacterDisplayProps> = ({
         update => {
           update.transition()
             .duration(400)
-            .attr('transform', (d, i) => `translate(${startX + i * (charWidth + spacing)}, ${startY})`);
+            .attr('transform', (_, i) => `translate(${startX + i * (charWidth + spacing)}, ${startY})`);
 
           update.select('rect')
             .transition()
             .duration(400)
             .attr('width', charWidth)
             .attr('height', charHeight)
-            .attr('fill', (d, i) => {
+            .attr('fill', (_, i) => {
               if (i >= leftPointer && i <= rightPointer) {
                 return '#e0f7fa';
               }
               return '#f5f5f5';
             })
-            .attr('stroke', (d, i) => {
+            .attr('stroke', (d) => {
               if (duplicateFound && d === duplicateChar) {
                 return '#f44336';
               }
               return '#ccc';
             })
-            .attr('stroke-width', (d, i) => {
+            .attr('stroke-width', (d) => {
               if (duplicateFound && d === duplicateChar) {
                 return 3;
               }
@@ -139,7 +139,7 @@ const CharacterDisplay: React.FC<CharacterDisplayProps> = ({
         }
       )
       .transition()
-      .delay((d, i) => i * 50) // 连续展现动画效果
+      .delay((_, i) => i * 50) // 连续展现动画效果
       .duration(300)
       .style('opacity', 1);