@j-solution/components 1.0.1 → 1.1.1

package/components/molecules/JTitlebar.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as k, computed as w, createElementBlock as a, openBlock as l, normalizeClass as i, unref as s, createElementVNode as c, createCommentVNode as o, renderSlot as _, createBlock as m, createVNode as b, withCtx as d, toDisplayString as p, Fragment as z, renderList as I } from "vue";
+import { defineComponent as k, computed as w, createElementBlock as a, openBlock as l, normalizeClass as i, unref as s, createElementVNode as c, createCommentVNode as o, renderSlot as _, createBlock as m, createVNode as x, withCtx as d, toDisplayString as b, Fragment as z, renderList as I } from "vue";
 import $ from "../atoms/JButton.vue.js";
 import "../shadcn/index.js";
 import "lucide-vue-next";
@@ -19,10 +19,11 @@ import "ag-grid-enterprise";
 /* empty css                                                                                                          */
 /* empty css                                                                                                          */
 /* empty css                  */
+import "vue-sonner";
 const S = { class: "flex items-center gap-3 flex-1" }, B = { class: "flex items-center gap-2" }, N = { class: "p-2" }, T = { class: "text-sm text-muted-foreground whitespace-normal break-words" }, V = {
   key: 0,
   class: "flex items-center gap-2"
-}, L = { key: 1 }, oe = /* @__PURE__ */ k({
+}, L = { key: 1 }, re = /* @__PURE__ */ k({
   __name: "JTitlebar",
   props: {
     styletype: { default: "default" },
@@ -33,7 +34,7 @@ const S = { class: "flex items-center gap-3 flex-1" }, B = { class: "flex items-
   },
   emits: ["buttonClick"],
   setup(t, { emit: y }) {
-    const g = t, x = {
+    const g = t, p = {
       default: {
         // 기본: 흰 배경 + 얇은 보더 (가장 일반적)
         class: "flex items-center justify-between w-full h-14 px-4 border-b border-border bg-background",
@@ -72,7 +73,7 @@ const S = { class: "flex items-center gap-3 flex-1" }, B = { class: "flex items-
         titleClass: "text-foreground font-semibold",
         infoIconClass: "text-muted-foreground hover:text-primary"
       }
-    }, r = w(() => x[g.styletype] ?? x.default), h = y, C = (n) => {
+    }, r = w(() => p[g.styletype] ?? p.default), h = y, C = (n) => {
       n.onClick?.(), h("buttonClick", n);
     };
     return (n, D) => (l(), a("div", {
@@ -86,7 +87,7 @@ const S = { class: "flex items-center gap-3 flex-1" }, B = { class: "flex items-
           class: i(r.value.iconClass)
         }, null, 8, ["name", "class"])) : o("", !0),
         c("div", B, [
-          b(s(j), {
+          x(s(j), {
             text: t.title || "",
             class: i(s(f)("text-lg font-semibold", r.value.titleClass))
           }, null, 8, ["text", "class"]),
@@ -97,7 +98,7 @@ const S = { class: "flex items-center gap-3 flex-1" }, B = { class: "flex items-
             "side-offset": 8
           }, {
             trigger: d(() => [
-              b(s(u), {
+              x(s(u), {
                 name: "info",
                 size: "sm",
                 class: i(s(f)("cursor-help transition-colors inline-flex", r.value.infoIconClass))
@@ -105,7 +106,7 @@ const S = { class: "flex items-center gap-3 flex-1" }, B = { class: "flex items-
             ]),
             default: d(() => [
               c("div", N, [
-                c("p", T, p(t.description), 1)
+                c("p", T, b(t.description), 1)
               ])
             ]),
             _: 1
@@ -129,7 +130,7 @@ const S = { class: "flex items-center gap-3 flex-1" }, B = { class: "flex items-
               size: "sm",
               class: "mr-1.5"
             }, null, 8, ["name"])) : o("", !0),
-            e.text ? (l(), a("span", L, p(e.text), 1)) : o("", !0)
+            e.text ? (l(), a("span", L, b(e.text), 1)) : o("", !0)
           ]),
           _: 2
         }, 1032, ["variant", "styletype", "disabled", "loading", "class", "onClick"]))), 128))
@@ -139,6 +140,6 @@ const S = { class: "flex items-center gap-3 flex-1" }, B = { class: "flex items-
   }
 });
 export {
-  oe as default
+  re as default
 };
 //# sourceMappingURL=JTitlebar.vue.js.map

package/components/molecules/JTitlebar.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"JTitlebar.vue.js","sources":["../../../../src/components/molecules/JTitlebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\"\nimport { JIcon, JLabel, JPopover, JButton } from '@/components/atoms'\nimport type { ButtonVariants } from '@/components/shadcn'\nimport { cn } from \"@/lib/utils\"\n\nexport type TitlebarButton = {\n  /** 버튼 아이콘 */\n  icon?: string\n  /** 버튼 텍스트 */\n  text?: string\n  /** 버튼 클릭 핸들러 */\n  onClick?: () => void\n  /** 버튼 variant */\n  variant?: ButtonVariants['variant']\n  /** 버튼 스타일 타입 */\n  styletype?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'outline' | 'ghost' | 'link' | 'sm' | 'lg' | 'icon'\n  /** 버튼 size */\n  size?: 'sm' | 'md' | 'lg'\n  /** 버튼 비활성화 */\n  disabled?: boolean\n  /** 버튼 로딩 상태 */\n  loading?: boolean\n}\n\ntype StyleType =\n  | 'default'    // 기본 스타일: 일반 페이지용 (흰 배경, 얇은 보더)\n  | 'primary'    // 강조 스타일: 주요 기능용 (밝은 파란 배경, 흰 텍스트)\n  | 'accent'     // 액센트 스타일: 부드러운 강조용 (연한 파란 배경, 진한 텍스트)\n  | 'neutral'    // 중립 스타일: 서브 페이지용 (회색 배경, 회색 텍스트)\n  | 'elevated'   // 강조 스타일: 깊이감 있는 구분 (흰 배경, 그림자, 보더)\n\nconst props = withDefaults(\n  defineProps<{\n    /** Titlebar 스타일 타입 */\n    styletype?: StyleType\n    /** 프로그램 아이콘 */\n    icon?: string\n    /** 프로그램명 */\n    title?: string\n    /** 프로그램 설명 (Popover에 표시) */\n    description?: string\n    /** 메인 버튼 목록 */\n    buttons?: TitlebarButton[]\n  }>(),\n  {\n    styletype: 'default',\n    buttons: () => [],\n  }\n)\n\n/**\n * styletype -> class 매핑 (배경, 보더, 그림자 등)\n */\nconst STYLE_PRESETS: Record<StyleType, { \n  class: string\n  iconClass: string      // 아이콘 색상 클래스\n  titleClass: string     // 제목 텍스트 색상 클래스\n  infoIconClass: string  // 정보 아이콘 색상 클래스\n}> = {\n  default: {\n    // 기본: 흰 배경 + 얇은 보더 (가장 일반적)\n    class: 'flex items-center justify-between w-full h-14 px-4 border-b border-border bg-background',\n    iconClass: 'text-primary',\n    titleClass: 'text-foreground',\n    infoIconClass: 'text-muted-foreground hover:text-primary',\n  },\n  primary: {\n    // 강조: 밝은 파란 배경 + 흰 텍스트 (명확한 강조)\n    // text-white를 제거하여 버튼이 색상 상속을 받지 않도록 함\n    class: 'flex items-center justify-between w-full h-14 px-4 border-b border-blue-400/30 bg-blue-500',\n    iconClass: 'text-white',\n    titleClass: 'text-white font-semibold',\n    infoIconClass: 'text-white/80 hover:text-white',\n  },\n  accent: {\n    // 액센트: 연한 파란 배경 + 진한 파란 텍스트 (부드러운 강조)\n    // text-blue-700을 제거하여 버튼이 색상 상속을 받지 않도록 함\n    class: 'flex items-center justify-between w-full h-14 px-4 border-b border-blue-200 bg-blue-50',\n    iconClass: 'text-blue-600',\n    titleClass: 'text-blue-700 font-semibold',\n    infoIconClass: 'text-blue-600/70 hover:text-blue-700',\n  },\n  neutral: {\n    // 중립: 회색 배경 + 회색 텍스트 (확실한 구분)\n    // text-gray-700을 제거하여 버튼이 색상 상속을 받지 않도록 함\n    class: 'flex items-center justify-between w-full h-14 px-4 border-b border-gray-300 bg-gray-100',\n    iconClass: 'text-gray-600',\n    titleClass: 'text-gray-700',\n    infoIconClass: 'text-gray-500 hover:text-gray-700',\n  },\n  elevated: {\n    // 강조: 흰 배경 + 그림자 + 보더 (깊이감 있는 구분)\n    class: 'flex items-center justify-between w-full h-14 px-4 border-b border-border bg-background shadow-md',\n    iconClass: 'text-primary',\n    titleClass: 'text-foreground font-semibold',\n    infoIconClass: 'text-muted-foreground hover:text-primary',\n  },\n}\n\nconst preset = computed(() => {\n  return STYLE_PRESETS[props.styletype] ?? STYLE_PRESETS.default\n})\n\nconst emit = defineEmits<{\n  /** 버튼 클릭 이벤트 */\n  buttonClick: [button: TitlebarButton]\n}>()\n\nconst handleButtonClick = (button: TitlebarButton) => {\n  // 버튼 클릭 핸들러 패턴:\n  // 1. button.onClick이 있으면 실행 (인라인 핸들러)\n  // 2. 항상 emit('buttonClick', button) 실행 (부모 컴포넌트로 전달)\n  // 주의: onClick과 emit이 모두 실행되므로 중복 처리 가능성 있음\n  button.onClick?.()\n  emit('buttonClick', button)\n}\n</script>\n\n<template>\n  <div :class=\"cn(preset.class)\">\n    <!-- 왼쪽: 아이콘 + 프로그램명 -->\n    <div class=\"flex items-center gap-3 flex-1\">\n      <!-- 아이콘 -->\n      <JIcon \n        v-if=\"icon\" \n        :name=\"icon\" \n        size=\"md\" \n        :class=\"preset.iconClass\"\n      />\n      \n      <!-- 프로그램명 + 정보 아이콘 + Popover -->\n      <div class=\"flex items-center gap-2\">\n        <!-- 프로그램명 -->\n        <JLabel \n          :text=\"title || ''\" \n          :class=\"cn('text-lg font-semibold', preset.titleClass)\"\n        />\n        \n        <!-- 정보 아이콘 (description이 있을 때만 표시) -->\n        <JPopover \n          v-if=\"description\" \n          position=\"bottom\"\n          align=\"center\"\n          :side-offset=\"8\"\n        >\n          <template #trigger>\n            <JIcon \n              name=\"info\" \n              size=\"sm\" \n              :class=\"cn('cursor-help transition-colors inline-flex', preset.infoIconClass)\"\n            />\n          </template>\n          <div class=\"p-2\">\n            <p class=\"text-sm text-muted-foreground whitespace-normal break-words\">{{ description }}</p>\n          </div>\n        </JPopover>\n      </div>\n    </div>\n\n    <!-- 오른쪽: 메인 버튼들 -->\n    <!-- buttons prop으로 정의된 버튼들 (v-if로 조건부 렌더링) -->\n    <div v-if=\"buttons && buttons.length > 0\" class=\"flex items-center gap-2\">\n      <JButton\n        v-for=\"(button, index) in buttons\"\n        :key=\"index\"\n        :variant=\"button.variant\"\n        :styletype=\"button.styletype\"\n        :disabled=\"button.disabled\"\n        :loading=\"button.loading\"\n        :class=\"button.size === 'sm' ? 'h-8' : button.size === 'lg' ? 'h-11' : 'h-9'\"\n        @click=\"handleButtonClick(button)\"\n      >\n        <JIcon v-if=\"button.icon\" :name=\"button.icon\" size=\"sm\" class=\"mr-1.5\" />\n        <span v-if=\"button.text\">{{ button.text }}</span>\n      </JButton>\n    </div>\n\n    <!-- 버튼 슬롯 레이아웃 설명:\n         - buttons prop과 buttons slot이 모두 제공되면 함께 표시됨\n         - buttons prop: 구조화된 버튼 정의 (JButton 컴포넌트 사용)\n         - buttons slot: 완전한 커스텀 버튼 제어 가능\n         - 레이아웃: buttons prop이 먼저 렌더링되고, 그 다음 slot이 렌더링됨 -->\n    <slot name=\"buttons\" />\n  </div>\n</template>\n\n"],"names":["props","__props","STYLE_PRESETS","preset","computed","emit","__emit","handleButtonClick","button","_createElementBlock","_normalizeClass","_unref","cn","_createElementVNode","_hoisted_1","_createBlock","JIcon","_hoisted_2","_createVNode","JLabel","JPopover","_hoisted_3","_hoisted_4","_toDisplayString","_openBlock","_hoisted_5","_Fragment","_renderList","index","JButton","$event","_hoisted_6","_renderSlot","_ctx"],"mappings":"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"}
+{"version":3,"file":"JTitlebar.vue.js","sources":["../../../../src/components/molecules/JTitlebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\"\nimport { JIcon, JLabel, JPopover, JButton } from '@/components/atoms'\nimport type { ButtonVariants } from '@/components/shadcn'\nimport { cn } from \"@/lib/utils\"\n\nexport type TitlebarButton = {\n  /** 버튼 아이콘 */\n  icon?: string\n  /** 버튼 텍스트 */\n  text?: string\n  /** 버튼 클릭 핸들러 */\n  onClick?: () => void\n  /** 버튼 variant */\n  variant?: ButtonVariants['variant']\n  /** 버튼 스타일 타입 */\n  styletype?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'outline' | 'ghost' | 'link' | 'sm' | 'lg' | 'icon'\n  /** 버튼 size */\n  size?: 'sm' | 'md' | 'lg'\n  /** 버튼 비활성화 */\n  disabled?: boolean\n  /** 버튼 로딩 상태 */\n  loading?: boolean\n}\n\ntype StyleType =\n  | 'default'    // 기본 스타일: 일반 페이지용 (흰 배경, 얇은 보더)\n  | 'primary'    // 강조 스타일: 주요 기능용 (밝은 파란 배경, 흰 텍스트)\n  | 'accent'     // 액센트 스타일: 부드러운 강조용 (연한 파란 배경, 진한 텍스트)\n  | 'neutral'    // 중립 스타일: 서브 페이지용 (회색 배경, 회색 텍스트)\n  | 'elevated'   // 강조 스타일: 깊이감 있는 구분 (흰 배경, 그림자, 보더)\n\nconst props = withDefaults(\n  defineProps<{\n    /** Titlebar 스타일 타입 */\n    styletype?: StyleType\n    /** 프로그램 아이콘 */\n    icon?: string\n    /** 프로그램명 */\n    title?: string\n    /** 프로그램 설명 (Popover에 표시) */\n    description?: string\n    /** 메인 버튼 목록 */\n    buttons?: TitlebarButton[]\n  }>(),\n  {\n    styletype: 'default',\n    buttons: () => [],\n  }\n)\n\n/**\n * styletype -> class 매핑 (배경, 보더, 그림자 등)\n */\nconst STYLE_PRESETS: Record<StyleType, { \n  class: string\n  iconClass: string      // 아이콘 색상 클래스\n  titleClass: string     // 제목 텍스트 색상 클래스\n  infoIconClass: string  // 정보 아이콘 색상 클래스\n}> = {\n  default: {\n    // 기본: 흰 배경 + 얇은 보더 (가장 일반적)\n    class: 'flex items-center justify-between w-full h-14 px-4 border-b border-border bg-background',\n    iconClass: 'text-primary',\n    titleClass: 'text-foreground',\n    infoIconClass: 'text-muted-foreground hover:text-primary',\n  },\n  primary: {\n    // 강조: 밝은 파란 배경 + 흰 텍스트 (명확한 강조)\n    // text-white를 제거하여 버튼이 색상 상속을 받지 않도록 함\n    class: 'flex items-center justify-between w-full h-14 px-4 border-b border-blue-400/30 bg-blue-500',\n    iconClass: 'text-white',\n    titleClass: 'text-white font-semibold',\n    infoIconClass: 'text-white/80 hover:text-white',\n  },\n  accent: {\n    // 액센트: 연한 파란 배경 + 진한 파란 텍스트 (부드러운 강조)\n    // text-blue-700을 제거하여 버튼이 색상 상속을 받지 않도록 함\n    class: 'flex items-center justify-between w-full h-14 px-4 border-b border-blue-200 bg-blue-50',\n    iconClass: 'text-blue-600',\n    titleClass: 'text-blue-700 font-semibold',\n    infoIconClass: 'text-blue-600/70 hover:text-blue-700',\n  },\n  neutral: {\n    // 중립: 회색 배경 + 회색 텍스트 (확실한 구분)\n    // text-gray-700을 제거하여 버튼이 색상 상속을 받지 않도록 함\n    class: 'flex items-center justify-between w-full h-14 px-4 border-b border-gray-300 bg-gray-100',\n    iconClass: 'text-gray-600',\n    titleClass: 'text-gray-700',\n    infoIconClass: 'text-gray-500 hover:text-gray-700',\n  },\n  elevated: {\n    // 강조: 흰 배경 + 그림자 + 보더 (깊이감 있는 구분)\n    class: 'flex items-center justify-between w-full h-14 px-4 border-b border-border bg-background shadow-md',\n    iconClass: 'text-primary',\n    titleClass: 'text-foreground font-semibold',\n    infoIconClass: 'text-muted-foreground hover:text-primary',\n  },\n}\n\nconst preset = computed(() => {\n  return STYLE_PRESETS[props.styletype] ?? STYLE_PRESETS.default\n})\n\nconst emit = defineEmits<{\n  /** 버튼 클릭 이벤트 */\n  buttonClick: [button: TitlebarButton]\n}>()\n\nconst handleButtonClick = (button: TitlebarButton) => {\n  // 버튼 클릭 핸들러 패턴:\n  // 1. button.onClick이 있으면 실행 (인라인 핸들러)\n  // 2. 항상 emit('buttonClick', button) 실행 (부모 컴포넌트로 전달)\n  // 주의: onClick과 emit이 모두 실행되므로 중복 처리 가능성 있음\n  button.onClick?.()\n  emit('buttonClick', button)\n}\n</script>\n\n<template>\n  <div :class=\"cn(preset.class)\">\n    <!-- 왼쪽: 아이콘 + 프로그램명 -->\n    <div class=\"flex items-center gap-3 flex-1\">\n      <!-- 아이콘 -->\n      <JIcon \n        v-if=\"icon\" \n        :name=\"icon\" \n        size=\"md\" \n        :class=\"preset.iconClass\"\n      />\n      \n      <!-- 프로그램명 + 정보 아이콘 + Popover -->\n      <div class=\"flex items-center gap-2\">\n        <!-- 프로그램명 -->\n        <JLabel \n          :text=\"title || ''\" \n          :class=\"cn('text-lg font-semibold', preset.titleClass)\"\n        />\n        \n        <!-- 정보 아이콘 (description이 있을 때만 표시) -->\n        <JPopover \n          v-if=\"description\" \n          position=\"bottom\"\n          align=\"center\"\n          :side-offset=\"8\"\n        >\n          <template #trigger>\n            <JIcon \n              name=\"info\" \n              size=\"sm\" \n              :class=\"cn('cursor-help transition-colors inline-flex', preset.infoIconClass)\"\n            />\n          </template>\n          <div class=\"p-2\">\n            <p class=\"text-sm text-muted-foreground whitespace-normal break-words\">{{ description }}</p>\n          </div>\n        </JPopover>\n      </div>\n    </div>\n\n    <!-- 오른쪽: 메인 버튼들 -->\n    <!-- buttons prop으로 정의된 버튼들 (v-if로 조건부 렌더링) -->\n    <div v-if=\"buttons && buttons.length > 0\" class=\"flex items-center gap-2\">\n      <JButton\n        v-for=\"(button, index) in buttons\"\n        :key=\"index\"\n        :variant=\"button.variant\"\n        :styletype=\"button.styletype\"\n        :disabled=\"button.disabled\"\n        :loading=\"button.loading\"\n        :class=\"button.size === 'sm' ? 'h-8' : button.size === 'lg' ? 'h-11' : 'h-9'\"\n        @click=\"handleButtonClick(button)\"\n      >\n        <JIcon v-if=\"button.icon\" :name=\"button.icon\" size=\"sm\" class=\"mr-1.5\" />\n        <span v-if=\"button.text\">{{ button.text }}</span>\n      </JButton>\n    </div>\n\n    <!-- 버튼 슬롯 레이아웃 설명:\n         - buttons prop과 buttons slot이 모두 제공되면 함께 표시됨\n         - buttons prop: 구조화된 버튼 정의 (JButton 컴포넌트 사용)\n         - buttons slot: 완전한 커스텀 버튼 제어 가능\n         - 레이아웃: buttons prop이 먼저 렌더링되고, 그 다음 slot이 렌더링됨 -->\n    <slot name=\"buttons\" />\n  </div>\n</template>\n\n"],"names":["props","__props","STYLE_PRESETS","preset","computed","emit","__emit","handleButtonClick","button","_createElementBlock","_normalizeClass","_unref","cn","_createElementVNode","_hoisted_1","_createBlock","JIcon","_hoisted_2","_createVNode","JLabel","JPopover","_hoisted_3","_hoisted_4","_toDisplayString","_openBlock","_hoisted_5","_Fragment","_renderList","index","JButton","$event","_hoisted_6","_renderSlot","_ctx"],"mappings":"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"}

package/components/organisms/JDynamicForm.vue2.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),A=require("../molecules/JFormField.vue.cjs");;/* empty css                             */require("../shadcn/index.cjs");require("@vueuse/core");require("reka-ui");require("clsx");require("tailwind-merge");require("lucide-vue-next");;/* empty css                        */;/* empty css                              */;/* empty css                               */const W=require("../molecules/JCard.vue.cjs");require("@internationalized/date");require("../shadcn/badge-variants.cjs");;/* empty css                        */require("../shadcn/avatar-variants.cjs");require("ag-grid-vue3");require("ag-grid-community");require("ag-grid-enterprise");;/* empty css                                                                                                            */;/* empty css                                                                                                            */;/* empty css                                                                                                            */;/* empty css                    */const M=require("../../lib/styleTypePreset.cjs"),D={key:1,class:"space-y-6"},R={key:2,class:"space-y-4"},Y={class:"font-semibold text-lg"},j={key:0,class:"text-muted-foreground text-sm mb-2"},J=l.defineComponent({__name:"JDynamicForm",props:{schema:{},modelValue:{}},emits:["update:modelValue","submit","change","error"],setup(u,{expose:L,emit:F}){const s=u,p=F,d=["checkbox","switch"],a=l.reactive({});l.watch(()=>s.modelValue,e=>{e&&Object.assign(a,e)},{immediate:!0,deep:!0});function y(e,o){return e.controlId||e.controlName||e.name||e.label||`field-${o}`}function h(e){return e.controlName||e.name||""}function b(e){return e.isRequired!==void 0?e.isRequired:e.required||!1}l.watch(()=>s.schema,e=>{const o=[];e.type==="simple"&&e.fields?o.push(...e.fields):e.type==="sectioned"&&e.sections?e.sections.forEach(t=>{t.fields&&o.push(...t.fields)}):e.type==="wizard"&&e.steps&&e.steps.forEach(t=>{t.fields&&o.push(...t.fields)}),o.forEach(t=>{const r=h(t);if(r&&a[r]===void 0)if(d.includes(t.type))a[r]="N";else if(t.type==="radio")a[r]=t.options?.[0]?.value??"";else if(t.type==="select"||t.type==="searchcombo"){const c=t.addAll!==void 0?t.addAll:t.allowAll||!1;a[r]=c?"ALL":"SELECT"}else a[r]=""})},{immediate:!0}),l.watch(a,e=>p("update:modelValue",e),{deep:!0});function N(){p("submit",{...a}),typeof s.schema.events?.onSubmit=="function"&&s.schema.events.onSubmit({...a})}function T(e,o){p("change",{field:e,value:o}),typeof s.schema.events?.onChange=="function"&&s.schema.events.onChange(e,o)}function $(e){p("error",e),typeof s.schema.events?.onError=="function"&&s.schema.events.onError(e)}function f(e){return e.filter(t=>t.isVisible!==!1).sort((t,r)=>{if(t.sortOrder!==void 0&&r.sortOrder!==void 0&&t.sortOrder!==r.sortOrder)return t.sortOrder-r.sortOrder;const c=t.controlName||t.name||t.label||"",g=r.controlName||r.name||r.label||"";return c.localeCompare(g)})}const w=l.computed(()=>{const e=s.schema.globalStyle?.colCount||(s.schema.layout?.columns?`row-${s.schema.layout.columns}`:"row-1"),o=z(e);let t="";switch(e){case"row-1":t=`flex flex-col ${o}`;break;case"row":case"row-2":t=`flex flex-col md:grid md:grid-flow-row md:items-start ${o} md:grid-cols-2 auto-rows-min`;break;case"row-3":t=`flex flex-col md:grid md:grid-flow-row md:items-start ${o} md:grid-cols-2 lg:grid-cols-3 auto-rows-min`;break;case"row-4":t=`flex flex-col md:grid md:grid-flow-row md:items-start ${o} md:grid-cols-2 lg:grid-cols-4 auto-rows-min`;break;case"row-5":t=`flex flex-col md:grid md:grid-flow-row md:items-start ${o} md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 auto-rows-min`;break;case"row-6":t=`flex flex-col md:grid md:grid-flow-row md:items-start ${o} md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6 auto-rows-min`;break;case"row-7":t=`flex flex-col md:grid md:grid-flow-row md:items-start ${o} md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-7 auto-rows-min`;break;case"row-8":t=`flex flex-col md:grid md:grid-flow-row md:items-start ${o} md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-8 auto-rows-min`;break;default:t=`flex flex-col ${o}`}return t});function k(e){return d.includes(e.type)?"min-w-0 w-auto inline-flex items-center":"min-w-0 w-full"}function C(e){switch(e){case"row":case"row-2":return 2;case"row-3":return 3;case"row-4":return 4;case"row-5":return 5;case"row-6":return 6;case"row-7":return 7;case"row-8":return 8;default:return 1}}function z(e){switch(e){case"row-1":return"gap-6";case"row":case"row-2":return"gap-4";case"row-3":return"gap-4";case"row-4":return"gap-3";case"row-5":return"gap-2";case"row-6":return"gap-2";case"row-7":return"gap-2";case"row-8":return"gap-2";default:return"gap-6"}}function v(){const e=s.schema.globalStyle?.colCount||(s.schema.layout?.columns?`row-${s.schema.layout.columns}`:"row-1"),o=C(e);return o>=6?"6rem":o>=5?"7rem":"8rem"}function x(){return s.schema.globalStyle?.labelPosition||"horizontal"}function E(){return s.schema.globalStyle?.labelAlign||"left"}function q(e){const o=s.schema.globalStyle?.colCount||(s.schema.layout?.columns?`row-${s.schema.layout.columns}`:"row-1"),t=C(o);return{gridColumn:`span ${Math.min(t,Math.max(1,e.colSpan||1))}`}}function B(e){const o=h(e),t=e.isDisabled!==void 0?e.isDisabled:e.disabled||!1,r=e.isReadonly!==void 0?e.isReadonly:e.readonly||!1,c=d.includes(e.type)?"inline-flex items-center gap-2 w-auto":"w-full",g=M.resolveGlobalStyle(s.schema.globalStyle),P=s.schema.globalStyle?.colCount||(s.schema.layout?.columns?`row-${s.schema.layout.columns}`:"row-1"),S=C(P);let i=g.controlSize;S>=6||S>=5?i="sm":S>=4&&g.controlSize==="lg"&&(i="md");const m=(n,V)=>{if(o&&(a[o]=V,T(o,V)),e.events?.[n]){const U=e.events[n];console.log(`Event ${n}: Calling handler "${U}" with value:`,V)}};return d.includes(e.type)?{modelValue:a[o]==="Y"?"Y":"N",disabled:t,styleType:i,class:c,"onUpdate:modelValue":n=>{o&&(a[o]=n),m("onChange",n==="Y")}}:e.type==="radio"?{modelValue:String(a[o]??""),options:e.options??[],multiple:e.multiple,disabled:t,styleType:i,class:c,"onUpdate:modelValue":n=>{m("onChange",n)}}:e.type==="select"||e.type==="combo"?{modelValue:String(a[o]??""),options:_(e),multiple:e.multiple,disabled:t,styleType:i,class:c,"onUpdate:modelValue":n=>{m("onChange",n)}}:e.type==="searchcombo"?{modelValue:String(a[o]??""),options:_(e),disabled:t,styleType:i,class:c,"onUpdate:modelValue":n=>{m("onChange",n)}}:e.type==="textarea"?{modelValue:String(a[o]??""),placeholder:e.placeholder??"",disabled:t,readonly:r,styleType:i,class:c,"onUpdate:modelValue":n=>{m("onChange",n)}}:e.type==="datepicker"?{modelValue:String(a[o]??""),placeholder:e.placeholder??"",disabled:t,readonly:r,styleType:i,class:c,"onUpdate:modelValue":n=>{m("onChange",n)}}:{modelValue:String(a[o]??""),inputType:e.inputType||(e.dataType==="number"?"number":"text"),placeholder:e.placeholder??"",disabled:t,readonly:r,styleType:i,class:c,"onUpdate:modelValue":n=>{m("onChange",n)}}}function _(e){const o=e.addAll!==void 0?e.addAll:e.allowAll||!1;return[{value:o?"ALL":"SELECT",label:o?"전체":"선택"},...e.options||[]]}function O(){Object.keys(a).forEach(o=>{delete a[o]});const e=[];s.schema.type==="simple"&&s.schema.fields?e.push(...s.schema.fields):s.schema.type==="sectioned"&&s.schema.sections?s.schema.sections.forEach(o=>{o.fields&&e.push(...o.fields)}):s.schema.type==="wizard"&&s.schema.steps&&s.schema.steps.forEach(o=>{o.fields&&e.push(...o.fields)}),e.forEach(o=>{const t=h(o);if(t)if(d.includes(o.type))a[t]="N";else if(o.type==="radio")a[t]=o.options?.[0]?.value??"";else if(o.type==="select"||o.type==="searchcombo"){const r=o.addAll!==void 0?o.addAll:o.allowAll||!1;a[t]=r?"ALL":"SELECT"}else a[t]=""})}return L({formState:a,submit:N,reset:O,handleError:$}),(e,o)=>(l.openBlock(),l.createElementBlock("form",{onSubmit:l.withModifiers(N,["prevent"]),class:l.normalizeClass(w.value)},[u.schema.type==="simple"?(l.openBlock(!0),l.createElementBlock(l.Fragment,{key:0},l.renderList(f(u.schema.fields||[]),(t,r)=>(l.openBlock(),l.createElementBlock("div",{key:y(t,r),class:l.normalizeClass(k(t)),style:l.normalizeStyle(q(t))},[l.createVNode(l.unref(A.default),l.mergeProps({label:t.label,required:b(t),orientation:x(),labelAlign:E(),labelWidth:v(),type:t.type==="searchcombo"?"searchCombo":t.type,"input-type":t.inputType,description:t.description,"inline-label":t.inlineLabel},{ref_for:!0},B(t)),null,16,["label","required","orientation","labelAlign","labelWidth","type","input-type","description","inline-label"])],6))),128)):u.schema.type==="sectioned"?(l.openBlock(),l.createElementBlock("div",D,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(u.schema.sections,t=>(l.openBlock(),l.createBlock(l.unref(W.default),{key:t.id,title:t.title,collapsible:t.collapsible,"default-collapsed":t.defaultCollapsed},{default:l.withCtx(()=>[l.createElementVNode("div",{class:l.normalizeClass(w.value)},[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(f(t.fields||[]),(r,c)=>(l.openBlock(),l.createElementBlock("div",{key:y(r,c),class:l.normalizeClass(k(r)),style:l.normalizeStyle(q(r))},[l.createVNode(l.unref(A.default),l.mergeProps({label:r.label,required:b(r),orientation:x(),labelAlign:E(),labelWidth:v(),type:r.type==="searchcombo"?"searchCombo":r.type,"input-type":r.inputType,description:r.description,"inline-label":r.inlineLabel},{ref_for:!0},B(r)),null,16,["label","required","orientation","labelAlign","labelWidth","type","input-type","description","inline-label"])],6))),128))],2)]),_:2},1032,["title","collapsible","default-collapsed"]))),128))])):u.schema.type==="wizard"?(l.openBlock(),l.createElementBlock("div",R,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(u.schema.steps,t=>(l.openBlock(),l.createElementBlock("div",{key:t.id,class:"p-4 border rounded-xl"},[l.createElementVNode("h3",Y,l.toDisplayString(t.title),1),t.description?(l.openBlock(),l.createElementBlock("p",j,l.toDisplayString(t.description),1)):l.createCommentVNode("",!0),l.createElementVNode("div",{class:l.normalizeClass(w.value)},[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(f(t.fields||[]),(r,c)=>(l.openBlock(),l.createElementBlock("div",{key:y(r,c),class:l.normalizeClass(k(r)),style:l.normalizeStyle(q(r))},[l.createVNode(l.unref(A.default),l.mergeProps({label:r.label,required:b(r),orientation:x(),labelAlign:E(),labelWidth:v(),type:r.type==="searchcombo"?"searchCombo":r.type,"input-type":r.inputType,description:r.description,"inline-label":r.inlineLabel},{ref_for:!0},B(r)),null,16,["label","required","orientation","labelAlign","labelWidth","type","input-type","description","inline-label"])],6))),128))],2)]))),128))])):l.createCommentVNode("",!0)],34))}});exports.default=J;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),A=require("../molecules/JFormField.vue.cjs");;/* empty css                             */require("../shadcn/index.cjs");require("@vueuse/core");require("reka-ui");require("clsx");require("tailwind-merge");require("lucide-vue-next");;/* empty css                        */;/* empty css                              */;/* empty css                               */const W=require("../molecules/JCard.vue.cjs");require("@internationalized/date");require("../shadcn/badge-variants.cjs");;/* empty css                        */require("../shadcn/avatar-variants.cjs");require("ag-grid-vue3");require("ag-grid-community");require("ag-grid-enterprise");;/* empty css                                                                                                            */;/* empty css                                                                                                            */;/* empty css                                                                                                            */;/* empty css                    */require("vue-sonner");const M=require("../../lib/styleTypePreset.cjs"),D={key:1,class:"space-y-6"},R={key:2,class:"space-y-4"},Y={class:"font-semibold text-lg"},j={key:0,class:"text-muted-foreground text-sm mb-2"},J=l.defineComponent({__name:"JDynamicForm",props:{schema:{},modelValue:{}},emits:["update:modelValue","submit","change","error"],setup(u,{expose:L,emit:F}){const s=u,p=F,d=["checkbox","switch"],a=l.reactive({});l.watch(()=>s.modelValue,e=>{e&&Object.assign(a,e)},{immediate:!0,deep:!0});function y(e,o){return e.controlId||e.controlName||e.name||e.label||`field-${o}`}function h(e){return e.controlName||e.name||""}function b(e){return e.isRequired!==void 0?e.isRequired:e.required||!1}l.watch(()=>s.schema,e=>{const o=[];e.type==="simple"&&e.fields?o.push(...e.fields):e.type==="sectioned"&&e.sections?e.sections.forEach(t=>{t.fields&&o.push(...t.fields)}):e.type==="wizard"&&e.steps&&e.steps.forEach(t=>{t.fields&&o.push(...t.fields)}),o.forEach(t=>{const r=h(t);if(r&&a[r]===void 0)if(d.includes(t.type))a[r]="N";else if(t.type==="radio")a[r]=t.options?.[0]?.value??"";else if(t.type==="select"||t.type==="searchcombo"){const i=t.addAll!==void 0?t.addAll:t.allowAll||!1;a[r]=i?"ALL":"SELECT"}else a[r]=""})},{immediate:!0}),l.watch(a,e=>p("update:modelValue",e),{deep:!0});function N(){p("submit",{...a}),typeof s.schema.events?.onSubmit=="function"&&s.schema.events.onSubmit({...a})}function T(e,o){p("change",{field:e,value:o}),typeof s.schema.events?.onChange=="function"&&s.schema.events.onChange(e,o)}function $(e){p("error",e),typeof s.schema.events?.onError=="function"&&s.schema.events.onError(e)}function f(e){return e.filter(t=>t.isVisible!==!1).sort((t,r)=>{if(t.sortOrder!==void 0&&r.sortOrder!==void 0&&t.sortOrder!==r.sortOrder)return t.sortOrder-r.sortOrder;const i=t.controlName||t.name||t.label||"",g=r.controlName||r.name||r.label||"";return i.localeCompare(g)})}const w=l.computed(()=>{const e=s.schema.globalStyle?.colCount||(s.schema.layout?.columns?`row-${s.schema.layout.columns}`:"row-1"),o=z(e);let t="";switch(e){case"row-1":t=`flex flex-col ${o}`;break;case"row":case"row-2":t=`flex flex-col md:grid md:grid-flow-row md:items-start ${o} md:grid-cols-2 auto-rows-min`;break;case"row-3":t=`flex flex-col md:grid md:grid-flow-row md:items-start ${o} md:grid-cols-2 lg:grid-cols-3 auto-rows-min`;break;case"row-4":t=`flex flex-col md:grid md:grid-flow-row md:items-start ${o} md:grid-cols-2 lg:grid-cols-4 auto-rows-min`;break;case"row-5":t=`flex flex-col md:grid md:grid-flow-row md:items-start ${o} md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 auto-rows-min`;break;case"row-6":t=`flex flex-col md:grid md:grid-flow-row md:items-start ${o} md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6 auto-rows-min`;break;case"row-7":t=`flex flex-col md:grid md:grid-flow-row md:items-start ${o} md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-7 auto-rows-min`;break;case"row-8":t=`flex flex-col md:grid md:grid-flow-row md:items-start ${o} md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-8 auto-rows-min`;break;default:t=`flex flex-col ${o}`}return t});function k(e){return d.includes(e.type)?"min-w-0 w-auto inline-flex items-center":"min-w-0 w-full"}function C(e){switch(e){case"row":case"row-2":return 2;case"row-3":return 3;case"row-4":return 4;case"row-5":return 5;case"row-6":return 6;case"row-7":return 7;case"row-8":return 8;default:return 1}}function z(e){switch(e){case"row-1":return"gap-6";case"row":case"row-2":return"gap-4";case"row-3":return"gap-4";case"row-4":return"gap-3";case"row-5":return"gap-2";case"row-6":return"gap-2";case"row-7":return"gap-2";case"row-8":return"gap-2";default:return"gap-6"}}function v(){const e=s.schema.globalStyle?.colCount||(s.schema.layout?.columns?`row-${s.schema.layout.columns}`:"row-1"),o=C(e);return o>=6?"6rem":o>=5?"7rem":"8rem"}function x(){return s.schema.globalStyle?.labelPosition||"horizontal"}function q(){return s.schema.globalStyle?.labelAlign||"left"}function E(e){const o=s.schema.globalStyle?.colCount||(s.schema.layout?.columns?`row-${s.schema.layout.columns}`:"row-1"),t=C(o);return{gridColumn:`span ${Math.min(t,Math.max(1,e.colSpan||1))}`}}function B(e){const o=h(e),t=e.isDisabled!==void 0?e.isDisabled:e.disabled||!1,r=e.isReadonly!==void 0?e.isReadonly:e.readonly||!1,i=d.includes(e.type)?"inline-flex items-center gap-2 w-auto":"w-full",g=M.resolveGlobalStyle(s.schema.globalStyle),P=s.schema.globalStyle?.colCount||(s.schema.layout?.columns?`row-${s.schema.layout.columns}`:"row-1"),S=C(P);let c=g.controlSize;S>=6||S>=5?c="sm":S>=4&&g.controlSize==="lg"&&(c="md");const m=(n,V)=>{if(o&&(a[o]=V,T(o,V)),e.events?.[n]){const U=e.events[n];console.log(`Event ${n}: Calling handler "${U}" with value:`,V)}};return d.includes(e.type)?{modelValue:a[o]==="Y"?"Y":"N",disabled:t,styleType:c,class:i,"onUpdate:modelValue":n=>{o&&(a[o]=n),m("onChange",n==="Y")}}:e.type==="radio"?{modelValue:String(a[o]??""),options:e.options??[],multiple:e.multiple,disabled:t,styleType:c,class:i,"onUpdate:modelValue":n=>{m("onChange",n)}}:e.type==="select"||e.type==="combo"?{modelValue:String(a[o]??""),options:_(e),multiple:e.multiple,disabled:t,styleType:c,class:i,"onUpdate:modelValue":n=>{m("onChange",n)}}:e.type==="searchcombo"?{modelValue:String(a[o]??""),options:_(e),disabled:t,styleType:c,class:i,"onUpdate:modelValue":n=>{m("onChange",n)}}:e.type==="textarea"?{modelValue:String(a[o]??""),placeholder:e.placeholder??"",disabled:t,readonly:r,styleType:c,class:i,"onUpdate:modelValue":n=>{m("onChange",n)}}:e.type==="datepicker"?{modelValue:String(a[o]??""),placeholder:e.placeholder??"",disabled:t,readonly:r,styleType:c,class:i,"onUpdate:modelValue":n=>{m("onChange",n)}}:{modelValue:String(a[o]??""),inputType:e.inputType||(e.dataType==="number"?"number":"text"),placeholder:e.placeholder??"",disabled:t,readonly:r,styleType:c,class:i,"onUpdate:modelValue":n=>{m("onChange",n)}}}function _(e){const o=e.addAll!==void 0?e.addAll:e.allowAll||!1;return[{value:o?"ALL":"SELECT",label:o?"전체":"선택"},...e.options||[]]}function O(){Object.keys(a).forEach(o=>{delete a[o]});const e=[];s.schema.type==="simple"&&s.schema.fields?e.push(...s.schema.fields):s.schema.type==="sectioned"&&s.schema.sections?s.schema.sections.forEach(o=>{o.fields&&e.push(...o.fields)}):s.schema.type==="wizard"&&s.schema.steps&&s.schema.steps.forEach(o=>{o.fields&&e.push(...o.fields)}),e.forEach(o=>{const t=h(o);if(t)if(d.includes(o.type))a[t]="N";else if(o.type==="radio")a[t]=o.options?.[0]?.value??"";else if(o.type==="select"||o.type==="searchcombo"){const r=o.addAll!==void 0?o.addAll:o.allowAll||!1;a[t]=r?"ALL":"SELECT"}else a[t]=""})}return L({formState:a,submit:N,reset:O,handleError:$}),(e,o)=>(l.openBlock(),l.createElementBlock("form",{onSubmit:l.withModifiers(N,["prevent"]),class:l.normalizeClass(w.value)},[u.schema.type==="simple"?(l.openBlock(!0),l.createElementBlock(l.Fragment,{key:0},l.renderList(f(u.schema.fields||[]),(t,r)=>(l.openBlock(),l.createElementBlock("div",{key:y(t,r),class:l.normalizeClass(k(t)),style:l.normalizeStyle(E(t))},[l.createVNode(l.unref(A.default),l.mergeProps({label:t.label,required:b(t),orientation:x(),labelAlign:q(),labelWidth:v(),type:t.type==="searchcombo"?"searchCombo":t.type,"input-type":t.inputType,description:t.description,"inline-label":t.inlineLabel},{ref_for:!0},B(t)),null,16,["label","required","orientation","labelAlign","labelWidth","type","input-type","description","inline-label"])],6))),128)):u.schema.type==="sectioned"?(l.openBlock(),l.createElementBlock("div",D,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(u.schema.sections,t=>(l.openBlock(),l.createBlock(l.unref(W.default),{key:t.id,title:t.title,collapsible:t.collapsible,"default-collapsed":t.defaultCollapsed},{default:l.withCtx(()=>[l.createElementVNode("div",{class:l.normalizeClass(w.value)},[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(f(t.fields||[]),(r,i)=>(l.openBlock(),l.createElementBlock("div",{key:y(r,i),class:l.normalizeClass(k(r)),style:l.normalizeStyle(E(r))},[l.createVNode(l.unref(A.default),l.mergeProps({label:r.label,required:b(r),orientation:x(),labelAlign:q(),labelWidth:v(),type:r.type==="searchcombo"?"searchCombo":r.type,"input-type":r.inputType,description:r.description,"inline-label":r.inlineLabel},{ref_for:!0},B(r)),null,16,["label","required","orientation","labelAlign","labelWidth","type","input-type","description","inline-label"])],6))),128))],2)]),_:2},1032,["title","collapsible","default-collapsed"]))),128))])):u.schema.type==="wizard"?(l.openBlock(),l.createElementBlock("div",R,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(u.schema.steps,t=>(l.openBlock(),l.createElementBlock("div",{key:t.id,class:"p-4 border rounded-xl"},[l.createElementVNode("h3",Y,l.toDisplayString(t.title),1),t.description?(l.openBlock(),l.createElementBlock("p",j,l.toDisplayString(t.description),1)):l.createCommentVNode("",!0),l.createElementVNode("div",{class:l.normalizeClass(w.value)},[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(f(t.fields||[]),(r,i)=>(l.openBlock(),l.createElementBlock("div",{key:y(r,i),class:l.normalizeClass(k(r)),style:l.normalizeStyle(E(r))},[l.createVNode(l.unref(A.default),l.mergeProps({label:r.label,required:b(r),orientation:x(),labelAlign:q(),labelWidth:v(),type:r.type==="searchcombo"?"searchCombo":r.type,"input-type":r.inputType,description:r.description,"inline-label":r.inlineLabel},{ref_for:!0},B(r)),null,16,["label","required","orientation","labelAlign","labelWidth","type","input-type","description","inline-label"])],6))),128))],2)]))),128))])):l.createCommentVNode("",!0)],34))}});exports.default=J;
 //# sourceMappingURL=JDynamicForm.vue2.cjs.map

package/components/organisms/JDynamicForm.vue2.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"JDynamicForm.vue2.cjs","sources":["../../../../src/components/organisms/JDynamicForm.vue"],"sourcesContent":["<template>\n  <form @submit.prevent=\"handleSubmit\" :class=\"formClasses\">\n    <!-- 🧱 단순형 폼 -->\n    <template v-if=\"schema.type === 'simple'\">\n      <div\n        v-for=\"(field, index) in getOrderedFields(schema.fields || [])\"\n        :key=\"getFieldKey(field, index)\"\n        :class=\"fieldBaseClass(field)\"\n        :style=\"getFieldStyle(field)\"\n      >\n        <JFormField\n          :label=\"field.label\"\n          :required=\"getFieldRequired(field)\"\n          :orientation=\"getLabelPosition()\"\n          :labelAlign=\"getLabelAlign()\"\n          :labelWidth=\"getLabelWidth()\"\n          :type=\"(field.type === 'searchcombo' ? 'searchCombo' : field.type) as any\"\n          :input-type=\"field.inputType\"\n          :description=\"field.description\"\n          :inline-label=\"field.inlineLabel\"\n          v-bind=\"getFieldProps(field)\"\n        />\n      </div>\n    </template>\n\n    <!-- 📦 섹션형 폼 -->\n    <template v-else-if=\"schema.type === 'sectioned'\">\n      <div class=\"space-y-6\">\n        <JCard\n          v-for=\"section in schema.sections\"\n          :key=\"section.id\"\n          :title=\"section.title\"\n          :collapsible=\"section.collapsible\"\n          :default-collapsed=\"section.defaultCollapsed\"\n        >\n          <div :class=\"formClasses\">\n            <div\n              v-for=\"(field, index) in getOrderedFields(section.fields || [])\"\n              :key=\"getFieldKey(field, index)\"\n              :class=\"fieldBaseClass(field)\"\n              :style=\"getFieldStyle(field)\"\n            >\n              <JFormField\n                :label=\"field.label\"\n                :required=\"getFieldRequired(field)\"\n                :orientation=\"getLabelPosition()\"\n                :labelAlign=\"getLabelAlign()\"\n                :labelWidth=\"getLabelWidth()\"\n                :type=\"(field.type === 'searchcombo' ? 'searchCombo' : field.type) as any\"\n                :input-type=\"field.inputType\"\n                :description=\"field.description\"\n                :inline-label=\"field.inlineLabel\"\n                v-bind=\"getFieldProps(field)\"\n              />\n            </div>\n          </div>\n        </JCard>\n      </div>\n    </template>\n\n    <!-- 🪜 스텝형 (Wizard) -->\n    <template v-else-if=\"schema.type === 'wizard'\">\n      <div class=\"space-y-4\">\n        <div\n          v-for=\"step in schema.steps\"\n          :key=\"step.id\"\n          class=\"p-4 border rounded-xl\"\n        >\n          <h3 class=\"font-semibold text-lg\">{{ step.title }}</h3>\n          <p v-if=\"step.description\" class=\"text-muted-foreground text-sm mb-2\">\n            {{ step.description }}\n          </p>\n          <div :class=\"formClasses\">\n            <div\n              v-for=\"(field, index) in getOrderedFields(step.fields || [])\"\n              :key=\"getFieldKey(field, index)\"\n              :class=\"fieldBaseClass(field)\"\n              :style=\"getFieldStyle(field)\"\n            >\n              <JFormField\n                :label=\"field.label\"\n                :required=\"getFieldRequired(field)\"\n                :orientation=\"getLabelPosition()\"\n                :labelAlign=\"getLabelAlign()\"\n                :labelWidth=\"getLabelWidth()\"\n                :type=\"(field.type === 'searchcombo' ? 'searchCombo' : field.type) as any\"\n                :input-type=\"field.inputType\"\n                :description=\"field.description\"\n                :inline-label=\"field.inlineLabel\"\n                v-bind=\"getFieldProps(field)\"\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n    </template>\n\n  </form>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, reactive, watch } from 'vue';\nimport { JFormField, JCard } from '@/components/molecules';\nimport type { FormSchema, DynamicFormField } from '@/types/dynamic-form';\nimport { resolveGlobalStyle } from '@/lib/styleTypePreset';\n\n// props\nconst props = defineProps<{\n  schema: FormSchema;\n  modelValue?: Record<string, any>;\n}>();\n\nconst emit = defineEmits(['update:modelValue', 'submit', 'change', 'error']);\n\nconst BOOLEAN_TYPES: Array<DynamicFormField['type']> = ['checkbox', 'switch'];\n\n// 폼 상태 관리\nconst formState = reactive<Record<string, any>>({});\n\n// 초기값 설정\nwatch(\n  () => props.modelValue,\n  (newValues) => {\n    if (newValues) {\n      Object.assign(formState, newValues);\n    }\n  },\n  { immediate: true, deep: true }\n);\n\n// 필드 키 가져오기 (controlId > controlName > name > label 순서)\nfunction getFieldKey(field: DynamicFormField, index: number): string {\n  return field.controlId || field.controlName || (field as any).name || field.label || `field-${index}`;\n}\n\n// 필드 이름 가져오기 (controlName > name 순서)\nfunction getFieldName(field: DynamicFormField): string {\n  return field.controlName || (field as any).name || '';\n}\n\n// 필드 required 가져오기 (isRequired > required 순서)\nfunction getFieldRequired(field: DynamicFormField): boolean {\n  return field.isRequired !== undefined ? field.isRequired : ((field as any).required || false);\n}\n\n// 필드 초기화\nwatch(\n  () => props.schema,\n  (newSchema) => {\n    const allFields: DynamicFormField[] = [];\n    \n    if (newSchema.type === 'simple' && newSchema.fields) {\n      allFields.push(...newSchema.fields);\n    } else if (newSchema.type === 'sectioned' && newSchema.sections) {\n      newSchema.sections.forEach(section => {\n        if (section.fields) allFields.push(...section.fields);\n      });\n    } else if (newSchema.type === 'wizard' && newSchema.steps) {\n      newSchema.steps.forEach(step => {\n        if (step.fields) allFields.push(...step.fields);\n      });\n    }\n    \n    allFields.forEach((field) => {\n      const fieldName = getFieldName(field);\n      if (fieldName && formState[fieldName] === undefined) {\n        if (BOOLEAN_TYPES.includes(field.type)) {\n          formState[fieldName] = 'N';\n        } else if (field.type === 'radio') {\n          formState[fieldName] = field.options?.[0]?.value ?? '';\n        } else if (field.type === 'select' || field.type === 'searchcombo') {\n          const addAll = field.addAll !== undefined ? field.addAll : ((field as any).allowAll || false);\n          formState[fieldName] = addAll ? 'ALL' : 'SELECT';\n        } else {\n          formState[fieldName] = '';\n        }\n      }\n    });\n  },\n  { immediate: true }\n);\n\n// 값 변경 감지 → 상위 emit\nwatch(formState, (val) => emit('update:modelValue', val), { deep: true });\n\n// 이벤트 핸들러\nfunction handleSubmit() {\n  emit('submit', { ...formState });\n  if (typeof props.schema.events?.onSubmit === 'function') {\n    props.schema.events.onSubmit({ ...formState });\n  }\n}\n\nfunction handleChange(field: string, value: any) {\n  emit('change', { field, value });\n  if (typeof props.schema.events?.onChange === 'function') {\n    props.schema.events.onChange(field, value);\n  }\n}\n\nfunction handleError(errs: any) {\n  emit('error', errs);\n  if (typeof props.schema.events?.onError === 'function') {\n    props.schema.events.onError(errs);\n  }\n}\n\n// 정렬된 필드 가져오기\nfunction getOrderedFields(fields: DynamicFormField[]): DynamicFormField[] {\n  const visibleFields = fields.filter((field) => field.isVisible !== false);\n  return visibleFields.sort((a, b) => {\n    // sortOrder 기준으로 정렬\n    if (a.sortOrder !== undefined && b.sortOrder !== undefined) {\n      if (a.sortOrder !== b.sortOrder) {\n        return a.sortOrder - b.sortOrder;\n      }\n    }\n    const aName = a.controlName || (a as any).name || a.label || '';\n    const bName = b.controlName || (b as any).name || b.label || '';\n    return aName.localeCompare(bName);\n  });\n}\n\n// 폼 클래스 계산\nconst formClasses = computed(() => {\n  const colCount = props.schema.globalStyle?.colCount || \n    (props.schema.layout?.columns ? `row-${props.schema.layout.columns}` : 'row-1');\n  const gapClass = getGapClass(colCount);\n  \n  // 반응형: 화면 크기에 따라 열 수 자동 조정\n  let classes = '';\n  switch (colCount) {\n    case 'row-1':\n      classes = `flex flex-col ${gapClass}`;\n      break;\n    case 'row':\n    case 'row-2':\n      classes = `flex flex-col md:grid md:grid-flow-row md:items-start ${gapClass} md:grid-cols-2 auto-rows-min`;\n      break;\n    case 'row-3':\n      classes = `flex flex-col md:grid md:grid-flow-row md:items-start ${gapClass} md:grid-cols-2 lg:grid-cols-3 auto-rows-min`;\n      break;\n    case 'row-4':\n      classes = `flex flex-col md:grid md:grid-flow-row md:items-start ${gapClass} md:grid-cols-2 lg:grid-cols-4 auto-rows-min`;\n      break;\n    case 'row-5':\n      classes = `flex flex-col md:grid md:grid-flow-row md:items-start ${gapClass} md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 auto-rows-min`;\n      break;\n    case 'row-6':\n      classes = `flex flex-col md:grid md:grid-flow-row md:items-start ${gapClass} md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6 auto-rows-min`;\n      break;\n    case 'row-7':\n      classes = `flex flex-col md:grid md:grid-flow-row md:items-start ${gapClass} md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-7 auto-rows-min`;\n      break;\n    case 'row-8':\n      classes = `flex flex-col md:grid md:grid-flow-row md:items-start ${gapClass} md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-8 auto-rows-min`;\n      break;\n    default:\n      classes = `flex flex-col ${gapClass}`;\n  }\n  \n  return classes;\n});\n\n// 필드 기본 클래스\nfunction fieldBaseClass(field: DynamicFormField): string {\n  return BOOLEAN_TYPES.includes(field.type)\n    ? 'min-w-0 w-auto inline-flex items-center'\n    : 'min-w-0 w-full';\n}\n\n// 최대 열 수 계산\nfunction getMaxCols(colCount?: string): number {\n  switch (colCount) {\n    case 'row':\n    case 'row-2': return 2;\n    case 'row-3': return 3;\n    case 'row-4': return 4;\n    case 'row-5': return 5;\n    case 'row-6': return 6;\n    case 'row-7': return 7;\n    case 'row-8': return 8;\n    default: return 1;\n  }\n}\n\n// 열 수에 따른 gap 계산\nfunction getGapClass(colCount: string): string {\n  switch (colCount) {\n    case 'row-1': return 'gap-6';\n    case 'row':\n    case 'row-2': return 'gap-4';\n    case 'row-3': return 'gap-4';\n    case 'row-4': return 'gap-3';\n    case 'row-5': return 'gap-2';\n    case 'row-6': return 'gap-2';\n    case 'row-7': return 'gap-2';\n    case 'row-8': return 'gap-2';\n    default: return 'gap-6';\n  }\n}\n\n// 열 수에 따른 라벨 너비 계산\nfunction getLabelWidth(): string {\n  const colCount = props.schema.globalStyle?.colCount || \n    (props.schema.layout?.columns ? `row-${props.schema.layout.columns}` : 'row-1');\n  const maxCols = getMaxCols(colCount);\n  if (maxCols >= 6) return '6rem';\n  if (maxCols >= 5) return '7rem';\n  return '8rem';\n}\n\n// 라벨 위치 가져오기\nfunction getLabelPosition(): 'horizontal' | 'vertical' {\n  return props.schema.globalStyle?.labelPosition || 'horizontal';\n}\n\n// 라벨 정렬 가져오기\nfunction getLabelAlign(): 'left' | 'middle' | 'right' {\n  return props.schema.globalStyle?.labelAlign || 'left';\n}\n\n// 필드 스타일 계산\nfunction getFieldStyle(field: DynamicFormField): Record<string, string> {\n  const colCount = props.schema.globalStyle?.colCount || \n    (props.schema.layout?.columns ? `row-${props.schema.layout.columns}` : 'row-1');\n  const maxCols = getMaxCols(colCount);\n  const span = Math.min(maxCols, Math.max(1, field.colSpan || 1));\n  return {\n    gridColumn: `span ${span}`\n  };\n}\n\n// 필드 props 생성\nfunction getFieldProps(field: DynamicFormField) {\n  const fieldName = getFieldName(field);\n  const disabled = field.isDisabled !== undefined ? field.isDisabled : ((field as any).disabled || false);\n  const readonly = field.isReadonly !== undefined ? field.isReadonly : ((field as any).readonly || false);\n  \n  // baseClass 조정\n  const baseClass = BOOLEAN_TYPES.includes(field.type)\n    ? 'inline-flex items-center gap-2 w-auto'\n    : 'w-full';\n  \n  // 전역 스타일 해결\n  const resolvedStyle = resolveGlobalStyle(props.schema.globalStyle);\n  \n  // 열 수에 따라 컨트롤 크기 동적 조정\n  const colCount = props.schema.globalStyle?.colCount || \n    (props.schema.layout?.columns ? `row-${props.schema.layout.columns}` : 'row-1');\n  const maxCols = getMaxCols(colCount);\n  let finalSize = resolvedStyle.controlSize;\n  \n  // 4열 이상일 때 컨트롤 크기를 작게 조정\n  if (maxCols >= 6) {\n    finalSize = 'sm';\n  } else if (maxCols >= 5) {\n    finalSize = 'sm';\n  } else if (maxCols >= 4) {\n    if (resolvedStyle.controlSize === 'lg') {\n      finalSize = 'md';\n    }\n  }\n\n  const createEventHandler = (eventType: string, value: any) => {\n    if (fieldName) {\n      formState[fieldName] = value;\n      handleChange(fieldName, value);\n    }\n    \n    if (field.events?.[eventType as keyof typeof field.events]) {\n      const handlerName = field.events[eventType as keyof typeof field.events];\n      console.log(`Event ${eventType}: Calling handler \"${handlerName}\" with value:`, value);\n    }\n  };\n\n  if (BOOLEAN_TYPES.includes(field.type)) {\n    return {\n      modelValue: formState[fieldName] === 'Y' ? 'Y' : 'N',\n      disabled,\n      styleType: finalSize,\n      class: baseClass,\n      'onUpdate:modelValue': (value: string) => {\n        if (fieldName) {\n          formState[fieldName] = value;\n        }\n        createEventHandler('onChange', value === 'Y');\n      }\n    };\n  }\n\n  if (field.type === 'radio') {\n    return {\n      modelValue: String(formState[fieldName] ?? ''),\n      options: field.options ?? [],\n      multiple: field.multiple,\n      disabled,\n      styleType: finalSize,\n      class: baseClass,\n      'onUpdate:modelValue': (value: string) => {\n        createEventHandler('onChange', value);\n      }\n    };\n  }\n\n  if (field.type === 'select' || field.type === 'combo') {\n    return {\n      modelValue: String(formState[fieldName] ?? ''),\n      options: getSelectOptions(field),\n      multiple: field.multiple,\n      disabled,\n      styleType: finalSize,\n      class: baseClass,\n      'onUpdate:modelValue': (value: string) => {\n        createEventHandler('onChange', value);\n      }\n    };\n  }\n\n  if (field.type === 'searchcombo') {\n    return {\n      modelValue: String(formState[fieldName] ?? ''),\n      options: getSelectOptions(field),\n      disabled,\n      styleType: finalSize,\n      class: baseClass,\n      'onUpdate:modelValue': (value: string) => {\n        createEventHandler('onChange', value);\n      }\n    };\n  }\n\n  if (field.type === 'textarea') {\n    return {\n      modelValue: String(formState[fieldName] ?? ''),\n      placeholder: field.placeholder ?? '',\n      disabled,\n      readonly,\n      styleType: finalSize,\n      class: baseClass,\n      'onUpdate:modelValue': (value: string) => {\n        createEventHandler('onChange', value);\n      }\n    };\n  }\n\n  if (field.type === 'datepicker') {\n    return {\n      modelValue: String(formState[fieldName] ?? ''),\n      placeholder: field.placeholder ?? '',\n      disabled,\n      readonly,\n      styleType: finalSize,\n      class: baseClass,\n      'onUpdate:modelValue': (value: string) => {\n        createEventHandler('onChange', value);\n      }\n    };\n  }\n\n  // 기본 input\n  return {\n    modelValue: String(formState[fieldName] ?? ''),\n    inputType: field.inputType || (field.dataType === 'number' ? 'number' : 'text'),\n    placeholder: field.placeholder ?? '',\n    disabled,\n    readonly,\n    styleType: finalSize,\n    class: baseClass,\n    'onUpdate:modelValue': (value: string | number) => {\n      createEventHandler('onChange', value);\n    }\n  };\n}\n\n// Select 옵션 생성\nfunction getSelectOptions(field: DynamicFormField) {\n  const addAll = field.addAll !== undefined ? field.addAll : ((field as any).allowAll || false);\n  const defaultOption = {\n    value: addAll ? 'ALL' : 'SELECT',\n    label: addAll ? '전체' : '선택'\n  };\n  return [defaultOption, ...(field.options || [])];\n}\n\n// 폼 리셋\nfunction reset() {\n  Object.keys(formState).forEach(key => {\n    delete formState[key];\n  });\n  \n  // 모든 필드 수집\n  const allFields: DynamicFormField[] = [];\n  \n  if (props.schema.type === 'simple' && props.schema.fields) {\n    allFields.push(...props.schema.fields);\n  } else if (props.schema.type === 'sectioned' && props.schema.sections) {\n    props.schema.sections.forEach(section => {\n      if (section.fields) allFields.push(...section.fields);\n    });\n  } else if (props.schema.type === 'wizard' && props.schema.steps) {\n    props.schema.steps.forEach(step => {\n      if (step.fields) allFields.push(...step.fields);\n    });\n  }\n  \n  // 초기값으로 재설정\n  allFields.forEach((field) => {\n    const fieldName = getFieldName(field);\n    if (fieldName) {\n      if (BOOLEAN_TYPES.includes(field.type)) {\n        formState[fieldName] = 'N';\n      } else if (field.type === 'radio') {\n        formState[fieldName] = field.options?.[0]?.value ?? '';\n      } else if (field.type === 'select' || field.type === 'searchcombo') {\n        const addAll = field.addAll !== undefined ? field.addAll : ((field as any).allowAll || false);\n        formState[fieldName] = addAll ? 'ALL' : 'SELECT';\n      } else {\n        formState[fieldName] = '';\n      }\n    }\n  });\n}\n\n// 폼 상태 노출\ndefineExpose({\n  formState,\n  submit: handleSubmit,\n  reset,\n  handleError\n});\n</script>\n\n<style scoped>\nform {\n  width: 100%;\n}\n</style>\n"],"names":["props","__props","emit","__emit","BOOLEAN_TYPES","formState","reactive","watch","newValues","getFieldKey","field","index","getFieldName","getFieldRequired","newSchema","allFields","section","step","fieldName","addAll","val","handleSubmit","handleChange","value","handleError","errs","getOrderedFields","fields","a","b","aName","bName","formClasses","computed","colCount","gapClass","getGapClass","classes","fieldBaseClass","getMaxCols","getLabelWidth","maxCols","getLabelPosition","getLabelAlign","getFieldStyle","getFieldProps","disabled","readonly","baseClass","resolvedStyle","resolveGlobalStyle","finalSize","createEventHandler","eventType","handlerName","getSelectOptions","reset","key","__expose","_createElementBlock","_Fragment","_renderList","_normalizeClass","_normalizeStyle","_createVNode","_unref","_mergeProps","_openBlock","_hoisted_1","_createBlock","JCard","_createElementVNode","_hoisted_2","_hoisted_3","_toDisplayString","_hoisted_4"],"mappings":"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"}
+{"version":3,"file":"JDynamicForm.vue2.cjs","sources":["../../../../src/components/organisms/JDynamicForm.vue"],"sourcesContent":["<template>\n  <form @submit.prevent=\"handleSubmit\" :class=\"formClasses\">\n    <!-- 🧱 단순형 폼 -->\n    <template v-if=\"schema.type === 'simple'\">\n      <div\n        v-for=\"(field, index) in getOrderedFields(schema.fields || [])\"\n        :key=\"getFieldKey(field, index)\"\n        :class=\"fieldBaseClass(field)\"\n        :style=\"getFieldStyle(field)\"\n      >\n        <JFormField\n          :label=\"field.label\"\n          :required=\"getFieldRequired(field)\"\n          :orientation=\"getLabelPosition()\"\n          :labelAlign=\"getLabelAlign()\"\n          :labelWidth=\"getLabelWidth()\"\n          :type=\"(field.type === 'searchcombo' ? 'searchCombo' : field.type) as any\"\n          :input-type=\"field.inputType\"\n          :description=\"field.description\"\n          :inline-label=\"field.inlineLabel\"\n          v-bind=\"getFieldProps(field)\"\n        />\n      </div>\n    </template>\n\n    <!-- 📦 섹션형 폼 -->\n    <template v-else-if=\"schema.type === 'sectioned'\">\n      <div class=\"space-y-6\">\n        <JCard\n          v-for=\"section in schema.sections\"\n          :key=\"section.id\"\n          :title=\"section.title\"\n          :collapsible=\"section.collapsible\"\n          :default-collapsed=\"section.defaultCollapsed\"\n        >\n          <div :class=\"formClasses\">\n            <div\n              v-for=\"(field, index) in getOrderedFields(section.fields || [])\"\n              :key=\"getFieldKey(field, index)\"\n              :class=\"fieldBaseClass(field)\"\n              :style=\"getFieldStyle(field)\"\n            >\n              <JFormField\n                :label=\"field.label\"\n                :required=\"getFieldRequired(field)\"\n                :orientation=\"getLabelPosition()\"\n                :labelAlign=\"getLabelAlign()\"\n                :labelWidth=\"getLabelWidth()\"\n                :type=\"(field.type === 'searchcombo' ? 'searchCombo' : field.type) as any\"\n                :input-type=\"field.inputType\"\n                :description=\"field.description\"\n                :inline-label=\"field.inlineLabel\"\n                v-bind=\"getFieldProps(field)\"\n              />\n            </div>\n          </div>\n        </JCard>\n      </div>\n    </template>\n\n    <!-- 🪜 스텝형 (Wizard) -->\n    <template v-else-if=\"schema.type === 'wizard'\">\n      <div class=\"space-y-4\">\n        <div\n          v-for=\"step in schema.steps\"\n          :key=\"step.id\"\n          class=\"p-4 border rounded-xl\"\n        >\n          <h3 class=\"font-semibold text-lg\">{{ step.title }}</h3>\n          <p v-if=\"step.description\" class=\"text-muted-foreground text-sm mb-2\">\n            {{ step.description }}\n          </p>\n          <div :class=\"formClasses\">\n            <div\n              v-for=\"(field, index) in getOrderedFields(step.fields || [])\"\n              :key=\"getFieldKey(field, index)\"\n              :class=\"fieldBaseClass(field)\"\n              :style=\"getFieldStyle(field)\"\n            >\n              <JFormField\n                :label=\"field.label\"\n                :required=\"getFieldRequired(field)\"\n                :orientation=\"getLabelPosition()\"\n                :labelAlign=\"getLabelAlign()\"\n                :labelWidth=\"getLabelWidth()\"\n                :type=\"(field.type === 'searchcombo' ? 'searchCombo' : field.type) as any\"\n                :input-type=\"field.inputType\"\n                :description=\"field.description\"\n                :inline-label=\"field.inlineLabel\"\n                v-bind=\"getFieldProps(field)\"\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n    </template>\n\n  </form>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, reactive, watch } from 'vue';\nimport { JFormField, JCard } from '@/components/molecules';\nimport type { FormSchema, DynamicFormField } from '@/types/dynamic-form';\nimport { resolveGlobalStyle } from '@/lib/styleTypePreset';\n\n// props\nconst props = defineProps<{\n  schema: FormSchema;\n  modelValue?: Record<string, any>;\n}>();\n\nconst emit = defineEmits(['update:modelValue', 'submit', 'change', 'error']);\n\nconst BOOLEAN_TYPES: Array<DynamicFormField['type']> = ['checkbox', 'switch'];\n\n// 폼 상태 관리\nconst formState = reactive<Record<string, any>>({});\n\n// 초기값 설정\nwatch(\n  () => props.modelValue,\n  (newValues) => {\n    if (newValues) {\n      Object.assign(formState, newValues);\n    }\n  },\n  { immediate: true, deep: true }\n);\n\n// 필드 키 가져오기 (controlId > controlName > name > label 순서)\nfunction getFieldKey(field: DynamicFormField, index: number): string {\n  return field.controlId || field.controlName || (field as any).name || field.label || `field-${index}`;\n}\n\n// 필드 이름 가져오기 (controlName > name 순서)\nfunction getFieldName(field: DynamicFormField): string {\n  return field.controlName || (field as any).name || '';\n}\n\n// 필드 required 가져오기 (isRequired > required 순서)\nfunction getFieldRequired(field: DynamicFormField): boolean {\n  return field.isRequired !== undefined ? field.isRequired : ((field as any).required || false);\n}\n\n// 필드 초기화\nwatch(\n  () => props.schema,\n  (newSchema) => {\n    const allFields: DynamicFormField[] = [];\n    \n    if (newSchema.type === 'simple' && newSchema.fields) {\n      allFields.push(...newSchema.fields);\n    } else if (newSchema.type === 'sectioned' && newSchema.sections) {\n      newSchema.sections.forEach(section => {\n        if (section.fields) allFields.push(...section.fields);\n      });\n    } else if (newSchema.type === 'wizard' && newSchema.steps) {\n      newSchema.steps.forEach(step => {\n        if (step.fields) allFields.push(...step.fields);\n      });\n    }\n    \n    allFields.forEach((field) => {\n      const fieldName = getFieldName(field);\n      if (fieldName && formState[fieldName] === undefined) {\n        if (BOOLEAN_TYPES.includes(field.type)) {\n          formState[fieldName] = 'N';\n        } else if (field.type === 'radio') {\n          formState[fieldName] = field.options?.[0]?.value ?? '';\n        } else if (field.type === 'select' || field.type === 'searchcombo') {\n          const addAll = field.addAll !== undefined ? field.addAll : ((field as any).allowAll || false);\n          formState[fieldName] = addAll ? 'ALL' : 'SELECT';\n        } else {\n          formState[fieldName] = '';\n        }\n      }\n    });\n  },\n  { immediate: true }\n);\n\n// 값 변경 감지 → 상위 emit\nwatch(formState, (val) => emit('update:modelValue', val), { deep: true });\n\n// 이벤트 핸들러\nfunction handleSubmit() {\n  emit('submit', { ...formState });\n  if (typeof props.schema.events?.onSubmit === 'function') {\n    props.schema.events.onSubmit({ ...formState });\n  }\n}\n\nfunction handleChange(field: string, value: any) {\n  emit('change', { field, value });\n  if (typeof props.schema.events?.onChange === 'function') {\n    props.schema.events.onChange(field, value);\n  }\n}\n\nfunction handleError(errs: any) {\n  emit('error', errs);\n  if (typeof props.schema.events?.onError === 'function') {\n    props.schema.events.onError(errs);\n  }\n}\n\n// 정렬된 필드 가져오기\nfunction getOrderedFields(fields: DynamicFormField[]): DynamicFormField[] {\n  const visibleFields = fields.filter((field) => field.isVisible !== false);\n  return visibleFields.sort((a, b) => {\n    // sortOrder 기준으로 정렬\n    if (a.sortOrder !== undefined && b.sortOrder !== undefined) {\n      if (a.sortOrder !== b.sortOrder) {\n        return a.sortOrder - b.sortOrder;\n      }\n    }\n    const aName = a.controlName || (a as any).name || a.label || '';\n    const bName = b.controlName || (b as any).name || b.label || '';\n    return aName.localeCompare(bName);\n  });\n}\n\n// 폼 클래스 계산\nconst formClasses = computed(() => {\n  const colCount = props.schema.globalStyle?.colCount || \n    (props.schema.layout?.columns ? `row-${props.schema.layout.columns}` : 'row-1');\n  const gapClass = getGapClass(colCount);\n  \n  // 반응형: 화면 크기에 따라 열 수 자동 조정\n  let classes = '';\n  switch (colCount) {\n    case 'row-1':\n      classes = `flex flex-col ${gapClass}`;\n      break;\n    case 'row':\n    case 'row-2':\n      classes = `flex flex-col md:grid md:grid-flow-row md:items-start ${gapClass} md:grid-cols-2 auto-rows-min`;\n      break;\n    case 'row-3':\n      classes = `flex flex-col md:grid md:grid-flow-row md:items-start ${gapClass} md:grid-cols-2 lg:grid-cols-3 auto-rows-min`;\n      break;\n    case 'row-4':\n      classes = `flex flex-col md:grid md:grid-flow-row md:items-start ${gapClass} md:grid-cols-2 lg:grid-cols-4 auto-rows-min`;\n      break;\n    case 'row-5':\n      classes = `flex flex-col md:grid md:grid-flow-row md:items-start ${gapClass} md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 auto-rows-min`;\n      break;\n    case 'row-6':\n      classes = `flex flex-col md:grid md:grid-flow-row md:items-start ${gapClass} md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6 auto-rows-min`;\n      break;\n    case 'row-7':\n      classes = `flex flex-col md:grid md:grid-flow-row md:items-start ${gapClass} md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-7 auto-rows-min`;\n      break;\n    case 'row-8':\n      classes = `flex flex-col md:grid md:grid-flow-row md:items-start ${gapClass} md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-8 auto-rows-min`;\n      break;\n    default:\n      classes = `flex flex-col ${gapClass}`;\n  }\n  \n  return classes;\n});\n\n// 필드 기본 클래스\nfunction fieldBaseClass(field: DynamicFormField): string {\n  return BOOLEAN_TYPES.includes(field.type)\n    ? 'min-w-0 w-auto inline-flex items-center'\n    : 'min-w-0 w-full';\n}\n\n// 최대 열 수 계산\nfunction getMaxCols(colCount?: string): number {\n  switch (colCount) {\n    case 'row':\n    case 'row-2': return 2;\n    case 'row-3': return 3;\n    case 'row-4': return 4;\n    case 'row-5': return 5;\n    case 'row-6': return 6;\n    case 'row-7': return 7;\n    case 'row-8': return 8;\n    default: return 1;\n  }\n}\n\n// 열 수에 따른 gap 계산\nfunction getGapClass(colCount: string): string {\n  switch (colCount) {\n    case 'row-1': return 'gap-6';\n    case 'row':\n    case 'row-2': return 'gap-4';\n    case 'row-3': return 'gap-4';\n    case 'row-4': return 'gap-3';\n    case 'row-5': return 'gap-2';\n    case 'row-6': return 'gap-2';\n    case 'row-7': return 'gap-2';\n    case 'row-8': return 'gap-2';\n    default: return 'gap-6';\n  }\n}\n\n// 열 수에 따른 라벨 너비 계산\nfunction getLabelWidth(): string {\n  const colCount = props.schema.globalStyle?.colCount || \n    (props.schema.layout?.columns ? `row-${props.schema.layout.columns}` : 'row-1');\n  const maxCols = getMaxCols(colCount);\n  if (maxCols >= 6) return '6rem';\n  if (maxCols >= 5) return '7rem';\n  return '8rem';\n}\n\n// 라벨 위치 가져오기\nfunction getLabelPosition(): 'horizontal' | 'vertical' {\n  return props.schema.globalStyle?.labelPosition || 'horizontal';\n}\n\n// 라벨 정렬 가져오기\nfunction getLabelAlign(): 'left' | 'middle' | 'right' {\n  return props.schema.globalStyle?.labelAlign || 'left';\n}\n\n// 필드 스타일 계산\nfunction getFieldStyle(field: DynamicFormField): Record<string, string> {\n  const colCount = props.schema.globalStyle?.colCount || \n    (props.schema.layout?.columns ? `row-${props.schema.layout.columns}` : 'row-1');\n  const maxCols = getMaxCols(colCount);\n  const span = Math.min(maxCols, Math.max(1, field.colSpan || 1));\n  return {\n    gridColumn: `span ${span}`\n  };\n}\n\n// 필드 props 생성\nfunction getFieldProps(field: DynamicFormField) {\n  const fieldName = getFieldName(field);\n  const disabled = field.isDisabled !== undefined ? field.isDisabled : ((field as any).disabled || false);\n  const readonly = field.isReadonly !== undefined ? field.isReadonly : ((field as any).readonly || false);\n  \n  // baseClass 조정\n  const baseClass = BOOLEAN_TYPES.includes(field.type)\n    ? 'inline-flex items-center gap-2 w-auto'\n    : 'w-full';\n  \n  // 전역 스타일 해결\n  const resolvedStyle = resolveGlobalStyle(props.schema.globalStyle);\n  \n  // 열 수에 따라 컨트롤 크기 동적 조정\n  const colCount = props.schema.globalStyle?.colCount || \n    (props.schema.layout?.columns ? `row-${props.schema.layout.columns}` : 'row-1');\n  const maxCols = getMaxCols(colCount);\n  let finalSize = resolvedStyle.controlSize;\n  \n  // 4열 이상일 때 컨트롤 크기를 작게 조정\n  if (maxCols >= 6) {\n    finalSize = 'sm';\n  } else if (maxCols >= 5) {\n    finalSize = 'sm';\n  } else if (maxCols >= 4) {\n    if (resolvedStyle.controlSize === 'lg') {\n      finalSize = 'md';\n    }\n  }\n\n  const createEventHandler = (eventType: string, value: any) => {\n    if (fieldName) {\n      formState[fieldName] = value;\n      handleChange(fieldName, value);\n    }\n    \n    if (field.events?.[eventType as keyof typeof field.events]) {\n      const handlerName = field.events[eventType as keyof typeof field.events];\n      console.log(`Event ${eventType}: Calling handler \"${handlerName}\" with value:`, value);\n    }\n  };\n\n  if (BOOLEAN_TYPES.includes(field.type)) {\n    return {\n      modelValue: formState[fieldName] === 'Y' ? 'Y' : 'N',\n      disabled,\n      styleType: finalSize,\n      class: baseClass,\n      'onUpdate:modelValue': (value: string) => {\n        if (fieldName) {\n          formState[fieldName] = value;\n        }\n        createEventHandler('onChange', value === 'Y');\n      }\n    };\n  }\n\n  if (field.type === 'radio') {\n    return {\n      modelValue: String(formState[fieldName] ?? ''),\n      options: field.options ?? [],\n      multiple: field.multiple,\n      disabled,\n      styleType: finalSize,\n      class: baseClass,\n      'onUpdate:modelValue': (value: string) => {\n        createEventHandler('onChange', value);\n      }\n    };\n  }\n\n  if (field.type === 'select' || field.type === 'combo') {\n    return {\n      modelValue: String(formState[fieldName] ?? ''),\n      options: getSelectOptions(field),\n      multiple: field.multiple,\n      disabled,\n      styleType: finalSize,\n      class: baseClass,\n      'onUpdate:modelValue': (value: string) => {\n        createEventHandler('onChange', value);\n      }\n    };\n  }\n\n  if (field.type === 'searchcombo') {\n    return {\n      modelValue: String(formState[fieldName] ?? ''),\n      options: getSelectOptions(field),\n      disabled,\n      styleType: finalSize,\n      class: baseClass,\n      'onUpdate:modelValue': (value: string) => {\n        createEventHandler('onChange', value);\n      }\n    };\n  }\n\n  if (field.type === 'textarea') {\n    return {\n      modelValue: String(formState[fieldName] ?? ''),\n      placeholder: field.placeholder ?? '',\n      disabled,\n      readonly,\n      styleType: finalSize,\n      class: baseClass,\n      'onUpdate:modelValue': (value: string) => {\n        createEventHandler('onChange', value);\n      }\n    };\n  }\n\n  if (field.type === 'datepicker') {\n    return {\n      modelValue: String(formState[fieldName] ?? ''),\n      placeholder: field.placeholder ?? '',\n      disabled,\n      readonly,\n      styleType: finalSize,\n      class: baseClass,\n      'onUpdate:modelValue': (value: string) => {\n        createEventHandler('onChange', value);\n      }\n    };\n  }\n\n  // 기본 input\n  return {\n    modelValue: String(formState[fieldName] ?? ''),\n    inputType: field.inputType || (field.dataType === 'number' ? 'number' : 'text'),\n    placeholder: field.placeholder ?? '',\n    disabled,\n    readonly,\n    styleType: finalSize,\n    class: baseClass,\n    'onUpdate:modelValue': (value: string | number) => {\n      createEventHandler('onChange', value);\n    }\n  };\n}\n\n// Select 옵션 생성\nfunction getSelectOptions(field: DynamicFormField) {\n  const addAll = field.addAll !== undefined ? field.addAll : ((field as any).allowAll || false);\n  const defaultOption = {\n    value: addAll ? 'ALL' : 'SELECT',\n    label: addAll ? '전체' : '선택'\n  };\n  return [defaultOption, ...(field.options || [])];\n}\n\n// 폼 리셋\nfunction reset() {\n  Object.keys(formState).forEach(key => {\n    delete formState[key];\n  });\n  \n  // 모든 필드 수집\n  const allFields: DynamicFormField[] = [];\n  \n  if (props.schema.type === 'simple' && props.schema.fields) {\n    allFields.push(...props.schema.fields);\n  } else if (props.schema.type === 'sectioned' && props.schema.sections) {\n    props.schema.sections.forEach(section => {\n      if (section.fields) allFields.push(...section.fields);\n    });\n  } else if (props.schema.type === 'wizard' && props.schema.steps) {\n    props.schema.steps.forEach(step => {\n      if (step.fields) allFields.push(...step.fields);\n    });\n  }\n  \n  // 초기값으로 재설정\n  allFields.forEach((field) => {\n    const fieldName = getFieldName(field);\n    if (fieldName) {\n      if (BOOLEAN_TYPES.includes(field.type)) {\n        formState[fieldName] = 'N';\n      } else if (field.type === 'radio') {\n        formState[fieldName] = field.options?.[0]?.value ?? '';\n      } else if (field.type === 'select' || field.type === 'searchcombo') {\n        const addAll = field.addAll !== undefined ? field.addAll : ((field as any).allowAll || false);\n        formState[fieldName] = addAll ? 'ALL' : 'SELECT';\n      } else {\n        formState[fieldName] = '';\n      }\n    }\n  });\n}\n\n// 폼 상태 노출\ndefineExpose({\n  formState,\n  submit: handleSubmit,\n  reset,\n  handleError\n});\n</script>\n\n<style scoped>\nform {\n  width: 100%;\n}\n</style>\n"],"names":["props","__props","emit","__emit","BOOLEAN_TYPES","formState","reactive","watch","newValues","getFieldKey","field","index","getFieldName","getFieldRequired","newSchema","allFields","section","step","fieldName","addAll","val","handleSubmit","handleChange","value","handleError","errs","getOrderedFields","fields","a","b","aName","bName","formClasses","computed","colCount","gapClass","getGapClass","classes","fieldBaseClass","getMaxCols","getLabelWidth","maxCols","getLabelPosition","getLabelAlign","getFieldStyle","getFieldProps","disabled","readonly","baseClass","resolvedStyle","resolveGlobalStyle","finalSize","createEventHandler","eventType","handlerName","getSelectOptions","reset","key","__expose","_createElementBlock","_Fragment","_renderList","_normalizeClass","_normalizeStyle","_createVNode","_unref","_mergeProps","_openBlock","_hoisted_1","_createBlock","JCard","_createElementVNode","_hoisted_2","_hoisted_3","_toDisplayString","_hoisted_4"],"mappings":"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"}

package/components/organisms/JDynamicForm.vue2.js

@@ -22,6 +22,7 @@ import "ag-grid-enterprise";
 /* empty css                                                                                                          */
 /* empty css                                                                                                          */
 /* empty css                  */
+import "vue-sonner";
 import { resolveGlobalStyle as se } from "../../lib/styleTypePreset.js";
 const ae = {
   key: 1,
@@ -32,7 +33,7 @@ const ae = {
 }, ie = { class: "font-semibold text-lg" }, ce = {
   key: 0,
   class: "text-muted-foreground text-sm mb-2"
-}, qe = /* @__PURE__ */ X({
+}, ze = /* @__PURE__ */ X({
   __name: "JDynamicForm",
   props: {
     schema: {},
@@ -396,6 +397,6 @@ const ae = {
   }
 });
 export {
-  qe as default
+  ze as default
 };
 //# sourceMappingURL=JDynamicForm.vue2.js.map

package/components/organisms/JDynamicForm.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"JDynamicForm.vue2.js","sources":["../../../../src/components/organisms/JDynamicForm.vue"],"sourcesContent":["<template>\n  <form @submit.prevent=\"handleSubmit\" :class=\"formClasses\">\n    <!-- 🧱 단순형 폼 -->\n    <template v-if=\"schema.type === 'simple'\">\n      <div\n        v-for=\"(field, index) in getOrderedFields(schema.fields || [])\"\n        :key=\"getFieldKey(field, index)\"\n        :class=\"fieldBaseClass(field)\"\n        :style=\"getFieldStyle(field)\"\n      >\n        <JFormField\n          :label=\"field.label\"\n          :required=\"getFieldRequired(field)\"\n          :orientation=\"getLabelPosition()\"\n          :labelAlign=\"getLabelAlign()\"\n          :labelWidth=\"getLabelWidth()\"\n          :type=\"(field.type === 'searchcombo' ? 'searchCombo' : field.type) as any\"\n          :input-type=\"field.inputType\"\n          :description=\"field.description\"\n          :inline-label=\"field.inlineLabel\"\n          v-bind=\"getFieldProps(field)\"\n        />\n      </div>\n    </template>\n\n    <!-- 📦 섹션형 폼 -->\n    <template v-else-if=\"schema.type === 'sectioned'\">\n      <div class=\"space-y-6\">\n        <JCard\n          v-for=\"section in schema.sections\"\n          :key=\"section.id\"\n          :title=\"section.title\"\n          :collapsible=\"section.collapsible\"\n          :default-collapsed=\"section.defaultCollapsed\"\n        >\n          <div :class=\"formClasses\">\n            <div\n              v-for=\"(field, index) in getOrderedFields(section.fields || [])\"\n              :key=\"getFieldKey(field, index)\"\n              :class=\"fieldBaseClass(field)\"\n              :style=\"getFieldStyle(field)\"\n            >\n              <JFormField\n                :label=\"field.label\"\n                :required=\"getFieldRequired(field)\"\n                :orientation=\"getLabelPosition()\"\n                :labelAlign=\"getLabelAlign()\"\n                :labelWidth=\"getLabelWidth()\"\n                :type=\"(field.type === 'searchcombo' ? 'searchCombo' : field.type) as any\"\n                :input-type=\"field.inputType\"\n                :description=\"field.description\"\n                :inline-label=\"field.inlineLabel\"\n                v-bind=\"getFieldProps(field)\"\n              />\n            </div>\n          </div>\n        </JCard>\n      </div>\n    </template>\n\n    <!-- 🪜 스텝형 (Wizard) -->\n    <template v-else-if=\"schema.type === 'wizard'\">\n      <div class=\"space-y-4\">\n        <div\n          v-for=\"step in schema.steps\"\n          :key=\"step.id\"\n          class=\"p-4 border rounded-xl\"\n        >\n          <h3 class=\"font-semibold text-lg\">{{ step.title }}</h3>\n          <p v-if=\"step.description\" class=\"text-muted-foreground text-sm mb-2\">\n            {{ step.description }}\n          </p>\n          <div :class=\"formClasses\">\n            <div\n              v-for=\"(field, index) in getOrderedFields(step.fields || [])\"\n              :key=\"getFieldKey(field, index)\"\n              :class=\"fieldBaseClass(field)\"\n              :style=\"getFieldStyle(field)\"\n            >\n              <JFormField\n                :label=\"field.label\"\n                :required=\"getFieldRequired(field)\"\n                :orientation=\"getLabelPosition()\"\n                :labelAlign=\"getLabelAlign()\"\n                :labelWidth=\"getLabelWidth()\"\n                :type=\"(field.type === 'searchcombo' ? 'searchCombo' : field.type) as any\"\n                :input-type=\"field.inputType\"\n                :description=\"field.description\"\n                :inline-label=\"field.inlineLabel\"\n                v-bind=\"getFieldProps(field)\"\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n    </template>\n\n  </form>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, reactive, watch } from 'vue';\nimport { JFormField, JCard } from '@/components/molecules';\nimport type { FormSchema, DynamicFormField } from '@/types/dynamic-form';\nimport { resolveGlobalStyle } from '@/lib/styleTypePreset';\n\n// props\nconst props = defineProps<{\n  schema: FormSchema;\n  modelValue?: Record<string, any>;\n}>();\n\nconst emit = defineEmits(['update:modelValue', 'submit', 'change', 'error']);\n\nconst BOOLEAN_TYPES: Array<DynamicFormField['type']> = ['checkbox', 'switch'];\n\n// 폼 상태 관리\nconst formState = reactive<Record<string, any>>({});\n\n// 초기값 설정\nwatch(\n  () => props.modelValue,\n  (newValues) => {\n    if (newValues) {\n      Object.assign(formState, newValues);\n    }\n  },\n  { immediate: true, deep: true }\n);\n\n// 필드 키 가져오기 (controlId > controlName > name > label 순서)\nfunction getFieldKey(field: DynamicFormField, index: number): string {\n  return field.controlId || field.controlName || (field as any).name || field.label || `field-${index}`;\n}\n\n// 필드 이름 가져오기 (controlName > name 순서)\nfunction getFieldName(field: DynamicFormField): string {\n  return field.controlName || (field as any).name || '';\n}\n\n// 필드 required 가져오기 (isRequired > required 순서)\nfunction getFieldRequired(field: DynamicFormField): boolean {\n  return field.isRequired !== undefined ? field.isRequired : ((field as any).required || false);\n}\n\n// 필드 초기화\nwatch(\n  () => props.schema,\n  (newSchema) => {\n    const allFields: DynamicFormField[] = [];\n    \n    if (newSchema.type === 'simple' && newSchema.fields) {\n      allFields.push(...newSchema.fields);\n    } else if (newSchema.type === 'sectioned' && newSchema.sections) {\n      newSchema.sections.forEach(section => {\n        if (section.fields) allFields.push(...section.fields);\n      });\n    } else if (newSchema.type === 'wizard' && newSchema.steps) {\n      newSchema.steps.forEach(step => {\n        if (step.fields) allFields.push(...step.fields);\n      });\n    }\n    \n    allFields.forEach((field) => {\n      const fieldName = getFieldName(field);\n      if (fieldName && formState[fieldName] === undefined) {\n        if (BOOLEAN_TYPES.includes(field.type)) {\n          formState[fieldName] = 'N';\n        } else if (field.type === 'radio') {\n          formState[fieldName] = field.options?.[0]?.value ?? '';\n        } else if (field.type === 'select' || field.type === 'searchcombo') {\n          const addAll = field.addAll !== undefined ? field.addAll : ((field as any).allowAll || false);\n          formState[fieldName] = addAll ? 'ALL' : 'SELECT';\n        } else {\n          formState[fieldName] = '';\n        }\n      }\n    });\n  },\n  { immediate: true }\n);\n\n// 값 변경 감지 → 상위 emit\nwatch(formState, (val) => emit('update:modelValue', val), { deep: true });\n\n// 이벤트 핸들러\nfunction handleSubmit() {\n  emit('submit', { ...formState });\n  if (typeof props.schema.events?.onSubmit === 'function') {\n    props.schema.events.onSubmit({ ...formState });\n  }\n}\n\nfunction handleChange(field: string, value: any) {\n  emit('change', { field, value });\n  if (typeof props.schema.events?.onChange === 'function') {\n    props.schema.events.onChange(field, value);\n  }\n}\n\nfunction handleError(errs: any) {\n  emit('error', errs);\n  if (typeof props.schema.events?.onError === 'function') {\n    props.schema.events.onError(errs);\n  }\n}\n\n// 정렬된 필드 가져오기\nfunction getOrderedFields(fields: DynamicFormField[]): DynamicFormField[] {\n  const visibleFields = fields.filter((field) => field.isVisible !== false);\n  return visibleFields.sort((a, b) => {\n    // sortOrder 기준으로 정렬\n    if (a.sortOrder !== undefined && b.sortOrder !== undefined) {\n      if (a.sortOrder !== b.sortOrder) {\n        return a.sortOrder - b.sortOrder;\n      }\n    }\n    const aName = a.controlName || (a as any).name || a.label || '';\n    const bName = b.controlName || (b as any).name || b.label || '';\n    return aName.localeCompare(bName);\n  });\n}\n\n// 폼 클래스 계산\nconst formClasses = computed(() => {\n  const colCount = props.schema.globalStyle?.colCount || \n    (props.schema.layout?.columns ? `row-${props.schema.layout.columns}` : 'row-1');\n  const gapClass = getGapClass(colCount);\n  \n  // 반응형: 화면 크기에 따라 열 수 자동 조정\n  let classes = '';\n  switch (colCount) {\n    case 'row-1':\n      classes = `flex flex-col ${gapClass}`;\n      break;\n    case 'row':\n    case 'row-2':\n      classes = `flex flex-col md:grid md:grid-flow-row md:items-start ${gapClass} md:grid-cols-2 auto-rows-min`;\n      break;\n    case 'row-3':\n      classes = `flex flex-col md:grid md:grid-flow-row md:items-start ${gapClass} md:grid-cols-2 lg:grid-cols-3 auto-rows-min`;\n      break;\n    case 'row-4':\n      classes = `flex flex-col md:grid md:grid-flow-row md:items-start ${gapClass} md:grid-cols-2 lg:grid-cols-4 auto-rows-min`;\n      break;\n    case 'row-5':\n      classes = `flex flex-col md:grid md:grid-flow-row md:items-start ${gapClass} md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 auto-rows-min`;\n      break;\n    case 'row-6':\n      classes = `flex flex-col md:grid md:grid-flow-row md:items-start ${gapClass} md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6 auto-rows-min`;\n      break;\n    case 'row-7':\n      classes = `flex flex-col md:grid md:grid-flow-row md:items-start ${gapClass} md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-7 auto-rows-min`;\n      break;\n    case 'row-8':\n      classes = `flex flex-col md:grid md:grid-flow-row md:items-start ${gapClass} md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-8 auto-rows-min`;\n      break;\n    default:\n      classes = `flex flex-col ${gapClass}`;\n  }\n  \n  return classes;\n});\n\n// 필드 기본 클래스\nfunction fieldBaseClass(field: DynamicFormField): string {\n  return BOOLEAN_TYPES.includes(field.type)\n    ? 'min-w-0 w-auto inline-flex items-center'\n    : 'min-w-0 w-full';\n}\n\n// 최대 열 수 계산\nfunction getMaxCols(colCount?: string): number {\n  switch (colCount) {\n    case 'row':\n    case 'row-2': return 2;\n    case 'row-3': return 3;\n    case 'row-4': return 4;\n    case 'row-5': return 5;\n    case 'row-6': return 6;\n    case 'row-7': return 7;\n    case 'row-8': return 8;\n    default: return 1;\n  }\n}\n\n// 열 수에 따른 gap 계산\nfunction getGapClass(colCount: string): string {\n  switch (colCount) {\n    case 'row-1': return 'gap-6';\n    case 'row':\n    case 'row-2': return 'gap-4';\n    case 'row-3': return 'gap-4';\n    case 'row-4': return 'gap-3';\n    case 'row-5': return 'gap-2';\n    case 'row-6': return 'gap-2';\n    case 'row-7': return 'gap-2';\n    case 'row-8': return 'gap-2';\n    default: return 'gap-6';\n  }\n}\n\n// 열 수에 따른 라벨 너비 계산\nfunction getLabelWidth(): string {\n  const colCount = props.schema.globalStyle?.colCount || \n    (props.schema.layout?.columns ? `row-${props.schema.layout.columns}` : 'row-1');\n  const maxCols = getMaxCols(colCount);\n  if (maxCols >= 6) return '6rem';\n  if (maxCols >= 5) return '7rem';\n  return '8rem';\n}\n\n// 라벨 위치 가져오기\nfunction getLabelPosition(): 'horizontal' | 'vertical' {\n  return props.schema.globalStyle?.labelPosition || 'horizontal';\n}\n\n// 라벨 정렬 가져오기\nfunction getLabelAlign(): 'left' | 'middle' | 'right' {\n  return props.schema.globalStyle?.labelAlign || 'left';\n}\n\n// 필드 스타일 계산\nfunction getFieldStyle(field: DynamicFormField): Record<string, string> {\n  const colCount = props.schema.globalStyle?.colCount || \n    (props.schema.layout?.columns ? `row-${props.schema.layout.columns}` : 'row-1');\n  const maxCols = getMaxCols(colCount);\n  const span = Math.min(maxCols, Math.max(1, field.colSpan || 1));\n  return {\n    gridColumn: `span ${span}`\n  };\n}\n\n// 필드 props 생성\nfunction getFieldProps(field: DynamicFormField) {\n  const fieldName = getFieldName(field);\n  const disabled = field.isDisabled !== undefined ? field.isDisabled : ((field as any).disabled || false);\n  const readonly = field.isReadonly !== undefined ? field.isReadonly : ((field as any).readonly || false);\n  \n  // baseClass 조정\n  const baseClass = BOOLEAN_TYPES.includes(field.type)\n    ? 'inline-flex items-center gap-2 w-auto'\n    : 'w-full';\n  \n  // 전역 스타일 해결\n  const resolvedStyle = resolveGlobalStyle(props.schema.globalStyle);\n  \n  // 열 수에 따라 컨트롤 크기 동적 조정\n  const colCount = props.schema.globalStyle?.colCount || \n    (props.schema.layout?.columns ? `row-${props.schema.layout.columns}` : 'row-1');\n  const maxCols = getMaxCols(colCount);\n  let finalSize = resolvedStyle.controlSize;\n  \n  // 4열 이상일 때 컨트롤 크기를 작게 조정\n  if (maxCols >= 6) {\n    finalSize = 'sm';\n  } else if (maxCols >= 5) {\n    finalSize = 'sm';\n  } else if (maxCols >= 4) {\n    if (resolvedStyle.controlSize === 'lg') {\n      finalSize = 'md';\n    }\n  }\n\n  const createEventHandler = (eventType: string, value: any) => {\n    if (fieldName) {\n      formState[fieldName] = value;\n      handleChange(fieldName, value);\n    }\n    \n    if (field.events?.[eventType as keyof typeof field.events]) {\n      const handlerName = field.events[eventType as keyof typeof field.events];\n      console.log(`Event ${eventType}: Calling handler \"${handlerName}\" with value:`, value);\n    }\n  };\n\n  if (BOOLEAN_TYPES.includes(field.type)) {\n    return {\n      modelValue: formState[fieldName] === 'Y' ? 'Y' : 'N',\n      disabled,\n      styleType: finalSize,\n      class: baseClass,\n      'onUpdate:modelValue': (value: string) => {\n        if (fieldName) {\n          formState[fieldName] = value;\n        }\n        createEventHandler('onChange', value === 'Y');\n      }\n    };\n  }\n\n  if (field.type === 'radio') {\n    return {\n      modelValue: String(formState[fieldName] ?? ''),\n      options: field.options ?? [],\n      multiple: field.multiple,\n      disabled,\n      styleType: finalSize,\n      class: baseClass,\n      'onUpdate:modelValue': (value: string) => {\n        createEventHandler('onChange', value);\n      }\n    };\n  }\n\n  if (field.type === 'select' || field.type === 'combo') {\n    return {\n      modelValue: String(formState[fieldName] ?? ''),\n      options: getSelectOptions(field),\n      multiple: field.multiple,\n      disabled,\n      styleType: finalSize,\n      class: baseClass,\n      'onUpdate:modelValue': (value: string) => {\n        createEventHandler('onChange', value);\n      }\n    };\n  }\n\n  if (field.type === 'searchcombo') {\n    return {\n      modelValue: String(formState[fieldName] ?? ''),\n      options: getSelectOptions(field),\n      disabled,\n      styleType: finalSize,\n      class: baseClass,\n      'onUpdate:modelValue': (value: string) => {\n        createEventHandler('onChange', value);\n      }\n    };\n  }\n\n  if (field.type === 'textarea') {\n    return {\n      modelValue: String(formState[fieldName] ?? ''),\n      placeholder: field.placeholder ?? '',\n      disabled,\n      readonly,\n      styleType: finalSize,\n      class: baseClass,\n      'onUpdate:modelValue': (value: string) => {\n        createEventHandler('onChange', value);\n      }\n    };\n  }\n\n  if (field.type === 'datepicker') {\n    return {\n      modelValue: String(formState[fieldName] ?? ''),\n      placeholder: field.placeholder ?? '',\n      disabled,\n      readonly,\n      styleType: finalSize,\n      class: baseClass,\n      'onUpdate:modelValue': (value: string) => {\n        createEventHandler('onChange', value);\n      }\n    };\n  }\n\n  // 기본 input\n  return {\n    modelValue: String(formState[fieldName] ?? ''),\n    inputType: field.inputType || (field.dataType === 'number' ? 'number' : 'text'),\n    placeholder: field.placeholder ?? '',\n    disabled,\n    readonly,\n    styleType: finalSize,\n    class: baseClass,\n    'onUpdate:modelValue': (value: string | number) => {\n      createEventHandler('onChange', value);\n    }\n  };\n}\n\n// Select 옵션 생성\nfunction getSelectOptions(field: DynamicFormField) {\n  const addAll = field.addAll !== undefined ? field.addAll : ((field as any).allowAll || false);\n  const defaultOption = {\n    value: addAll ? 'ALL' : 'SELECT',\n    label: addAll ? '전체' : '선택'\n  };\n  return [defaultOption, ...(field.options || [])];\n}\n\n// 폼 리셋\nfunction reset() {\n  Object.keys(formState).forEach(key => {\n    delete formState[key];\n  });\n  \n  // 모든 필드 수집\n  const allFields: DynamicFormField[] = [];\n  \n  if (props.schema.type === 'simple' && props.schema.fields) {\n    allFields.push(...props.schema.fields);\n  } else if (props.schema.type === 'sectioned' && props.schema.sections) {\n    props.schema.sections.forEach(section => {\n      if (section.fields) allFields.push(...section.fields);\n    });\n  } else if (props.schema.type === 'wizard' && props.schema.steps) {\n    props.schema.steps.forEach(step => {\n      if (step.fields) allFields.push(...step.fields);\n    });\n  }\n  \n  // 초기값으로 재설정\n  allFields.forEach((field) => {\n    const fieldName = getFieldName(field);\n    if (fieldName) {\n      if (BOOLEAN_TYPES.includes(field.type)) {\n        formState[fieldName] = 'N';\n      } else if (field.type === 'radio') {\n        formState[fieldName] = field.options?.[0]?.value ?? '';\n      } else if (field.type === 'select' || field.type === 'searchcombo') {\n        const addAll = field.addAll !== undefined ? field.addAll : ((field as any).allowAll || false);\n        formState[fieldName] = addAll ? 'ALL' : 'SELECT';\n      } else {\n        formState[fieldName] = '';\n      }\n    }\n  });\n}\n\n// 폼 상태 노출\ndefineExpose({\n  formState,\n  submit: handleSubmit,\n  reset,\n  handleError\n});\n</script>\n\n<style scoped>\nform {\n  width: 100%;\n}\n</style>\n"],"names":["props","__props","emit","__emit","BOOLEAN_TYPES","formState","reactive","watch","newValues","getFieldKey","field","index","getFieldName","getFieldRequired","newSchema","allFields","section","step","fieldName","addAll","val","handleSubmit","handleChange","value","handleError","errs","getOrderedFields","fields","a","b","aName","bName","formClasses","computed","colCount","gapClass","getGapClass","classes","fieldBaseClass","getMaxCols","getLabelWidth","maxCols","getLabelPosition","getLabelAlign","getFieldStyle","getFieldProps","disabled","readonly","baseClass","resolvedStyle","resolveGlobalStyle","finalSize","createEventHandler","eventType","handlerName","getSelectOptions","reset","key","__expose","_createElementBlock","_Fragment","_renderList","_normalizeClass","_normalizeStyle","_createVNode","_unref","_mergeProps","_openBlock","_hoisted_1","_createBlock","JCard","_createElementVNode","_hoisted_2","_hoisted_3","_toDisplayString","_hoisted_4"],"mappings":"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"}
+{"version":3,"file":"JDynamicForm.vue2.js","sources":["../../../../src/components/organisms/JDynamicForm.vue"],"sourcesContent":["<template>\n  <form @submit.prevent=\"handleSubmit\" :class=\"formClasses\">\n    <!-- 🧱 단순형 폼 -->\n    <template v-if=\"schema.type === 'simple'\">\n      <div\n        v-for=\"(field, index) in getOrderedFields(schema.fields || [])\"\n        :key=\"getFieldKey(field, index)\"\n        :class=\"fieldBaseClass(field)\"\n        :style=\"getFieldStyle(field)\"\n      >\n        <JFormField\n          :label=\"field.label\"\n          :required=\"getFieldRequired(field)\"\n          :orientation=\"getLabelPosition()\"\n          :labelAlign=\"getLabelAlign()\"\n          :labelWidth=\"getLabelWidth()\"\n          :type=\"(field.type === 'searchcombo' ? 'searchCombo' : field.type) as any\"\n          :input-type=\"field.inputType\"\n          :description=\"field.description\"\n          :inline-label=\"field.inlineLabel\"\n          v-bind=\"getFieldProps(field)\"\n        />\n      </div>\n    </template>\n\n    <!-- 📦 섹션형 폼 -->\n    <template v-else-if=\"schema.type === 'sectioned'\">\n      <div class=\"space-y-6\">\n        <JCard\n          v-for=\"section in schema.sections\"\n          :key=\"section.id\"\n          :title=\"section.title\"\n          :collapsible=\"section.collapsible\"\n          :default-collapsed=\"section.defaultCollapsed\"\n        >\n          <div :class=\"formClasses\">\n            <div\n              v-for=\"(field, index) in getOrderedFields(section.fields || [])\"\n              :key=\"getFieldKey(field, index)\"\n              :class=\"fieldBaseClass(field)\"\n              :style=\"getFieldStyle(field)\"\n            >\n              <JFormField\n                :label=\"field.label\"\n                :required=\"getFieldRequired(field)\"\n                :orientation=\"getLabelPosition()\"\n                :labelAlign=\"getLabelAlign()\"\n                :labelWidth=\"getLabelWidth()\"\n                :type=\"(field.type === 'searchcombo' ? 'searchCombo' : field.type) as any\"\n                :input-type=\"field.inputType\"\n                :description=\"field.description\"\n                :inline-label=\"field.inlineLabel\"\n                v-bind=\"getFieldProps(field)\"\n              />\n            </div>\n          </div>\n        </JCard>\n      </div>\n    </template>\n\n    <!-- 🪜 스텝형 (Wizard) -->\n    <template v-else-if=\"schema.type === 'wizard'\">\n      <div class=\"space-y-4\">\n        <div\n          v-for=\"step in schema.steps\"\n          :key=\"step.id\"\n          class=\"p-4 border rounded-xl\"\n        >\n          <h3 class=\"font-semibold text-lg\">{{ step.title }}</h3>\n          <p v-if=\"step.description\" class=\"text-muted-foreground text-sm mb-2\">\n            {{ step.description }}\n          </p>\n          <div :class=\"formClasses\">\n            <div\n              v-for=\"(field, index) in getOrderedFields(step.fields || [])\"\n              :key=\"getFieldKey(field, index)\"\n              :class=\"fieldBaseClass(field)\"\n              :style=\"getFieldStyle(field)\"\n            >\n              <JFormField\n                :label=\"field.label\"\n                :required=\"getFieldRequired(field)\"\n                :orientation=\"getLabelPosition()\"\n                :labelAlign=\"getLabelAlign()\"\n                :labelWidth=\"getLabelWidth()\"\n                :type=\"(field.type === 'searchcombo' ? 'searchCombo' : field.type) as any\"\n                :input-type=\"field.inputType\"\n                :description=\"field.description\"\n                :inline-label=\"field.inlineLabel\"\n                v-bind=\"getFieldProps(field)\"\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n    </template>\n\n  </form>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, reactive, watch } from 'vue';\nimport { JFormField, JCard } from '@/components/molecules';\nimport type { FormSchema, DynamicFormField } from '@/types/dynamic-form';\nimport { resolveGlobalStyle } from '@/lib/styleTypePreset';\n\n// props\nconst props = defineProps<{\n  schema: FormSchema;\n  modelValue?: Record<string, any>;\n}>();\n\nconst emit = defineEmits(['update:modelValue', 'submit', 'change', 'error']);\n\nconst BOOLEAN_TYPES: Array<DynamicFormField['type']> = ['checkbox', 'switch'];\n\n// 폼 상태 관리\nconst formState = reactive<Record<string, any>>({});\n\n// 초기값 설정\nwatch(\n  () => props.modelValue,\n  (newValues) => {\n    if (newValues) {\n      Object.assign(formState, newValues);\n    }\n  },\n  { immediate: true, deep: true }\n);\n\n// 필드 키 가져오기 (controlId > controlName > name > label 순서)\nfunction getFieldKey(field: DynamicFormField, index: number): string {\n  return field.controlId || field.controlName || (field as any).name || field.label || `field-${index}`;\n}\n\n// 필드 이름 가져오기 (controlName > name 순서)\nfunction getFieldName(field: DynamicFormField): string {\n  return field.controlName || (field as any).name || '';\n}\n\n// 필드 required 가져오기 (isRequired > required 순서)\nfunction getFieldRequired(field: DynamicFormField): boolean {\n  return field.isRequired !== undefined ? field.isRequired : ((field as any).required || false);\n}\n\n// 필드 초기화\nwatch(\n  () => props.schema,\n  (newSchema) => {\n    const allFields: DynamicFormField[] = [];\n    \n    if (newSchema.type === 'simple' && newSchema.fields) {\n      allFields.push(...newSchema.fields);\n    } else if (newSchema.type === 'sectioned' && newSchema.sections) {\n      newSchema.sections.forEach(section => {\n        if (section.fields) allFields.push(...section.fields);\n      });\n    } else if (newSchema.type === 'wizard' && newSchema.steps) {\n      newSchema.steps.forEach(step => {\n        if (step.fields) allFields.push(...step.fields);\n      });\n    }\n    \n    allFields.forEach((field) => {\n      const fieldName = getFieldName(field);\n      if (fieldName && formState[fieldName] === undefined) {\n        if (BOOLEAN_TYPES.includes(field.type)) {\n          formState[fieldName] = 'N';\n        } else if (field.type === 'radio') {\n          formState[fieldName] = field.options?.[0]?.value ?? '';\n        } else if (field.type === 'select' || field.type === 'searchcombo') {\n          const addAll = field.addAll !== undefined ? field.addAll : ((field as any).allowAll || false);\n          formState[fieldName] = addAll ? 'ALL' : 'SELECT';\n        } else {\n          formState[fieldName] = '';\n        }\n      }\n    });\n  },\n  { immediate: true }\n);\n\n// 값 변경 감지 → 상위 emit\nwatch(formState, (val) => emit('update:modelValue', val), { deep: true });\n\n// 이벤트 핸들러\nfunction handleSubmit() {\n  emit('submit', { ...formState });\n  if (typeof props.schema.events?.onSubmit === 'function') {\n    props.schema.events.onSubmit({ ...formState });\n  }\n}\n\nfunction handleChange(field: string, value: any) {\n  emit('change', { field, value });\n  if (typeof props.schema.events?.onChange === 'function') {\n    props.schema.events.onChange(field, value);\n  }\n}\n\nfunction handleError(errs: any) {\n  emit('error', errs);\n  if (typeof props.schema.events?.onError === 'function') {\n    props.schema.events.onError(errs);\n  }\n}\n\n// 정렬된 필드 가져오기\nfunction getOrderedFields(fields: DynamicFormField[]): DynamicFormField[] {\n  const visibleFields = fields.filter((field) => field.isVisible !== false);\n  return visibleFields.sort((a, b) => {\n    // sortOrder 기준으로 정렬\n    if (a.sortOrder !== undefined && b.sortOrder !== undefined) {\n      if (a.sortOrder !== b.sortOrder) {\n        return a.sortOrder - b.sortOrder;\n      }\n    }\n    const aName = a.controlName || (a as any).name || a.label || '';\n    const bName = b.controlName || (b as any).name || b.label || '';\n    return aName.localeCompare(bName);\n  });\n}\n\n// 폼 클래스 계산\nconst formClasses = computed(() => {\n  const colCount = props.schema.globalStyle?.colCount || \n    (props.schema.layout?.columns ? `row-${props.schema.layout.columns}` : 'row-1');\n  const gapClass = getGapClass(colCount);\n  \n  // 반응형: 화면 크기에 따라 열 수 자동 조정\n  let classes = '';\n  switch (colCount) {\n    case 'row-1':\n      classes = `flex flex-col ${gapClass}`;\n      break;\n    case 'row':\n    case 'row-2':\n      classes = `flex flex-col md:grid md:grid-flow-row md:items-start ${gapClass} md:grid-cols-2 auto-rows-min`;\n      break;\n    case 'row-3':\n      classes = `flex flex-col md:grid md:grid-flow-row md:items-start ${gapClass} md:grid-cols-2 lg:grid-cols-3 auto-rows-min`;\n      break;\n    case 'row-4':\n      classes = `flex flex-col md:grid md:grid-flow-row md:items-start ${gapClass} md:grid-cols-2 lg:grid-cols-4 auto-rows-min`;\n      break;\n    case 'row-5':\n      classes = `flex flex-col md:grid md:grid-flow-row md:items-start ${gapClass} md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 auto-rows-min`;\n      break;\n    case 'row-6':\n      classes = `flex flex-col md:grid md:grid-flow-row md:items-start ${gapClass} md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6 auto-rows-min`;\n      break;\n    case 'row-7':\n      classes = `flex flex-col md:grid md:grid-flow-row md:items-start ${gapClass} md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-7 auto-rows-min`;\n      break;\n    case 'row-8':\n      classes = `flex flex-col md:grid md:grid-flow-row md:items-start ${gapClass} md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-8 auto-rows-min`;\n      break;\n    default:\n      classes = `flex flex-col ${gapClass}`;\n  }\n  \n  return classes;\n});\n\n// 필드 기본 클래스\nfunction fieldBaseClass(field: DynamicFormField): string {\n  return BOOLEAN_TYPES.includes(field.type)\n    ? 'min-w-0 w-auto inline-flex items-center'\n    : 'min-w-0 w-full';\n}\n\n// 최대 열 수 계산\nfunction getMaxCols(colCount?: string): number {\n  switch (colCount) {\n    case 'row':\n    case 'row-2': return 2;\n    case 'row-3': return 3;\n    case 'row-4': return 4;\n    case 'row-5': return 5;\n    case 'row-6': return 6;\n    case 'row-7': return 7;\n    case 'row-8': return 8;\n    default: return 1;\n  }\n}\n\n// 열 수에 따른 gap 계산\nfunction getGapClass(colCount: string): string {\n  switch (colCount) {\n    case 'row-1': return 'gap-6';\n    case 'row':\n    case 'row-2': return 'gap-4';\n    case 'row-3': return 'gap-4';\n    case 'row-4': return 'gap-3';\n    case 'row-5': return 'gap-2';\n    case 'row-6': return 'gap-2';\n    case 'row-7': return 'gap-2';\n    case 'row-8': return 'gap-2';\n    default: return 'gap-6';\n  }\n}\n\n// 열 수에 따른 라벨 너비 계산\nfunction getLabelWidth(): string {\n  const colCount = props.schema.globalStyle?.colCount || \n    (props.schema.layout?.columns ? `row-${props.schema.layout.columns}` : 'row-1');\n  const maxCols = getMaxCols(colCount);\n  if (maxCols >= 6) return '6rem';\n  if (maxCols >= 5) return '7rem';\n  return '8rem';\n}\n\n// 라벨 위치 가져오기\nfunction getLabelPosition(): 'horizontal' | 'vertical' {\n  return props.schema.globalStyle?.labelPosition || 'horizontal';\n}\n\n// 라벨 정렬 가져오기\nfunction getLabelAlign(): 'left' | 'middle' | 'right' {\n  return props.schema.globalStyle?.labelAlign || 'left';\n}\n\n// 필드 스타일 계산\nfunction getFieldStyle(field: DynamicFormField): Record<string, string> {\n  const colCount = props.schema.globalStyle?.colCount || \n    (props.schema.layout?.columns ? `row-${props.schema.layout.columns}` : 'row-1');\n  const maxCols = getMaxCols(colCount);\n  const span = Math.min(maxCols, Math.max(1, field.colSpan || 1));\n  return {\n    gridColumn: `span ${span}`\n  };\n}\n\n// 필드 props 생성\nfunction getFieldProps(field: DynamicFormField) {\n  const fieldName = getFieldName(field);\n  const disabled = field.isDisabled !== undefined ? field.isDisabled : ((field as any).disabled || false);\n  const readonly = field.isReadonly !== undefined ? field.isReadonly : ((field as any).readonly || false);\n  \n  // baseClass 조정\n  const baseClass = BOOLEAN_TYPES.includes(field.type)\n    ? 'inline-flex items-center gap-2 w-auto'\n    : 'w-full';\n  \n  // 전역 스타일 해결\n  const resolvedStyle = resolveGlobalStyle(props.schema.globalStyle);\n  \n  // 열 수에 따라 컨트롤 크기 동적 조정\n  const colCount = props.schema.globalStyle?.colCount || \n    (props.schema.layout?.columns ? `row-${props.schema.layout.columns}` : 'row-1');\n  const maxCols = getMaxCols(colCount);\n  let finalSize = resolvedStyle.controlSize;\n  \n  // 4열 이상일 때 컨트롤 크기를 작게 조정\n  if (maxCols >= 6) {\n    finalSize = 'sm';\n  } else if (maxCols >= 5) {\n    finalSize = 'sm';\n  } else if (maxCols >= 4) {\n    if (resolvedStyle.controlSize === 'lg') {\n      finalSize = 'md';\n    }\n  }\n\n  const createEventHandler = (eventType: string, value: any) => {\n    if (fieldName) {\n      formState[fieldName] = value;\n      handleChange(fieldName, value);\n    }\n    \n    if (field.events?.[eventType as keyof typeof field.events]) {\n      const handlerName = field.events[eventType as keyof typeof field.events];\n      console.log(`Event ${eventType}: Calling handler \"${handlerName}\" with value:`, value);\n    }\n  };\n\n  if (BOOLEAN_TYPES.includes(field.type)) {\n    return {\n      modelValue: formState[fieldName] === 'Y' ? 'Y' : 'N',\n      disabled,\n      styleType: finalSize,\n      class: baseClass,\n      'onUpdate:modelValue': (value: string) => {\n        if (fieldName) {\n          formState[fieldName] = value;\n        }\n        createEventHandler('onChange', value === 'Y');\n      }\n    };\n  }\n\n  if (field.type === 'radio') {\n    return {\n      modelValue: String(formState[fieldName] ?? ''),\n      options: field.options ?? [],\n      multiple: field.multiple,\n      disabled,\n      styleType: finalSize,\n      class: baseClass,\n      'onUpdate:modelValue': (value: string) => {\n        createEventHandler('onChange', value);\n      }\n    };\n  }\n\n  if (field.type === 'select' || field.type === 'combo') {\n    return {\n      modelValue: String(formState[fieldName] ?? ''),\n      options: getSelectOptions(field),\n      multiple: field.multiple,\n      disabled,\n      styleType: finalSize,\n      class: baseClass,\n      'onUpdate:modelValue': (value: string) => {\n        createEventHandler('onChange', value);\n      }\n    };\n  }\n\n  if (field.type === 'searchcombo') {\n    return {\n      modelValue: String(formState[fieldName] ?? ''),\n      options: getSelectOptions(field),\n      disabled,\n      styleType: finalSize,\n      class: baseClass,\n      'onUpdate:modelValue': (value: string) => {\n        createEventHandler('onChange', value);\n      }\n    };\n  }\n\n  if (field.type === 'textarea') {\n    return {\n      modelValue: String(formState[fieldName] ?? ''),\n      placeholder: field.placeholder ?? '',\n      disabled,\n      readonly,\n      styleType: finalSize,\n      class: baseClass,\n      'onUpdate:modelValue': (value: string) => {\n        createEventHandler('onChange', value);\n      }\n    };\n  }\n\n  if (field.type === 'datepicker') {\n    return {\n      modelValue: String(formState[fieldName] ?? ''),\n      placeholder: field.placeholder ?? '',\n      disabled,\n      readonly,\n      styleType: finalSize,\n      class: baseClass,\n      'onUpdate:modelValue': (value: string) => {\n        createEventHandler('onChange', value);\n      }\n    };\n  }\n\n  // 기본 input\n  return {\n    modelValue: String(formState[fieldName] ?? ''),\n    inputType: field.inputType || (field.dataType === 'number' ? 'number' : 'text'),\n    placeholder: field.placeholder ?? '',\n    disabled,\n    readonly,\n    styleType: finalSize,\n    class: baseClass,\n    'onUpdate:modelValue': (value: string | number) => {\n      createEventHandler('onChange', value);\n    }\n  };\n}\n\n// Select 옵션 생성\nfunction getSelectOptions(field: DynamicFormField) {\n  const addAll = field.addAll !== undefined ? field.addAll : ((field as any).allowAll || false);\n  const defaultOption = {\n    value: addAll ? 'ALL' : 'SELECT',\n    label: addAll ? '전체' : '선택'\n  };\n  return [defaultOption, ...(field.options || [])];\n}\n\n// 폼 리셋\nfunction reset() {\n  Object.keys(formState).forEach(key => {\n    delete formState[key];\n  });\n  \n  // 모든 필드 수집\n  const allFields: DynamicFormField[] = [];\n  \n  if (props.schema.type === 'simple' && props.schema.fields) {\n    allFields.push(...props.schema.fields);\n  } else if (props.schema.type === 'sectioned' && props.schema.sections) {\n    props.schema.sections.forEach(section => {\n      if (section.fields) allFields.push(...section.fields);\n    });\n  } else if (props.schema.type === 'wizard' && props.schema.steps) {\n    props.schema.steps.forEach(step => {\n      if (step.fields) allFields.push(...step.fields);\n    });\n  }\n  \n  // 초기값으로 재설정\n  allFields.forEach((field) => {\n    const fieldName = getFieldName(field);\n    if (fieldName) {\n      if (BOOLEAN_TYPES.includes(field.type)) {\n        formState[fieldName] = 'N';\n      } else if (field.type === 'radio') {\n        formState[fieldName] = field.options?.[0]?.value ?? '';\n      } else if (field.type === 'select' || field.type === 'searchcombo') {\n        const addAll = field.addAll !== undefined ? field.addAll : ((field as any).allowAll || false);\n        formState[fieldName] = addAll ? 'ALL' : 'SELECT';\n      } else {\n        formState[fieldName] = '';\n      }\n    }\n  });\n}\n\n// 폼 상태 노출\ndefineExpose({\n  formState,\n  submit: handleSubmit,\n  reset,\n  handleError\n});\n</script>\n\n<style scoped>\nform {\n  width: 100%;\n}\n</style>\n"],"names":["props","__props","emit","__emit","BOOLEAN_TYPES","formState","reactive","watch","newValues","getFieldKey","field","index","getFieldName","getFieldRequired","newSchema","allFields","section","step","fieldName","addAll","val","handleSubmit","handleChange","value","handleError","errs","getOrderedFields","fields","a","b","aName","bName","formClasses","computed","colCount","gapClass","getGapClass","classes","fieldBaseClass","getMaxCols","getLabelWidth","maxCols","getLabelPosition","getLabelAlign","getFieldStyle","getFieldProps","disabled","readonly","baseClass","resolvedStyle","resolveGlobalStyle","finalSize","createEventHandler","eventType","handlerName","getSelectOptions","reset","key","__expose","_createElementBlock","_Fragment","_renderList","_normalizeClass","_normalizeStyle","_createVNode","_unref","_mergeProps","_openBlock","_hoisted_1","_createBlock","JCard","_createElementVNode","_hoisted_2","_hoisted_3","_toDisplayString","_hoisted_4"],"mappings":"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"}

package/components/organisms/JFormModal.vue.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../shadcn/index.cjs");const i=require("../atoms/JButton.vue.cjs");require("lucide-vue-next");require("clsx");require("tailwind-merge");require("@internationalized/date");require("../shadcn/badge-variants.cjs");require("@vueuse/core");require("reka-ui");;/* empty css                        */require("../shadcn/avatar-variants.cjs");require("ag-grid-vue3");require("ag-grid-community");require("ag-grid-enterprise");;/* empty css                                                                                                            */;/* empty css                                                                                                            */;/* empty css                                                                                                            */;/* empty css                    */;/* empty css                        */;/* empty css                             */;/* empty css                              */;/* empty css                               */const x=require("./JDynamicForm.vue.cjs");;/* empty css                    */require("vue-router");;/* empty css                      */;/* empty css                        */const h=require("../shadcn/Dialog.vue.cjs"),y=require("../shadcn/DialogContent.vue.cjs"),C=require("../shadcn/DialogHeader.vue.cjs"),V=require("../shadcn/DialogTitle.vue.cjs"),b=require("../shadcn/DialogBody.vue.cjs"),k=require("../shadcn/DialogFooter.vue.cjs"),w={class:"space-y-4"},D={key:0,class:"text-sm text-muted-foreground"},N=e.defineComponent({__name:"JFormModal",props:{open:{type:Boolean,default:!1},title:{},description:{},schema:{},modelValue:{},size:{default:"lg"},buttonType:{default:"OkCancel"},confirmText:{default:"확인"},cancelText:{default:"취소"},confirmVariant:{default:"default"},confirmDisabled:{type:Boolean,default:!1}},emits:["update:open","update:modelValue","confirm","cancel","submit","change","error"],setup(r,{expose:d,emit:s}){const o=r,l=s,a=e.ref(null),u=e.ref(o.modelValue||{}),n=e.ref(!1),m=e.computed(()=>({sm:"!max-w-sm",md:"!max-w-md",lg:"!max-w-2xl",xl:"!max-w-4xl","2xl":"!max-w-6xl",full:"!max-w-[95vw]"})[o.size]);e.watch(()=>o.modelValue,t=>{t!=null?u.value={...t}:u.value={}},{deep:!0});const f=t=>{u.value=t,l("update:modelValue",t)},v=t=>{l("change",t)},_=t=>{l("submit",t),n.value&&(l("confirm",t),n.value=!1)},p=t=>{l("error",t),n.value=!1},q=t=>{l("update:open",t)},c=()=>{n.value=!0,a.value&&a.value.submit()},g=()=>{l("cancel"),a.value&&a.value.reset()};return d({reset:()=>a.value?.reset(),submit:()=>a.value?.submit(),formState:e.computed(()=>a.value?.formState)}),(t,B)=>(e.openBlock(),e.createBlock(e.unref(h.default),{open:r.open,"onUpdate:open":q,class:e.normalizeClass(m.value)},{default:e.withCtx(()=>[e.createVNode(e.unref(y.default),null,{default:e.withCtx(()=>[r.title?(e.openBlock(),e.createBlock(e.unref(C.default),{key:0,class:"bg-muted/50 border-b"},{default:e.withCtx(()=>[e.createVNode(e.unref(V.default),null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.title),1)]),_:1})]),_:1})):e.createCommentVNode("",!0),e.createVNode(e.unref(b.default),{class:"max-h-[70vh] overflow-y-auto"},{default:e.withCtx(()=>[e.createElementVNode("div",w,[r.description?(e.openBlock(),e.createElementBlock("p",D,e.toDisplayString(r.description),1)):e.createCommentVNode("",!0),e.createVNode(e.unref(x.default),{ref_key:"dynamicFormRef",ref:a,schema:r.schema,"model-value":u.value,"onUpdate:modelValue":f,onSubmit:_,onChange:v,onError:p},null,8,["schema","model-value"]),e.renderSlot(t.$slots,"body")])]),_:3}),e.createVNode(e.unref(k.default),null,{default:e.withCtx(()=>[r.buttonType==="OkCancel"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(e.unref(i.default),{variant:"outline",onClick:g},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.cancelText),1)]),_:1}),e.createVNode(e.unref(i.default),{variant:r.confirmVariant,disabled:r.confirmDisabled,onClick:c},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.confirmText),1)]),_:1},8,["variant","disabled"])],64)):r.buttonType==="Ok"?(e.openBlock(),e.createBlock(e.unref(i.default),{key:1,variant:r.confirmVariant,disabled:r.confirmDisabled,onClick:c,class:"w-full"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.confirmText),1)]),_:1},8,["variant","disabled"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"footer")]),_:3})]),_:3})]),_:3},8,["open","class"]))}});exports.default=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../shadcn/index.cjs");const i=require("../atoms/JButton.vue.cjs");require("lucide-vue-next");require("clsx");require("tailwind-merge");require("@internationalized/date");require("../shadcn/badge-variants.cjs");require("@vueuse/core");require("reka-ui");;/* empty css                        */require("../shadcn/avatar-variants.cjs");require("ag-grid-vue3");require("ag-grid-community");require("ag-grid-enterprise");;/* empty css                                                                                                            */;/* empty css                                                                                                            */;/* empty css                                                                                                            */;/* empty css                    */require("vue-sonner");;/* empty css                        */;/* empty css                             */;/* empty css                              */;/* empty css                               */const x=require("./JDynamicForm.vue.cjs");;/* empty css                    */require("vue-router");;/* empty css                      */;/* empty css                        */const h=require("../shadcn/Dialog.vue.cjs"),y=require("../shadcn/DialogContent.vue.cjs"),C=require("../shadcn/DialogHeader.vue.cjs"),V=require("../shadcn/DialogTitle.vue.cjs"),b=require("../shadcn/DialogBody.vue.cjs"),k=require("../shadcn/DialogFooter.vue.cjs"),w={class:"space-y-4"},D={key:0,class:"text-sm text-muted-foreground"},N=e.defineComponent({__name:"JFormModal",props:{open:{type:Boolean,default:!1},title:{},description:{},schema:{},modelValue:{},size:{default:"lg"},buttonType:{default:"OkCancel"},confirmText:{default:"확인"},cancelText:{default:"취소"},confirmVariant:{default:"default"},confirmDisabled:{type:Boolean,default:!1}},emits:["update:open","update:modelValue","confirm","cancel","submit","change","error"],setup(r,{expose:d,emit:s}){const o=r,l=s,a=e.ref(null),u=e.ref(o.modelValue||{}),n=e.ref(!1),m=e.computed(()=>({sm:"!max-w-sm",md:"!max-w-md",lg:"!max-w-2xl",xl:"!max-w-4xl","2xl":"!max-w-6xl",full:"!max-w-[95vw]"})[o.size]);e.watch(()=>o.modelValue,t=>{t!=null?u.value={...t}:u.value={}},{deep:!0});const f=t=>{u.value=t,l("update:modelValue",t)},v=t=>{l("change",t)},_=t=>{l("submit",t),n.value&&(l("confirm",t),n.value=!1)},p=t=>{l("error",t),n.value=!1},q=t=>{l("update:open",t)},c=()=>{n.value=!0,a.value&&a.value.submit()},g=()=>{l("cancel"),a.value&&a.value.reset()};return d({reset:()=>a.value?.reset(),submit:()=>a.value?.submit(),formState:e.computed(()=>a.value?.formState)}),(t,B)=>(e.openBlock(),e.createBlock(e.unref(h.default),{open:r.open,"onUpdate:open":q,class:e.normalizeClass(m.value)},{default:e.withCtx(()=>[e.createVNode(e.unref(y.default),null,{default:e.withCtx(()=>[r.title?(e.openBlock(),e.createBlock(e.unref(C.default),{key:0,class:"bg-muted/50 border-b"},{default:e.withCtx(()=>[e.createVNode(e.unref(V.default),null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.title),1)]),_:1})]),_:1})):e.createCommentVNode("",!0),e.createVNode(e.unref(b.default),{class:"max-h-[70vh] overflow-y-auto"},{default:e.withCtx(()=>[e.createElementVNode("div",w,[r.description?(e.openBlock(),e.createElementBlock("p",D,e.toDisplayString(r.description),1)):e.createCommentVNode("",!0),e.createVNode(e.unref(x.default),{ref_key:"dynamicFormRef",ref:a,schema:r.schema,"model-value":u.value,"onUpdate:modelValue":f,onSubmit:_,onChange:v,onError:p},null,8,["schema","model-value"]),e.renderSlot(t.$slots,"body")])]),_:3}),e.createVNode(e.unref(k.default),null,{default:e.withCtx(()=>[r.buttonType==="OkCancel"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(e.unref(i.default),{variant:"outline",onClick:g},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.cancelText),1)]),_:1}),e.createVNode(e.unref(i.default),{variant:r.confirmVariant,disabled:r.confirmDisabled,onClick:c},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.confirmText),1)]),_:1},8,["variant","disabled"])],64)):r.buttonType==="Ok"?(e.openBlock(),e.createBlock(e.unref(i.default),{key:1,variant:r.confirmVariant,disabled:r.confirmDisabled,onClick:c,class:"w-full"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.confirmText),1)]),_:1},8,["variant","disabled"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"footer")]),_:3})]),_:3})]),_:3},8,["open","class"]))}});exports.default=N;
 //# sourceMappingURL=JFormModal.vue.cjs.map