@j-solution/components 1.2.1 → 1.4.0

package/types/index.d.ts

@@ -188,7 +188,36 @@ 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, {
+"update:collapsed": (value: boolean) => any;
+}, string, PublicProps, Readonly<JFilterBarProps> & Readonly<{
+"onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+}>, {
+collapsible: boolean;
+mode: "full" | "simple";
+collapsed: boolean;
+}, {}, {}, {}, 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 +243,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 +257,12 @@ showTitlebar: boolean;
 contentScroll: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_21: DefineComponent<__VLS_Props_37, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_37> & Readonly<{}>, {
-styletype: StyleType_28;
+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_38, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_38> & 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[];
@@ -803,8 +813,27 @@ declare type __VLS_Props_36 = {
 };
 
 declare type __VLS_Props_37 = {
-    /** 레이아웃 스타일 타입 */
+    /** 트리 노드 데이터 */
+    items: SidebarMenuItem[];
+    /** 펼쳐진 노드 키 목록 (v-model 지원, 배열) */
+    expandedKeys?: (number | string)[];
+    /** 현재 선택(하이라이트)된 노드의 menuKey (v-model 지원) */
+    activeKey?: number | string | null;
+    /** 권한 목록 */
+    permissions?: MenuPermission[];
+    /** 최대 깊이 제한 (무한 루프 방지) */
+    maxDepth?: number;
+    /** 스타일 타입 */
     styletype?: StyleType_28;
+    /** 검색어 (노드 필터링) */
+    searchQuery?: string;
+    /** 추가 CSS 클래스 */
+    class?: string;
+};
+
+declare type __VLS_Props_38 = {
+    /** 레이아웃 스타일 타입 */
+    styletype?: StyleType_29;
     /** 콘텐츠 영역 스크롤 가능 여부 */
     contentScroll?: boolean;
     /** 추가 CSS 클래스 */
@@ -841,7 +870,7 @@ declare type __VLS_Props_37 = {
  * </JLayoutSimple>
  * ```
  */
-declare type __VLS_Props_38 = {
+declare type __VLS_Props_39 = {
     /** 레이아웃 스타일 타입 */
     styletype?: 'default' | 'minimal';
     /** 콘텐츠 영역 스크롤 가능 여부 */
@@ -1084,9 +1113,10 @@ declare function __VLS_template_19(): {
     attrs: Partial<{}>;
     slots: {
         actions?(_: {}): any;
+        filters?(_: {}): any;
     };
     refs: {};
-    rootEl: HTMLElement;
+    rootEl: HTMLDivElement;
 };
 
 declare function __VLS_template_2(): {
@@ -1099,6 +1129,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;
@@ -1108,7 +1147,7 @@ declare function __VLS_template_20(): {
     rootEl: HTMLDivElement;
 };
 
-declare function __VLS_template_21(): {
+declare function __VLS_template_22(): {
     attrs: Partial<{}>;
     slots: {
         header?(_: {}): any;
@@ -1120,7 +1159,7 @@ declare function __VLS_template_21(): {
     rootEl: HTMLDivElement;
 };
 
-declare function __VLS_template_22(): {
+declare function __VLS_template_23(): {
     attrs: Partial<{}>;
     slots: {
         header?(_: {
@@ -1231,6 +1270,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>;
@@ -1335,6 +1376,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;
@@ -1808,6 +1855,17 @@ 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 {
+    /** full: 토글+필터 있음, simple: 버튼만 */
+    mode?: 'full' | 'simple';
+    /** 필터 접힘 상태 (v-model 지원) */
+    collapsed?: boolean;
+    /** 접기/펼치기 가능 여부. false면 토글 버튼 숨김 & 필터 항상 표시 */
+    collapsible?: boolean;
+}
+
 export declare const JFormField: DefineComponent<__VLS_Props_25, {
 clearError: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -1877,7 +1935,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;
@@ -1907,11 +1965,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"]>;
 
@@ -1938,7 +1996,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"]>;
 
@@ -2210,6 +2268,25 @@ closeButton: boolean;
 
 export declare const JTooltip: __VLS_WithTemplateSlots_6<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
 
+export declare const JTree: DefineComponent<__VLS_Props_37, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+expandChange: (menuKey: string | number | undefined, expanded: boolean) => any;
+nodeClick: (event: MenuClickEvent) => any;
+"update:expandedKeys": (keys: (string | number)[]) => any;
+"update:activeKey": (key: string | number | null) => any;
+}, string, PublicProps, Readonly<__VLS_Props_37> & Readonly<{
+onExpandChange?: ((menuKey: string | number | undefined, expanded: boolean) => any) | undefined;
+onNodeClick?: ((event: MenuClickEvent) => any) | undefined;
+"onUpdate:expandedKeys"?: ((keys: (string | number)[]) => any) | undefined;
+"onUpdate:activeKey"?: ((key: string | number | null) => any) | undefined;
+}>, {
+styletype: StyleType_28;
+permissions: MenuPermission[];
+expandedKeys: (number | string)[];
+maxDepth: number;
+activeKey: number | string | null;
+searchQuery: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
 declare type LabelPosition = 'right' | 'left' | 'top' | 'bottom';
 
 /**
@@ -2473,6 +2550,51 @@ declare type StyleType_26 = 'default' | 'minimal';
  */
 declare type StyleType_27 = 'default' | 'minimal';
 
+/**
+ * JTree - 트리 뷰 컴포넌트
+ * Tree View Component
+ *
+ * @description
+ * 계층 데이터를 조회/탐색하는 읽기 전용 트리 컴포넌트입니다.
+ * JDynamicMenuItem을 재귀적으로 렌더링하며, 네비게이션 기능을 비활성화하고
+ * nodeClick 이벤트로 선택을 처리합니다.
+ *
+ * @example
+ * ```vue
+ * <JTree
+ *   :items="treeData"
+ *   v-model:expanded-keys="expandedKeys"
+ *   v-model:active-key="activeKey"
+ *   @node-click="handleNodeClick"
+ * />
+ * ```
+ *
+ * @example JSON 트리 데이터 예시
+ * ```json
+ * [
+ *   {
+ *     "label": "프로그램 관리",
+ *     "icon": "folder",
+ *     "menuType": "F",
+ *     "menuKey": 1,
+ *     "children": [
+ *       {
+ *         "label": "시스템 관리",
+ *         "menuType": "L",
+ *         "menuKey": 11
+ *       },
+ *       {
+ *         "label": "사용자 관리",
+ *         "menuType": "L",
+ *         "menuKey": 12
+ *       }
+ *     ]
+ *   }
+ * ]
+ * ```
+ */
+declare type StyleType_28 = 'default' | 'minimal';
+
 /**
  * JLayout - 기본 레이아웃 컴포넌트 (templates)
  * Base Layout Component
@@ -2508,7 +2630,7 @@ declare type StyleType_27 = 'default' | 'minimal';
  * </JLayout>
  * ```
  */
-declare type StyleType_28 = 'default' | 'minimal';
+declare type StyleType_29 = 'default' | 'minimal';
 
 declare type StyleType_3 = 'default' | 'error' | 'success' | 'warning' | 'sm' | 'lg';