[251115] fix: ProductVideo.v3.jsx 전체화면에서 모달복귀 포커스 문제

🕐 커밋 시간: 2025. 11. 15. 14:15:28

📊 변경 통계:
  • 총 파일: 6개
  • 추가: +90줄
  • 삭제: -131줄

📝 수정된 파일:
  ~ com.twin.app.shoptime/src/App/App.js
  ~ com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.v3.module.less
  ~ com.twin.app.shoptime/src/views/DetailPanel/DetailPanel.jsx
  ~ com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.jsx
  ~ com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/ProductVideo/ProductVideo.v3.jsx
  ~ com.twin.app.shoptime/src/views/MediaPanel/MediaPanel.v3.jsx

🔧 함수 변경 내용:
  📄 com.twin.app.shoptime/src/App/App.js (javascript):
    ✅ Added: resolveSpotlightIdFromEvent()
  📄 com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.jsx (javascript):
    🔄 Modified: extractProductMeta()
  📄 com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/ProductVideo/ProductVideo.v3.jsx (javascript):
    🔄 Modified: Spottable()
  📄 com.twin.app.shoptime/src/views/MediaPanel/MediaPanel.v3.jsx (javascript):
    🔄 Modified: normalizeModalStyle()

🔧 주요 변경 내용:
  • 핵심 비즈니스 로직 개선
  • UI 컴포넌트 아키텍처 개선

Performance: 코드 최적화로 성능 개선 기대

com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.v3.module.less

@@ -26,8 +26,8 @@
   }
 
   .media {
-    height: calc(100% - 4px);
-    width: calc(100% - 4px);
+    height: var(--media-height, calc(100% - 4px));
+    width: var(--media-width, calc(100% - 4px));
     background: #000;
 
     &.mediaBackground {