@j-solution/components 1.3.0 → 1.4.1

package/index.js

@@ -12,9 +12,9 @@ import { default as b } from "./components/atoms/JSearchCombo.vue.js";
 import { default as T } from "./components/atoms/JRadio.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 g } from "./components/atoms/JEditor.vue.js";
-import { default as D } from "./components/atoms/JLink.vue.js";
+import { default as B } from "./components/atoms/JDivider.vue.js";
+import { default as L } from "./components/atoms/JEditor.vue.js";
+import { default as g } 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";
@@ -41,26 +41,27 @@ import { default as So } from "./components/molecules/JAlert.vue.js";
 import { default as Co } 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 Fo } from "./components/molecules/JBreadcrumb.vue.js";
+import { default as Po } from "./components/organisms/JDynamicTabs.vue.js";
+import { default as Do } 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/organisms/JTree.vue.js";
-import { default as Wo } from "./components/templates/JLayout.vue.js";
-import { default as Yo } from "./components/templates/JLayoutSimple.vue.js";
-import { default as _o } from "./components/templates/JLayoutAdvanced.vue.js";
+import { default as Ko } from "./components/organisms/JFilterBar.vue.js";
+import { default as jo } from "./components/organisms/JHeader.vue.js";
+import { default as zo } from "./components/organisms/JSidebarSimple.vue.js";
+import { default as Oo } from "./components/organisms/JSidebarAdvanced.vue.js";
+import { default as Uo } from "./components/organisms/JPageContainer.vue.js";
+import { default as Wo } from "./components/organisms/JTree.vue.js";
+import { default as Yo } from "./components/templates/JLayout.vue.js";
+import { default as _o } from "./components/templates/JLayoutSimple.vue.js";
+import { default as or } from "./components/templates/JLayoutAdvanced.vue.js";
 export {
   Co as JAccordion,
   So as JAlert,
   R as JAvatar,
   I as JBadge,
-  Po as JBreadcrumb,
+  Fo as JBreadcrumb,
   m as JButton,
   yo as JButtonGroup,
   co as JCard,
@@ -68,26 +69,27 @@ export {
   n as JCombo,
   io as JContextMenu,
   h as JDatepicker,
-  L as JDivider,
+  B as JDivider,
   Mo as JDynamicForm,
-  Bo as JDynamicTabs,
-  g as JEditor,
+  Po as JDynamicTabs,
+  L as JEditor,
+  Ko as JFilterBar,
   fo as JFormField,
   Go as JFormModal,
   $ as JGrid,
   po as JGroupCombo,
-  Ko as JHeader,
+  jo as JHeader,
   Q as JIcon,
   k as JImage,
   l as JInput,
   q as JKbd,
   V as JLabel,
-  Wo as JLayout,
-  _o as JLayoutAdvanced,
-  Yo as JLayoutSimple,
-  D as JLink,
-  Fo as JModal,
-  Oo as JPageContainer,
+  Yo as JLayout,
+  or as JLayoutAdvanced,
+  _o as JLayoutSimple,
+  g as JLink,
+  Do as JModal,
+  Uo as JPageContainer,
   X as JPopover,
   Z as JPreview,
   w as JProgress,
@@ -95,8 +97,8 @@ export {
   xo as JSearchAddr,
   b as JSearchCombo,
   Eo as JSearchPanel,
-  zo as JSidebarAdvanced,
-  jo as JSidebarSimple,
+  Oo as JSidebarAdvanced,
+  zo as JSidebarSimple,
   H as JSpinner,
   v as JSwitch,
   uo as JTabs,
@@ -105,6 +107,6 @@ export {
   ro as JToast,
   ao as JToaster,
   N as JTooltip,
-  Uo as JTree
+  Wo as JTree
 };
 //# 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.3.0",
+  "version": "1.4.1",
   "type": "module",
   "main": "./index.cjs",
   "module": "./index.js",

package/types/index.d.ts

@@ -188,7 +188,45 @@ handleError: (errs: any) => void;
 }, {}, {}, {}, {}> | null;
 }, any>;
 
-declare const __VLS_component_19: DefineComponent<__VLS_Props_33, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_19: DefineComponent<JFilterBarProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+search: () => any;
+"update:collapsed": (value: boolean) => any;
+"update:filterValues": (value: Record<string, unknown>) => any;
+}, string, PublicProps, Readonly<JFilterBarProps> & Readonly<{
+onSearch?: (() => any) | undefined;
+"onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+"onUpdate:filterValues"?: ((value: Record<string, unknown>) => any) | undefined;
+}>, {
+collapsible: boolean;
+collapsed: boolean;
+filterValues: Record<string, unknown>;
+filterConfig: Record<string, FilterConfigItem>;
+showResetButton: boolean;
+showSearchButton: boolean;
+resetButtonText: string;
+searchButtonText: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+declare const __VLS_component_2: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: string | number) => any;
+change: (value: string | number) => any;
+focus: (event: FocusEvent) => any;
+blur: (event: FocusEvent) => any;
+}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{
+"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+onChange?: ((value: string | number) => any) | undefined;
+onFocus?: ((event: FocusEvent) => any) | undefined;
+onBlur?: ((event: FocusEvent) => any) | undefined;
+}>, {
+disabled: boolean;
+type: string;
+placeholder: string;
+readonly: boolean;
+required: boolean;
+styletype: StyleType_2;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLInputElement>;
+
+declare const __VLS_component_20: DefineComponent<__VLS_Props_33, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 logoClick: () => any;
 navClick: (item: HeaderNavItem, index: number) => any;
 notificationClick: (item: NotificationItem) => any;
@@ -214,26 +252,7 @@ defaultTheme: string;
 availableThemes: string[];
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
 
-declare const __VLS_component_2: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"update:modelValue": (value: string | number) => any;
-change: (value: string | number) => any;
-focus: (event: FocusEvent) => any;
-blur: (event: FocusEvent) => any;
-}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{
-"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
-onChange?: ((value: string | number) => any) | undefined;
-onFocus?: ((event: FocusEvent) => any) | undefined;
-onBlur?: ((event: FocusEvent) => any) | undefined;
-}>, {
-disabled: boolean;
-type: string;
-placeholder: string;
-readonly: boolean;
-required: boolean;
-styletype: StyleType_2;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLInputElement>;
-
-declare const __VLS_component_20: DefineComponent<__VLS_Props_36, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_21: DefineComponent<__VLS_Props_36, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 breadcrumbClick: (item: BreadcrumbItem, index: number) => any;
 titlebarButtonClick: (button: TitlebarButton) => any;
 }, string, PublicProps, Readonly<__VLS_Props_36> & Readonly<{
@@ -247,12 +266,12 @@ showTitlebar: boolean;
 contentScroll: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_21: DefineComponent<__VLS_Props_38, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_38> & Readonly<{}>, {
+declare const __VLS_component_22: DefineComponent<__VLS_Props_38, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_38> & Readonly<{}>, {
 styletype: StyleType_29;
 contentScroll: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_22: DefineComponent<__VLS_Props_39, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_39> & Readonly<{}>, {
+declare const __VLS_component_23: DefineComponent<__VLS_Props_39, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_39> & Readonly<{}>, {
 styletype: "default" | "minimal";
 permissions: MenuPermission[];
 menuItems: SidebarMenuItem[];
@@ -1103,9 +1122,10 @@ declare function __VLS_template_19(): {
     attrs: Partial<{}>;
     slots: {
         actions?(_: {}): any;
+        filters?(_: {}): any;
     };
     refs: {};
-    rootEl: HTMLElement;
+    rootEl: HTMLDivElement;
 };
 
 declare function __VLS_template_2(): {
@@ -1118,6 +1138,15 @@ declare function __VLS_template_2(): {
 };
 
 declare function __VLS_template_20(): {
+    attrs: Partial<{}>;
+    slots: {
+        actions?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+
+declare function __VLS_template_21(): {
     attrs: Partial<{}>;
     slots: {
         'titlebar-buttons'?(_: {}): any;
@@ -1127,7 +1156,7 @@ declare function __VLS_template_20(): {
     rootEl: HTMLDivElement;
 };
 
-declare function __VLS_template_21(): {
+declare function __VLS_template_22(): {
     attrs: Partial<{}>;
     slots: {
         header?(_: {}): any;
@@ -1139,7 +1168,7 @@ declare function __VLS_template_21(): {
     rootEl: HTMLDivElement;
 };
 
-declare function __VLS_template_22(): {
+declare function __VLS_template_23(): {
     attrs: Partial<{}>;
     slots: {
         header?(_: {
@@ -1250,6 +1279,8 @@ declare type __VLS_TemplateResult_21 = ReturnType<typeof __VLS_template_21>;
 
 declare type __VLS_TemplateResult_22 = ReturnType<typeof __VLS_template_22>;
 
+declare type __VLS_TemplateResult_23 = ReturnType<typeof __VLS_template_23>;
+
 declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
 
 declare type __VLS_TemplateResult_4 = ReturnType<typeof __VLS_template_4>;
@@ -1354,6 +1385,12 @@ declare type __VLS_WithTemplateSlots_22<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_23<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_3<T, S> = T & {
     new (): {
         $slots: S;
@@ -1592,6 +1629,14 @@ declare interface DynamicTab {
     meta?: Record<string, any>;
 }
 
+/** 필터 설정 타입 */
+declare interface FilterConfigItem {
+    /** 표시할 라벨 */
+    label: string;
+    /** 값을 표시용 문자열로 변환 (예: combo value -> label) */
+    displayValue?: (value: unknown) => string;
+}
+
 declare interface FormSchema {
     id: string;
     name: string;
@@ -1827,6 +1872,27 @@ readonly: boolean;
 theme: "light" | "dark";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
+export declare const JFilterBar: __VLS_WithTemplateSlots_19<typeof __VLS_component_19, __VLS_TemplateResult_19["slots"]>;
+
+declare interface JFilterBarProps {
+    /** 필터 접힘 상태 (v-model 지원) */
+    collapsed?: boolean;
+    /** 접기/펼치기 가능 여부. false면 토글 버튼 숨김 & 필터 항상 표시 */
+    collapsible?: boolean;
+    /** 필터 값 객체 (v-model:filterValues 지원) */
+    filterValues?: Record<string, unknown>;
+    /** 필터 설정 (label, displayValue 등) */
+    filterConfig?: Record<string, FilterConfigItem>;
+    /** 초기화 버튼 표시 여부 */
+    showResetButton?: boolean;
+    /** 조회 버튼 표시 여부 */
+    showSearchButton?: boolean;
+    /** 초기화 버튼 텍스트 */
+    resetButtonText?: string;
+    /** 조회 버튼 텍스트 */
+    searchButtonText?: string;
+}
+
 export declare const JFormField: DefineComponent<__VLS_Props_25, {
 clearError: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -1896,7 +1962,7 @@ styletype: StyleType_21;
 groupedOptions: GroupedOption[];
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-export declare const JHeader: __VLS_WithTemplateSlots_19<typeof __VLS_component_19, __VLS_TemplateResult_19["slots"]>;
+export declare const JHeader: __VLS_WithTemplateSlots_20<typeof __VLS_component_20, __VLS_TemplateResult_20["slots"]>;
 
 export declare const JIcon: DefineComponent<__VLS_Props_20, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_20> & Readonly<{}>, {
 size: SizeType_3;
@@ -1926,11 +1992,11 @@ export declare const JKbd: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, _
 
 export declare const JLabel: __VLS_WithTemplateSlots_7<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
 
-export declare const JLayout: __VLS_WithTemplateSlots_21<typeof __VLS_component_21, __VLS_TemplateResult_21["slots"]>;
+export declare const JLayout: __VLS_WithTemplateSlots_22<typeof __VLS_component_22, __VLS_TemplateResult_22["slots"]>;
 
 export { JLayoutAdvanced }
 
-export declare const JLayoutSimple: __VLS_WithTemplateSlots_22<typeof __VLS_component_22, __VLS_TemplateResult_22["slots"]>;
+export declare const JLayoutSimple: __VLS_WithTemplateSlots_23<typeof __VLS_component_23, __VLS_TemplateResult_23["slots"]>;
 
 export declare const JLink: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
 
@@ -1957,7 +2023,7 @@ declare interface JModalProps {
     disabled?: boolean;
 }
 
-export declare const JPageContainer: __VLS_WithTemplateSlots_20<typeof __VLS_component_20, __VLS_TemplateResult_20["slots"]>;
+export declare const JPageContainer: __VLS_WithTemplateSlots_21<typeof __VLS_component_21, __VLS_TemplateResult_21["slots"]>;
 
 export declare const JPopover: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;