탭기능 중간커밋

2025-11-24 17:24:47 +09:00
parent ddb1d4cf60
commit 00501f359c
13 changed files with 1403 additions and 191 deletions
@@ -397,6 +397,37 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
      );
    }

+    // 탭 컴포넌트 처리
+    if (comp.type === "tabs" || (comp.type === "component" && comp.componentId === "tabs-widget")) {
+      const TabsWidget = require("@/components/screen/widgets/TabsWidget").TabsWidget;
+      
+      // componentConfig에서 탭 정보 추출
+      const tabsConfig = comp.componentConfig || {};
+      const tabsComponent = {
+        ...comp,
+        type: "tabs" as const,
+        tabs: tabsConfig.tabs || [],
+        defaultTab: tabsConfig.defaultTab,
+        orientation: tabsConfig.orientation || "horizontal",
+        variant: tabsConfig.variant || "default",
+        allowCloseable: tabsConfig.allowCloseable || false,
+        persistSelection: tabsConfig.persistSelection || false,
+      };
+      
+      console.log("🔍 탭 컴포넌트 렌더링:", {
+        originalType: comp.type,
+        componentId: (comp as any).componentId,
+        tabs: tabsComponent.tabs,
+        tabsConfig,
+      });
+      
+      return (
+        <div className="h-full w-full">
+          <TabsWidget component={tabsComponent as any} />
+        </div>
+      );
+    }
+
    const { widgetType, label, placeholder, required, readonly, columnName } = comp;
    const fieldName = columnName || comp.id;
    const currentValue = formData[fieldName] || "";