화면 분할 패널 기능

frontend/lib/registry/components/select-basic/SelectBasicComponent.tsx

@@ -2,6 +2,8 @@ import React, { useState, useEffect, useRef, useMemo } from "react";
 import { filterDOMProps } from "@/lib/utils/domPropsFilter";
 import { useCodeOptions, useTableCodeCategory } from "@/hooks/queries/useCodes";
 import { cn } from "@/lib/registry/components/common/inputStyles";
+import { useScreenContextOptional } from "@/contexts/ScreenContext";
+import type { DataProvidable } from "@/types/data-transfer";
 
 interface Option {
   value: string;
@@ -50,6 +52,9 @@ const SelectBasicComponent: React.FC<SelectBasicComponentProps> = ({
   menuObjid, // 🆕 메뉴 OBJID
   ...props
 }) => {
+  // 화면 컨텍스트 (데이터 제공자로 등록)
+  const screenContext = useScreenContextOptional();
+
   // 🚨 최초 렌더링 확인용 (테스트 후 제거)
   console.log("🚨🚨🚨 [SelectBasicComponent] 렌더링됨!!!!", {
     componentId: component.id,
@@ -249,6 +254,47 @@ const SelectBasicComponent: React.FC<SelectBasicComponentProps> = ({
   // - 중복 요청 방지: 동일한 queryKey에 대해 자동 중복 제거
   // - 상태 동기화: 모든 컴포넌트가 같은 캐시 공유
 
+  // 📦 DataProvidable 인터페이스 구현 (데이터 전달 시 셀렉트 값 제공)
+  const dataProvider: DataProvidable = {
+    componentId: component.id,
+    componentType: "select",
+    
+    getSelectedData: () => {
+      // 현재 선택된 값을 배열로 반환
+      const fieldName = component.columnName || "selectedValue";
+      return [{
+        [fieldName]: selectedValue,
+        value: selectedValue,
+        label: selectedLabel,
+      }];
+    },
+    
+    getAllData: () => {
+      // 모든 옵션 반환
+      const configOptions = config.options || [];
+      return [...codeOptions, ...categoryOptions, ...configOptions];
+    },
+    
+    clearSelection: () => {
+      setSelectedValue("");
+      setSelectedLabel("");
+      if (isMultiple) {
+        setSelectedValues([]);
+      }
+    },
+  };
+
+  // 화면 컨텍스트에 데이터 제공자로 등록
+  useEffect(() => {
+    if (screenContext && component.id) {
+      screenContext.registerDataProvider(component.id, dataProvider);
+      
+      return () => {
+        screenContext.unregisterDataProvider(component.id);
+      };
+    }
+  }, [screenContext, component.id, selectedValue, selectedLabel, selectedValues]);
+
   // 선택된 값에 따른 라벨 업데이트
   useEffect(() => {
     const getAllOptions = () => {