@j-solution/components 1.3.0 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/README.md +6 -10
  2. package/USAGE_GUIDE.md +772 -1480
  3. package/assets/{jwms-portal-frontend-BEvCuV-9.css → jwms-portal-frontend-Cs1trVbC.css} +1 -1
  4. package/assets/styles/j-components.css +1 -1
  5. package/components/atoms/JEditor.vue.cjs +1 -1
  6. package/components/atoms/JEditor.vue.js +2 -2
  7. package/components/atoms/JEditor.vue2.cjs +1 -1
  8. package/components/atoms/JEditor.vue2.cjs.map +1 -1
  9. package/components/atoms/JEditor.vue2.js +1 -0
  10. package/components/atoms/JEditor.vue2.js.map +1 -1
  11. package/components/atoms/JPreview.vue.cjs +1 -1
  12. package/components/atoms/JPreview.vue.js +1 -1
  13. package/components/atoms/JPreview.vue2.cjs +1 -1
  14. package/components/atoms/JPreview.vue2.cjs.map +1 -1
  15. package/components/atoms/JPreview.vue2.js +2 -1
  16. package/components/atoms/JPreview.vue2.js.map +1 -1
  17. package/components/molecules/JFormField.vue.cjs +1 -1
  18. package/components/molecules/JFormField.vue.cjs.map +1 -1
  19. package/components/molecules/JFormField.vue.js +1 -1
  20. package/components/molecules/JFormField.vue.js.map +1 -1
  21. package/components/organisms/JFilterBar.vue.cjs +2 -0
  22. package/components/organisms/JFilterBar.vue.cjs.map +1 -0
  23. package/components/organisms/JFilterBar.vue.js +51 -0
  24. package/components/organisms/JFilterBar.vue.js.map +1 -0
  25. package/components/organisms/JFilterBar.vue2.cjs +2 -0
  26. package/components/organisms/JFilterBar.vue2.cjs.map +1 -0
  27. package/components/organisms/JFilterBar.vue2.js +5 -0
  28. package/components/organisms/JFilterBar.vue2.js.map +1 -0
  29. package/index.cjs +1 -1
  30. package/index.js +30 -28
  31. package/package.json +1 -1
  32. package/types/index.d.ts +69 -30
package/index.js CHANGED
@@ -12,9 +12,9 @@ import { default as b } from "./components/atoms/JSearchCombo.vue.js";
12
12
  import { default as T } from "./components/atoms/JRadio.vue.js";
13
13
  import { default as v } from "./components/atoms/JSwitch.vue.js";
14
14
  import { default as h } from "./components/atoms/JDatepicker.vue.js";
15
- import { default as L } from "./components/atoms/JDivider.vue.js";
16
- import { default as g } from "./components/atoms/JEditor.vue.js";
17
- import { default as D } from "./components/atoms/JLink.vue.js";
15
+ import { default as B } from "./components/atoms/JDivider.vue.js";
16
+ import { default as L } from "./components/atoms/JEditor.vue.js";
17
+ import { default as g } from "./components/atoms/JLink.vue.js";
18
18
  import { default as k } from "./components/atoms/JImage.vue.js";
19
19
  import { default as I } from "./components/atoms/JBadge.vue.js";
20
20
  import { default as w } from "./components/atoms/JProgress.vue.js";
@@ -41,26 +41,27 @@ import { default as So } from "./components/molecules/JAlert.vue.js";
41
41
  import { default as Co } from "./components/molecules/JAccordion.vue.js";
42
42
  import { default as Ao } from "./components/molecules/JTitlebar.vue.js";
43
43
  import { default as yo } from "./components/molecules/JButtonGroup.vue.js";
44
- import { default as Po } from "./components/molecules/JBreadcrumb.vue.js";
45
- import { default as Bo } from "./components/organisms/JDynamicTabs.vue.js";
46
- import { default as Fo } from "./components/organisms/JModal.vue.js";
44
+ import { default as Fo } from "./components/molecules/JBreadcrumb.vue.js";
45
+ import { default as Po } from "./components/organisms/JDynamicTabs.vue.js";
46
+ import { default as Do } from "./components/organisms/JModal.vue.js";
47
47
  import { default as Go } from "./components/organisms/JFormModal.vue.js";
48
48
  import { default as Mo } from "./components/organisms/JDynamicForm.vue.js";
49
49
  import { default as Eo } from "./components/organisms/JSearchPanel.vue.js";
50
- import { default as Ko } from "./components/organisms/JHeader.vue.js";
51
- import { default as jo } from "./components/organisms/JSidebarSimple.vue.js";
52
- import { default as zo } from "./components/organisms/JSidebarAdvanced.vue.js";
53
- import { default as Oo } from "./components/organisms/JPageContainer.vue.js";
54
- import { default as Uo } from "./components/organisms/JTree.vue.js";
55
- import { default as Wo } from "./components/templates/JLayout.vue.js";
56
- import { default as Yo } from "./components/templates/JLayoutSimple.vue.js";
57
- import { default as _o } from "./components/templates/JLayoutAdvanced.vue.js";
50
+ import { default as Ko } from "./components/organisms/JFilterBar.vue.js";
51
+ import { default as jo } from "./components/organisms/JHeader.vue.js";
52
+ import { default as zo } from "./components/organisms/JSidebarSimple.vue.js";
53
+ import { default as Oo } from "./components/organisms/JSidebarAdvanced.vue.js";
54
+ import { default as Uo } from "./components/organisms/JPageContainer.vue.js";
55
+ import { default as Wo } from "./components/organisms/JTree.vue.js";
56
+ import { default as Yo } from "./components/templates/JLayout.vue.js";
57
+ import { default as _o } from "./components/templates/JLayoutSimple.vue.js";
58
+ import { default as or } from "./components/templates/JLayoutAdvanced.vue.js";
58
59
  export {
59
60
  Co as JAccordion,
60
61
  So as JAlert,
61
62
  R as JAvatar,
62
63
  I as JBadge,
63
- Po as JBreadcrumb,
64
+ Fo as JBreadcrumb,
64
65
  m as JButton,
65
66
  yo as JButtonGroup,
66
67
  co as JCard,
@@ -68,26 +69,27 @@ export {
68
69
  n as JCombo,
69
70
  io as JContextMenu,
70
71
  h as JDatepicker,
71
- L as JDivider,
72
+ B as JDivider,
72
73
  Mo as JDynamicForm,
73
- Bo as JDynamicTabs,
74
- g as JEditor,
74
+ Po as JDynamicTabs,
75
+ L as JEditor,
76
+ Ko as JFilterBar,
75
77
  fo as JFormField,
76
78
  Go as JFormModal,
77
79
  $ as JGrid,
78
80
  po as JGroupCombo,
79
- Ko as JHeader,
81
+ jo as JHeader,
80
82
  Q as JIcon,
81
83
  k as JImage,
82
84
  l as JInput,
83
85
  q as JKbd,
84
86
  V as JLabel,
85
- Wo as JLayout,
86
- _o as JLayoutAdvanced,
87
- Yo as JLayoutSimple,
88
- D as JLink,
89
- Fo as JModal,
90
- Oo as JPageContainer,
87
+ Yo as JLayout,
88
+ or as JLayoutAdvanced,
89
+ _o as JLayoutSimple,
90
+ g as JLink,
91
+ Do as JModal,
92
+ Uo as JPageContainer,
91
93
  X as JPopover,
92
94
  Z as JPreview,
93
95
  w as JProgress,
@@ -95,8 +97,8 @@ export {
95
97
  xo as JSearchAddr,
96
98
  b as JSearchCombo,
97
99
  Eo as JSearchPanel,
98
- zo as JSidebarAdvanced,
99
- jo as JSidebarSimple,
100
+ Oo as JSidebarAdvanced,
101
+ zo as JSidebarSimple,
100
102
  H as JSpinner,
101
103
  v as JSwitch,
102
104
  uo as JTabs,
@@ -105,6 +107,6 @@ export {
105
107
  ro as JToast,
106
108
  ao as JToaster,
107
109
  N as JTooltip,
108
- Uo as JTree
110
+ Wo as JTree
109
111
  };
110
112
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@j-solution/components",
3
3
  "description": "Vue 3 Atomic Design component kit for enterprise dashboards",
4
- "version": "1.3.0",
4
+ "version": "1.4.0",
5
5
  "type": "module",
6
6
  "main": "./index.cjs",
7
7
  "module": "./index.js",
package/types/index.d.ts CHANGED
@@ -188,7 +188,36 @@ handleError: (errs: any) => void;
188
188
  }, {}, {}, {}, {}> | null;
189
189
  }, any>;
190
190
 
191
- declare const __VLS_component_19: DefineComponent<__VLS_Props_33, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
191
+ declare const __VLS_component_19: DefineComponent<JFilterBarProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
192
+ "update:collapsed": (value: boolean) => any;
193
+ }, string, PublicProps, Readonly<JFilterBarProps> & Readonly<{
194
+ "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
195
+ }>, {
196
+ collapsible: boolean;
197
+ mode: "full" | "simple";
198
+ collapsed: boolean;
199
+ }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
200
+
201
+ declare const __VLS_component_2: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
202
+ "update:modelValue": (value: string | number) => any;
203
+ change: (value: string | number) => any;
204
+ focus: (event: FocusEvent) => any;
205
+ blur: (event: FocusEvent) => any;
206
+ }, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{
207
+ "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
208
+ onChange?: ((value: string | number) => any) | undefined;
209
+ onFocus?: ((event: FocusEvent) => any) | undefined;
210
+ onBlur?: ((event: FocusEvent) => any) | undefined;
211
+ }>, {
212
+ disabled: boolean;
213
+ type: string;
214
+ placeholder: string;
215
+ readonly: boolean;
216
+ required: boolean;
217
+ styletype: StyleType_2;
218
+ }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLInputElement>;
219
+
220
+ declare const __VLS_component_20: DefineComponent<__VLS_Props_33, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
192
221
  logoClick: () => any;
193
222
  navClick: (item: HeaderNavItem, index: number) => any;
194
223
  notificationClick: (item: NotificationItem) => any;
@@ -214,26 +243,7 @@ defaultTheme: string;
214
243
  availableThemes: string[];
215
244
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
216
245
 
217
- declare const __VLS_component_2: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
218
- "update:modelValue": (value: string | number) => any;
219
- change: (value: string | number) => any;
220
- focus: (event: FocusEvent) => any;
221
- blur: (event: FocusEvent) => any;
222
- }, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{
223
- "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
224
- onChange?: ((value: string | number) => any) | undefined;
225
- onFocus?: ((event: FocusEvent) => any) | undefined;
226
- onBlur?: ((event: FocusEvent) => any) | undefined;
227
- }>, {
228
- disabled: boolean;
229
- type: string;
230
- placeholder: string;
231
- readonly: boolean;
232
- required: boolean;
233
- styletype: StyleType_2;
234
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLInputElement>;
235
-
236
- declare const __VLS_component_20: DefineComponent<__VLS_Props_36, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
246
+ declare const __VLS_component_21: DefineComponent<__VLS_Props_36, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
237
247
  breadcrumbClick: (item: BreadcrumbItem, index: number) => any;
238
248
  titlebarButtonClick: (button: TitlebarButton) => any;
239
249
  }, string, PublicProps, Readonly<__VLS_Props_36> & Readonly<{
@@ -247,12 +257,12 @@ showTitlebar: boolean;
247
257
  contentScroll: boolean;
248
258
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
249
259
 
250
- declare const __VLS_component_21: DefineComponent<__VLS_Props_38, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_38> & Readonly<{}>, {
260
+ declare const __VLS_component_22: DefineComponent<__VLS_Props_38, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_38> & Readonly<{}>, {
251
261
  styletype: StyleType_29;
252
262
  contentScroll: boolean;
253
263
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
254
264
 
255
- declare const __VLS_component_22: DefineComponent<__VLS_Props_39, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_39> & Readonly<{}>, {
265
+ declare const __VLS_component_23: DefineComponent<__VLS_Props_39, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_39> & Readonly<{}>, {
256
266
  styletype: "default" | "minimal";
257
267
  permissions: MenuPermission[];
258
268
  menuItems: SidebarMenuItem[];
@@ -1103,9 +1113,10 @@ declare function __VLS_template_19(): {
1103
1113
  attrs: Partial<{}>;
1104
1114
  slots: {
1105
1115
  actions?(_: {}): any;
1116
+ filters?(_: {}): any;
1106
1117
  };
1107
1118
  refs: {};
1108
- rootEl: HTMLElement;
1119
+ rootEl: HTMLDivElement;
1109
1120
  };
1110
1121
 
1111
1122
  declare function __VLS_template_2(): {
@@ -1118,6 +1129,15 @@ declare function __VLS_template_2(): {
1118
1129
  };
1119
1130
 
1120
1131
  declare function __VLS_template_20(): {
1132
+ attrs: Partial<{}>;
1133
+ slots: {
1134
+ actions?(_: {}): any;
1135
+ };
1136
+ refs: {};
1137
+ rootEl: HTMLElement;
1138
+ };
1139
+
1140
+ declare function __VLS_template_21(): {
1121
1141
  attrs: Partial<{}>;
1122
1142
  slots: {
1123
1143
  'titlebar-buttons'?(_: {}): any;
@@ -1127,7 +1147,7 @@ declare function __VLS_template_20(): {
1127
1147
  rootEl: HTMLDivElement;
1128
1148
  };
1129
1149
 
1130
- declare function __VLS_template_21(): {
1150
+ declare function __VLS_template_22(): {
1131
1151
  attrs: Partial<{}>;
1132
1152
  slots: {
1133
1153
  header?(_: {}): any;
@@ -1139,7 +1159,7 @@ declare function __VLS_template_21(): {
1139
1159
  rootEl: HTMLDivElement;
1140
1160
  };
1141
1161
 
1142
- declare function __VLS_template_22(): {
1162
+ declare function __VLS_template_23(): {
1143
1163
  attrs: Partial<{}>;
1144
1164
  slots: {
1145
1165
  header?(_: {
@@ -1250,6 +1270,8 @@ declare type __VLS_TemplateResult_21 = ReturnType<typeof __VLS_template_21>;
1250
1270
 
1251
1271
  declare type __VLS_TemplateResult_22 = ReturnType<typeof __VLS_template_22>;
1252
1272
 
1273
+ declare type __VLS_TemplateResult_23 = ReturnType<typeof __VLS_template_23>;
1274
+
1253
1275
  declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
1254
1276
 
1255
1277
  declare type __VLS_TemplateResult_4 = ReturnType<typeof __VLS_template_4>;
@@ -1354,6 +1376,12 @@ declare type __VLS_WithTemplateSlots_22<T, S> = T & {
1354
1376
  };
1355
1377
  };
1356
1378
 
1379
+ declare type __VLS_WithTemplateSlots_23<T, S> = T & {
1380
+ new (): {
1381
+ $slots: S;
1382
+ };
1383
+ };
1384
+
1357
1385
  declare type __VLS_WithTemplateSlots_3<T, S> = T & {
1358
1386
  new (): {
1359
1387
  $slots: S;
@@ -1827,6 +1855,17 @@ readonly: boolean;
1827
1855
  theme: "light" | "dark";
1828
1856
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
1829
1857
 
1858
+ export declare const JFilterBar: __VLS_WithTemplateSlots_19<typeof __VLS_component_19, __VLS_TemplateResult_19["slots"]>;
1859
+
1860
+ declare interface JFilterBarProps {
1861
+ /** full: 토글+필터 있음, simple: 버튼만 */
1862
+ mode?: 'full' | 'simple';
1863
+ /** 필터 접힘 상태 (v-model 지원) */
1864
+ collapsed?: boolean;
1865
+ /** 접기/펼치기 가능 여부. false면 토글 버튼 숨김 & 필터 항상 표시 */
1866
+ collapsible?: boolean;
1867
+ }
1868
+
1830
1869
  export declare const JFormField: DefineComponent<__VLS_Props_25, {
1831
1870
  clearError: () => void;
1832
1871
  }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -1896,7 +1935,7 @@ styletype: StyleType_21;
1896
1935
  groupedOptions: GroupedOption[];
1897
1936
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1898
1937
 
1899
- export declare const JHeader: __VLS_WithTemplateSlots_19<typeof __VLS_component_19, __VLS_TemplateResult_19["slots"]>;
1938
+ export declare const JHeader: __VLS_WithTemplateSlots_20<typeof __VLS_component_20, __VLS_TemplateResult_20["slots"]>;
1900
1939
 
1901
1940
  export declare const JIcon: DefineComponent<__VLS_Props_20, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_20> & Readonly<{}>, {
1902
1941
  size: SizeType_3;
@@ -1926,11 +1965,11 @@ export declare const JKbd: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, _
1926
1965
 
1927
1966
  export declare const JLabel: __VLS_WithTemplateSlots_7<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
1928
1967
 
1929
- export declare const JLayout: __VLS_WithTemplateSlots_21<typeof __VLS_component_21, __VLS_TemplateResult_21["slots"]>;
1968
+ export declare const JLayout: __VLS_WithTemplateSlots_22<typeof __VLS_component_22, __VLS_TemplateResult_22["slots"]>;
1930
1969
 
1931
1970
  export { JLayoutAdvanced }
1932
1971
 
1933
- export declare const JLayoutSimple: __VLS_WithTemplateSlots_22<typeof __VLS_component_22, __VLS_TemplateResult_22["slots"]>;
1972
+ export declare const JLayoutSimple: __VLS_WithTemplateSlots_23<typeof __VLS_component_23, __VLS_TemplateResult_23["slots"]>;
1934
1973
 
1935
1974
  export declare const JLink: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
1936
1975
 
@@ -1957,7 +1996,7 @@ declare interface JModalProps {
1957
1996
  disabled?: boolean;
1958
1997
  }
1959
1998
 
1960
- export declare const JPageContainer: __VLS_WithTemplateSlots_20<typeof __VLS_component_20, __VLS_TemplateResult_20["slots"]>;
1999
+ export declare const JPageContainer: __VLS_WithTemplateSlots_21<typeof __VLS_component_21, __VLS_TemplateResult_21["slots"]>;
1961
2000
 
1962
2001
  export declare const JPopover: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
1963
2002