From cddaf0249c1e7e6c8b8f8ebd4efb154110cc516f Mon Sep 17 00:00:00 2001
From: xiaoxia <dev@xiaoxiajianji.com>
Date: Thu, 30 Jul 2026 09:10:16 +0800
Subject: [PATCH] =?UTF-8?q?refactor(PipConfigPanel):=20=E5=88=A0=E9=99=A4?=
 =?UTF-8?q?=E6=97=A7=E5=8D=95=E6=96=87=E4=BB=B6=EF=BC=88=E5=B7=B2=E7=9B=AE?=
 =?UTF-8?q?=E5=BD=95=E5=8C=96=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/PipConfigPanel.tsx             | 91 -------------------
 1 file changed, 91 deletions(-)
 delete mode 100644 apps/web/src/pages/editing-planner/components/PipConfigPanel.tsx

diff --git a/apps/web/src/pages/editing-planner/components/PipConfigPanel.tsx b/apps/web/src/pages/editing-planner/components/PipConfigPanel.tsx
deleted file mode 100644
index 0c9240ac6..000000000
--- a/apps/web/src/pages/editing-planner/components/PipConfigPanel.tsx
+++ /dev/null
@@ -1,91 +0,0 @@
-/**
- * 混剪配置面板 — Drawer 形式
- * 左侧图层列表 + 右侧单图层配置 + 迷你预览区
- */
-import React from "react"
-import { Drawer, Switch } from "antd"
-import type { PipConfig } from "@/pages/editing-planner/types"
-import LayerList from "./pip-config/LayerList"
-import LayerConfig from "./pip-config/LayerConfig"
-import { usePipLayers } from "@/pages/editing-planner/hooks/usePipLayers"
-
-interface PipConfigPanelProps {
-  open: boolean
-  onClose: () => void
-  config: PipConfig
-  onChange: (config: PipConfig) => void
-  totalDuration: number
-}
-
-const PipConfigPanel: React.FC<PipConfigPanelProps> = ({
-  open,
-  onClose,
-  config,
-  onChange,
-  totalDuration,
-}) => {
-  const {
-    selectedId,
-    setSelectedId,
-    selectedLayer,
-    handleAddLayer,
-    handleDeleteLayer,
-    updateLayer,
-    handleEnableToggle,
-    handleReset,
-    handleGridClick,
-    handleWidthChange,
-    handleHeightChange,
-  } = usePipLayers({ config, onChange })
-
-  return (
-    <Drawer
-      title="🖼️ 混剪设置"
-      placement="right"
-      width={520}
-      open={open}
-      onClose={onClose}
-      className="pip-config-panel-drawer"
-    >
-      {/* ═══ 顶部工具栏 ═══ */}
-      <div className="pip-toolbar">
-        <div className="pip-toolbar-left">
-          <span style={{ fontSize: 13, color: "#666" }}>共 {config.layers.length} 个图层</span>
-        </div>
-        <div className="pip-enable-switch">
-          <span>启用</span>
-          <Switch size="small" checked={config.enabled} onChange={handleEnableToggle} />
-        </div>
-      </div>
-
-      {/* ═══ 主体：图层列表 + 配置区 ═══ */}
-      <div className="pip-body">
-        <LayerList
-          layers={config.layers}
-          selectedId={selectedId}
-          onSelect={setSelectedId}
-          onAdd={handleAddLayer}
-          onDelete={handleDeleteLayer}
-        />
-        <LayerConfig
-          layer={selectedLayer}
-          layers={config.layers}
-          totalDuration={totalDuration}
-          onUpdate={updateLayer}
-          onGridClick={handleGridClick}
-          onWidthChange={handleWidthChange}
-          onHeightChange={handleHeightChange}
-        />
-      </div>
-
-      {/* ── 底部操作 ── */}
-      <div className="pip-footer">
-        <button className="pip-reset-btn" onClick={handleReset}>
-          重置
-        </button>
-      </div>
-    </Drawer>
-  )
-}
-
-export default PipConfigPanel