@j-solution/components 1.1.0 → 1.2.0

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

@@ -1 +1 @@
-{"version":3,"file":"JSearchPanel.vue2.js","sources":["../../../../src/components/organisms/JSearchPanel.vue"],"sourcesContent":["<template>\n  <Card class=\"w-full\">\n    <!-- 헤더: 제목, Badge 목록, 초기화 버튼 -->\n    <CardHeader class=\"pt-4 pb-3 px-6\">\n      <div class=\"flex items-center justify-between\">\n        <div class=\"flex items-center gap-3 flex-1\">\n          <button\n            v-if=\"collapsible\"\n            type=\"button\"\n            @click=\"isExpanded = !isExpanded\"\n            class=\"flex items-center gap-2 font-semibold hover:text-primary transition-colors\"\n          >\n            <ChevronDown\n              :class=\"['h-4 w-4 transition-transform', isExpanded ? 'rotate-0' : '-rotate-90']\"\n            />\n            {{ title }}\n          </button>\n          <CardTitle v-else class=\"mb-0\">{{ title }}</CardTitle>\n          \n          <!-- 조건 Badge 목록 -->\n          <div v-if=\"conditionBadges.length > 0\" class=\"flex flex-wrap items-center gap-2 ml-2\">\n            <JBadge\n              v-for=\"badge in conditionBadges\"\n              :key=\"badge.fieldName\"\n              variant=\"secondary\"\n              size=\"sm\"\n              class=\"flex items-center gap-1.5 pr-1\"\n            >\n              <span>{{ badge.label }}: {{ badge.value }}</span>\n              <button\n                type=\"button\"\n                @click.stop=\"handleFieldReset(badge.fieldName)\"\n                class=\"h-4 w-4 rounded-full hover:bg-destructive/20 hover:text-destructive transition-colors flex items-center justify-center\"\n                :aria-label=\"`${badge.label} 조건 제거`\"\n              >\n                <X class=\"h-3 w-3\" />\n              </button>\n            </JBadge>\n          </div>\n        </div>\n        \n        <JButton\n          variant=\"outline\"\n          size=\"sm\"\n          @click.stop=\"handleReset\"\n        >\n          초기화\n        </JButton>\n      </div>\n    </CardHeader>\n    \n    <!-- 폼 내용 -->\n    <CardContent v-show=\"isExpanded || !collapsible\" class=\"px-6 pb-6 pt-0\">\n      <JDynamicForm\n        ref=\"dynamicFormRef\"\n        :schema=\"schema\"\n        :model-value=\"localModelValue\"\n        @update:model-value=\"handleFormValueUpdate\"\n        @submit=\"handleSubmit\"\n      />\n    </CardContent>\n  </Card>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, reactive, watch } from 'vue'\nimport { ChevronDown, X } from 'lucide-vue-next'\nimport { Card, CardHeader, CardTitle, CardContent } from '@/components/shadcn'\nimport { JButton, JBadge } from '@/components/atoms'\nimport JDynamicForm from './JDynamicForm.vue'\nimport type { FormSchema, DynamicFormField } from '@/types/dynamic-form'\nimport type { ComponentPublicInstance } from 'vue'\n\ninterface ConditionBadge {\n  fieldName: string\n  label: string\n  value: string\n}\n\nexport interface JSearchPanelProps {\n  /** 패널 제목 */\n  title?: string\n  /** JDynamicForm에 전달할 FormSchema */\n  schema: FormSchema\n  /** JDynamicForm의 v-model 값 */\n  modelValue?: Record<string, any>\n  /** 기본 접힘 상태 */\n  defaultCollapsed?: boolean\n  /** 접기/펼치기 가능 여부 */\n  collapsible?: boolean\n}\n\nconst props = withDefaults(defineProps<JSearchPanelProps>(), {\n  title: '조회조건',\n  defaultCollapsed: false,\n  collapsible: true,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: Record<string, any>]\n  'submit': [values: Record<string, any>]\n  'reset': []\n}>()\n\nconst dynamicFormRef = ref<ComponentPublicInstance & { reset: () => void } | null>(null)\nconst isExpanded = ref(!props.defaultCollapsed)\n\n// 로컬 modelValue - reactive로 관리하여 양방향 바인딩\nconst localModelValue = reactive<Record<string, any>>(props.modelValue ? { ...props.modelValue } : {})\n\n// 내부 변경인지 외부 변경인지 구분하는 플래그\nlet isInternalUpdate = false\n\n// props.modelValue 변경 시 localModelValue 동기화 (외부 변경)\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (newValue && !isInternalUpdate) {\n      // 기존 키 중 새 값에 없는 것은 삭제\n      Object.keys(localModelValue).forEach(key => {\n        if (!(key in newValue)) {\n          delete localModelValue[key]\n        }\n      })\n      // 새 값으로 업데이트\n      Object.assign(localModelValue, newValue)\n    }\n    isInternalUpdate = false\n  },\n  { deep: true, immediate: true }\n)\n\n// JDynamicForm에서 값이 변경되었을 때 처리\nfunction handleFormValueUpdate(value: Record<string, any>) {\n  // JDynamicForm에서 emit된 값을 localModelValue에 반영\n  isInternalUpdate = true\n  Object.assign(localModelValue, value)\n  // 상위로 emit\n  emit('update:modelValue', { ...value })\n}\n\n// 모든 필드 가져오기\nconst allFields = computed((): DynamicFormField[] => {\n  if (!props.schema) return []\n  \n  const fields: DynamicFormField[] = []\n  if (props.schema.type === 'simple' && props.schema.fields) {\n    fields.push(...props.schema.fields)\n  } else if (props.schema.type === 'sectioned' && props.schema.sections) {\n    props.schema.sections.forEach(section => {\n      if (section.fields) fields.push(...section.fields)\n    })\n  } else if (props.schema.type === 'wizard' && props.schema.steps) {\n    props.schema.steps.forEach(step => {\n      if (step.fields) fields.push(...step.fields)\n    })\n  }\n  return fields\n})\n\n// 조건 Badge 목록 생성\nconst conditionBadges = computed((): ConditionBadge[] => {\n  if (!localModelValue || !props.schema) {\n    return []\n  }\n\n  const badges: ConditionBadge[] = []\n  const formState = localModelValue\n\n  allFields.value.forEach((field) => {\n    const value = formState[field.controlName]\n    \n    // 빈 값 체크 (빈 문자열, null, undefined, 'ALL', 'SELECT' 제외)\n    if (\n      value === undefined ||\n      value === null ||\n      value === '' ||\n      value === 'ALL' ||\n      value === 'SELECT' ||\n      (field.type === 'checkbox' && value === 'N') ||\n      (field.type === 'switch' && value === 'N')\n    ) {\n      return\n    }\n\n    // 필드 타입에 따라 값 표시\n    let displayValue = String(value)\n\n    // 콤보/검색콤보인 경우 옵션의 label 찾기\n    if ((field.type === 'combo' || field.type === 'searchcombo') && field.options) {\n      const option = field.options.find(opt => opt.value === value)\n      if (option) {\n        displayValue = option.label\n      }\n    }\n\n    // 체크박스/스위치는 'Y'일 때만 표시\n    if (field.type === 'checkbox' || field.type === 'switch') {\n      if (value === 'Y') {\n        badges.push({\n          fieldName: field.controlName,\n          label: field.label,\n          value: field.inlineLabel || field.label\n        })\n      }\n    } else {\n      badges.push({\n        fieldName: field.controlName,\n        label: field.label,\n        value: displayValue\n      })\n    }\n  })\n\n  return badges\n})\n\n// submit 핸들러\nfunction handleSubmit(values: Record<string, any>) {\n  emit('submit', values)\n}\n\n// 전체 초기화 핸들러\nfunction handleReset() {\n  if (dynamicFormRef.value) {\n    dynamicFormRef.value.reset()\n    emit('reset')\n  }\n}\n\n// 필드별 초기화 핸들러\nfunction handleFieldReset(fieldName: string) {\n  if (!localModelValue || !props.schema) return\n  \n  const field = allFields.value.find(f => f.controlName === fieldName)\n  \n  if (field) {\n    // 필드 타입에 따라 초기값 설정 - reactive 객체 직접 수정\n    if (field.type === 'checkbox' || field.type === 'switch') {\n      localModelValue[fieldName] = 'N'\n    } else {\n      localModelValue[fieldName] = ''\n    }\n    \n    // localModelValue 변경 후 상위로 emit하여 JDynamicForm에도 반영\n    isInternalUpdate = true\n    emit('update:modelValue', { ...localModelValue })\n  }\n}\n</script>\n\n<style scoped>\n/* 필요시 스타일 추가 */\n</style>\n\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4FA,UAAMA,IAAQC,GAMRC,IAAOC,GAMPC,IAAiBC,EAA4D,IAAI,GACjFC,IAAaD,EAAI,CAACL,EAAM,gBAAgB,GAGxCO,IAAkBC,EAA8BR,EAAM,aAAa,EAAE,GAAGA,EAAM,WAAA,IAAe,EAAE;AAGrG,QAAIS,IAAmB;AAGvB,IAAAC;AAAA,MACE,MAAMV,EAAM;AAAA,MACZ,CAACW,MAAa;AACZ,QAAIA,KAAY,CAACF,MAEf,OAAO,KAAKF,CAAe,EAAE,QAAQ,CAAAK,MAAO;AAC1C,UAAMA,KAAOD,KACX,OAAOJ,EAAgBK,CAAG;AAAA,QAE9B,CAAC,GAED,OAAO,OAAOL,GAAiBI,CAAQ,IAEzCF,IAAmB;AAAA,MACrB;AAAA,MACA,EAAE,MAAM,IAAM,WAAW,GAAA;AAAA,IAAK;AAIhC,aAASI,EAAsBC,GAA4B;AAEzD,MAAAL,IAAmB,IACnB,OAAO,OAAOF,GAAiBO,CAAK,GAEpCZ,EAAK,qBAAqB,EAAE,GAAGY,GAAO;AAAA,IACxC;AAGA,UAAMC,IAAYC,EAAS,MAA0B;AACnD,UAAI,CAAChB,EAAM,OAAQ,QAAO,CAAA;AAE1B,YAAMiB,IAA6B,CAAA;AACnC,aAAIjB,EAAM,OAAO,SAAS,YAAYA,EAAM,OAAO,SACjDiB,EAAO,KAAK,GAAGjB,EAAM,OAAO,MAAM,IACzBA,EAAM,OAAO,SAAS,eAAeA,EAAM,OAAO,WAC3DA,EAAM,OAAO,SAAS,QAAQ,CAAAkB,MAAW;AACvC,QAAIA,EAAQ,UAAQD,EAAO,KAAK,GAAGC,EAAQ,MAAM;AAAA,MACnD,CAAC,IACQlB,EAAM,OAAO,SAAS,YAAYA,EAAM,OAAO,SACxDA,EAAM,OAAO,MAAM,QAAQ,CAAAmB,MAAQ;AACjC,QAAIA,EAAK,UAAQF,EAAO,KAAK,GAAGE,EAAK,MAAM;AAAA,MAC7C,CAAC,GAEIF;AAAA,IACT,CAAC,GAGKG,IAAkBJ,EAAS,MAAwB;AACvD,UAAI,CAACT,KAAmB,CAACP,EAAM;AAC7B,eAAO,CAAA;AAGT,YAAMqB,IAA2B,CAAA,GAC3BC,IAAYf;AAElB,aAAAQ,EAAU,MAAM,QAAQ,CAACQ,MAAU;AACjC,cAAMT,IAAQQ,EAAUC,EAAM,WAAW;AAGzC,YAEET,KAAU,QACVA,MAAU,MACVA,MAAU,SACVA,MAAU,YACTS,EAAM,SAAS,cAAcT,MAAU,OACvCS,EAAM,SAAS,YAAYT,MAAU;AAEtC;AAIF,YAAIU,IAAe,OAAOV,CAAK;AAG/B,aAAKS,EAAM,SAAS,WAAWA,EAAM,SAAS,kBAAkBA,EAAM,SAAS;AAC7E,gBAAME,IAASF,EAAM,QAAQ,KAAK,CAAAG,MAAOA,EAAI,UAAUZ,CAAK;AAC5D,UAAIW,MACFD,IAAeC,EAAO;AAAA,QAE1B;AAGA,QAAIF,EAAM,SAAS,cAAcA,EAAM,SAAS,WAC1CT,MAAU,OACZO,EAAO,KAAK;AAAA,UACV,WAAWE,EAAM;AAAA,UACjB,OAAOA,EAAM;AAAA,UACb,OAAOA,EAAM,eAAeA,EAAM;AAAA,QAAA,CACnC,IAGHF,EAAO,KAAK;AAAA,UACV,WAAWE,EAAM;AAAA,UACjB,OAAOA,EAAM;AAAA,UACb,OAAOC;AAAA,QAAA,CACR;AAAA,MAEL,CAAC,GAEMH;AAAA,IACT,CAAC;AAGD,aAASM,EAAaC,GAA6B;AACjD,MAAA1B,EAAK,UAAU0B,CAAM;AAAA,IACvB;AAGA,aAASC,IAAc;AACrB,MAAIzB,EAAe,UACjBA,EAAe,MAAM,MAAA,GACrBF,EAAK,OAAO;AAAA,IAEhB;AAGA,aAAS4B,EAAiBC,GAAmB;AAC3C,UAAI,CAACxB,KAAmB,CAACP,EAAM,OAAQ;AAEvC,YAAMuB,IAAQR,EAAU,MAAM,KAAK,CAAAiB,MAAKA,EAAE,gBAAgBD,CAAS;AAEnE,MAAIR,MAEEA,EAAM,SAAS,cAAcA,EAAM,SAAS,WAC9ChB,EAAgBwB,CAAS,IAAI,MAE7BxB,EAAgBwB,CAAS,IAAI,IAI/BtB,IAAmB,IACnBP,EAAK,qBAAqB,EAAE,GAAGK,GAAiB;AAAA,IAEpD;2BAvPE0B,EA4DOC,EAAAC,CAAA,GAAA,EA5DD,OAAM,YAAQ;AAAA,iBAElB,MA8Ca;AAAA,QA9CbC,EA8CaF,EAAAG,CAAA,GAAA,EA9CD,OAAM,oBAAgB;AAAA,qBAChC,MA4CM;AAAA,YA5CNC,EA4CM,OA5CNC,GA4CM;AAAA,cA3CJD,EAkCM,OAlCNE,GAkCM;AAAA,gBAhCIvC,EAAA,oBADRwC,EAUS,UAAA;AAAA;kBARP,MAAK;AAAA,kBACJ,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAErC,EAAA,QAAU,CAAIA,EAAA;AAAA,kBACtB,OAAM;AAAA,gBAAA;kBAEN8B,EAEEF,EAAAU,CAAA,GAAA;AAAA,oBADC,0CAAwCtC,EAAA,QAAU,aAAA,YAAA,CAAA;AAAA,kBAAA;kBACnDuC,EAAA,QACC5C,EAAA,KAAK,GAAA,CAAA;AAAA,gBAAA,YAEVgC,EAAsDC,EAAAY,CAAA,GAAA;AAAA;kBAApC,OAAM;AAAA,gBAAA;6BAAO,MAAW;AAAA,wBAAR7C,EAAA,KAAK,GAAA,CAAA;AAAA,kBAAA;;;gBAG5BmB,EAAA,MAAgB,SAAM,KAAjC2B,KAAAN,EAkBM,OAlBNO,GAkBM;AAAA,0BAjBJP,EAgBSQ,GAAA,MAAAC,EAfS9B,EAAA,OAAe,CAAxB+B,YADTlB,EAgBSC,EAAAkB,CAAA,GAAA;AAAA,oBAdN,KAAKD,EAAM;AAAA,oBACZ,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,OAAM;AAAA,kBAAA;+BAEN,MAAiD;AAAA,sBAAjDb,EAAiD,QAAA,MAAAe,EAAxCF,EAAM,KAAK,IAAG,OAAEE,EAAGF,EAAM,KAAK,GAAA,CAAA;AAAA,sBACvCb,EAOS,UAAA;AAAA,wBANP,MAAK;AAAA,wBACJ,SAAKgB,EAAA,CAAAX,MAAOb,EAAiBqB,EAAM,SAAS,GAAA,CAAA,MAAA,CAAA;AAAA,wBAC7C,OAAM;AAAA,wBACL,cAAU,GAAKA,EAAM,KAAK;AAAA,sBAAA;wBAE3Bf,EAAqBF,EAAAqB,CAAA,GAAA,EAAlB,OAAM,WAAS;AAAA,sBAAA;;;;;;cAM1BnB,EAMUF,EAAAsB,CAAA,GAAA;AAAA,gBALR,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACJ,WAAY3B,GAAW,CAAA,MAAA,CAAA;AAAA,cAAA;2BACzB,MAED,CAAA,GAAAa,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,oBAFC,SAED,EAAA;AAAA,gBAAA;;;;;;;UAKJN,EAQcF,EAAAuB,CAAA,GAAA,EARmC,OAAM,oBAAgB;AAAA,qBACrE,MAME;AAAA,YANFrB,EAMEsB,GAAA;AAAA,uBALI;AAAA,cAAJ,KAAItD;AAAA,cACH,QAAQH,EAAA;AAAA,cACR,eAAaM;AAAA,cACb,uBAAoBM;AAAA,cACpB,UAAQc;AAAA,YAAA;;;;UANQ,CAAAgC,GAAArD,EAAA,UAAeL,EAAA,WAAW;AAAA,QAAA;;;;;;"}
+{"version":3,"file":"JSearchPanel.vue2.js","sources":["../../../../src/components/organisms/JSearchPanel.vue"],"sourcesContent":["<template>\n  <Card class=\"w-full\">\n    <!-- 헤더: 제목, Badge 목록, 초기화 버튼 -->\n    <CardHeader class=\"pt-4 pb-3 px-6\">\n      <div class=\"flex items-center justify-between\">\n        <div class=\"flex items-center gap-3 flex-1\">\n          <button\n            v-if=\"collapsible\"\n            type=\"button\"\n            @click=\"isExpanded = !isExpanded\"\n            class=\"flex items-center gap-2 font-semibold hover:text-primary transition-colors\"\n          >\n            <ChevronDown\n              :class=\"['h-4 w-4 transition-transform', isExpanded ? 'rotate-0' : '-rotate-90']\"\n            />\n            {{ title }}\n          </button>\n          <CardTitle v-else class=\"mb-0\">{{ title }}</CardTitle>\n          \n          <!-- 조건 Badge 목록 -->\n          <div v-if=\"conditionBadges.length > 0\" class=\"flex flex-wrap items-center gap-2 ml-2\">\n            <JBadge\n              v-for=\"badge in conditionBadges\"\n              :key=\"badge.fieldName\"\n              variant=\"secondary\"\n              size=\"sm\"\n              class=\"flex items-center gap-1.5 pr-1\"\n            >\n              <span>{{ badge.label }}: {{ badge.value }}</span>\n              <button\n                type=\"button\"\n                @click.stop=\"handleFieldReset(badge.fieldName)\"\n                class=\"h-4 w-4 rounded-full hover:bg-destructive/20 hover:text-destructive transition-colors flex items-center justify-center\"\n                :aria-label=\"`${badge.label} 조건 제거`\"\n              >\n                <X class=\"h-3 w-3\" />\n              </button>\n            </JBadge>\n          </div>\n        </div>\n        \n        <JButton\n          variant=\"outline\"\n          size=\"sm\"\n          @click.stop=\"handleReset\"\n        >\n          초기화\n        </JButton>\n      </div>\n    </CardHeader>\n    \n    <!-- 폼 내용 -->\n    <CardContent v-show=\"isExpanded || !collapsible\" class=\"px-6 pb-6 pt-0\">\n      <JDynamicForm\n        ref=\"dynamicFormRef\"\n        :schema=\"schema\"\n        :model-value=\"localModelValue\"\n        @update:model-value=\"handleFormValueUpdate\"\n        @submit=\"handleSubmit\"\n      />\n    </CardContent>\n  </Card>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, reactive, watch } from 'vue'\nimport { ChevronDown, X } from 'lucide-vue-next'\nimport { Card, CardHeader, CardTitle, CardContent } from '@/components/shadcn'\nimport { JButton, JBadge } from '@/components/atoms'\nimport JDynamicForm from './JDynamicForm.vue'\nimport type { FormSchema, DynamicFormField } from '@/types/dynamic-form'\nimport type { ComponentPublicInstance } from 'vue'\n\ninterface ConditionBadge {\n  fieldName: string\n  label: string\n  value: string\n}\n\nexport interface JSearchPanelProps {\n  /** 패널 제목 */\n  title?: string\n  /** JDynamicForm에 전달할 FormSchema */\n  schema: FormSchema\n  /** JDynamicForm의 v-model 값 */\n  modelValue?: Record<string, any>\n  /** 기본 접힘 상태 */\n  defaultCollapsed?: boolean\n  /** 접기/펼치기 가능 여부 */\n  collapsible?: boolean\n}\n\nconst props = withDefaults(defineProps<JSearchPanelProps>(), {\n  title: '조회조건',\n  defaultCollapsed: false,\n  collapsible: true,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: Record<string, any>]\n  'submit': [values: Record<string, any>]\n  'reset': []\n}>()\n\nconst dynamicFormRef = ref<ComponentPublicInstance & { reset: () => void } | null>(null)\nconst isExpanded = ref(!props.defaultCollapsed)\n\n// 로컬 modelValue - reactive로 관리하여 양방향 바인딩\nconst localModelValue = reactive<Record<string, any>>(props.modelValue ? { ...props.modelValue } : {})\n\n// 내부 변경인지 외부 변경인지 구분하는 플래그\nlet isInternalUpdate = false\n\n// props.modelValue 변경 시 localModelValue 동기화 (외부 변경)\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (newValue && !isInternalUpdate) {\n      // 기존 키 중 새 값에 없는 것은 삭제\n      Object.keys(localModelValue).forEach(key => {\n        if (!(key in newValue)) {\n          delete localModelValue[key]\n        }\n      })\n      // 새 값으로 업데이트\n      Object.assign(localModelValue, newValue)\n    }\n    isInternalUpdate = false\n  },\n  { deep: true, immediate: true }\n)\n\n// JDynamicForm에서 값이 변경되었을 때 처리\nfunction handleFormValueUpdate(value: Record<string, any>) {\n  // JDynamicForm에서 emit된 값을 localModelValue에 반영\n  isInternalUpdate = true\n  Object.assign(localModelValue, value)\n  // 상위로 emit\n  emit('update:modelValue', { ...value })\n}\n\n// 모든 필드 가져오기\nconst allFields = computed((): DynamicFormField[] => {\n  if (!props.schema) return []\n  \n  const fields: DynamicFormField[] = []\n  if (props.schema.type === 'simple' && props.schema.fields) {\n    fields.push(...props.schema.fields)\n  } else if (props.schema.type === 'sectioned' && props.schema.sections) {\n    props.schema.sections.forEach(section => {\n      if (section.fields) fields.push(...section.fields)\n    })\n  } else if (props.schema.type === 'wizard' && props.schema.steps) {\n    props.schema.steps.forEach(step => {\n      if (step.fields) fields.push(...step.fields)\n    })\n  }\n  return fields\n})\n\n// 조건 Badge 목록 생성\nconst conditionBadges = computed((): ConditionBadge[] => {\n  if (!localModelValue || !props.schema) {\n    return []\n  }\n\n  const badges: ConditionBadge[] = []\n  const formState = localModelValue\n\n  allFields.value.forEach((field) => {\n    const value = formState[field.controlName]\n    \n    // 빈 값 체크 (빈 문자열, null, undefined, 'ALL', 'SELECT' 제외)\n    if (\n      value === undefined ||\n      value === null ||\n      value === '' ||\n      value === 'ALL' ||\n      value === 'SELECT' ||\n      (field.type === 'checkbox' && value === 'N') ||\n      (field.type === 'switch' && value === 'N')\n    ) {\n      return\n    }\n\n    // 필드 타입에 따라 값 표시\n    let displayValue = String(value)\n\n    // 콤보/검색콤보인 경우 옵션의 label 찾기\n    if ((field.type === 'combo' || field.type === 'searchcombo') && field.options) {\n      const option = field.options.find(opt => opt.value === value)\n      if (option) {\n        displayValue = option.label\n      }\n    }\n\n    // 체크박스/스위치는 'Y'일 때만 표시\n    if (field.type === 'checkbox' || field.type === 'switch') {\n      if (value === 'Y') {\n        badges.push({\n          fieldName: field.controlName,\n          label: field.label,\n          value: field.inlineLabel || field.label\n        })\n      }\n    } else {\n      badges.push({\n        fieldName: field.controlName,\n        label: field.label,\n        value: displayValue\n      })\n    }\n  })\n\n  return badges\n})\n\n// submit 핸들러\nfunction handleSubmit(values: Record<string, any>) {\n  emit('submit', values)\n}\n\n// 전체 초기화 핸들러\nfunction handleReset() {\n  if (dynamicFormRef.value) {\n    dynamicFormRef.value.reset()\n    emit('reset')\n  }\n}\n\n// 필드별 초기화 핸들러\nfunction handleFieldReset(fieldName: string) {\n  if (!localModelValue || !props.schema) return\n  \n  const field = allFields.value.find(f => f.controlName === fieldName)\n  \n  if (field) {\n    // 필드 타입에 따라 초기값 설정 - reactive 객체 직접 수정\n    if (field.type === 'checkbox' || field.type === 'switch') {\n      localModelValue[fieldName] = 'N'\n    } else {\n      localModelValue[fieldName] = ''\n    }\n    \n    // localModelValue 변경 후 상위로 emit하여 JDynamicForm에도 반영\n    isInternalUpdate = true\n    emit('update:modelValue', { ...localModelValue })\n  }\n}\n</script>\n\n<style scoped>\n/* 필요시 스타일 추가 */\n</style>\n\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/index.cjs

@@ -1,4 +1,4 @@
 require('./assets/styles/j-components.css');
 require('./assets/styles/themes.css');
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                         */;/* empty css                           */;/* empty css                                                                            */const e=require("./components/atoms/JButton.vue.cjs"),t=require("./components/atoms/JInput.vue.cjs"),u=require("./components/atoms/JTextarea.vue.cjs"),_=require("./components/atoms/JCheckbox.vue.cjs"),r=require("./components/atoms/JCombo.vue.cjs"),a=require("./components/atoms/JSearchCombo.vue.cjs"),s=require("./components/atoms/JRadio.vue.cjs"),p=require("./components/atoms/JSwitch.vue.cjs"),i=require("./components/atoms/JDatepicker.vue.cjs"),n=require("./components/atoms/JDivider.vue.cjs"),c=require("./components/atoms/JLink.vue.cjs"),o=require("./components/atoms/JImage.vue.cjs"),l=require("./components/atoms/JBadge.vue.cjs"),J=require("./components/atoms/JProgress.vue.cjs");;/* empty css                                  */const d=require("./components/atoms/JSpinner.vue.cjs"),v=require("./components/atoms/JAvatar.vue.cjs"),q=require("./components/atoms/JKbd.vue.cjs"),y=require("./components/atoms/JTooltip.vue.cjs"),g=require("./components/atoms/JIcon.vue.cjs"),f=require("./components/atoms/JLabel.vue.cjs"),b=require("./components/atoms/JPopover.vue.cjs"),m=require("./components/atoms/JGrid.vue.cjs"),S=require("./components/atoms/JToast.vue.cjs"),C=require("./components/molecules/JFormField.vue.cjs");;/* empty css                                       */const T=require("./components/molecules/JGroupCombo.vue.cjs"),A=require("./components/molecules/JTabs.vue.cjs"),h=require("./components/molecules/JSearchAddr.vue.cjs"),L=require("./components/molecules/JContextMenu.vue.cjs"),P=require("./components/molecules/JCard.vue.cjs"),B=require("./components/molecules/JAlert.vue.cjs"),D=require("./components/molecules/JAccordion.vue.cjs"),F=require("./components/molecules/JTitlebar.vue.cjs"),M=require("./components/molecules/JButtonGroup.vue.cjs"),k=require("./components/molecules/JBreadcrumb.vue.cjs"),x=require("./components/organisms/JDynamicTabs.vue.cjs"),G=require("./components/organisms/JModal.vue.cjs"),I=require("./components/organisms/JFormModal.vue.cjs"),w=require("./components/organisms/JDynamicForm.vue.cjs"),H=require("./components/organisms/JSearchPanel.vue.cjs"),K=require("./components/organisms/JHeader.vue.cjs"),R=require("./components/organisms/JSidebarSimple.vue.cjs"),j=require("./components/organisms/JSidebarAdvanced.vue.cjs"),O=require("./components/organisms/JPageContainer.vue.cjs"),z=require("./components/templates/JLayout.vue.cjs"),E=require("./components/templates/JLayoutSimple.vue.cjs"),N=require("./components/templates/JLayoutAdvanced.vue.cjs");exports.JButton=e.default;exports.JInput=t.default;exports.JTextarea=u.default;exports.JCheckbox=_.default;exports.JCombo=r.default;exports.JSearchCombo=a.default;exports.JRadio=s.default;exports.JSwitch=p.default;exports.JDatepicker=i.default;exports.JDivider=n.default;exports.JLink=c.default;exports.JImage=o.default;exports.JBadge=l.default;exports.JProgress=J.default;exports.JSpinner=d.default;exports.JAvatar=v.default;exports.JKbd=q.default;exports.JTooltip=y.default;exports.JIcon=g.default;exports.JLabel=f.default;exports.JPopover=b.default;exports.JGrid=m.default;exports.JToast=S.default;exports.JFormField=C.default;exports.JGroupCombo=T.default;exports.JTabs=A.default;exports.JSearchAddr=h.default;exports.JContextMenu=L.default;exports.JCard=P.default;exports.JAlert=B.default;exports.JAccordion=D.default;exports.JTitlebar=F.default;exports.JButtonGroup=M.default;exports.JBreadcrumb=k.default;exports.JDynamicTabs=x.default;exports.JModal=G.default;exports.JFormModal=I.default;exports.JDynamicForm=w.default;exports.JSearchPanel=H.default;exports.JHeader=K.default;exports.JSidebarSimple=R.default;exports.JSidebarAdvanced=j.default;exports.JPageContainer=O.default;exports.JLayout=z.default;exports.JLayoutSimple=E.default;exports.JLayoutAdvanced=N.default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                         */;/* empty css                           */;/* empty css                                                                            */const e=require("./components/atoms/JButton.vue.cjs"),t=require("./components/atoms/JInput.vue.cjs"),u=require("./components/atoms/JTextarea.vue.cjs"),_=require("./components/atoms/JCheckbox.vue.cjs"),r=require("./components/atoms/JCombo.vue.cjs"),a=require("./components/atoms/JSearchCombo.vue.cjs"),s=require("./components/atoms/JRadio.vue.cjs"),i=require("./components/atoms/JSwitch.vue.cjs"),p=require("./components/atoms/JDatepicker.vue.cjs"),n=require("./components/atoms/JDivider.vue.cjs"),o=require("./components/atoms/JEditor.vue.cjs"),c=require("./components/atoms/JLink.vue.cjs"),l=require("./components/atoms/JImage.vue.cjs"),J=require("./components/atoms/JBadge.vue.cjs"),d=require("./components/atoms/JProgress.vue.cjs");;/* empty css                                  */const v=require("./components/atoms/JSpinner.vue.cjs"),q=require("./components/atoms/JAvatar.vue.cjs"),y=require("./components/atoms/JKbd.vue.cjs"),f=require("./components/atoms/JTooltip.vue.cjs"),g=require("./components/atoms/JIcon.vue.cjs"),b=require("./components/atoms/JLabel.vue.cjs"),m=require("./components/atoms/JPopover.vue.cjs"),S=require("./components/atoms/JPreview.vue.cjs"),C=require("./components/atoms/JGrid.vue.cjs"),T=require("vue-sonner"),A=require("./components/atoms/JToast.vue.cjs"),P=require("./components/molecules/JFormField.vue.cjs");;/* empty css                                       */const h=require("./components/molecules/JGroupCombo.vue.cjs"),L=require("./components/molecules/JTabs.vue.cjs"),B=require("./components/molecules/JSearchAddr.vue.cjs"),D=require("./components/molecules/JContextMenu.vue.cjs"),F=require("./components/molecules/JCard.vue.cjs"),M=require("./components/molecules/JAlert.vue.cjs"),k=require("./components/molecules/JAccordion.vue.cjs"),x=require("./components/molecules/JTitlebar.vue.cjs"),G=require("./components/molecules/JButtonGroup.vue.cjs"),I=require("./components/molecules/JBreadcrumb.vue.cjs"),w=require("./components/organisms/JDynamicTabs.vue.cjs"),j=require("./components/organisms/JModal.vue.cjs"),E=require("./components/organisms/JFormModal.vue.cjs"),H=require("./components/organisms/JDynamicForm.vue.cjs"),K=require("./components/organisms/JSearchPanel.vue.cjs"),O=require("./components/organisms/JHeader.vue.cjs"),R=require("./components/organisms/JSidebarSimple.vue.cjs"),z=require("./components/organisms/JSidebarAdvanced.vue.cjs"),N=require("./components/organisms/JPageContainer.vue.cjs"),Q=require("./components/templates/JLayout.vue.cjs"),U=require("./components/templates/JLayoutSimple.vue.cjs"),V=require("./components/templates/JLayoutAdvanced.vue.cjs");exports.JButton=e.default;exports.JInput=t.default;exports.JTextarea=u.default;exports.JCheckbox=_.default;exports.JCombo=r.default;exports.JSearchCombo=a.default;exports.JRadio=s.default;exports.JSwitch=i.default;exports.JDatepicker=p.default;exports.JDivider=n.default;exports.JEditor=o.default;exports.JLink=c.default;exports.JImage=l.default;exports.JBadge=J.default;exports.JProgress=d.default;exports.JSpinner=v.default;exports.JAvatar=q.default;exports.JKbd=y.default;exports.JTooltip=f.default;exports.JIcon=g.default;exports.JLabel=b.default;exports.JPopover=m.default;exports.JPreview=S.default;exports.JGrid=C.default;Object.defineProperty(exports,"JToast",{enumerable:!0,get:()=>T.toast});exports.JToaster=A.default;exports.JFormField=P.default;exports.JGroupCombo=h.default;exports.JTabs=L.default;exports.JSearchAddr=B.default;exports.JContextMenu=D.default;exports.JCard=F.default;exports.JAlert=M.default;exports.JAccordion=k.default;exports.JTitlebar=x.default;exports.JButtonGroup=G.default;exports.JBreadcrumb=I.default;exports.JDynamicTabs=w.default;exports.JModal=j.default;exports.JFormModal=E.default;exports.JDynamicForm=H.default;exports.JSearchPanel=K.default;exports.JHeader=O.default;exports.JSidebarSimple=R.default;exports.JSidebarAdvanced=z.default;exports.JPageContainer=N.default;exports.JLayout=Q.default;exports.JLayoutSimple=U.default;exports.JLayoutAdvanced=V.default;
 //# sourceMappingURL=index.cjs.map

package/index.js

@@ -10,93 +10,99 @@ import { default as J } from "./components/atoms/JCheckbox.vue.js";
 import { default as n } from "./components/atoms/JCombo.vue.js";
 import { default as b } from "./components/atoms/JSearchCombo.vue.js";
 import { default as C } from "./components/atoms/JRadio.vue.js";
-import { default as T } from "./components/atoms/JSwitch.vue.js";
-import { default as v } from "./components/atoms/JDatepicker.vue.js";
+import { default as v } from "./components/atoms/JSwitch.vue.js";
+import { default as h } from "./components/atoms/JDatepicker.vue.js";
 import { default as L } from "./components/atoms/JDivider.vue.js";
-import { default as B } from "./components/atoms/JLink.vue.js";
-import { default as F } from "./components/atoms/JImage.vue.js";
-import { default as k } from "./components/atoms/JBadge.vue.js";
-import { default as I } from "./components/atoms/JProgress.vue.js";
+import { default as g } from "./components/atoms/JEditor.vue.js";
+import { default as D } from "./components/atoms/JLink.vue.js";
+import { default as k } from "./components/atoms/JImage.vue.js";
+import { default as I } from "./components/atoms/JBadge.vue.js";
+import { default as w } from "./components/atoms/JProgress.vue.js";
 /* empty css                                */
-import { default as w } from "./components/atoms/JSpinner.vue.js";
-import { default as K } from "./components/atoms/JAvatar.vue.js";
-import { default as j } from "./components/atoms/JKbd.vue.js";
-import { default as z } from "./components/atoms/JTooltip.vue.js";
-import { default as N } from "./components/atoms/JIcon.vue.js";
-import { default as Q } from "./components/atoms/JLabel.vue.js";
-import { default as V } from "./components/atoms/JPopover.vue.js";
-import { default as X } from "./components/atoms/JGrid.vue.js";
-import { default as Z } from "./components/atoms/JToast.vue.js";
-import { default as $ } from "./components/molecules/JFormField.vue.js";
+import { default as H } from "./components/atoms/JSpinner.vue.js";
+import { default as R } from "./components/atoms/JAvatar.vue.js";
+import { default as q } from "./components/atoms/JKbd.vue.js";
+import { default as N } from "./components/atoms/JTooltip.vue.js";
+import { default as Q } from "./components/atoms/JIcon.vue.js";
+import { default as V } from "./components/atoms/JLabel.vue.js";
+import { default as X } from "./components/atoms/JPopover.vue.js";
+import { default as Z } from "./components/atoms/JPreview.vue.js";
+import { default as $ } from "./components/atoms/JGrid.vue.js";
+import { toast as ro } from "vue-sonner";
+import { default as eo } from "./components/atoms/JToast.vue.js";
+import { default as fo } from "./components/molecules/JFormField.vue.js";
 /* empty css                                     */
-import { default as ao } from "./components/molecules/JGroupCombo.vue.js";
-import { default as eo } from "./components/molecules/JTabs.vue.js";
-import { default as fo } from "./components/molecules/JSearchAddr.vue.js";
-import { default as po } from "./components/molecules/JContextMenu.vue.js";
-import { default as uo } from "./components/molecules/JCard.vue.js";
-import { default as xo } from "./components/molecules/JAlert.vue.js";
-import { default as io } from "./components/molecules/JAccordion.vue.js";
-import { default as co } from "./components/molecules/JTitlebar.vue.js";
-import { default as So } from "./components/molecules/JButtonGroup.vue.js";
-import { default as Ao } from "./components/molecules/JBreadcrumb.vue.js";
-import { default as ho } from "./components/organisms/JDynamicTabs.vue.js";
-import { default as yo } from "./components/organisms/JModal.vue.js";
-import { default as go } from "./components/organisms/JFormModal.vue.js";
-import { default as Do } from "./components/organisms/JDynamicForm.vue.js";
-import { default as Po } from "./components/organisms/JSearchPanel.vue.js";
-import { default as Go } from "./components/organisms/JHeader.vue.js";
-import { default as Mo } from "./components/organisms/JSidebarSimple.vue.js";
-import { default as Ho } from "./components/organisms/JSidebarAdvanced.vue.js";
-import { default as Ro } from "./components/organisms/JPageContainer.vue.js";
-import { default as qo } from "./components/templates/JLayout.vue.js";
-import { default as Eo } from "./components/templates/JLayoutSimple.vue.js";
-import { default as Oo } from "./components/templates/JLayoutAdvanced.vue.js";
+import { default as po } from "./components/molecules/JGroupCombo.vue.js";
+import { default as uo } from "./components/molecules/JTabs.vue.js";
+import { default as xo } from "./components/molecules/JSearchAddr.vue.js";
+import { default as io } from "./components/molecules/JContextMenu.vue.js";
+import { default as co } from "./components/molecules/JCard.vue.js";
+import { default as So } from "./components/molecules/JAlert.vue.js";
+import { default as To } from "./components/molecules/JAccordion.vue.js";
+import { default as Ao } from "./components/molecules/JTitlebar.vue.js";
+import { default as yo } from "./components/molecules/JButtonGroup.vue.js";
+import { default as Po } from "./components/molecules/JBreadcrumb.vue.js";
+import { default as Bo } from "./components/organisms/JDynamicTabs.vue.js";
+import { default as Fo } from "./components/organisms/JModal.vue.js";
+import { default as Go } from "./components/organisms/JFormModal.vue.js";
+import { default as Mo } from "./components/organisms/JDynamicForm.vue.js";
+import { default as Eo } from "./components/organisms/JSearchPanel.vue.js";
+import { default as Ko } from "./components/organisms/JHeader.vue.js";
+import { default as jo } from "./components/organisms/JSidebarSimple.vue.js";
+import { default as zo } from "./components/organisms/JSidebarAdvanced.vue.js";
+import { default as Oo } from "./components/organisms/JPageContainer.vue.js";
+import { default as Uo } from "./components/templates/JLayout.vue.js";
+import { default as Wo } from "./components/templates/JLayoutSimple.vue.js";
+import { default as Yo } from "./components/templates/JLayoutAdvanced.vue.js";
 export {
-  io as JAccordion,
-  xo as JAlert,
-  K as JAvatar,
-  k as JBadge,
-  Ao as JBreadcrumb,
+  To as JAccordion,
+  So as JAlert,
+  R as JAvatar,
+  I as JBadge,
+  Po as JBreadcrumb,
   m as JButton,
-  So as JButtonGroup,
-  uo as JCard,
+  yo as JButtonGroup,
+  co as JCard,
   J as JCheckbox,
   n as JCombo,
-  po as JContextMenu,
-  v as JDatepicker,
+  io as JContextMenu,
+  h as JDatepicker,
   L as JDivider,
-  Do as JDynamicForm,
-  ho as JDynamicTabs,
-  $ as JFormField,
-  go as JFormModal,
-  X as JGrid,
-  ao as JGroupCombo,
-  Go as JHeader,
-  N as JIcon,
-  F as JImage,
+  Mo as JDynamicForm,
+  Bo as JDynamicTabs,
+  g as JEditor,
+  fo as JFormField,
+  Go as JFormModal,
+  $ as JGrid,
+  po as JGroupCombo,
+  Ko as JHeader,
+  Q as JIcon,
+  k as JImage,
   l as JInput,
-  j as JKbd,
-  Q as JLabel,
-  qo as JLayout,
-  Oo as JLayoutAdvanced,
-  Eo as JLayoutSimple,
-  B as JLink,
-  yo as JModal,
-  Ro as JPageContainer,
-  V as JPopover,
-  I as JProgress,
+  q as JKbd,
+  V as JLabel,
+  Uo as JLayout,
+  Yo as JLayoutAdvanced,
+  Wo as JLayoutSimple,
+  D as JLink,
+  Fo as JModal,
+  Oo as JPageContainer,
+  X as JPopover,
+  Z as JPreview,
+  w as JProgress,
   C as JRadio,
-  fo as JSearchAddr,
+  xo as JSearchAddr,
   b as JSearchCombo,
-  Po as JSearchPanel,
-  Ho as JSidebarAdvanced,
-  Mo as JSidebarSimple,
-  w as JSpinner,
-  T as JSwitch,
-  eo as JTabs,
+  Eo as JSearchPanel,
+  zo as JSidebarAdvanced,
+  jo as JSidebarSimple,
+  H as JSpinner,
+  v as JSwitch,
+  uo as JTabs,
   s as JTextarea,
-  co as JTitlebar,
-  Z as JToast,
-  z as JTooltip
+  Ao as JTitlebar,
+  ro as JToast,
+  eo as JToaster,
+  N as JTooltip
 };
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@j-solution/components",
   "description": "Vue 3 Atomic Design component kit for enterprise dashboards",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "type": "module",
   "main": "./index.cjs",
   "module": "./index.js",
@@ -64,7 +64,9 @@
     "axios": "^1.12.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "dompurify": "^3.2.2",
     "lucide-vue-next": "^0.545.0",
+    "md-editor-v3": "^6.3.1",
     "radix-vue": "^1.9.17",
     "reka-ui": "^2.6.0",
     "tailwind-merge": "^3.3.1",

package/tailwind.config.js

@@ -1,4 +1,5 @@
 import containerQueries from '@tailwindcss/container-queries'
+import typography from '@tailwindcss/typography'
 
 /** @type {import('tailwindcss').Config} */
 export default {
@@ -74,7 +75,7 @@ export default {
   		}
   	}
   },
-  plugins: [containerQueries],
+  plugins: [containerQueries, typography],
 }