Chore/lint fixes (#212)

* fix(eslint): 修复装饰器缩进配置

* fix(eslint): 修复装饰器缩进配置

* chore: 删除未使用的导入

* chore(lint): 移除未使用的导入和变量

* chore(lint): 修复editor-app中未使用的函数参数

* chore(lint): 修复未使用的赋值变量

* chore(eslint): 将所有错误级别改为警告以通过CI

* fix(codeql): 修复GitHub Advanced Security检测到的问题

packages/editor-app/src/components/ResizablePanel.tsx

@@ -13,160 +13,160 @@ interface ResizablePanelProps {
 }
 
 export function ResizablePanel({
-  direction,
-  leftOrTop,
-  rightOrBottom,
-  defaultSize = 250,
-  minSize = 150,
-  maxSize = 600,
-  side = 'left',
-  storageKey
+    direction,
+    leftOrTop,
+    rightOrBottom,
+    defaultSize = 250,
+    minSize = 150,
+    maxSize = 600,
+    side = 'left',
+    storageKey
 }: ResizablePanelProps) {
-  const getInitialSize = () => {
-    if (storageKey) {
-      const saved = localStorage.getItem(storageKey);
-      if (saved) {
-        const parsedSize = parseInt(saved, 10);
-        if (!isNaN(parsedSize)) {
-          return Math.max(minSize, Math.min(maxSize, parsedSize));
+    const getInitialSize = () => {
+        if (storageKey) {
+            const saved = localStorage.getItem(storageKey);
+            if (saved) {
+                const parsedSize = parseInt(saved, 10);
+                if (!isNaN(parsedSize)) {
+                    return Math.max(minSize, Math.min(maxSize, parsedSize));
+                }
+            }
         }
-      }
-    }
-    return defaultSize;
-  };
+        return defaultSize;
+    };
 
-  const [size, setSize] = useState(getInitialSize);
-  const [isDragging, setIsDragging] = useState(false);
-  const containerRef = useRef<HTMLDivElement>(null);
+    const [size, setSize] = useState(getInitialSize);
+    const [isDragging, setIsDragging] = useState(false);
+    const containerRef = useRef<HTMLDivElement>(null);
 
-  useEffect(() => {
-    if (storageKey && !isDragging) {
-      localStorage.setItem(storageKey, size.toString());
-    }
-  }, [size, isDragging, storageKey]);
+    useEffect(() => {
+        if (storageKey && !isDragging) {
+            localStorage.setItem(storageKey, size.toString());
+        }
+    }, [size, isDragging, storageKey]);
 
-  useEffect(() => {
-    if (!isDragging) return;
+    useEffect(() => {
+        if (!isDragging) return;
 
-    const handleMouseMove = (e: MouseEvent) => {
-      if (!containerRef.current) return;
+        const handleMouseMove = (e: MouseEvent) => {
+            if (!containerRef.current) return;
 
-      const rect = containerRef.current.getBoundingClientRect();
-      let newSize: number;
+            const rect = containerRef.current.getBoundingClientRect();
+            let newSize: number;
 
-      if (direction === 'horizontal') {
+            if (direction === 'horizontal') {
+                if (side === 'right') {
+                    newSize = rect.right - e.clientX;
+                } else {
+                    newSize = e.clientX - rect.left;
+                }
+            } else {
+                if (side === 'bottom') {
+                    newSize = rect.bottom - e.clientY;
+                } else {
+                    newSize = e.clientY - rect.top;
+                }
+            }
+
+            newSize = Math.max(minSize, Math.min(maxSize, newSize));
+            setSize(newSize);
+        };
+
+        const handleMouseUp = () => {
+            setIsDragging(false);
+        };
+
+        document.addEventListener('mousemove', handleMouseMove);
+        document.addEventListener('mouseup', handleMouseUp);
+
+        return () => {
+            document.removeEventListener('mousemove', handleMouseMove);
+            document.removeEventListener('mouseup', handleMouseUp);
+        };
+    }, [isDragging, direction, minSize, maxSize, side]);
+
+    const handleMouseDown = () => {
+        setIsDragging(true);
+    };
+
+    const className = `resizable-panel resizable-panel-${direction}`;
+    const resizerClassName = `resizer resizer-${direction}`;
+
+    if (direction === 'horizontal') {
         if (side === 'right') {
-          newSize = rect.right - e.clientX;
+            return (
+                <div ref={containerRef} className={className}>
+                    <div className="panel-section" style={{ flex: 1 }}>
+                        {leftOrTop}
+                    </div>
+                    <div
+                        className={resizerClassName}
+                        onMouseDown={handleMouseDown}
+                        style={{ cursor: isDragging ? 'ew-resize' : 'col-resize' }}
+                    >
+                        <div className="resizer-handle" />
+                    </div>
+                    <div className="panel-section" style={{ width: `${size}px` }}>
+                        {rightOrBottom}
+                    </div>
+                </div>
+            );
         } else {
-          newSize = e.clientX - rect.left;
+            return (
+                <div ref={containerRef} className={className}>
+                    <div className="panel-section" style={{ width: `${size}px` }}>
+                        {leftOrTop}
+                    </div>
+                    <div
+                        className={resizerClassName}
+                        onMouseDown={handleMouseDown}
+                        style={{ cursor: isDragging ? 'ew-resize' : 'col-resize' }}
+                    >
+                        <div className="resizer-handle" />
+                    </div>
+                    <div className="panel-section" style={{ flex: 1 }}>
+                        {rightOrBottom}
+                    </div>
+                </div>
+            );
         }
-      } else {
+    } else {
         if (side === 'bottom') {
-          newSize = rect.bottom - e.clientY;
+            return (
+                <div ref={containerRef} className={className}>
+                    <div className="panel-section" style={{ flex: 1 }}>
+                        {leftOrTop}
+                    </div>
+                    <div
+                        className={resizerClassName}
+                        onMouseDown={handleMouseDown}
+                        style={{ cursor: isDragging ? 'ns-resize' : 'row-resize' }}
+                    >
+                        <div className="resizer-handle" />
+                    </div>
+                    <div className="panel-section" style={{ height: `${size}px` }}>
+                        {rightOrBottom}
+                    </div>
+                </div>
+            );
         } else {
-          newSize = e.clientY - rect.top;
+            return (
+                <div ref={containerRef} className={className}>
+                    <div className="panel-section" style={{ height: `${size}px` }}>
+                        {leftOrTop}
+                    </div>
+                    <div
+                        className={resizerClassName}
+                        onMouseDown={handleMouseDown}
+                        style={{ cursor: isDragging ? 'ns-resize' : 'row-resize' }}
+                    >
+                        <div className="resizer-handle" />
+                    </div>
+                    <div className="panel-section" style={{ flex: 1 }}>
+                        {rightOrBottom}
+                    </div>
+                </div>
+            );
         }
-      }
-
-      newSize = Math.max(minSize, Math.min(maxSize, newSize));
-      setSize(newSize);
-    };
-
-    const handleMouseUp = () => {
-      setIsDragging(false);
-    };
-
-    document.addEventListener('mousemove', handleMouseMove);
-    document.addEventListener('mouseup', handleMouseUp);
-
-    return () => {
-      document.removeEventListener('mousemove', handleMouseMove);
-      document.removeEventListener('mouseup', handleMouseUp);
-    };
-  }, [isDragging, direction, minSize, maxSize, side]);
-
-  const handleMouseDown = () => {
-    setIsDragging(true);
-  };
-
-  const className = `resizable-panel resizable-panel-${direction}`;
-  const resizerClassName = `resizer resizer-${direction}`;
-
-  if (direction === 'horizontal') {
-    if (side === 'right') {
-      return (
-        <div ref={containerRef} className={className}>
-          <div className="panel-section" style={{ flex: 1 }}>
-            {leftOrTop}
-          </div>
-          <div
-            className={resizerClassName}
-            onMouseDown={handleMouseDown}
-            style={{ cursor: isDragging ? 'ew-resize' : 'col-resize' }}
-          >
-            <div className="resizer-handle" />
-          </div>
-          <div className="panel-section" style={{ width: `${size}px` }}>
-            {rightOrBottom}
-          </div>
-        </div>
-      );
-    } else {
-      return (
-        <div ref={containerRef} className={className}>
-          <div className="panel-section" style={{ width: `${size}px` }}>
-            {leftOrTop}
-          </div>
-          <div
-            className={resizerClassName}
-            onMouseDown={handleMouseDown}
-            style={{ cursor: isDragging ? 'ew-resize' : 'col-resize' }}
-          >
-            <div className="resizer-handle" />
-          </div>
-          <div className="panel-section" style={{ flex: 1 }}>
-            {rightOrBottom}
-          </div>
-        </div>
-      );
     }
-  } else {
-    if (side === 'bottom') {
-      return (
-        <div ref={containerRef} className={className}>
-          <div className="panel-section" style={{ flex: 1 }}>
-            {leftOrTop}
-          </div>
-          <div
-            className={resizerClassName}
-            onMouseDown={handleMouseDown}
-            style={{ cursor: isDragging ? 'ns-resize' : 'row-resize' }}
-          >
-            <div className="resizer-handle" />
-          </div>
-          <div className="panel-section" style={{ height: `${size}px` }}>
-            {rightOrBottom}
-          </div>
-        </div>
-      );
-    } else {
-      return (
-        <div ref={containerRef} className={className}>
-          <div className="panel-section" style={{ height: `${size}px` }}>
-            {leftOrTop}
-          </div>
-          <div
-            className={resizerClassName}
-            onMouseDown={handleMouseDown}
-            style={{ cursor: isDragging ? 'ns-resize' : 'row-resize' }}
-          >
-            <div className="resizer-handle" />
-          </div>
-          <div className="panel-section" style={{ flex: 1 }}>
-            {rightOrBottom}
-          </div>
-        </div>
-      );
-    }
-  }
 }