@krds.ui/vue 0.0.7 → 0.0.9
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.
- package/README.md +123 -27
- package/dist/krds-vue.es.js +1329 -823
- package/dist/krds-vue.es.js.map +1 -1
- package/dist/krds-vue.umd.js +1 -1
- package/dist/krds-vue.umd.js.map +1 -1
- package/dist/style.css +1 -1
- package/dist/types/index.d.ts +225 -0
- package/package.json +23 -23
package/dist/types/index.d.ts
CHANGED
|
@@ -9,6 +9,155 @@ import { RendererElement } from 'vue';
|
|
|
9
9
|
import { RendererNode } from 'vue';
|
|
10
10
|
import { VNode } from 'vue';
|
|
11
11
|
|
|
12
|
+
declare const __VLS_component: DefineComponent<KrdsPanelProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
13
|
+
"update:modelValue": (value: boolean) => any;
|
|
14
|
+
}, string, PublicProps, Readonly<KrdsPanelProps> & Readonly<{
|
|
15
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
16
|
+
}>, {
|
|
17
|
+
modelValue: boolean;
|
|
18
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
19
|
+
|
|
20
|
+
declare const __VLS_component_2: DefineComponent<KrdsContextualHelpProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsContextualHelpProps> & Readonly<{}>, {
|
|
21
|
+
tooltipTitle: string;
|
|
22
|
+
position: "top left" | "top center" | "top right" | "bottom left" | "bottom center" | "bottom right";
|
|
23
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
24
|
+
containerRef: HTMLDivElement;
|
|
25
|
+
tooltipBtnRef: HTMLButtonElement;
|
|
26
|
+
tooltipPopoverRef: HTMLDivElement;
|
|
27
|
+
closeBtnRef: HTMLButtonElement;
|
|
28
|
+
}, HTMLDivElement>;
|
|
29
|
+
|
|
30
|
+
declare const __VLS_component_3: DefineComponent<KrdsCoachMarkProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
31
|
+
close: () => any;
|
|
32
|
+
"update:modelValue": (value: number | null) => any;
|
|
33
|
+
}, string, PublicProps, Readonly<KrdsCoachMarkProps> & Readonly<{
|
|
34
|
+
onClose?: (() => any) | undefined;
|
|
35
|
+
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
|
|
36
|
+
}>, {
|
|
37
|
+
modelValue: number | null;
|
|
38
|
+
coachMarkClass: string | string[];
|
|
39
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
40
|
+
|
|
41
|
+
declare const __VLS_component_4: DefineComponent<KrdsTooltipProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsTooltipProps> & Readonly<{}>, {
|
|
42
|
+
disabled: boolean;
|
|
43
|
+
type: TooltipType;
|
|
44
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
45
|
+
containerRef: HTMLDivElement;
|
|
46
|
+
popoverRef: HTMLDivElement;
|
|
47
|
+
}, HTMLDivElement>;
|
|
48
|
+
|
|
49
|
+
declare const __VLS_component_5: DefineComponent<KrdsLanguageSwitcherProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
50
|
+
close: () => any;
|
|
51
|
+
"update:modelValue": (value: string) => any;
|
|
52
|
+
}, string, PublicProps, Readonly<KrdsLanguageSwitcherProps> & Readonly<{
|
|
53
|
+
onClose?: (() => any) | undefined;
|
|
54
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
55
|
+
}>, {
|
|
56
|
+
type: "default" | "external";
|
|
57
|
+
modelValue: string;
|
|
58
|
+
dropPosition: DropdownPosition;
|
|
59
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
60
|
+
dropdownRef: HTMLDivElement;
|
|
61
|
+
buttonRef: HTMLButtonElement;
|
|
62
|
+
}, any>;
|
|
63
|
+
|
|
64
|
+
declare function __VLS_template(): {
|
|
65
|
+
attrs: Partial<{}>;
|
|
66
|
+
slots: {
|
|
67
|
+
default?(_: {}): any;
|
|
68
|
+
};
|
|
69
|
+
refs: {};
|
|
70
|
+
rootEl: HTMLDivElement;
|
|
71
|
+
};
|
|
72
|
+
|
|
73
|
+
declare function __VLS_template_2(): {
|
|
74
|
+
attrs: Partial<{}>;
|
|
75
|
+
slots: {
|
|
76
|
+
default?(_: {}): any;
|
|
77
|
+
};
|
|
78
|
+
refs: {
|
|
79
|
+
containerRef: HTMLDivElement;
|
|
80
|
+
tooltipBtnRef: HTMLButtonElement;
|
|
81
|
+
tooltipPopoverRef: HTMLDivElement;
|
|
82
|
+
closeBtnRef: HTMLButtonElement;
|
|
83
|
+
};
|
|
84
|
+
rootEl: HTMLDivElement;
|
|
85
|
+
};
|
|
86
|
+
|
|
87
|
+
declare function __VLS_template_3(): {
|
|
88
|
+
attrs: Partial<{}>;
|
|
89
|
+
slots: {
|
|
90
|
+
'coach-mark-content'?(_: {}): any;
|
|
91
|
+
};
|
|
92
|
+
refs: {};
|
|
93
|
+
rootEl: any;
|
|
94
|
+
};
|
|
95
|
+
|
|
96
|
+
declare function __VLS_template_4(): {
|
|
97
|
+
attrs: Partial<{}>;
|
|
98
|
+
slots: {
|
|
99
|
+
default?(_: {}): any;
|
|
100
|
+
};
|
|
101
|
+
refs: {
|
|
102
|
+
containerRef: HTMLDivElement;
|
|
103
|
+
popoverRef: HTMLDivElement;
|
|
104
|
+
};
|
|
105
|
+
rootEl: HTMLDivElement;
|
|
106
|
+
};
|
|
107
|
+
|
|
108
|
+
declare function __VLS_template_5(): {
|
|
109
|
+
attrs: Partial<{}>;
|
|
110
|
+
slots: {
|
|
111
|
+
default?(_: {}): any;
|
|
112
|
+
'prev-item'?(_: {}): any;
|
|
113
|
+
};
|
|
114
|
+
refs: {
|
|
115
|
+
dropdownRef: HTMLDivElement;
|
|
116
|
+
buttonRef: HTMLButtonElement;
|
|
117
|
+
};
|
|
118
|
+
rootEl: any;
|
|
119
|
+
};
|
|
120
|
+
|
|
121
|
+
declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
122
|
+
|
|
123
|
+
declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
|
|
124
|
+
|
|
125
|
+
declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
|
|
126
|
+
|
|
127
|
+
declare type __VLS_TemplateResult_4 = ReturnType<typeof __VLS_template_4>;
|
|
128
|
+
|
|
129
|
+
declare type __VLS_TemplateResult_5 = ReturnType<typeof __VLS_template_5>;
|
|
130
|
+
|
|
131
|
+
declare type __VLS_WithTemplateSlots<T, S> = T & {
|
|
132
|
+
new (): {
|
|
133
|
+
$slots: S;
|
|
134
|
+
};
|
|
135
|
+
};
|
|
136
|
+
|
|
137
|
+
declare type __VLS_WithTemplateSlots_2<T, S> = T & {
|
|
138
|
+
new (): {
|
|
139
|
+
$slots: S;
|
|
140
|
+
};
|
|
141
|
+
};
|
|
142
|
+
|
|
143
|
+
declare type __VLS_WithTemplateSlots_3<T, S> = T & {
|
|
144
|
+
new (): {
|
|
145
|
+
$slots: S;
|
|
146
|
+
};
|
|
147
|
+
};
|
|
148
|
+
|
|
149
|
+
declare type __VLS_WithTemplateSlots_4<T, S> = T & {
|
|
150
|
+
new (): {
|
|
151
|
+
$slots: S;
|
|
152
|
+
};
|
|
153
|
+
};
|
|
154
|
+
|
|
155
|
+
declare type __VLS_WithTemplateSlots_5<T, S> = T & {
|
|
156
|
+
new (): {
|
|
157
|
+
$slots: S;
|
|
158
|
+
};
|
|
159
|
+
};
|
|
160
|
+
|
|
12
161
|
/**
|
|
13
162
|
* 정렬 타입
|
|
14
163
|
*/
|
|
@@ -91,6 +240,8 @@ export declare type CSSCustomProperties = Record<`--${string}`, string | number>
|
|
|
91
240
|
*/
|
|
92
241
|
export declare type Direction = 'horizontal' | 'vertical';
|
|
93
242
|
|
|
243
|
+
declare type DropdownPosition = 'left' | 'center' | 'right';
|
|
244
|
+
|
|
94
245
|
/**
|
|
95
246
|
* 파일 정보 인터페이스
|
|
96
247
|
*/
|
|
@@ -240,6 +391,8 @@ export declare interface KrdsButtonProps extends BaseComponentProps {
|
|
|
240
391
|
border?: boolean;
|
|
241
392
|
/** Pure 버튼 여부 (가상클래스 상태 시 컬러 유지) */
|
|
242
393
|
pure?: boolean;
|
|
394
|
+
/** 텍스트 버튼 스타일 */
|
|
395
|
+
text?: boolean;
|
|
243
396
|
/** 비활성화 여부 */
|
|
244
397
|
disabled?: boolean;
|
|
245
398
|
}
|
|
@@ -278,6 +431,15 @@ export declare interface KrdsCheckboxProps extends BaseFormProps {
|
|
|
278
431
|
chip?: boolean;
|
|
279
432
|
}
|
|
280
433
|
|
|
434
|
+
export declare const KrdsCoachMark: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
|
|
435
|
+
|
|
436
|
+
export declare interface KrdsCoachMarkProps extends BaseComponentProps {
|
|
437
|
+
coachMarkClass?: string | string[];
|
|
438
|
+
stepsData: StepsData[];
|
|
439
|
+
activeStep: number;
|
|
440
|
+
modelValue?: number | null;
|
|
441
|
+
}
|
|
442
|
+
|
|
281
443
|
/**
|
|
282
444
|
* KRDS 컴포넌트 타입
|
|
283
445
|
*/
|
|
@@ -288,6 +450,14 @@ export declare type KrdsComponent<Props = object, Slots = object, Emits = object
|
|
|
288
450
|
__krdsEmits: Emits;
|
|
289
451
|
};
|
|
290
452
|
|
|
453
|
+
export declare const KrdsContextualHelp: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
|
|
454
|
+
|
|
455
|
+
export declare interface KrdsContextualHelpProps {
|
|
456
|
+
tooltipTitle?: string;
|
|
457
|
+
helpIcon?: boolean;
|
|
458
|
+
position?: 'top left' | 'top center' | 'top right' | 'bottom left' | 'bottom center' | 'bottom right';
|
|
459
|
+
}
|
|
460
|
+
|
|
291
461
|
export declare const KrdsDateInput: DefineComponent<KrdsDateInputProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
292
462
|
focus: (event: FocusEvent) => any;
|
|
293
463
|
input: (event: Event) => any;
|
|
@@ -745,6 +915,15 @@ export declare interface KrdsInputProps extends BaseFormProps {
|
|
|
745
915
|
loading?: boolean;
|
|
746
916
|
}
|
|
747
917
|
|
|
918
|
+
export declare const KrdsLanguageSwitcher: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
|
|
919
|
+
|
|
920
|
+
export declare interface KrdsLanguageSwitcherProps extends BaseComponentProps {
|
|
921
|
+
languageList: LanguageData[];
|
|
922
|
+
modelValue?: string;
|
|
923
|
+
type?: 'default' | 'external';
|
|
924
|
+
dropPosition?: DropdownPosition;
|
|
925
|
+
}
|
|
926
|
+
|
|
748
927
|
export declare const KrdsLink: DefineComponent<KrdsLinkProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsLinkProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
749
928
|
|
|
750
929
|
/**
|
|
@@ -824,6 +1003,12 @@ export declare interface KrdsPaginationProps {
|
|
|
824
1003
|
pageRange?: number;
|
|
825
1004
|
}
|
|
826
1005
|
|
|
1006
|
+
export declare const KrdsPanel: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
1007
|
+
|
|
1008
|
+
export declare interface KrdsPanelProps {
|
|
1009
|
+
modelValue?: boolean;
|
|
1010
|
+
}
|
|
1011
|
+
|
|
827
1012
|
export declare const KrdsRadio: DefineComponent<KrdsRadioProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsRadioProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
828
1013
|
|
|
829
1014
|
/**
|
|
@@ -849,6 +1034,22 @@ export declare interface KrdsRadioProps extends BaseFormProps {
|
|
|
849
1034
|
chip?: boolean;
|
|
850
1035
|
}
|
|
851
1036
|
|
|
1037
|
+
export declare const KrdsResize: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
1038
|
+
close: () => any;
|
|
1039
|
+
"update:modelValue": (value: string) => any;
|
|
1040
|
+
}, string, PublicProps, Readonly<{}> & Readonly<{
|
|
1041
|
+
onClose?: (() => any) | undefined;
|
|
1042
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
1043
|
+
}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {
|
|
1044
|
+
dropdownRef: HTMLDivElement;
|
|
1045
|
+
buttonRef: HTMLButtonElement;
|
|
1046
|
+
}, any>;
|
|
1047
|
+
|
|
1048
|
+
export declare interface KrdsResizeEmits {
|
|
1049
|
+
'update:modelValue': [value: string];
|
|
1050
|
+
close: [];
|
|
1051
|
+
}
|
|
1052
|
+
|
|
852
1053
|
export declare const KrdsSelect: DefineComponent<KrdsSelectProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsSelectProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
853
1054
|
|
|
854
1055
|
/**
|
|
@@ -1280,6 +1481,16 @@ export declare interface KrdsToggleSwitchProps extends BaseFormProps {
|
|
|
1280
1481
|
size?: 'medium' | 'large';
|
|
1281
1482
|
}
|
|
1282
1483
|
|
|
1484
|
+
export declare const KrdsTooltip: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
|
|
1485
|
+
|
|
1486
|
+
export declare interface KrdsTooltipProps extends BaseComponentProps {
|
|
1487
|
+
type?: TooltipType;
|
|
1488
|
+
tooltipContent: string;
|
|
1489
|
+
vertical?: boolean;
|
|
1490
|
+
box?: boolean;
|
|
1491
|
+
disabled?: boolean;
|
|
1492
|
+
}
|
|
1493
|
+
|
|
1283
1494
|
/**
|
|
1284
1495
|
* KRDS Vue 플러그인
|
|
1285
1496
|
*/
|
|
@@ -1294,6 +1505,12 @@ export declare interface KrdsVueOptions {
|
|
|
1294
1505
|
components?: string[];
|
|
1295
1506
|
}
|
|
1296
1507
|
|
|
1508
|
+
declare type LanguageData = {
|
|
1509
|
+
code: string;
|
|
1510
|
+
name: string;
|
|
1511
|
+
url?: string;
|
|
1512
|
+
};
|
|
1513
|
+
|
|
1297
1514
|
/**
|
|
1298
1515
|
* 로딩 상태 속성
|
|
1299
1516
|
*/
|
|
@@ -1356,6 +1573,14 @@ export declare interface SelectOption {
|
|
|
1356
1573
|
*/
|
|
1357
1574
|
export declare type Size = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
|
|
1358
1575
|
|
|
1576
|
+
declare type StepsData = {
|
|
1577
|
+
id: number;
|
|
1578
|
+
title: string;
|
|
1579
|
+
description: string;
|
|
1580
|
+
};
|
|
1581
|
+
|
|
1582
|
+
declare type TooltipType = 'default' | 'icon' | 'button';
|
|
1583
|
+
|
|
1359
1584
|
/**
|
|
1360
1585
|
* 버튼 변형 타입
|
|
1361
1586
|
*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@krds.ui/vue",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.9",
|
|
4
4
|
"description": "KRDS Vue Design System - 한국 정부 디자인 시스템 Vue 컴포넌트 라이브러리",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"krds",
|
|
@@ -48,40 +48,40 @@
|
|
|
48
48
|
"vue": "^3.5.0"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
|
-
"@eslint/js": "^9.
|
|
51
|
+
"@eslint/js": "^9.36.0",
|
|
52
52
|
"@rushstack/eslint-patch": "^1.12.0",
|
|
53
|
-
"@storybook/addon-a11y": "^9.1.
|
|
54
|
-
"@storybook/addon-docs": "^9.1.
|
|
55
|
-
"@storybook/addon-vitest": "^9.1.
|
|
56
|
-
"@storybook/vue3-vite": "^9.1.
|
|
57
|
-
"@tsconfig/node20": "^20.1.
|
|
58
|
-
"@types/node": "^22.
|
|
59
|
-
"@typescript-eslint/eslint-plugin": "^8.
|
|
60
|
-
"@typescript-eslint/parser": "^8.
|
|
53
|
+
"@storybook/addon-a11y": "^9.1.9",
|
|
54
|
+
"@storybook/addon-docs": "^9.1.9",
|
|
55
|
+
"@storybook/addon-vitest": "^9.1.9",
|
|
56
|
+
"@storybook/vue3-vite": "^9.1.9",
|
|
57
|
+
"@tsconfig/node20": "^20.1.6",
|
|
58
|
+
"@types/node": "^22.18.7",
|
|
59
|
+
"@typescript-eslint/eslint-plugin": "^8.45.0",
|
|
60
|
+
"@typescript-eslint/parser": "^8.45.0",
|
|
61
61
|
"@vitejs/plugin-vue": "^6.0.1",
|
|
62
|
-
"@vitest/browser": "3.2.4",
|
|
62
|
+
"@vitest/browser": "^3.2.4",
|
|
63
63
|
"@vitest/coverage-v8": "^3.2.4",
|
|
64
|
-
"@vue/eslint-config-prettier": "^10.
|
|
65
|
-
"@vue/eslint-config-typescript": "^14.
|
|
64
|
+
"@vue/eslint-config-prettier": "^10.2.0",
|
|
65
|
+
"@vue/eslint-config-typescript": "^14.6.0",
|
|
66
66
|
"@vue/test-utils": "^2.4.6",
|
|
67
67
|
"@vue/tsconfig": "^0.8.1",
|
|
68
|
-
"eslint": "^9.
|
|
69
|
-
"eslint-plugin-storybook": "^9.1.
|
|
70
|
-
"eslint-plugin-vue": "^10.
|
|
68
|
+
"eslint": "^9.36.0",
|
|
69
|
+
"eslint-plugin-storybook": "^9.1.9",
|
|
70
|
+
"eslint-plugin-vue": "^10.5.0",
|
|
71
71
|
"jsdom": "^27.0.0",
|
|
72
|
-
"playwright": "^1.55.
|
|
72
|
+
"playwright": "^1.55.1",
|
|
73
73
|
"prettier": "^3.6.2",
|
|
74
|
-
"sass": "^1.
|
|
74
|
+
"sass": "^1.93.2",
|
|
75
75
|
"source-map-explorer": "^2.5.3",
|
|
76
76
|
"standard-version": "^9.5.0",
|
|
77
|
-
"storybook": "^9.1.
|
|
78
|
-
"typescript": "
|
|
79
|
-
"vite": "^7.1.
|
|
77
|
+
"storybook": "^9.1.9",
|
|
78
|
+
"typescript": "5.8.2",
|
|
79
|
+
"vite": "^7.1.7",
|
|
80
80
|
"vite-plugin-dts": "^4.5.4",
|
|
81
81
|
"vitest": "^3.2.4",
|
|
82
|
-
"vue": "^3.5.
|
|
82
|
+
"vue": "^3.5.22",
|
|
83
83
|
"vue-eslint-parser": "^10.2.0",
|
|
84
|
-
"vue-tsc": "^3.0
|
|
84
|
+
"vue-tsc": "^3.1.0"
|
|
85
85
|
},
|
|
86
86
|
"publishConfig": {
|
|
87
87
|
"access": "public",
|