From 3ccc6e44a599c301f642f35f8c6761a22274fdaf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8C=97=E6=9E=B3?=
 <7854742+wang_rumeng@user.noreply.gitee.com>
Date: Fri, 1 Aug 2025 20:47:45 +0800
Subject: [PATCH] =?UTF-8?q?edit=20modal=E4=BA=A4=E4=BA=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/ui/edit-modal.tsx                 |  4 ++--
 components/ui/shot-editor/CharacterToken.tsx |  2 +-
 components/ui/shot-tab-content.tsx           | 11 ++++++++---
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/components/ui/edit-modal.tsx b/components/ui/edit-modal.tsx
index be4e2ec..c420bc5 100644
--- a/components/ui/edit-modal.tsx
+++ b/components/ui/edit-modal.tsx
@@ -235,7 +235,7 @@ export function EditModal({
               </div>
 
               {/* 底部操作栏 */}
-              {/* <div className="p-4 border-t border-white/10 bg-black/20">
+              <div className="p-4 border-t border-white/10 bg-black/20">
                 <div className="flex justify-end gap-3">
                   <motion.button
                     className="px-4 py-2 rounded-lg bg-white/10 text-white hover:bg-white/20 transition-colors"
@@ -253,7 +253,7 @@ export function EditModal({
                     Save
                   </motion.button>
                 </div>
-              </div> */}
+              </div>
             </motion.div>
           </div>
         </>
diff --git a/components/ui/shot-editor/CharacterToken.tsx b/components/ui/shot-editor/CharacterToken.tsx
index 313fbff..7eaefff 100644
--- a/components/ui/shot-editor/CharacterToken.tsx
+++ b/components/ui/shot-editor/CharacterToken.tsx
@@ -43,7 +43,7 @@ export function CharacterToken(props: ReactNodeViewProps) {
             animate={{ opacity: 1, y: 0 }}
             exit={{ opacity: 0, y: 4 }}
             transition={{ duration: 0.2 }}
-            className="absolute top-full left-0 mt-2 w-64 rounded-lg bg-gray-900 border border-gray-800 shadow-2xl p-4 z-50"
+            className="absolute top-full left-0 mt-2 w-64 rounded-lg  backdrop-blur-md bg-white/10 border border-white/20 p-4 z-50"
           >
             <div className="flex items-center gap-3">
               <img
diff --git a/components/ui/shot-tab-content.tsx b/components/ui/shot-tab-content.tsx
index 3b78e26..a8d492f 100644
--- a/components/ui/shot-tab-content.tsx
+++ b/components/ui/shot-tab-content.tsx
@@ -121,6 +121,12 @@ export function ShotTabContent({
     
   };
 
+  // 切换选择分镜
+  const handleSelectShot = (index: number) => {
+    // 切换前 判断数据是否发生变化
+    onSketchSelect(index);
+  };
+
   // 如果没有数据，显示空状态
   if (sketches.length === 0) {
     return (
@@ -143,7 +149,7 @@ export function ShotTabContent({
             itemWidth={128}
             gap={0}
             selectedIndex={currentSketchIndex}
-            onItemClick={(i: number) => onSketchSelect(i)}
+            onItemClick={(i: number) => handleSelectShot(i)}
           >
             {sketches.map((sketch, index) => (
               <motion.div
@@ -187,7 +193,7 @@ export function ShotTabContent({
             itemWidth={'auto'}
             gap={0}
             selectedIndex={currentSketchIndex}
-            onItemClick={(i: number) => onSketchSelect(i)}
+            onItemClick={(i: number) => handleSelectShot(i)}
           >
             {sketches.map((video, index) => {
               const isActive = currentSketchIndex === index;
@@ -198,7 +204,6 @@ export function ShotTabContent({
                     'flex-shrink-0 cursor-pointer transition-all duration-300',
                     isActive ? 'text-white' : 'text-white/50 hover:text-white/80'
                   )}
-                  onClick={() => onSketchSelect(index)}
                   initial={false}
                   animate={{
                     scale: isActive ? 1.02 : 1,