선택항목 상게입력 컴포넌트 구현

frontend/lib/utils/buttonActions.ts

@@ -16,6 +16,7 @@ export type ButtonActionType =
   | "edit" // 편집
   | "copy" // 복사 (품목코드 초기화)
   | "navigate" // 페이지 이동
+  | "openModalWithData" // 🆕 데이터를 전달하면서 모달 열기
   | "modal" // 모달 열기
   | "control" // 제어 흐름
   | "view_table_history" // 테이블 이력 보기
@@ -44,6 +45,7 @@ export interface ButtonActionConfig {
   modalSize?: "sm" | "md" | "lg" | "xl";
   popupWidth?: number;
   popupHeight?: number;
+  dataSourceId?: string; // 🆕 modalDataStore에서 데이터를 가져올 ID (openModalWithData용)
 
   // 확인 메시지
   confirmMessage?: string;
@@ -149,6 +151,9 @@ export class ButtonActionExecutor {
         case "navigate":
           return this.handleNavigate(config, context);
 
+        case "openModalWithData":
+          return await this.handleOpenModalWithData(config, context);
+
         case "modal":
           return await this.handleModal(config, context);
 
@@ -667,6 +672,83 @@ export class ButtonActionExecutor {
     return true;
   }
 
+  /**
+   * 🆕 데이터를 전달하면서 모달 열기 액션 처리
+   */
+  private static async handleOpenModalWithData(
+    config: ButtonActionConfig,
+    context: ButtonActionContext,
+  ): Promise<boolean> {
+    console.log("📦 데이터와 함께 모달 열기:", {
+      title: config.modalTitle,
+      size: config.modalSize,
+      targetScreenId: config.targetScreenId,
+      dataSourceId: config.dataSourceId,
+    });
+
+    // 1. dataSourceId 확인 (없으면 selectedRows에서 데이터 전달)
+    const dataSourceId = config.dataSourceId || context.tableName || "default";
+
+    // 2. modalDataStore에서 데이터 확인
+    try {
+      const { useModalDataStore } = await import("@/stores/modalDataStore");
+      const modalData = useModalDataStore.getState().dataRegistry[dataSourceId] || [];
+
+      if (modalData.length === 0) {
+        console.warn("⚠️ 전달할 데이터가 없습니다:", dataSourceId);
+        toast.warning("선택된 데이터가 없습니다. 먼저 항목을 선택해주세요.");
+        return false;
+      }
+
+      console.log("✅ 전달할 데이터:", {
+        dataSourceId,
+        count: modalData.length,
+        data: modalData,
+      });
+    } catch (error) {
+      console.error("❌ 데이터 확인 실패:", error);
+      toast.error("데이터 확인 중 오류가 발생했습니다.");
+      return false;
+    }
+
+    // 3. 모달 열기
+    if (config.targetScreenId) {
+      // config에 modalDescription이 있으면 우선 사용
+      let description = config.modalDescription || "";
+
+      // config에 없으면 화면 정보에서 가져오기
+      if (!description) {
+        try {
+          const screenInfo = await screenApi.getScreen(config.targetScreenId);
+          description = screenInfo?.description || "";
+        } catch (error) {
+          console.warn("화면 설명을 가져오지 못했습니다:", error);
+        }
+      }
+
+      // 전역 모달 상태 업데이트를 위한 이벤트 발생
+      const modalEvent = new CustomEvent("openScreenModal", {
+        detail: {
+          screenId: config.targetScreenId,
+          title: config.modalTitle || "데이터 입력",
+          description: description,
+          size: config.modalSize || "lg", // 데이터 입력 화면은 기본 large
+        },
+      });
+
+      window.dispatchEvent(modalEvent);
+      
+      // 성공 메시지 (간단하게)
+      toast.success(config.successMessage || "다음 단계로 진행합니다.");
+      
+      return true;
+    } else {
+      console.error("모달로 열 화면이 지정되지 않았습니다.");
+      toast.error("대상 화면이 지정되지 않았습니다.");
+      return false;
+    }
+  }
+
   /**
    * 새 창 액션 처리
    */
@@ -2599,6 +2681,13 @@ export const DEFAULT_BUTTON_ACTIONS: Record<ButtonActionType, Partial<ButtonActi
   navigate: {
     type: "navigate",
   },
+  openModalWithData: {
+    type: "openModalWithData",
+    modalSize: "md",
+    confirmMessage: "다음 단계로 진행하시겠습니까?",
+    successMessage: "데이터가 전달되었습니다.",
+    errorMessage: "데이터 전달 중 오류가 발생했습니다.",
+  },
   modal: {
     type: "modal",
     modalSize: "md",