분할레이아웃

2025-10-15 17:25:38 +09:00
parent 3d242c1c8e
commit 7686158a01
22 changed files with 2119 additions and 218 deletions
--- a/frontend/lib/registry/components/split-panel-layout/config.ts
+++ b/frontend/lib/registry/components/split-panel-layout/config.ts
@@ -0,0 +1,69 @@
+/**
+ * SplitPanelLayout 컴포넌트 설정
+ */
+
+export const splitPanelLayoutConfig = {
+  // 기본 스타일
+  defaultStyle: {
+    border: "1px solid #e5e7eb",
+    borderRadius: "8px",
+    backgroundColor: "#ffffff",
+  },
+
+  // 프리셋 설정들
+  presets: {
+    codeManagement: {
+      name: "코드 관리",
+      leftPanel: {
+        title: "코드 카테고리",
+        showSearch: true,
+        showAdd: true,
+      },
+      rightPanel: {
+        title: "코드 목록",
+        showSearch: true,
+        showAdd: true,
+        relation: {
+          type: "detail",
+          foreignKey: "category_id",
+        },
+      },
+      splitRatio: 30,
+    },
+    tableJoin: {
+      name: "테이블 조인",
+      leftPanel: {
+        title: "기본 테이블",
+        showSearch: true,
+        showAdd: false,
+      },
+      rightPanel: {
+        title: "조인 조건",
+        showSearch: false,
+        showAdd: true,
+        relation: {
+          type: "join",
+        },
+      },
+      splitRatio: 35,
+    },
+    menuSettings: {
+      name: "메뉴 설정",
+      leftPanel: {
+        title: "메뉴 트리",
+        showSearch: true,
+        showAdd: true,
+      },
+      rightPanel: {
+        title: "메뉴 상세",
+        showSearch: false,
+        showAdd: false,
+        relation: {
+          type: "detail",
+          foreignKey: "menu_id",
+        },
+      },
+      splitRatio: 25,
+    },
+  },
+};