@designbasekorea/ui 0.1.28 → 0.1.30

package/dist/index.d.ts

@@ -3310,42 +3310,58 @@ declare const Spinner: React$1.FC<SpinnerProps>;
 /**
  * SplitView 컴포넌트
  *
- * 화면을 분할하여 두 개의 패널을 제공하는 컴포넌트입니다.
+ * 화면을 분할하여 여러 개의 패널을 제공하는 컴포넌트입니다.
  * 리사이즈 가능한 분할선과 패널 크기 조절을 지원합니다.
  */
 
 type SplitDirection = 'horizontal' | 'vertical';
 type SplitSize = 's' | 'm' | 'l' | 'xl';
 type SplitMode = 'ratio' | 'fixed';
+interface SplitPanel {
+    /** 패널 컨텐츠 */
+    content: React$1.ReactNode;
+    /** 패널 크기 (고정 크기는 px, 비율은 0-1) */
+    size?: number;
+    /** 최소 크기 (px) */
+    minSize?: number;
+    /** 최대 크기 (px) */
+    maxSize?: number;
+    /** 리사이즈 가능 여부 */
+    resizable?: boolean;
+    /** 추가 CSS 클래스 */
+    className?: string;
+}
 interface SplitViewProps {
     /** 분할 방향 */
     direction?: SplitDirection;
     /** 분할 모드: ratio(비율) 또는 fixed(고정크기) */
     mode?: SplitMode;
-    /** 초기 분할 비율 (0-1) - mode가 'ratio'일 때 사용 */
-    initialSplit?: number;
-    /** 첫 번째 패널 고정 크기 (px) - mode가 'fixed'일 때 사용 */
-    firstSize?: number;
-    /** 최소 패널 크기 (px) */
-    minSize?: number;
-    /** 최대 패널 크기 (px) */
-    maxSize?: number;
+    /** 패널 목록 (2개 이상) */
+    panels?: SplitPanel[];
     /** 분할선 크기 (px) */
     splitterSize?: number;
     /** 분할선 색상 */
     splitterColor?: string;
     /** 분할선 호버 색상 */
     splitterHoverColor?: string;
-    /** 첫 번째 패널 */
-    first: React$1.ReactNode;
-    /** 두 번째 패널 */
-    second: React$1.ReactNode;
     /** 전체 너비 사용 */
     fullWidth?: boolean;
     /** 전체 높이 사용 */
     fullHeight?: boolean;
     /** 추가 CSS 클래스 */
     className?: string;
+    /** @deprecated panels 사용 권장 */
+    first?: React$1.ReactNode;
+    /** @deprecated panels 사용 권장 */
+    second?: React$1.ReactNode;
+    /** @deprecated panels[0].size 사용 권장 */
+    initialSplit?: number;
+    /** @deprecated panels[0].size 사용 권장 */
+    firstSize?: number;
+    /** @deprecated panels[].minSize 사용 권장 */
+    minSize?: number;
+    /** @deprecated panels[].maxSize 사용 권장 */
+    maxSize?: number;
 }
 declare const SplitView: React$1.FC<SplitViewProps>;