From c966581a993aa9547a67c65bd4064f7b9b92975f Mon Sep 17 00:00:00 2001
From: leedj312 <dlehd467@gmail.com>
Date: Wed, 26 Mar 2025 16:56:55 +0900
Subject: [PATCH] =?UTF-8?q?selectBox=20default=20value=20=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/ui/select/index.tsx                   | 22 +++++++------------
 1 file changed, 8 insertions(+), 14 deletions(-)

diff --git a/packages/common/business_components/src/ui/select/index.tsx b/packages/common/business_components/src/ui/select/index.tsx
index 1f1294666..dc1ea6986 100644
--- a/packages/common/business_components/src/ui/select/index.tsx
+++ b/packages/common/business_components/src/ui/select/index.tsx
@@ -4,28 +4,22 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from ".
 
 /** 차트 기본 스타일 */
 interface SelectBox1 {
-  text:string,
+  text:string|number,
   val:string
 }
 
+
 const SelectBox = React.forwardRef<
   HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement> & {
-    label:string, 
-    selectClass:string|undefined, 
-    className:string, 
-    selectArray:SelectBox1[], 
-    onSelectValue:(val:string)=>void,
-    value?: string
-  }
->(({ label, className, selectClass, selectArray, onSelectValue, value }, ref)=>{
-  const placeHolder = selectArray?.[0]?.text ?? "";
+  React.HTMLAttributes<HTMLDivElement> & {label:string, selectClass:string|undefined, className:string, selectArray:SelectBox1[], onSelectValue:(val:string)=>void , defaultValue:string|number|undefined }
+>(({ label, className, selectClass, selectArray, onSelectValue, defaultValue }, ref)=>{
+  const placeHolder = defaultValue ? selectArray.find(item => defaultValue === item.val)?.text : selectArray?.[0]?.text;
 
   return (
     <div className={className+" flex items-center"} ref={ref}>
-      {label && <Label className="w-20 text-base text-gray-600">{label}</Label>}
-      <Select onValueChange={onSelectValue} value={value}>
-        <SelectTrigger className={selectClass?selectClass:"flex-1 p-2 border rounded"}>
+      {label && <Label className="m-4 text-2xl w-1/4">{label}</Label>}
+      <Select onValueChange={onSelectValue}>
+        <SelectTrigger className={selectClass?selectClass:"ml-8 w-3/4 text-2xl"}>
           <SelectValue placeholder={placeHolder} />
         </SelectTrigger>
         <SelectContent>