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 = ({ - open, - onClose, - config, - onChange, - totalDuration, -}) => { - const { - selectedId, - setSelectedId, - selectedLayer, - handleAddLayer, - handleDeleteLayer, - updateLayer, - handleEnableToggle, - handleReset, - handleGridClick, - handleWidthChange, - handleHeightChange, - } = usePipLayers({ config, onChange }) - - return ( - - {/* ═══ 顶部工具栏 ═══ */} -
-
- 共 {config.layers.length} 个图层 -
-
- 启用 - -
-
- - {/* ═══ 主体:图层列表 + 配置区 ═══ */} -
- - -
- - {/* ── 底部操作 ── */} -
- -
-
- ) -} - -export default PipConfigPanel