@j-solution/components 1.0.0

package/components/organisms/JModal.vue.js

@@ -0,0 +1,170 @@
+import { defineComponent as T, ref as w, computed as F, watch as $, createBlock as c, openBlock as i, unref as t, normalizeClass as g, withCtx as o, createVNode as a, createCommentVNode as d, createTextVNode as f, toDisplayString as n, createElementVNode as B, createElementBlock as s, renderSlot as z, Fragment as I } from "vue";
+import "../shadcn/index.js";
+import p from "../atoms/JButton.vue.js";
+import "lucide-vue-next";
+import "clsx";
+import "tailwind-merge";
+import "@internationalized/date";
+import "../shadcn/badge-variants.js";
+import "@vueuse/core";
+import "reka-ui";
+/* empty css                      */
+import "../shadcn/avatar-variants.js";
+import "ag-grid-vue3";
+import "ag-grid-community";
+import "ag-grid-enterprise";
+/* empty css                                                                                                          */
+/* empty css                                                                                                          */
+/* empty css                                                                                                          */
+/* empty css                  */
+import q from "../molecules/JFormField.vue.js";
+/* empty css                           */
+/* empty css                      */
+/* empty css                            */
+/* empty css                             */
+import D from "../shadcn/Dialog.vue.js";
+import E from "../shadcn/DialogContent.vue.js";
+import M from "../shadcn/DialogHeader.vue.js";
+import N from "../shadcn/DialogTitle.vue.js";
+import O from "../shadcn/DialogBody.vue.js";
+import S from "../shadcn/DialogFooter.vue.js";
+const L = { class: "space-y-4" }, P = {
+  key: 0,
+  class: "text-sm text-muted-foreground"
+}, R = { key: 1 }, Fe = /* @__PURE__ */ T({
+  __name: "JModal",
+  props: {
+    open: { type: Boolean, default: !1 },
+    title: {},
+    description: {},
+    size: { default: "md" },
+    showFormField: { type: Boolean, default: !1 },
+    formFieldLabel: {},
+    formFieldError: {},
+    formFieldRequired: { type: Boolean },
+    formFieldInputType: { default: "text" },
+    formFieldInputPlaceholder: {},
+    formFieldValue: {},
+    formFieldType: { default: "input" },
+    buttonType: { default: "OkCancel" },
+    confirmText: { default: "확인" },
+    cancelText: { default: "취소" },
+    confirmVariant: { default: "default" },
+    confirmDisabled: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:open", "confirm", "cancel"],
+  setup(e, { emit: x }) {
+    const r = e, u = x, m = w(r.formFieldValue || ""), v = F(() => `modal-input-${Math.random().toString(36).substr(2, 9)}`), h = F(() => ({
+      sm: "!max-w-sm",
+      md: "!max-w-md",
+      lg: "!max-w-2xl",
+      xl: "!max-w-4xl",
+      "2xl": "!max-w-6xl",
+      full: "!max-w-[95vw]"
+    })[r.size]);
+    $(() => r.formFieldValue, (l) => {
+      l !== void 0 && (m.value = l);
+    });
+    const k = (l) => {
+      u("update:open", l);
+    }, y = () => {
+      const l = r.showFormField ? m.value : void 0;
+      u("confirm", l);
+    }, V = () => {
+      u("cancel"), m.value = r.formFieldValue || "";
+    };
+    return (l, b) => (i(), c(t(D), {
+      open: e.open,
+      "onUpdate:open": k,
+      class: g(h.value)
+    }, {
+      default: o(() => [
+        a(t(E), null, {
+          default: o(() => [
+            e.title ? (i(), c(t(M), {
+              key: 0,
+              class: "bg-muted/50 border-b"
+            }, {
+              default: o(() => [
+                a(t(N), null, {
+                  default: o(() => [
+                    f(n(e.title), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })) : d("", !0),
+            a(t(O), null, {
+              default: o(() => [
+                B("div", L, [
+                  e.description ? (i(), s("p", P, n(e.description), 1)) : d("", !0),
+                  e.showFormField ? (i(), s("div", R, [
+                    a(t(q), {
+                      label: e.formFieldLabel,
+                      "error-msg": e.formFieldError,
+                      required: e.formFieldRequired,
+                      type: e.formFieldType,
+                      id: v.value,
+                      modelValue: m.value,
+                      "onUpdate:modelValue": b[0] || (b[0] = (C) => m.value = C),
+                      "input-type": e.formFieldInputType,
+                      placeholder: e.formFieldInputPlaceholder,
+                      disabled: e.disabled
+                    }, null, 8, ["label", "error-msg", "required", "type", "id", "modelValue", "input-type", "placeholder", "disabled"])
+                  ])) : d("", !0),
+                  z(l.$slots, "body")
+                ])
+              ]),
+              _: 3
+            }),
+            a(t(S), null, {
+              default: o(() => [
+                e.buttonType === "OkCancel" ? (i(), s(I, { key: 0 }, [
+                  a(t(p), {
+                    variant: "outline",
+                    onClick: V
+                  }, {
+                    default: o(() => [
+                      f(n(e.cancelText), 1)
+                    ]),
+                    _: 1
+                  }),
+                  a(t(p), {
+                    variant: e.confirmVariant,
+                    disabled: e.confirmDisabled,
+                    onClick: y
+                  }, {
+                    default: o(() => [
+                      f(n(e.confirmText), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["variant", "disabled"])
+                ], 64)) : e.buttonType === "Ok" ? (i(), c(t(p), {
+                  key: 1,
+                  variant: e.confirmVariant,
+                  disabled: e.confirmDisabled,
+                  onClick: y,
+                  class: "w-full"
+                }, {
+                  default: o(() => [
+                    f(n(e.confirmText), 1)
+                  ]),
+                  _: 1
+                }, 8, ["variant", "disabled"])) : d("", !0)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["open", "class"]));
+  }
+});
+export {
+  Fe as default
+};
+//# sourceMappingURL=JModal.vue.js.map

package/components/organisms/JModal.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JModal.vue.js","sources":["../../../../src/components/organisms/JModal.vue"],"sourcesContent":["<template>\r\n  <Dialog\r\n    :open=\"open\"\r\n    @update:open=\"onOpenChange\"\r\n    :class=\"sizeClass\"\r\n  >\r\n    <DialogContent>\r\n      <!-- Header -->\r\n      <DialogHeader v-if=\"title\" class=\"bg-muted/50 border-b\">\r\n        <DialogTitle>\r\n          {{ title }}\r\n        </DialogTitle>\r\n      </DialogHeader>\r\n\r\n      <!-- Body -->\r\n      <DialogBody>\r\n        <div class=\"space-y-4\">\r\n          <!-- Description -->\r\n          <p v-if=\"description\" class=\"text-sm text-muted-foreground\">\r\n            {{ description }}\r\n          </p>\r\n\r\n          <!-- JFormField가 있는 경우 -->\r\n          <div v-if=\"showFormField\">\r\n            <JFormField\r\n              :label=\"formFieldLabel\"\r\n              :error-msg=\"formFieldError\"\r\n              :required=\"formFieldRequired\"\r\n              :type=\"formFieldType\"\r\n              :id=\"inputId\"\r\n              v-model=\"inputValue\"\r\n              :input-type=\"formFieldInputType\"\r\n              :placeholder=\"formFieldInputPlaceholder\"\r\n              :disabled=\"disabled\"\r\n            />\r\n          </div>\r\n\r\n          <!-- 커스텀 컨텐츠 슬롯 -->\r\n          <slot name=\"body\" />\r\n        </div>\r\n      </DialogBody>\r\n\r\n      <!-- Footer -->\r\n      <DialogFooter>\r\n        <!-- 확인/취소 버튼 -->\r\n        <template v-if=\"buttonType === 'OkCancel'\">\r\n          <JButton\r\n            variant=\"outline\"\r\n            @click=\"handleCancel\"\r\n          >\r\n            {{ cancelText }}\r\n          </JButton>\r\n          <JButton\r\n            :variant=\"confirmVariant\"\r\n            :disabled=\"confirmDisabled\"\r\n            @click=\"handleConfirm\"\r\n          >\r\n            {{ confirmText }}\r\n          </JButton>\r\n        </template>\r\n        \r\n        <!-- 확인 버튼만 -->\r\n        <template v-else-if=\"buttonType === 'Ok'\">\r\n          <JButton\r\n            :variant=\"confirmVariant\"\r\n            :disabled=\"confirmDisabled\"\r\n            @click=\"handleConfirm\"\r\n            class=\"w-full\"\r\n          >\r\n            {{ confirmText }}\r\n          </JButton>\r\n        </template>\r\n      </DialogFooter>\r\n    </DialogContent>\r\n  </Dialog>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, ref, watch } from 'vue'\r\nimport {\r\n  Dialog,\r\n  DialogBody,\r\n  DialogContent,\r\n  DialogFooter,\r\n  DialogHeader,\r\n  DialogTitle,\r\n} from '@/components/shadcn'\r\nimport { JButton } from '@/components/atoms'\r\nimport { JFormField } from '@/components/molecules'\r\n\r\nexport interface JModalProps {\r\n  // 모달 표시 여부\r\n  open: boolean\r\n  // 헤더\r\n  title?: string\r\n  description?: string\r\n  // 모달 사이즈\r\n  size?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full'\r\n  // 폼 필드 (JFormField)\r\n  showFormField?: boolean\r\n  formFieldLabel?: string\r\n  formFieldError?: string\r\n  formFieldRequired?: boolean\r\n  // 입력 필드 설정\r\n  formFieldInputType?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url'\r\n  formFieldInputPlaceholder?: string\r\n  formFieldValue?: string\r\n  formFieldType?: 'input' | 'textarea' | 'checkbox' | 'switch' | 'combo' | 'radio' | 'searchCombo' | 'datepicker'\r\n  // 버튼 설정\r\n  buttonType?: 'Ok' | 'OkCancel'\r\n  confirmText?: string\r\n  cancelText?: string\r\n  confirmVariant?: 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link'\r\n  confirmDisabled?: boolean\r\n  // 기타\r\n  disabled?: boolean\r\n}\r\n\r\nconst props = withDefaults(defineProps<JModalProps>(), {\r\n  open: false,\r\n  size: 'md',\r\n  showFormField: false,\r\n  formFieldInputType: 'text',\r\n  formFieldType: 'input',\r\n  buttonType: 'OkCancel',\r\n  confirmText: '확인',\r\n  cancelText: '취소',\r\n  confirmVariant: 'default',\r\n  confirmDisabled: false,\r\n  disabled: false,\r\n})\r\n\r\nconst emit = defineEmits<{\r\n  'update:open': [value: boolean]\r\n  'confirm': [value?: string]\r\n  'cancel': []\r\n}>()\r\n\r\n// 입력값 관리\r\nconst inputValue = ref(props.formFieldValue || '')\r\n\r\n// 입력 필드 ID 생성\r\nconst inputId = computed(() => `modal-input-${Math.random().toString(36).substr(2, 9)}`)\r\n\r\n// 사이즈 클래스 계산\r\nconst sizeClass = computed(() => {\r\n  // Dialog.vue에 기본 max-w-lg가 하드코딩되어 있어 !max-w-*로 오버라이드\r\n  const sizeMap: Record<NonNullable<JModalProps['size']>, string> = {\r\n    'sm': '!max-w-sm',\r\n    'md': '!max-w-md',\r\n    'lg': '!max-w-2xl',\r\n    'xl': '!max-w-4xl',\r\n    '2xl': '!max-w-6xl',\r\n    'full': '!max-w-[95vw]'\r\n  }\r\n  return sizeMap[props.size]\r\n})\r\n\r\n// props.formFieldValue 변경 감지\r\nwatch(() => props.formFieldValue, (newValue) => {\r\n  if (newValue !== undefined) {\r\n    inputValue.value = newValue\r\n  }\r\n})\r\n\r\n// 모달 열기/닫기 핸들러\r\nconst onOpenChange = (value: boolean) => {\r\n  emit('update:open', value)\r\n}\r\n\r\n// 확인 버튼 핸들러\r\nconst handleConfirm = () => {\r\n  const value = props.showFormField ? inputValue.value : undefined\r\n  emit('confirm', value)\r\n}\r\n\r\n// 취소 버튼 핸들러\r\nconst handleCancel = () => {\r\n  emit('cancel')\r\n  // 입력값 초기화\r\n  inputValue.value = props.formFieldValue || ''\r\n}\r\n</script>\r\n"],"names":["props","__props","emit","__emit","inputValue","ref","inputId","computed","sizeClass","watch","newValue","onOpenChange","value","handleConfirm","handleCancel","_createBlock","_unref","Dialog","_createVNode","DialogContent","DialogHeader","DialogTitle","DialogBody","_createElementVNode","_hoisted_1","_createElementBlock","_hoisted_2","_toDisplayString","_hoisted_3","JFormField","$event","_renderSlot","_ctx","DialogFooter","_Fragment","JButton"],"mappings":"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"}

package/components/organisms/JModal.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./JModal.vue.cjs");exports.default=e.default;
+//# sourceMappingURL=JModal.vue2.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JModal.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/organisms/JModal.vue2.js

@@ -0,0 +1,5 @@
+import f from "./JModal.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=JModal.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JModal.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/organisms/JPageContainer.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("../molecules/JBreadcrumb.vue.cjs"),f=require("../molecules/JTitlebar.vue.cjs"),u=require("../../lib/utils.cjs"),C=e.defineComponent({__name:"JPageContainer",props:{breadcrumbItems:{default:()=>[]},showBreadcrumb:{type:Boolean,default:!0},title:{},icon:{},description:{},titlebarButtons:{},titlebarStyletype:{},showTitlebar:{type:Boolean,default:!0},styletype:{default:"default"},contentScroll:{type:Boolean,default:!0},class:{}},emits:["breadcrumbClick","titlebarButtonClick"],setup(t,{emit:s}){const n=t,o=s,r={default:{containerClass:"flex flex-col h-full w-full bg-background",contentClass:"flex-1 p-4"},minimal:{containerClass:"flex flex-col h-full w-full bg-background",contentClass:"flex-1 p-2"}},a=e.computed(()=>r[n.styletype]??r.default),i=e.computed(()=>u.cn(a.value.contentClass,n.contentScroll?"overflow-auto":"overflow-hidden")),d=(l,c)=>{o("breadcrumbClick",l,c)},b=l=>{o("titlebarButtonClick",l)};return(l,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(u.cn)(a.value.containerClass,n.class))},[t.showBreadcrumb&&t.breadcrumbItems&&t.breadcrumbItems.length>0?(e.openBlock(),e.createBlock(m.default,{key:0,items:t.breadcrumbItems,onItemClick:d},null,8,["items"])):e.createCommentVNode("",!0),t.showTitlebar?(e.openBlock(),e.createBlock(f.default,{key:1,title:t.title,icon:t.icon,description:t.description,buttons:t.titlebarButtons,styletype:t.titlebarStyletype,onButtonClick:b},{buttons:e.withCtx(()=>[e.renderSlot(l.$slots,"titlebar-buttons")]),_:3},8,["title","icon","description","buttons","styletype"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(i.value)},[e.renderSlot(l.$slots,"default")],2)],2))}});exports.default=C;
+//# sourceMappingURL=JPageContainer.vue.cjs.map

package/components/organisms/JPageContainer.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"JPageContainer.vue.cjs","sources":["../../../../src/components/organisms/JPageContainer.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport JBreadcrumb from '@/components/molecules/JBreadcrumb.vue'\r\nimport JTitlebar from '@/components/molecules/JTitlebar.vue'\r\nimport { cn } from '@/lib/utils'\r\nimport type { BreadcrumbItem } from '@/components/molecules/JBreadcrumb.vue'\r\nimport type { TitlebarButton } from '@/components/molecules/JTitlebar.vue'\r\n\r\n/**\r\n * JPageContainer - 기본 페이지 컨테이너 컴포넌트 (organisms)\r\n * Page Container Component\r\n * \r\n * @description\r\n * 페이지의 기본 레이아웃을 담당하는 컨테이너 컴포넌트입니다.\r\n * 브레드크럼, 제목 영역(JTitlebar), 콘텐츠 영역을 포함합니다.\r\n * \r\n * @example\r\n * ```vue\r\n * <JPageContainer\r\n *   :breadcrumb-items=\"breadcrumbItems\"\r\n *   title=\"페이지 제목\"\r\n *   :titlebar-buttons=\"buttons\"\r\n * >\r\n *   <div>페이지 콘텐츠</div>\r\n * </JPageContainer>\r\n * ```\r\n */\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'minimal'   // 최소 스타일\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** 브레드크럼 아이템 목록 */\r\n    breadcrumbItems?: BreadcrumbItem[]\r\n    /** 브레드크럼 표시 여부 */\r\n    showBreadcrumb?: boolean\r\n    /** JTitlebar의 모든 props 전달 */\r\n    title?: string\r\n    icon?: string\r\n    description?: string\r\n    titlebarButtons?: TitlebarButton[]\r\n    titlebarStyletype?: 'default' | 'primary' | 'accent' | 'neutral' | 'elevated'\r\n    /** JTitlebar 표시 여부 */\r\n    showTitlebar?: boolean\r\n    /** 스타일 타입 */\r\n    styletype?: StyleType\r\n    /** 콘텐츠 영역 스크롤 가능 여부 */\r\n    contentScroll?: boolean\r\n    /** 추가 CSS 클래스 */\r\n    class?: string\r\n  }>(),\r\n  {\r\n    breadcrumbItems: () => [],\r\n    showBreadcrumb: true,\r\n    showTitlebar: true,\r\n    styletype: 'default',\r\n    contentScroll: true,\r\n  }\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  /** 브레드크럼 아이템 클릭 이벤트 */\r\n  breadcrumbClick: [item: BreadcrumbItem, index: number]\r\n  /** 타이틀바 버튼 클릭 이벤트 */\r\n  titlebarButtonClick: [button: TitlebarButton]\r\n}>()\r\n\r\n/**\r\n * 스타일 프리셋\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, {\r\n  containerClass: string\r\n  contentClass: string\r\n}> = {\r\n  default: {\r\n    containerClass: 'flex flex-col h-full w-full bg-background',\r\n    contentClass: 'flex-1 p-4',\r\n  },\r\n  minimal: {\r\n    containerClass: 'flex flex-col h-full w-full bg-background',\r\n    contentClass: 'flex-1 p-2',\r\n  },\r\n}\r\n\r\nconst preset = computed(() => {\r\n  return STYLE_PRESETS[props.styletype] ?? STYLE_PRESETS.default\r\n})\r\n\r\n/**\r\n * 콘텐츠 클래스 (스크롤 포함)\r\n */\r\nconst contentClasses = computed(() => {\r\n  return cn(\r\n    preset.value.contentClass,\r\n    props.contentScroll ? 'overflow-auto' : 'overflow-hidden'\r\n  )\r\n})\r\n\r\n/**\r\n * 브레드크럼 아이템 클릭 핸들러\r\n */\r\nconst handleBreadcrumbClick = (item: BreadcrumbItem, index: number) => {\r\n  emit('breadcrumbClick', item, index)\r\n}\r\n\r\n/**\r\n * 타이틀바 버튼 클릭 핸들러\r\n */\r\nconst handleTitlebarButtonClick = (button: TitlebarButton) => {\r\n  emit('titlebarButtonClick', button)\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div :class=\"cn(preset.containerClass, props.class)\">\r\n    <!-- 브레드크럼 -->\r\n    <JBreadcrumb\r\n      v-if=\"showBreadcrumb && breadcrumbItems && breadcrumbItems.length > 0\"\r\n      :items=\"breadcrumbItems\"\r\n      @item-click=\"handleBreadcrumbClick\"\r\n    />\r\n\r\n    <!-- 제목 영역 (JTitlebar) -->\r\n    <JTitlebar\r\n      v-if=\"showTitlebar\"\r\n      :title=\"title\"\r\n      :icon=\"icon\"\r\n      :description=\"description\"\r\n      :buttons=\"titlebarButtons\"\r\n      :styletype=\"titlebarStyletype\"\r\n      @button-click=\"handleTitlebarButtonClick\"\r\n    >\r\n      <template #buttons>\r\n        <slot name=\"titlebar-buttons\" />\r\n      </template>\r\n    </JTitlebar>\r\n\r\n    <!-- 콘텐츠 영역 -->\r\n    <div :class=\"contentClasses\">\r\n      <slot />\r\n    </div>\r\n  </div>\r\n</template>\r\n"],"names":["props","__props","emit","__emit","STYLE_PRESETS","preset","computed","contentClasses","cn","handleBreadcrumbClick","item","index","handleTitlebarButtonClick","button","_createElementBlock","_normalizeClass","_unref","_createBlock","JBreadcrumb","JTitlebar","_renderSlot","_ctx","_createElementVNode"],"mappings":"6nBAgCA,MAAMA,EAAQC,EA8BRC,EAAOC,EAUPC,EAGD,CACH,QAAS,CACP,eAAgB,4CAChB,aAAc,YAAA,EAEhB,QAAS,CACP,eAAgB,4CAChB,aAAc,YAAA,CAChB,EAGIC,EAASC,EAAAA,SAAS,IACfF,EAAcJ,EAAM,SAAS,GAAKI,EAAc,OACxD,EAKKG,EAAiBD,EAAAA,SAAS,IACvBE,EAAAA,GACLH,EAAO,MAAM,aACbL,EAAM,cAAgB,gBAAkB,iBAAA,CAE3C,EAKKS,EAAwB,CAACC,EAAsBC,IAAkB,CACrET,EAAK,kBAAmBQ,EAAMC,CAAK,CACrC,EAKMC,EAA6BC,GAA2B,CAC5DX,EAAK,sBAAuBW,CAAM,CACpC,8BAIEC,EAAAA,mBA2BM,MAAA,CA3BA,MAAKC,EAAAA,eAAEC,EAAAA,YAAGX,EAAA,MAAO,eAAgBL,EAAM,KAAK,CAAA,CAAA,GAGxCC,EAAA,gBAAkBA,EAAA,iBAAmBA,EAAA,gBAAgB,OAAM,iBADnEgB,EAAAA,YAIEC,EAAAA,QAAA,OAFC,MAAOjB,EAAA,gBACP,YAAYQ,CAAA,iDAKPR,EAAA,4BADRgB,EAAAA,YAYYE,EAAAA,QAAA,OAVT,MAAOlB,EAAA,MACP,KAAMA,EAAA,KACN,YAAaA,EAAA,YACb,QAASA,EAAA,gBACT,UAAWA,EAAA,kBACX,cAAcW,CAAA,GAEJ,kBACT,IAAgC,CAAhCQ,aAAgCC,EAAA,OAAA,kBAAA,CAAA,6FAKpCC,EAAAA,mBAEM,MAAA,CAFA,uBAAOf,EAAA,KAAc,CAAA,GACzBa,aAAQC,EAAA,OAAA,SAAA,CAAA"}

package/components/organisms/JPageContainer.vue.js

@@ -0,0 +1,72 @@
+import { defineComponent as B, computed as s, createElementBlock as h, openBlock as n, normalizeClass as i, unref as p, createBlock as u, createCommentVNode as m, createElementVNode as w, withCtx as S, renderSlot as d } from "vue";
+import v from "../molecules/JBreadcrumb.vue.js";
+import x from "../molecules/JTitlebar.vue.js";
+import { cn as b } from "../../lib/utils.js";
+const $ = /* @__PURE__ */ B({
+  __name: "JPageContainer",
+  props: {
+    breadcrumbItems: { default: () => [] },
+    showBreadcrumb: { type: Boolean, default: !0 },
+    title: {},
+    icon: {},
+    description: {},
+    titlebarButtons: {},
+    titlebarStyletype: {},
+    showTitlebar: { type: Boolean, default: !0 },
+    styletype: { default: "default" },
+    contentScroll: { type: Boolean, default: !0 },
+    class: {}
+  },
+  emits: ["breadcrumbClick", "titlebarButtonClick"],
+  setup(t, { emit: f }) {
+    const l = t, o = f, a = {
+      default: {
+        containerClass: "flex flex-col h-full w-full bg-background",
+        contentClass: "flex-1 p-4"
+      },
+      minimal: {
+        containerClass: "flex flex-col h-full w-full bg-background",
+        contentClass: "flex-1 p-2"
+      }
+    }, c = s(() => a[l.styletype] ?? a.default), C = s(() => b(
+      c.value.contentClass,
+      l.contentScroll ? "overflow-auto" : "overflow-hidden"
+    )), y = (e, r) => {
+      o("breadcrumbClick", e, r);
+    }, k = (e) => {
+      o("titlebarButtonClick", e);
+    };
+    return (e, r) => (n(), h("div", {
+      class: i(p(b)(c.value.containerClass, l.class))
+    }, [
+      t.showBreadcrumb && t.breadcrumbItems && t.breadcrumbItems.length > 0 ? (n(), u(v, {
+        key: 0,
+        items: t.breadcrumbItems,
+        onItemClick: y
+      }, null, 8, ["items"])) : m("", !0),
+      t.showTitlebar ? (n(), u(x, {
+        key: 1,
+        title: t.title,
+        icon: t.icon,
+        description: t.description,
+        buttons: t.titlebarButtons,
+        styletype: t.titlebarStyletype,
+        onButtonClick: k
+      }, {
+        buttons: S(() => [
+          d(e.$slots, "titlebar-buttons")
+        ]),
+        _: 3
+      }, 8, ["title", "icon", "description", "buttons", "styletype"])) : m("", !0),
+      w("div", {
+        class: i(C.value)
+      }, [
+        d(e.$slots, "default")
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  $ as default
+};
+//# sourceMappingURL=JPageContainer.vue.js.map

package/components/organisms/JPageContainer.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JPageContainer.vue.js","sources":["../../../../src/components/organisms/JPageContainer.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport JBreadcrumb from '@/components/molecules/JBreadcrumb.vue'\r\nimport JTitlebar from '@/components/molecules/JTitlebar.vue'\r\nimport { cn } from '@/lib/utils'\r\nimport type { BreadcrumbItem } from '@/components/molecules/JBreadcrumb.vue'\r\nimport type { TitlebarButton } from '@/components/molecules/JTitlebar.vue'\r\n\r\n/**\r\n * JPageContainer - 기본 페이지 컨테이너 컴포넌트 (organisms)\r\n * Page Container Component\r\n * \r\n * @description\r\n * 페이지의 기본 레이아웃을 담당하는 컨테이너 컴포넌트입니다.\r\n * 브레드크럼, 제목 영역(JTitlebar), 콘텐츠 영역을 포함합니다.\r\n * \r\n * @example\r\n * ```vue\r\n * <JPageContainer\r\n *   :breadcrumb-items=\"breadcrumbItems\"\r\n *   title=\"페이지 제목\"\r\n *   :titlebar-buttons=\"buttons\"\r\n * >\r\n *   <div>페이지 콘텐츠</div>\r\n * </JPageContainer>\r\n * ```\r\n */\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'minimal'   // 최소 스타일\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** 브레드크럼 아이템 목록 */\r\n    breadcrumbItems?: BreadcrumbItem[]\r\n    /** 브레드크럼 표시 여부 */\r\n    showBreadcrumb?: boolean\r\n    /** JTitlebar의 모든 props 전달 */\r\n    title?: string\r\n    icon?: string\r\n    description?: string\r\n    titlebarButtons?: TitlebarButton[]\r\n    titlebarStyletype?: 'default' | 'primary' | 'accent' | 'neutral' | 'elevated'\r\n    /** JTitlebar 표시 여부 */\r\n    showTitlebar?: boolean\r\n    /** 스타일 타입 */\r\n    styletype?: StyleType\r\n    /** 콘텐츠 영역 스크롤 가능 여부 */\r\n    contentScroll?: boolean\r\n    /** 추가 CSS 클래스 */\r\n    class?: string\r\n  }>(),\r\n  {\r\n    breadcrumbItems: () => [],\r\n    showBreadcrumb: true,\r\n    showTitlebar: true,\r\n    styletype: 'default',\r\n    contentScroll: true,\r\n  }\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  /** 브레드크럼 아이템 클릭 이벤트 */\r\n  breadcrumbClick: [item: BreadcrumbItem, index: number]\r\n  /** 타이틀바 버튼 클릭 이벤트 */\r\n  titlebarButtonClick: [button: TitlebarButton]\r\n}>()\r\n\r\n/**\r\n * 스타일 프리셋\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, {\r\n  containerClass: string\r\n  contentClass: string\r\n}> = {\r\n  default: {\r\n    containerClass: 'flex flex-col h-full w-full bg-background',\r\n    contentClass: 'flex-1 p-4',\r\n  },\r\n  minimal: {\r\n    containerClass: 'flex flex-col h-full w-full bg-background',\r\n    contentClass: 'flex-1 p-2',\r\n  },\r\n}\r\n\r\nconst preset = computed(() => {\r\n  return STYLE_PRESETS[props.styletype] ?? STYLE_PRESETS.default\r\n})\r\n\r\n/**\r\n * 콘텐츠 클래스 (스크롤 포함)\r\n */\r\nconst contentClasses = computed(() => {\r\n  return cn(\r\n    preset.value.contentClass,\r\n    props.contentScroll ? 'overflow-auto' : 'overflow-hidden'\r\n  )\r\n})\r\n\r\n/**\r\n * 브레드크럼 아이템 클릭 핸들러\r\n */\r\nconst handleBreadcrumbClick = (item: BreadcrumbItem, index: number) => {\r\n  emit('breadcrumbClick', item, index)\r\n}\r\n\r\n/**\r\n * 타이틀바 버튼 클릭 핸들러\r\n */\r\nconst handleTitlebarButtonClick = (button: TitlebarButton) => {\r\n  emit('titlebarButtonClick', button)\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div :class=\"cn(preset.containerClass, props.class)\">\r\n    <!-- 브레드크럼 -->\r\n    <JBreadcrumb\r\n      v-if=\"showBreadcrumb && breadcrumbItems && breadcrumbItems.length > 0\"\r\n      :items=\"breadcrumbItems\"\r\n      @item-click=\"handleBreadcrumbClick\"\r\n    />\r\n\r\n    <!-- 제목 영역 (JTitlebar) -->\r\n    <JTitlebar\r\n      v-if=\"showTitlebar\"\r\n      :title=\"title\"\r\n      :icon=\"icon\"\r\n      :description=\"description\"\r\n      :buttons=\"titlebarButtons\"\r\n      :styletype=\"titlebarStyletype\"\r\n      @button-click=\"handleTitlebarButtonClick\"\r\n    >\r\n      <template #buttons>\r\n        <slot name=\"titlebar-buttons\" />\r\n      </template>\r\n    </JTitlebar>\r\n\r\n    <!-- 콘텐츠 영역 -->\r\n    <div :class=\"contentClasses\">\r\n      <slot />\r\n    </div>\r\n  </div>\r\n</template>\r\n"],"names":["props","__props","emit","__emit","STYLE_PRESETS","preset","computed","contentClasses","cn","handleBreadcrumbClick","item","index","handleTitlebarButtonClick","button","_createElementBlock","_normalizeClass","_unref","_createBlock","JBreadcrumb","JTitlebar","_renderSlot","_ctx","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAgCA,UAAMA,IAAQC,GA8BRC,IAAOC,GAUPC,IAGD;AAAA,MACH,SAAS;AAAA,QACP,gBAAgB;AAAA,QAChB,cAAc;AAAA,MAAA;AAAA,MAEhB,SAAS;AAAA,QACP,gBAAgB;AAAA,QAChB,cAAc;AAAA,MAAA;AAAA,IAChB,GAGIC,IAASC,EAAS,MACfF,EAAcJ,EAAM,SAAS,KAAKI,EAAc,OACxD,GAKKG,IAAiBD,EAAS,MACvBE;AAAA,MACLH,EAAO,MAAM;AAAA,MACbL,EAAM,gBAAgB,kBAAkB;AAAA,IAAA,CAE3C,GAKKS,IAAwB,CAACC,GAAsBC,MAAkB;AACrE,MAAAT,EAAK,mBAAmBQ,GAAMC,CAAK;AAAA,IACrC,GAKMC,IAA4B,CAACC,MAA2B;AAC5D,MAAAX,EAAK,uBAAuBW,CAAM;AAAA,IACpC;2BAIEC,EA2BM,OAAA;AAAA,MA3BA,OAAKC,EAAEC,KAAGX,EAAA,MAAO,gBAAgBL,EAAM,KAAK,CAAA;AAAA,IAAA;MAGxCC,EAAA,kBAAkBA,EAAA,mBAAmBA,EAAA,gBAAgB,SAAM,UADnEgB,EAIEC,GAAA;AAAA;QAFC,OAAOjB,EAAA;AAAA,QACP,aAAYQ;AAAA,MAAA;MAKPR,EAAA,qBADRgB,EAYYE,GAAA;AAAA;QAVT,OAAOlB,EAAA;AAAA,QACP,MAAMA,EAAA;AAAA,QACN,aAAaA,EAAA;AAAA,QACb,SAASA,EAAA;AAAA,QACT,WAAWA,EAAA;AAAA,QACX,eAAcW;AAAA,MAAA;QAEJ,WACT,MAAgC;AAAA,UAAhCQ,EAAgCC,EAAA,QAAA,kBAAA;AAAA,QAAA;;;MAKpCC,EAEM,OAAA;AAAA,QAFA,SAAOf,EAAA,KAAc;AAAA,MAAA;QACzBa,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;"}

package/components/organisms/JPageContainer.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./JPageContainer.vue.cjs");exports.default=e.default;
+//# sourceMappingURL=JPageContainer.vue2.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JPageContainer.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/organisms/JPageContainer.vue2.js

@@ -0,0 +1,5 @@
+import f from "./JPageContainer.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=JPageContainer.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JPageContainer.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/organisms/JSearchPanel.vue.cjs

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./JSearchPanel.vue2.cjs");;/* empty css                    */const t = (t_comp, t_opts) => {
+  const t_merged = t_comp.__vccOpts || t_comp;
+  for (const [t_key, t_val] of t_opts)
+    t_merged[t_key] = t_val;
+  return t_merged;
+};,u=t(e.default,[["__scopeId","data-v-7651c855"]]);exports.default=u;
+//# sourceMappingURL=JSearchPanel.vue.cjs.map

package/components/organisms/JSearchPanel.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"JSearchPanel.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/organisms/JSearchPanel.vue.js

@@ -0,0 +1,13 @@
+import o from "./JSearchPanel.vue2.js";
+/* empty css                  */
+const r = (r_comp, r_opts) => {
+  const r_merged = r_comp.__vccOpts || r_comp;
+  for (const [r_key, r_val] of r_opts)
+    r_merged[r_key] = r_val;
+  return r_merged;
+};
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-7651c855"]]);
+export {
+  e as default
+};
+//# sourceMappingURL=JSearchPanel.vue.js.map

package/components/organisms/JSearchPanel.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JSearchPanel.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/components/organisms/JSearchPanel.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),_=require("lucide-vue-next");require("../shadcn/index.cjs");const N=require("../atoms/JButton.vue.cjs");require("clsx");require("tailwind-merge");require("@internationalized/date");const V=require("../atoms/JBadge.vue.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                    */const C=require("./JDynamicForm.vue.cjs"),g=require("../shadcn/Card.vue.cjs"),w=require("../shadcn/CardHeader.vue.cjs"),B=require("../shadcn/CardTitle.vue.cjs"),E=require("../shadcn/CardContent.vue.cjs"),S={class:"flex items-center justify-between"},D={class:"flex items-center gap-3 flex-1"},F={key:2,class:"flex flex-wrap items-center gap-2 ml-2"},j=["onClick","aria-label"],T=e.defineComponent({__name:"JSearchPanel",props:{title:{default:"조회조건"},schema:{},modelValue:{},defaultCollapsed:{type:Boolean,default:!1},collapsible:{type:Boolean,default:!0}},emits:["update:modelValue","submit","reset"],setup(u,{emit:v}){const r=u,i=v,d=e.ref(null),n=e.ref(!r.defaultCollapsed),s=e.reactive(r.modelValue?{...r.modelValue}:{});let c=!1;e.watch(()=>r.modelValue,l=>{l&&!c&&(Object.keys(s).forEach(a=>{a in l||delete s[a]}),Object.assign(s,l)),c=!1},{deep:!0,immediate:!0});function y(l){c=!0,Object.assign(s,l),i("update:modelValue",{...l})}const m=e.computed(()=>{if(!r.schema)return[];const l=[];return r.schema.type==="simple"&&r.schema.fields?l.push(...r.schema.fields):r.schema.type==="sectioned"&&r.schema.sections?r.schema.sections.forEach(a=>{a.fields&&l.push(...a.fields)}):r.schema.type==="wizard"&&r.schema.steps&&r.schema.steps.forEach(a=>{a.fields&&l.push(...a.fields)}),l}),p=e.computed(()=>{if(!s||!r.schema)return[];const l=[],a=s;return m.value.forEach(t=>{const o=a[t.controlName];if(o==null||o===""||o==="ALL"||o==="SELECT"||t.type==="checkbox"&&o==="N"||t.type==="switch"&&o==="N")return;let f=String(o);if((t.type==="combo"||t.type==="searchcombo")&&t.options){const h=t.options.find(q=>q.value===o);h&&(f=h.label)}t.type==="checkbox"||t.type==="switch"?o==="Y"&&l.push({fieldName:t.controlName,label:t.label,value:t.inlineLabel||t.label}):l.push({fieldName:t.controlName,label:t.label,value:f})}),l});function b(l){i("submit",l)}function x(){d.value&&(d.value.reset(),i("reset"))}function k(l){if(!s||!r.schema)return;const a=m.value.find(t=>t.controlName===l);a&&(a.type==="checkbox"||a.type==="switch"?s[l]="N":s[l]="",c=!0,i("update:modelValue",{...s}))}return(l,a)=>(e.openBlock(),e.createBlock(e.unref(g.default),{class:"w-full"},{default:e.withCtx(()=>[e.createVNode(e.unref(w.default),{class:"pt-4 pb-3 px-6"},{default:e.withCtx(()=>[e.createElementVNode("div",S,[e.createElementVNode("div",D,[u.collapsible?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",onClick:a[0]||(a[0]=t=>n.value=!n.value),class:"flex items-center gap-2 font-semibold hover:text-primary transition-colors"},[e.createVNode(e.unref(_.ChevronDown),{class:e.normalizeClass(["h-4 w-4 transition-transform",n.value?"rotate-0":"-rotate-90"])},null,8,["class"]),e.createTextVNode(" "+e.toDisplayString(u.title),1)])):(e.openBlock(),e.createBlock(e.unref(B.default),{key:1,class:"mb-0"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.title),1)]),_:1})),p.value.length>0?(e.openBlock(),e.createElementBlock("div",F,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,t=>(e.openBlock(),e.createBlock(e.unref(V.default),{key:t.fieldName,variant:"secondary",size:"sm",class:"flex items-center gap-1.5 pr-1"},{default:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(t.label)+": "+e.toDisplayString(t.value),1),e.createElementVNode("button",{type:"button",onClick:e.withModifiers(o=>k(t.fieldName),["stop"]),class:"h-4 w-4 rounded-full hover:bg-destructive/20 hover:text-destructive transition-colors flex items-center justify-center","aria-label":`${t.label} 조건 제거`},[e.createVNode(e.unref(_.X),{class:"h-3 w-3"})],8,j)]),_:2},1024))),128))])):e.createCommentVNode("",!0)]),e.createVNode(e.unref(N.default),{variant:"outline",size:"sm",onClick:e.withModifiers(x,["stop"])},{default:e.withCtx(()=>[...a[1]||(a[1]=[e.createTextVNode(" 초기화 ",-1)])]),_:1})])]),_:1}),e.withDirectives(e.createVNode(e.unref(E.default),{class:"px-6 pb-6 pt-0"},{default:e.withCtx(()=>[e.createVNode(C.default,{ref_key:"dynamicFormRef",ref:d,schema:u.schema,"model-value":s,"onUpdate:modelValue":y,onSubmit:b},null,8,["schema","model-value"])]),_:1},512),[[e.vShow,n.value||!u.collapsible]])]),_:1}))}});exports.default=T;
+//# sourceMappingURL=JSearchPanel.vue2.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JSearchPanel.vue2.cjs","sources":["../../../../src/components/organisms/JSearchPanel.vue"],"sourcesContent":["<template>\r\n  <Card class=\"w-full\">\r\n    <!-- 헤더: 제목, Badge 목록, 초기화 버튼 -->\r\n    <CardHeader class=\"pt-4 pb-3 px-6\">\r\n      <div class=\"flex items-center justify-between\">\r\n        <div class=\"flex items-center gap-3 flex-1\">\r\n          <button\r\n            v-if=\"collapsible\"\r\n            type=\"button\"\r\n            @click=\"isExpanded = !isExpanded\"\r\n            class=\"flex items-center gap-2 font-semibold hover:text-primary transition-colors\"\r\n          >\r\n            <ChevronDown\r\n              :class=\"['h-4 w-4 transition-transform', isExpanded ? 'rotate-0' : '-rotate-90']\"\r\n            />\r\n            {{ title }}\r\n          </button>\r\n          <CardTitle v-else class=\"mb-0\">{{ title }}</CardTitle>\r\n          \r\n          <!-- 조건 Badge 목록 -->\r\n          <div v-if=\"conditionBadges.length > 0\" class=\"flex flex-wrap items-center gap-2 ml-2\">\r\n            <JBadge\r\n              v-for=\"badge in conditionBadges\"\r\n              :key=\"badge.fieldName\"\r\n              variant=\"secondary\"\r\n              size=\"sm\"\r\n              class=\"flex items-center gap-1.5 pr-1\"\r\n            >\r\n              <span>{{ badge.label }}: {{ badge.value }}</span>\r\n              <button\r\n                type=\"button\"\r\n                @click.stop=\"handleFieldReset(badge.fieldName)\"\r\n                class=\"h-4 w-4 rounded-full hover:bg-destructive/20 hover:text-destructive transition-colors flex items-center justify-center\"\r\n                :aria-label=\"`${badge.label} 조건 제거`\"\r\n              >\r\n                <X class=\"h-3 w-3\" />\r\n              </button>\r\n            </JBadge>\r\n          </div>\r\n        </div>\r\n        \r\n        <JButton\r\n          variant=\"outline\"\r\n          size=\"sm\"\r\n          @click.stop=\"handleReset\"\r\n        >\r\n          초기화\r\n        </JButton>\r\n      </div>\r\n    </CardHeader>\r\n    \r\n    <!-- 폼 내용 -->\r\n    <CardContent v-show=\"isExpanded || !collapsible\" class=\"px-6 pb-6 pt-0\">\r\n      <JDynamicForm\r\n        ref=\"dynamicFormRef\"\r\n        :schema=\"schema\"\r\n        :model-value=\"localModelValue\"\r\n        @update:model-value=\"handleFormValueUpdate\"\r\n        @submit=\"handleSubmit\"\r\n      />\r\n    </CardContent>\r\n  </Card>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, ref, reactive, watch } from 'vue'\r\nimport { ChevronDown, X } from 'lucide-vue-next'\r\nimport { Card, CardHeader, CardTitle, CardContent } from '@/components/shadcn'\r\nimport { JButton, JBadge } from '@/components/atoms'\r\nimport JDynamicForm from './JDynamicForm.vue'\r\nimport type { FormSchema, DynamicFormField } from '@/types/dynamic-form'\r\nimport type { ComponentPublicInstance } from 'vue'\r\n\r\ninterface ConditionBadge {\r\n  fieldName: string\r\n  label: string\r\n  value: string\r\n}\r\n\r\nexport interface JSearchPanelProps {\r\n  /** 패널 제목 */\r\n  title?: string\r\n  /** JDynamicForm에 전달할 FormSchema */\r\n  schema: FormSchema\r\n  /** JDynamicForm의 v-model 값 */\r\n  modelValue?: Record<string, any>\r\n  /** 기본 접힘 상태 */\r\n  defaultCollapsed?: boolean\r\n  /** 접기/펼치기 가능 여부 */\r\n  collapsible?: boolean\r\n}\r\n\r\nconst props = withDefaults(defineProps<JSearchPanelProps>(), {\r\n  title: '조회조건',\r\n  defaultCollapsed: false,\r\n  collapsible: true,\r\n})\r\n\r\nconst emit = defineEmits<{\r\n  'update:modelValue': [value: Record<string, any>]\r\n  'submit': [values: Record<string, any>]\r\n  'reset': []\r\n}>()\r\n\r\nconst dynamicFormRef = ref<ComponentPublicInstance & { reset: () => void } | null>(null)\r\nconst isExpanded = ref(!props.defaultCollapsed)\r\n\r\n// 로컬 modelValue - reactive로 관리하여 양방향 바인딩\r\nconst localModelValue = reactive<Record<string, any>>(props.modelValue ? { ...props.modelValue } : {})\r\n\r\n// 내부 변경인지 외부 변경인지 구분하는 플래그\r\nlet isInternalUpdate = false\r\n\r\n// props.modelValue 변경 시 localModelValue 동기화 (외부 변경)\r\nwatch(\r\n  () => props.modelValue,\r\n  (newValue) => {\r\n    if (newValue && !isInternalUpdate) {\r\n      // 기존 키 중 새 값에 없는 것은 삭제\r\n      Object.keys(localModelValue).forEach(key => {\r\n        if (!(key in newValue)) {\r\n          delete localModelValue[key]\r\n        }\r\n      })\r\n      // 새 값으로 업데이트\r\n      Object.assign(localModelValue, newValue)\r\n    }\r\n    isInternalUpdate = false\r\n  },\r\n  { deep: true, immediate: true }\r\n)\r\n\r\n// JDynamicForm에서 값이 변경되었을 때 처리\r\nfunction handleFormValueUpdate(value: Record<string, any>) {\r\n  // JDynamicForm에서 emit된 값을 localModelValue에 반영\r\n  isInternalUpdate = true\r\n  Object.assign(localModelValue, value)\r\n  // 상위로 emit\r\n  emit('update:modelValue', { ...value })\r\n}\r\n\r\n// 모든 필드 가져오기\r\nconst allFields = computed((): DynamicFormField[] => {\r\n  if (!props.schema) return []\r\n  \r\n  const fields: DynamicFormField[] = []\r\n  if (props.schema.type === 'simple' && props.schema.fields) {\r\n    fields.push(...props.schema.fields)\r\n  } else if (props.schema.type === 'sectioned' && props.schema.sections) {\r\n    props.schema.sections.forEach(section => {\r\n      if (section.fields) fields.push(...section.fields)\r\n    })\r\n  } else if (props.schema.type === 'wizard' && props.schema.steps) {\r\n    props.schema.steps.forEach(step => {\r\n      if (step.fields) fields.push(...step.fields)\r\n    })\r\n  }\r\n  return fields\r\n})\r\n\r\n// 조건 Badge 목록 생성\r\nconst conditionBadges = computed((): ConditionBadge[] => {\r\n  if (!localModelValue || !props.schema) {\r\n    return []\r\n  }\r\n\r\n  const badges: ConditionBadge[] = []\r\n  const formState = localModelValue\r\n\r\n  allFields.value.forEach((field) => {\r\n    const value = formState[field.controlName]\r\n    \r\n    // 빈 값 체크 (빈 문자열, null, undefined, 'ALL', 'SELECT' 제외)\r\n    if (\r\n      value === undefined ||\r\n      value === null ||\r\n      value === '' ||\r\n      value === 'ALL' ||\r\n      value === 'SELECT' ||\r\n      (field.type === 'checkbox' && value === 'N') ||\r\n      (field.type === 'switch' && value === 'N')\r\n    ) {\r\n      return\r\n    }\r\n\r\n    // 필드 타입에 따라 값 표시\r\n    let displayValue = String(value)\r\n\r\n    // 콤보/검색콤보인 경우 옵션의 label 찾기\r\n    if ((field.type === 'combo' || field.type === 'searchcombo') && field.options) {\r\n      const option = field.options.find(opt => opt.value === value)\r\n      if (option) {\r\n        displayValue = option.label\r\n      }\r\n    }\r\n\r\n    // 체크박스/스위치는 'Y'일 때만 표시\r\n    if (field.type === 'checkbox' || field.type === 'switch') {\r\n      if (value === 'Y') {\r\n        badges.push({\r\n          fieldName: field.controlName,\r\n          label: field.label,\r\n          value: field.inlineLabel || field.label\r\n        })\r\n      }\r\n    } else {\r\n      badges.push({\r\n        fieldName: field.controlName,\r\n        label: field.label,\r\n        value: displayValue\r\n      })\r\n    }\r\n  })\r\n\r\n  return badges\r\n})\r\n\r\n// submit 핸들러\r\nfunction handleSubmit(values: Record<string, any>) {\r\n  emit('submit', values)\r\n}\r\n\r\n// 전체 초기화 핸들러\r\nfunction handleReset() {\r\n  if (dynamicFormRef.value) {\r\n    dynamicFormRef.value.reset()\r\n    emit('reset')\r\n  }\r\n}\r\n\r\n// 필드별 초기화 핸들러\r\nfunction handleFieldReset(fieldName: string) {\r\n  if (!localModelValue || !props.schema) return\r\n  \r\n  const field = allFields.value.find(f => f.controlName === fieldName)\r\n  \r\n  if (field) {\r\n    // 필드 타입에 따라 초기값 설정 - reactive 객체 직접 수정\r\n    if (field.type === 'checkbox' || field.type === 'switch') {\r\n      localModelValue[fieldName] = 'N'\r\n    } else {\r\n      localModelValue[fieldName] = ''\r\n    }\r\n    \r\n    // localModelValue 변경 후 상위로 emit하여 JDynamicForm에도 반영\r\n    isInternalUpdate = true\r\n    emit('update:modelValue', { ...localModelValue })\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n/* 필요시 스타일 추가 */\r\n</style>\r\n\r\n"],"names":["props","__props","emit","__emit","dynamicFormRef","ref","isExpanded","localModelValue","reactive","isInternalUpdate","watch","newValue","key","handleFormValueUpdate","value","allFields","computed","fields","section","step","conditionBadges","badges","formState","field","displayValue","option","opt","handleSubmit","values","handleReset","handleFieldReset","fieldName","f","_createBlock","_unref","Card","_createVNode","CardHeader","_createElementVNode","_hoisted_1","_hoisted_2","_createElementBlock","_cache","$event","ChevronDown","_createTextVNode","CardTitle","_openBlock","_hoisted_3","_Fragment","_renderList","badge","JBadge","_toDisplayString","_withModifiers","X","JButton","CardContent","JDynamicForm","_vShow"],"mappings":"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"}

package/components/organisms/JSearchPanel.vue2.js

@@ -0,0 +1,180 @@
+import { defineComponent as L, ref as V, reactive as z, watch as D, computed as C, createBlock as v, openBlock as r, unref as i, withCtx as c, createVNode as m, withDirectives as R, createElementVNode as d, createElementBlock as y, createCommentVNode as O, createTextVNode as x, normalizeClass as U, toDisplayString as h, Fragment as J, renderList as M, withModifiers as g, vShow as T } from "vue";
+import { ChevronDown as A, X as I } from "lucide-vue-next";
+import "../shadcn/index.js";
+import P from "../atoms/JButton.vue.js";
+import "clsx";
+import "tailwind-merge";
+import "@internationalized/date";
+import X from "../atoms/JBadge.vue.js";
+import "@vueuse/core";
+import "reka-ui";
+/* empty css                      */
+import "../shadcn/avatar-variants.js";
+import "ag-grid-vue3";
+import "ag-grid-community";
+import "ag-grid-enterprise";
+/* empty css                                                                                                          */
+/* empty css                                                                                                          */
+/* empty css                                                                                                          */
+/* empty css                  */
+import Y from "./JDynamicForm.vue.js";
+import q from "../shadcn/Card.vue.js";
+import G from "../shadcn/CardHeader.vue.js";
+import H from "../shadcn/CardTitle.vue.js";
+import K from "../shadcn/CardContent.vue.js";
+const Q = { class: "flex items-center justify-between" }, W = { class: "flex items-center gap-3 flex-1" }, Z = {
+  key: 2,
+  class: "flex flex-wrap items-center gap-2 ml-2"
+}, ee = ["onClick", "aria-label"], Ce = /* @__PURE__ */ L({
+  __name: "JSearchPanel",
+  props: {
+    title: { default: "조회조건" },
+    schema: {},
+    modelValue: {},
+    defaultCollapsed: { type: Boolean, default: !1 },
+    collapsible: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue", "submit", "reset"],
+  setup(n, { emit: E }) {
+    const a = n, u = E, b = V(null), p = V(!a.defaultCollapsed), o = z(a.modelValue ? { ...a.modelValue } : {});
+    let f = !1;
+    D(
+      () => a.modelValue,
+      (t) => {
+        t && !f && (Object.keys(o).forEach((l) => {
+          l in t || delete o[l];
+        }), Object.assign(o, t)), f = !1;
+      },
+      { deep: !0, immediate: !0 }
+    );
+    function $(t) {
+      f = !0, Object.assign(o, t), u("update:modelValue", { ...t });
+    }
+    const _ = C(() => {
+      if (!a.schema) return [];
+      const t = [];
+      return a.schema.type === "simple" && a.schema.fields ? t.push(...a.schema.fields) : a.schema.type === "sectioned" && a.schema.sections ? a.schema.sections.forEach((l) => {
+        l.fields && t.push(...l.fields);
+      }) : a.schema.type === "wizard" && a.schema.steps && a.schema.steps.forEach((l) => {
+        l.fields && t.push(...l.fields);
+      }), t;
+    }), k = C(() => {
+      if (!o || !a.schema)
+        return [];
+      const t = [], l = o;
+      return _.value.forEach((e) => {
+        const s = l[e.controlName];
+        if (s == null || s === "" || s === "ALL" || s === "SELECT" || e.type === "checkbox" && s === "N" || e.type === "switch" && s === "N")
+          return;
+        let w = String(s);
+        if ((e.type === "combo" || e.type === "searchcombo") && e.options) {
+          const N = e.options.find((j) => j.value === s);
+          N && (w = N.label);
+        }
+        e.type === "checkbox" || e.type === "switch" ? s === "Y" && t.push({
+          fieldName: e.controlName,
+          label: e.label,
+          value: e.inlineLabel || e.label
+        }) : t.push({
+          fieldName: e.controlName,
+          label: e.label,
+          value: w
+        });
+      }), t;
+    });
+    function S(t) {
+      u("submit", t);
+    }
+    function F() {
+      b.value && (b.value.reset(), u("reset"));
+    }
+    function B(t) {
+      if (!o || !a.schema) return;
+      const l = _.value.find((e) => e.controlName === t);
+      l && (l.type === "checkbox" || l.type === "switch" ? o[t] = "N" : o[t] = "", f = !0, u("update:modelValue", { ...o }));
+    }
+    return (t, l) => (r(), v(i(q), { class: "w-full" }, {
+      default: c(() => [
+        m(i(G), { class: "pt-4 pb-3 px-6" }, {
+          default: c(() => [
+            d("div", Q, [
+              d("div", W, [
+                n.collapsible ? (r(), y("button", {
+                  key: 0,
+                  type: "button",
+                  onClick: l[0] || (l[0] = (e) => p.value = !p.value),
+                  class: "flex items-center gap-2 font-semibold hover:text-primary transition-colors"
+                }, [
+                  m(i(A), {
+                    class: U(["h-4 w-4 transition-transform", p.value ? "rotate-0" : "-rotate-90"])
+                  }, null, 8, ["class"]),
+                  x(" " + h(n.title), 1)
+                ])) : (r(), v(i(H), {
+                  key: 1,
+                  class: "mb-0"
+                }, {
+                  default: c(() => [
+                    x(h(n.title), 1)
+                  ]),
+                  _: 1
+                })),
+                k.value.length > 0 ? (r(), y("div", Z, [
+                  (r(!0), y(J, null, M(k.value, (e) => (r(), v(i(X), {
+                    key: e.fieldName,
+                    variant: "secondary",
+                    size: "sm",
+                    class: "flex items-center gap-1.5 pr-1"
+                  }, {
+                    default: c(() => [
+                      d("span", null, h(e.label) + ": " + h(e.value), 1),
+                      d("button", {
+                        type: "button",
+                        onClick: g((s) => B(e.fieldName), ["stop"]),
+                        class: "h-4 w-4 rounded-full hover:bg-destructive/20 hover:text-destructive transition-colors flex items-center justify-center",
+                        "aria-label": `${e.label} 조건 제거`
+                      }, [
+                        m(i(I), { class: "h-3 w-3" })
+                      ], 8, ee)
+                    ]),
+                    _: 2
+                  }, 1024))), 128))
+                ])) : O("", !0)
+              ]),
+              m(i(P), {
+                variant: "outline",
+                size: "sm",
+                onClick: g(F, ["stop"])
+              }, {
+                default: c(() => [...l[1] || (l[1] = [
+                  x(" 초기화 ", -1)
+                ])]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }),
+        R(m(i(K), { class: "px-6 pb-6 pt-0" }, {
+          default: c(() => [
+            m(Y, {
+              ref_key: "dynamicFormRef",
+              ref: b,
+              schema: n.schema,
+              "model-value": o,
+              "onUpdate:modelValue": $,
+              onSubmit: S
+            }, null, 8, ["schema", "model-value"])
+          ]),
+          _: 1
+        }, 512), [
+          [T, p.value || !n.collapsible]
+        ])
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  Ce as default
+};
+//# sourceMappingURL=JSearchPanel.vue2.js.map