@krds.ui/vue 0.0.21 → 0.0.22
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 +4 -0
- package/dist/krds-vue.es.js +924 -889
- package/dist/krds-vue.es.js.map +1 -1
- package/dist/types/index.d.ts +154 -57
- package/global.d.ts +54 -2
- package/package.json +11 -4
- package/style.d.ts +5 -0
package/dist/types/index.d.ts
CHANGED
|
@@ -361,7 +361,7 @@ export declare const KrdsAccordionGroup: DefineComponent<ExtractPropTypes<{
|
|
|
361
361
|
type: StringConstructor;
|
|
362
362
|
default: undefined;
|
|
363
363
|
};
|
|
364
|
-
}>, () => VNode<RendererNode, RendererElement, {
|
|
364
|
+
}>, () => VNode< RendererNode, RendererElement, {
|
|
365
365
|
[key: string]: any;
|
|
366
366
|
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
367
367
|
/** 라인 타입 아코디언 여부 */
|
|
@@ -377,7 +377,10 @@ export declare const KrdsAccordionGroup: DefineComponent<ExtractPropTypes<{
|
|
|
377
377
|
}>> & Readonly<{}>, {
|
|
378
378
|
class: string;
|
|
379
379
|
typeLine: boolean;
|
|
380
|
-
}, {
|
|
380
|
+
}, SlotsType<{
|
|
381
|
+
/** 아코디언 항목 (KrdsAccordionItem) */
|
|
382
|
+
default?(): VNode[];
|
|
383
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
381
384
|
|
|
382
385
|
export declare interface KrdsAccordionGroupProps extends BaseComponentProps {
|
|
383
386
|
typeLine?: boolean;
|
|
@@ -404,7 +407,7 @@ export declare const KrdsAccordionItem: DefineComponent<ExtractPropTypes<{
|
|
|
404
407
|
type: StringConstructor;
|
|
405
408
|
default: undefined;
|
|
406
409
|
};
|
|
407
|
-
}>, () => VNode<RendererNode, RendererElement, {
|
|
410
|
+
}>, () => VNode< RendererNode, RendererElement, {
|
|
408
411
|
[key: string]: any;
|
|
409
412
|
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
410
413
|
/** 펼침·접힘 버튼을 눌렀을 때 (항목 id) */
|
|
@@ -436,7 +439,12 @@ export declare const KrdsAccordionItem: DefineComponent<ExtractPropTypes<{
|
|
|
436
439
|
title: string;
|
|
437
440
|
openItem: string;
|
|
438
441
|
content: string;
|
|
439
|
-
}, {
|
|
442
|
+
}, SlotsType<{
|
|
443
|
+
/** 제목 (title 속성 대신) */
|
|
444
|
+
title?(): VNode[];
|
|
445
|
+
/** 펼쳤을 때 보이는 내용 (content 속성 대신) */
|
|
446
|
+
content?(): VNode[];
|
|
447
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
440
448
|
|
|
441
449
|
/**
|
|
442
450
|
* KRDS AccordionItem 컴포넌트 이벤트
|
|
@@ -485,7 +493,7 @@ export declare const KrdsBadge: DefineComponent<ExtractPropTypes<{
|
|
|
485
493
|
type: StringConstructor;
|
|
486
494
|
default: undefined;
|
|
487
495
|
};
|
|
488
|
-
}>, () => VNode<RendererNode, RendererElement, {
|
|
496
|
+
}>, () => VNode< RendererNode, RendererElement, {
|
|
489
497
|
[key: string]: any;
|
|
490
498
|
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
491
499
|
/** 배지를 클릭했을 때 */
|
|
@@ -524,7 +532,10 @@ export declare const KrdsBadge: DefineComponent<ExtractPropTypes<{
|
|
|
524
532
|
size: Size;
|
|
525
533
|
class: string;
|
|
526
534
|
color: ColorVariant_2;
|
|
527
|
-
}, {
|
|
535
|
+
}, SlotsType<{
|
|
536
|
+
/** 배지 글자 */
|
|
537
|
+
default?(): VNode[];
|
|
538
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
528
539
|
|
|
529
540
|
/**
|
|
530
541
|
* KRDS Badge 컴포넌트 이벤트
|
|
@@ -666,7 +677,7 @@ export declare const KrdsButton: DefineComponent<ExtractPropTypes<{
|
|
|
666
677
|
type: StringConstructor;
|
|
667
678
|
default: undefined;
|
|
668
679
|
};
|
|
669
|
-
}>, () => VNode<RendererNode, RendererElement, {
|
|
680
|
+
}>, () => VNode< RendererNode, RendererElement, {
|
|
670
681
|
[key: string]: any;
|
|
671
682
|
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
672
683
|
/** 버튼을 클릭했을 때 */
|
|
@@ -729,7 +740,10 @@ export declare const KrdsButton: DefineComponent<ExtractPropTypes<{
|
|
|
729
740
|
border: boolean;
|
|
730
741
|
pure: boolean;
|
|
731
742
|
class: string;
|
|
732
|
-
}, {
|
|
743
|
+
}, SlotsType<{
|
|
744
|
+
/** 버튼 내용 */
|
|
745
|
+
default?(): VNode[];
|
|
746
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
733
747
|
|
|
734
748
|
/**
|
|
735
749
|
* KRDS Button 컴포넌트 이벤트
|
|
@@ -754,9 +768,12 @@ export declare interface KrdsButtonEmits {
|
|
|
754
768
|
* </KrdsInput>
|
|
755
769
|
* ```
|
|
756
770
|
*/
|
|
757
|
-
export declare const KrdsButtonGroup: DefineComponent<{}, () => VNode<RendererNode, RendererElement, {
|
|
771
|
+
export declare const KrdsButtonGroup: DefineComponent<{}, () => VNode< RendererNode, RendererElement, {
|
|
758
772
|
[key: string]: any;
|
|
759
|
-
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {
|
|
773
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, SlotsType<{
|
|
774
|
+
/** 입력 필드 안에 넣을 버튼들 */
|
|
775
|
+
default?(): VNode[];
|
|
776
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
760
777
|
|
|
761
778
|
/**
|
|
762
779
|
* KRDS ButtonGroup 컴포넌트 속성
|
|
@@ -1005,7 +1022,10 @@ export declare const KrdsCarousel: DefineComponent<ExtractPropTypes<{
|
|
|
1005
1022
|
playLabel: string;
|
|
1006
1023
|
stopLabel: string;
|
|
1007
1024
|
moreLabel: string;
|
|
1008
|
-
}, {
|
|
1025
|
+
}, SlotsType<{
|
|
1026
|
+
/** 슬라이드 (자식 요소 하나가 한 장) */
|
|
1027
|
+
default?(): VNode[];
|
|
1028
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1009
1029
|
|
|
1010
1030
|
/**
|
|
1011
1031
|
* KRDS Carousel 컴포넌트 이벤트
|
|
@@ -1091,7 +1111,7 @@ export declare const KrdsCheckArea: DefineComponent<ExtractPropTypes<{
|
|
|
1091
1111
|
type: BooleanConstructor;
|
|
1092
1112
|
default: boolean;
|
|
1093
1113
|
};
|
|
1094
|
-
}>, () => VNode<RendererNode, RendererElement, {
|
|
1114
|
+
}>, () => VNode< RendererNode, RendererElement, {
|
|
1095
1115
|
[key: string]: any;
|
|
1096
1116
|
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
1097
1117
|
/** 추가 클래스 */
|
|
@@ -1107,7 +1127,10 @@ export declare const KrdsCheckArea: DefineComponent<ExtractPropTypes<{
|
|
|
1107
1127
|
}>> & Readonly<{}>, {
|
|
1108
1128
|
class: string;
|
|
1109
1129
|
column: boolean;
|
|
1110
|
-
}, {
|
|
1130
|
+
}, SlotsType<{
|
|
1131
|
+
/** 체크박스·라디오 버튼 묶음 */
|
|
1132
|
+
default?(): VNode[];
|
|
1133
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1111
1134
|
|
|
1112
1135
|
/**
|
|
1113
1136
|
* KRDS CheckArea 컴포넌트 속성
|
|
@@ -1248,7 +1271,7 @@ export declare const KrdsCoachMark: DefineComponent<ExtractPropTypes<{
|
|
|
1248
1271
|
type: PropType<string | Record<string, string | number>>;
|
|
1249
1272
|
default: undefined;
|
|
1250
1273
|
};
|
|
1251
|
-
}>, () => VNode<RendererNode, RendererElement, {
|
|
1274
|
+
}>, () => VNode< RendererNode, RendererElement, {
|
|
1252
1275
|
[key: string]: any;
|
|
1253
1276
|
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
1254
1277
|
/** 이전·다음 버튼으로 단계가 바뀔 때 (v-model) */
|
|
@@ -1288,7 +1311,10 @@ export declare const KrdsCoachMark: DefineComponent<ExtractPropTypes<{
|
|
|
1288
1311
|
style: string | Record<string, string | number>;
|
|
1289
1312
|
modelValue: number;
|
|
1290
1313
|
coachMarkClass: string | string[];
|
|
1291
|
-
}, {
|
|
1314
|
+
}, SlotsType<{
|
|
1315
|
+
/** 코치마크 말풍선 아래에 함께 보여 줄 내용 */
|
|
1316
|
+
'coach-mark-content'?(): VNode[];
|
|
1317
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1292
1318
|
|
|
1293
1319
|
/**
|
|
1294
1320
|
* KRDS CoachMark 컴포넌트 이벤트
|
|
@@ -1342,7 +1368,7 @@ export declare const KrdsContextualHelp: DefineComponent<ExtractPropTypes<{
|
|
|
1342
1368
|
type: PropType<ContextualHelpPosition>;
|
|
1343
1369
|
default: string;
|
|
1344
1370
|
};
|
|
1345
|
-
}>, () => VNode<RendererNode, RendererElement, {
|
|
1371
|
+
}>, () => VNode< RendererNode, RendererElement, {
|
|
1346
1372
|
[key: string]: any;
|
|
1347
1373
|
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
1348
1374
|
/** 툴팁 제목 */
|
|
@@ -1364,7 +1390,10 @@ export declare const KrdsContextualHelp: DefineComponent<ExtractPropTypes<{
|
|
|
1364
1390
|
position: ContextualHelpPosition;
|
|
1365
1391
|
tooltipTitle: string;
|
|
1366
1392
|
helpIcon: boolean;
|
|
1367
|
-
}, {
|
|
1393
|
+
}, SlotsType<{
|
|
1394
|
+
/** 도움말 내용 */
|
|
1395
|
+
default?(): VNode[];
|
|
1396
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1368
1397
|
|
|
1369
1398
|
/**
|
|
1370
1399
|
* KRDS ContextualHelp 컴포넌트 속성
|
|
@@ -1693,7 +1722,7 @@ export declare const KrdsDisclosure: DefineComponent<ExtractPropTypes<{
|
|
|
1693
1722
|
type: BooleanConstructor;
|
|
1694
1723
|
default: boolean;
|
|
1695
1724
|
};
|
|
1696
|
-
}>, () => VNode<RendererNode, RendererElement, {
|
|
1725
|
+
}>, () => VNode< RendererNode, RendererElement, {
|
|
1697
1726
|
[key: string]: any;
|
|
1698
1727
|
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
1699
1728
|
/** 펼침 상태가 바뀔 때 (v-model) */
|
|
@@ -1713,7 +1742,10 @@ export declare const KrdsDisclosure: DefineComponent<ExtractPropTypes<{
|
|
|
1713
1742
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
1714
1743
|
}>, {
|
|
1715
1744
|
modelValue: boolean;
|
|
1716
|
-
}, {
|
|
1745
|
+
}, SlotsType<{
|
|
1746
|
+
/** 펼쳤을 때 보이는 내용 */
|
|
1747
|
+
default?(): VNode[];
|
|
1748
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1717
1749
|
|
|
1718
1750
|
/**
|
|
1719
1751
|
* KRDS Disclosure 컴포넌트 이벤트
|
|
@@ -2231,7 +2263,16 @@ export declare const KrdsFooter: DefineComponent<ExtractPropTypes<{
|
|
|
2231
2263
|
}>> & Readonly<{}>, {
|
|
2232
2264
|
class: string;
|
|
2233
2265
|
id: string;
|
|
2234
|
-
}, {
|
|
2266
|
+
}, SlotsType<{
|
|
2267
|
+
/** 푸터 위 빠른 링크 영역 */
|
|
2268
|
+
top?(): VNode[];
|
|
2269
|
+
/** 로고 */
|
|
2270
|
+
logo?(): VNode[];
|
|
2271
|
+
/** 기관 정보와 링크 */
|
|
2272
|
+
content?(): VNode[];
|
|
2273
|
+
/** 하단 메뉴·저작권·운영기관 식별자 */
|
|
2274
|
+
bottom?(): VNode[];
|
|
2275
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
2235
2276
|
|
|
2236
2277
|
/**
|
|
2237
2278
|
* KRDS Footer 컴포넌트 속성
|
|
@@ -2257,7 +2298,7 @@ export declare const KrdsFormGroup: DefineComponent<ExtractPropTypes<{
|
|
|
2257
2298
|
type: StringConstructor;
|
|
2258
2299
|
default: undefined;
|
|
2259
2300
|
};
|
|
2260
|
-
}>, () => VNode<RendererNode, RendererElement, {
|
|
2301
|
+
}>, () => VNode< RendererNode, RendererElement, {
|
|
2261
2302
|
[key: string]: any;
|
|
2262
2303
|
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
2263
2304
|
/** CSS 클래스 */
|
|
@@ -2279,7 +2320,10 @@ export declare const KrdsFormGroup: DefineComponent<ExtractPropTypes<{
|
|
|
2279
2320
|
class: string;
|
|
2280
2321
|
style: string | Record<string, any>;
|
|
2281
2322
|
id: string;
|
|
2282
|
-
}, {
|
|
2323
|
+
}, SlotsType<{
|
|
2324
|
+
/** 레이블·입력 요소·도움말 */
|
|
2325
|
+
default?(): VNode[];
|
|
2326
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
2283
2327
|
|
|
2284
2328
|
/**
|
|
2285
2329
|
* KRDS FormGroup 컴포넌트 속성
|
|
@@ -2307,7 +2351,7 @@ export declare const KrdsFormHint: DefineComponent<ExtractPropTypes<{
|
|
|
2307
2351
|
type: StringConstructor;
|
|
2308
2352
|
default: undefined;
|
|
2309
2353
|
};
|
|
2310
|
-
}>, () => VNode<RendererNode, RendererElement, {
|
|
2354
|
+
}>, () => VNode< RendererNode, RendererElement, {
|
|
2311
2355
|
[key: string]: any;
|
|
2312
2356
|
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
2313
2357
|
/** 도움말 문구를 클릭했을 때 */
|
|
@@ -2340,7 +2384,10 @@ export declare const KrdsFormHint: DefineComponent<ExtractPropTypes<{
|
|
|
2340
2384
|
class: string;
|
|
2341
2385
|
style: string | Record<string, any>;
|
|
2342
2386
|
id: string;
|
|
2343
|
-
}, {
|
|
2387
|
+
}, SlotsType<{
|
|
2388
|
+
/** 도움말 문구 */
|
|
2389
|
+
default?(): VNode[];
|
|
2390
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
2344
2391
|
|
|
2345
2392
|
/**
|
|
2346
2393
|
* KRDS FormHint 컴포넌트 이벤트
|
|
@@ -2378,7 +2425,7 @@ export declare const KrdsFormLabel: DefineComponent<ExtractPropTypes<{
|
|
|
2378
2425
|
type: StringConstructor;
|
|
2379
2426
|
default: undefined;
|
|
2380
2427
|
};
|
|
2381
|
-
}>, () => VNode<RendererNode, RendererElement, {
|
|
2428
|
+
}>, () => VNode< RendererNode, RendererElement, {
|
|
2382
2429
|
[key: string]: any;
|
|
2383
2430
|
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
2384
2431
|
/** 레이블을 클릭했을 때 */
|
|
@@ -2411,7 +2458,10 @@ export declare const KrdsFormLabel: DefineComponent<ExtractPropTypes<{
|
|
|
2411
2458
|
style: string | Record<string, any>;
|
|
2412
2459
|
id: string;
|
|
2413
2460
|
for: string;
|
|
2414
|
-
}, {
|
|
2461
|
+
}, SlotsType<{
|
|
2462
|
+
/** 레이블 문구 */
|
|
2463
|
+
default?(): VNode[];
|
|
2464
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
2415
2465
|
|
|
2416
2466
|
/**
|
|
2417
2467
|
* KRDS FormLabel 컴포넌트 이벤트
|
|
@@ -2523,7 +2573,7 @@ export declare const KrdsIdentifier: DefineComponent<ExtractPropTypes<{
|
|
|
2523
2573
|
type: StringConstructor;
|
|
2524
2574
|
default: string;
|
|
2525
2575
|
};
|
|
2526
|
-
}>, () => VNode<RendererNode, RendererElement, {
|
|
2576
|
+
}>, () => VNode< RendererNode, RendererElement, {
|
|
2527
2577
|
[key: string]: any;
|
|
2528
2578
|
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
2529
2579
|
/** 운영기관 식별자를 클릭했을 때 */
|
|
@@ -2544,7 +2594,10 @@ export declare const KrdsIdentifier: DefineComponent<ExtractPropTypes<{
|
|
|
2544
2594
|
}>, {
|
|
2545
2595
|
class: string;
|
|
2546
2596
|
logoLabel: string;
|
|
2547
|
-
}, {
|
|
2597
|
+
}, SlotsType<{
|
|
2598
|
+
/** 운영기관 안내 문구 */
|
|
2599
|
+
default?(): VNode[];
|
|
2600
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
2548
2601
|
|
|
2549
2602
|
/**
|
|
2550
2603
|
* KRDS Identifier 컴포넌트 이벤트
|
|
@@ -2777,7 +2830,7 @@ export declare const KrdsInput: DefineComponent<ExtractPropTypes<{
|
|
|
2777
2830
|
type: StringConstructor;
|
|
2778
2831
|
default: undefined;
|
|
2779
2832
|
};
|
|
2780
|
-
}>, () => VNode<RendererNode, RendererElement, {
|
|
2833
|
+
}>, () => VNode< RendererNode, RendererElement, {
|
|
2781
2834
|
[key: string]: any;
|
|
2782
2835
|
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
2783
2836
|
/** 입력값이 바뀔 때 (v-model) */
|
|
@@ -2924,7 +2977,10 @@ export declare const KrdsInput: DefineComponent<ExtractPropTypes<{
|
|
|
2924
2977
|
autofocus: boolean;
|
|
2925
2978
|
state: "success" | "error" | "default" | "information";
|
|
2926
2979
|
loading: boolean;
|
|
2927
|
-
}, {
|
|
2980
|
+
}, SlotsType<{
|
|
2981
|
+
/** 입력 필드 안쪽 버튼 (icon 속성과 함께, 여러 개면 KrdsButtonGroup) */
|
|
2982
|
+
default?(): VNode[];
|
|
2983
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
2928
2984
|
|
|
2929
2985
|
/**
|
|
2930
2986
|
* KRDS Input 컴포넌트 이벤트
|
|
@@ -2996,7 +3052,7 @@ export declare const KrdsLanguageSwitcher: DefineComponent<ExtractPropTypes<{
|
|
|
2996
3052
|
type: PropType<DropdownPosition>;
|
|
2997
3053
|
default: string;
|
|
2998
3054
|
};
|
|
2999
|
-
}>, () => VNode<RendererNode, RendererElement, {
|
|
3055
|
+
}>, () => VNode< RendererNode, RendererElement, {
|
|
3000
3056
|
[key: string]: any;
|
|
3001
3057
|
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
3002
3058
|
/** 언어를 골랐을 때 (언어 코드, v-model) */
|
|
@@ -3031,7 +3087,12 @@ export declare const KrdsLanguageSwitcher: DefineComponent<ExtractPropTypes<{
|
|
|
3031
3087
|
type: "default" | "external";
|
|
3032
3088
|
modelValue: string;
|
|
3033
3089
|
dropPosition: DropdownPosition;
|
|
3034
|
-
}, {
|
|
3090
|
+
}, SlotsType<{
|
|
3091
|
+
/** 언어 버튼 문구 (예: Language) */
|
|
3092
|
+
default?(): VNode[];
|
|
3093
|
+
/** 언어 목록 위에 넣을 내용 */
|
|
3094
|
+
'prev-item'?(): VNode[];
|
|
3095
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
3035
3096
|
|
|
3036
3097
|
/**
|
|
3037
3098
|
* KRDS LanguageSwitcher 컴포넌트 이벤트
|
|
@@ -3071,7 +3132,7 @@ export declare const KrdsLayout: DefineComponent<ExtractPropTypes<{
|
|
|
3071
3132
|
type: BooleanConstructor;
|
|
3072
3133
|
default: boolean;
|
|
3073
3134
|
};
|
|
3074
|
-
}>, () => VNode<RendererNode, RendererElement, {
|
|
3135
|
+
}>, () => VNode< RendererNode, RendererElement, {
|
|
3075
3136
|
[key: string]: any;
|
|
3076
3137
|
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
3077
3138
|
/** 창 크기가 바뀔 때 (레이아웃 크기) */
|
|
@@ -3104,7 +3165,10 @@ export declare const KrdsLayout: DefineComponent<ExtractPropTypes<{
|
|
|
3104
3165
|
class: string;
|
|
3105
3166
|
id: string;
|
|
3106
3167
|
enableScrollDetection: boolean;
|
|
3107
|
-
}, {
|
|
3168
|
+
}, SlotsType<{
|
|
3169
|
+
/** 페이지 내용 (공식 배너·헤더·본문·푸터) */
|
|
3170
|
+
default?(): VNode[];
|
|
3171
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
3108
3172
|
|
|
3109
3173
|
/**
|
|
3110
3174
|
* KRDS Layout 컴포넌트 이벤트
|
|
@@ -3166,7 +3230,7 @@ export declare const KrdsLink: DefineComponent<ExtractPropTypes<{
|
|
|
3166
3230
|
type: StringConstructor;
|
|
3167
3231
|
default: undefined;
|
|
3168
3232
|
};
|
|
3169
|
-
}>, () => VNode<RendererNode, RendererElement, {
|
|
3233
|
+
}>, () => VNode< RendererNode, RendererElement, {
|
|
3170
3234
|
[key: string]: any;
|
|
3171
3235
|
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
3172
3236
|
/** 링크를 클릭했을 때 */
|
|
@@ -3223,7 +3287,10 @@ export declare const KrdsLink: DefineComponent<ExtractPropTypes<{
|
|
|
3223
3287
|
href: string;
|
|
3224
3288
|
target: string;
|
|
3225
3289
|
basic: boolean;
|
|
3226
|
-
}, {
|
|
3290
|
+
}, SlotsType<{
|
|
3291
|
+
/** 링크 내용 */
|
|
3292
|
+
default?(): VNode[];
|
|
3293
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
3227
3294
|
|
|
3228
3295
|
/**
|
|
3229
3296
|
* KRDS Link 컴포넌트 이벤트
|
|
@@ -3402,7 +3469,7 @@ export declare const KrdsMasthead: DefineComponent<ExtractPropTypes<{
|
|
|
3402
3469
|
type: StringConstructor;
|
|
3403
3470
|
default: undefined;
|
|
3404
3471
|
};
|
|
3405
|
-
}>, () => VNode<RendererNode, RendererElement, {
|
|
3472
|
+
}>, () => VNode< RendererNode, RendererElement, {
|
|
3406
3473
|
[key: string]: any;
|
|
3407
3474
|
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
3408
3475
|
/** 공식 배너를 클릭했을 때 */
|
|
@@ -3417,7 +3484,10 @@ export declare const KrdsMasthead: DefineComponent<ExtractPropTypes<{
|
|
|
3417
3484
|
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
3418
3485
|
}>, {
|
|
3419
3486
|
class: string;
|
|
3420
|
-
}, {
|
|
3487
|
+
}, SlotsType<{
|
|
3488
|
+
/** 공식 배너 문구 */
|
|
3489
|
+
default?(): VNode[];
|
|
3490
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
3421
3491
|
|
|
3422
3492
|
/**
|
|
3423
3493
|
* KRDS Masthead 컴포넌트 이벤트
|
|
@@ -3655,7 +3725,7 @@ export declare const KrdsPanel: DefineComponent<ExtractPropTypes<{
|
|
|
3655
3725
|
type: StringConstructor;
|
|
3656
3726
|
default: string;
|
|
3657
3727
|
};
|
|
3658
|
-
}>, () => VNode<RendererNode, RendererElement, {
|
|
3728
|
+
}>, () => VNode< RendererNode, RendererElement, {
|
|
3659
3729
|
[key: string]: any;
|
|
3660
3730
|
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
3661
3731
|
/** 도움 패널을 펼치거나 접을 때 (v-model) */
|
|
@@ -3682,7 +3752,10 @@ export declare const KrdsPanel: DefineComponent<ExtractPropTypes<{
|
|
|
3682
3752
|
modelValue: boolean;
|
|
3683
3753
|
headerTopSelector: string;
|
|
3684
3754
|
headerInnerSelector: string;
|
|
3685
|
-
}, {
|
|
3755
|
+
}, SlotsType<{
|
|
3756
|
+
/** 도움 패널 내용 */
|
|
3757
|
+
default?(): VNode[];
|
|
3758
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
3686
3759
|
|
|
3687
3760
|
/**
|
|
3688
3761
|
* KRDS Panel 컴포넌트 이벤트
|
|
@@ -3936,7 +4009,7 @@ export declare const KrdsSelect: DefineComponent<ExtractPropTypes<{
|
|
|
3936
4009
|
type: StringConstructor;
|
|
3937
4010
|
default: undefined;
|
|
3938
4011
|
};
|
|
3939
|
-
}>, () => VNode<RendererNode, RendererElement, {
|
|
4012
|
+
}>, () => VNode< RendererNode, RendererElement, {
|
|
3940
4013
|
[key: string]: any;
|
|
3941
4014
|
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
3942
4015
|
/** 선택한 값이 바뀔 때 (v-model) */
|
|
@@ -4023,7 +4096,10 @@ export declare const KrdsSelect: DefineComponent<ExtractPropTypes<{
|
|
|
4023
4096
|
placeholder: string;
|
|
4024
4097
|
state: "success" | "error" | "default" | "information";
|
|
4025
4098
|
options: SelectOption[];
|
|
4026
|
-
}, {
|
|
4099
|
+
}, SlotsType<{
|
|
4100
|
+
/** 직접 넣는 option 요소 (options 속성과 함께 쓸 수 있음) */
|
|
4101
|
+
default?(): VNode[];
|
|
4102
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
4027
4103
|
|
|
4028
4104
|
/**
|
|
4029
4105
|
* KRDS Select 컴포넌트 이벤트
|
|
@@ -4193,7 +4269,10 @@ export declare const KrdsSkipLink: DefineComponent<ExtractPropTypes<{
|
|
|
4193
4269
|
href: string;
|
|
4194
4270
|
label: string;
|
|
4195
4271
|
}[];
|
|
4196
|
-
}, {
|
|
4272
|
+
}, SlotsType<{
|
|
4273
|
+
/** 링크 문구 (links를 쓰지 않을 때) */
|
|
4274
|
+
default?(): VNode[];
|
|
4275
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
4197
4276
|
|
|
4198
4277
|
/**
|
|
4199
4278
|
* KRDS SkipLink 컴포넌트 속성
|
|
@@ -4245,7 +4324,7 @@ export declare const KrdsStep: DefineComponent<ExtractPropTypes<{
|
|
|
4245
4324
|
type: StringConstructor;
|
|
4246
4325
|
default: undefined;
|
|
4247
4326
|
};
|
|
4248
|
-
}>, () => VNode<RendererNode, RendererElement, {
|
|
4327
|
+
}>, () => VNode< RendererNode, RendererElement, {
|
|
4249
4328
|
[key: string]: any;
|
|
4250
4329
|
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
4251
4330
|
/** 단계를 클릭했을 때 (단계 번호) */
|
|
@@ -4276,7 +4355,10 @@ export declare const KrdsStep: DefineComponent<ExtractPropTypes<{
|
|
|
4276
4355
|
}>, {
|
|
4277
4356
|
class: string;
|
|
4278
4357
|
status: "active" | "done" | "pending";
|
|
4279
|
-
}, {
|
|
4358
|
+
}, SlotsType<{
|
|
4359
|
+
/** 단계 제목 아래 추가 내용 */
|
|
4360
|
+
default?(): VNode[];
|
|
4361
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
4280
4362
|
|
|
4281
4363
|
/**
|
|
4282
4364
|
* KRDS Step 컴포넌트 이벤트
|
|
@@ -4302,7 +4384,7 @@ export declare const KrdsStepIndicator: DefineComponent<ExtractPropTypes<{
|
|
|
4302
4384
|
type: StringConstructor;
|
|
4303
4385
|
default: undefined;
|
|
4304
4386
|
};
|
|
4305
|
-
}>, () => VNode<RendererNode, RendererElement, {
|
|
4387
|
+
}>, () => VNode< RendererNode, RendererElement, {
|
|
4306
4388
|
[key: string]: any;
|
|
4307
4389
|
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
4308
4390
|
/**
|
|
@@ -4326,7 +4408,10 @@ export declare const KrdsStepIndicator: DefineComponent<ExtractPropTypes<{
|
|
|
4326
4408
|
}>, {
|
|
4327
4409
|
class: string;
|
|
4328
4410
|
modelValue: number;
|
|
4329
|
-
}, {
|
|
4411
|
+
}, SlotsType<{
|
|
4412
|
+
/** 단계 (KrdsStep) */
|
|
4413
|
+
default?(): VNode[];
|
|
4414
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
4330
4415
|
|
|
4331
4416
|
/**
|
|
4332
4417
|
* KRDS StepIndicator 컴포넌트 이벤트
|
|
@@ -4505,7 +4590,7 @@ export declare const KrdsTabs: DefineComponent<ExtractPropTypes<{
|
|
|
4505
4590
|
type: StringConstructor;
|
|
4506
4591
|
default: undefined;
|
|
4507
4592
|
};
|
|
4508
|
-
}>, () => VNode<RendererNode, RendererElement, {
|
|
4593
|
+
}>, () => VNode< RendererNode, RendererElement, {
|
|
4509
4594
|
[key: string]: any;
|
|
4510
4595
|
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
4511
4596
|
/** 선택한 탭 id가 바뀔 때 (v-model) */
|
|
@@ -4552,7 +4637,7 @@ export declare const KrdsTabs: DefineComponent<ExtractPropTypes<{
|
|
|
4552
4637
|
modelValue: string;
|
|
4553
4638
|
full: boolean;
|
|
4554
4639
|
selectedText: string;
|
|
4555
|
-
},
|
|
4640
|
+
}, SlotsType<Record<string, () => VNode[]>>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
4556
4641
|
|
|
4557
4642
|
/**
|
|
4558
4643
|
* KRDS Tabs 컴포넌트 이벤트
|
|
@@ -4609,7 +4694,7 @@ export declare const KrdsTag: DefineComponent<ExtractPropTypes<{
|
|
|
4609
4694
|
type: StringConstructor;
|
|
4610
4695
|
default: undefined;
|
|
4611
4696
|
};
|
|
4612
|
-
}>, () => VNode<RendererNode, RendererElement, {
|
|
4697
|
+
}>, () => VNode< RendererNode, RendererElement, {
|
|
4613
4698
|
[key: string]: any;
|
|
4614
4699
|
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
4615
4700
|
/** 삭제 버튼을 클릭했을 때 */
|
|
@@ -4648,7 +4733,10 @@ export declare const KrdsTag: DefineComponent<ExtractPropTypes<{
|
|
|
4648
4733
|
href: string;
|
|
4649
4734
|
target: string;
|
|
4650
4735
|
rel: string;
|
|
4651
|
-
}, {
|
|
4736
|
+
}, SlotsType<{
|
|
4737
|
+
/** 태그 글자 */
|
|
4738
|
+
default?(): VNode[];
|
|
4739
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
4652
4740
|
|
|
4653
4741
|
/**
|
|
4654
4742
|
* KRDS Tag 컴포넌트 이벤트
|
|
@@ -4668,7 +4756,7 @@ export declare const KrdsTagGroup: DefineComponent<ExtractPropTypes<{
|
|
|
4668
4756
|
type: StringConstructor;
|
|
4669
4757
|
default: undefined;
|
|
4670
4758
|
};
|
|
4671
|
-
}>, () => VNode<RendererNode, RendererElement, {
|
|
4759
|
+
}>, () => VNode< RendererNode, RendererElement, {
|
|
4672
4760
|
[key: string]: any;
|
|
4673
4761
|
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
4674
4762
|
/** 태그 그룹 크기 */
|
|
@@ -4684,7 +4772,10 @@ export declare const KrdsTagGroup: DefineComponent<ExtractPropTypes<{
|
|
|
4684
4772
|
}>> & Readonly<{}>, {
|
|
4685
4773
|
size: KrdsTagGroupSize;
|
|
4686
4774
|
class: string;
|
|
4687
|
-
}, {
|
|
4775
|
+
}, SlotsType<{
|
|
4776
|
+
/** 태그 (KrdsTag) */
|
|
4777
|
+
default?(): VNode[];
|
|
4778
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
4688
4779
|
|
|
4689
4780
|
/**
|
|
4690
4781
|
* KRDS TagGroup 컴포넌트 속성
|
|
@@ -4971,7 +5062,7 @@ export declare const KrdsTextList: DefineComponent<ExtractPropTypes<{
|
|
|
4971
5062
|
type: () => "decimal" | "dash" | "hollow" | "ordered";
|
|
4972
5063
|
default: string;
|
|
4973
5064
|
};
|
|
4974
|
-
}>, () => VNode<RendererNode, RendererElement, {
|
|
5065
|
+
}>, () => VNode< RendererNode, RendererElement, {
|
|
4975
5066
|
[key: string]: any;
|
|
4976
5067
|
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
4977
5068
|
/** 리스트 타입 */
|
|
@@ -4987,7 +5078,10 @@ export declare const KrdsTextList: DefineComponent<ExtractPropTypes<{
|
|
|
4987
5078
|
}>> & Readonly<{}>, {
|
|
4988
5079
|
type: "ol" | "ul";
|
|
4989
5080
|
variant: "decimal" | "dash" | "hollow" | "ordered";
|
|
4990
|
-
}, {
|
|
5081
|
+
}, SlotsType<{
|
|
5082
|
+
/** 목록 항목 */
|
|
5083
|
+
default?(): VNode[];
|
|
5084
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
4991
5085
|
|
|
4992
5086
|
/**
|
|
4993
5087
|
* KRDS TextList 컴포넌트 속성
|
|
@@ -5163,7 +5257,7 @@ export declare const KrdsTooltip: DefineComponent<ExtractPropTypes<{
|
|
|
5163
5257
|
type: BooleanConstructor;
|
|
5164
5258
|
default: boolean;
|
|
5165
5259
|
};
|
|
5166
|
-
}>, () => VNode<RendererNode, RendererElement, {
|
|
5260
|
+
}>, () => VNode< RendererNode, RendererElement, {
|
|
5167
5261
|
[key: string]: any;
|
|
5168
5262
|
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
5169
5263
|
/** 트리거 버튼 타입 */
|
|
@@ -5196,7 +5290,10 @@ export declare const KrdsTooltip: DefineComponent<ExtractPropTypes<{
|
|
|
5196
5290
|
disabled: boolean;
|
|
5197
5291
|
type: TooltipType;
|
|
5198
5292
|
box: boolean;
|
|
5199
|
-
}, {
|
|
5293
|
+
}, SlotsType<{
|
|
5294
|
+
/** 툴팁을 여는 버튼 내용 */
|
|
5295
|
+
default?(): VNode[];
|
|
5296
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
5200
5297
|
|
|
5201
5298
|
/**
|
|
5202
5299
|
* KRDS Tooltip 컴포넌트 속성
|
package/global.d.ts
CHANGED
|
@@ -2,12 +2,64 @@
|
|
|
2
2
|
* app.use(KrdsVue)로 전역 등록되는 컴포넌트·디렉티브·전역 속성 타입
|
|
3
3
|
*
|
|
4
4
|
* 사용: tsconfig.json의 compilerOptions.types에 "@krds.ui/vue/global" 추가
|
|
5
|
+
* 컴포넌트는 에디터(WebStorm 등)가 바로 인식하도록 하나씩 적는다 (목록이 실제 내보내기와 맞는지는 테스트가 확인)
|
|
5
6
|
*/
|
|
6
7
|
import type { Directive } from 'vue'
|
|
7
|
-
import type * as Krds from '@krds.ui/vue'
|
|
8
8
|
|
|
9
9
|
declare module 'vue' {
|
|
10
|
-
export interface GlobalComponents
|
|
10
|
+
export interface GlobalComponents {
|
|
11
|
+
KrdsAccordionGroup: (typeof import('@krds.ui/vue'))['KrdsAccordionGroup']
|
|
12
|
+
KrdsAccordionItem: (typeof import('@krds.ui/vue'))['KrdsAccordionItem']
|
|
13
|
+
KrdsBadge: (typeof import('@krds.ui/vue'))['KrdsBadge']
|
|
14
|
+
KrdsBreadcrumb: (typeof import('@krds.ui/vue'))['KrdsBreadcrumb']
|
|
15
|
+
KrdsButton: (typeof import('@krds.ui/vue'))['KrdsButton']
|
|
16
|
+
KrdsButtonGroup: (typeof import('@krds.ui/vue'))['KrdsButtonGroup']
|
|
17
|
+
KrdsCarousel: (typeof import('@krds.ui/vue'))['KrdsCarousel']
|
|
18
|
+
KrdsCheckArea: (typeof import('@krds.ui/vue'))['KrdsCheckArea']
|
|
19
|
+
KrdsCheckbox: (typeof import('@krds.ui/vue'))['KrdsCheckbox']
|
|
20
|
+
KrdsCoachMark: (typeof import('@krds.ui/vue'))['KrdsCoachMark']
|
|
21
|
+
KrdsContextualHelp: (typeof import('@krds.ui/vue'))['KrdsContextualHelp']
|
|
22
|
+
KrdsCriticalAlerts: (typeof import('@krds.ui/vue'))['KrdsCriticalAlerts']
|
|
23
|
+
KrdsDateInput: (typeof import('@krds.ui/vue'))['KrdsDateInput']
|
|
24
|
+
KrdsDisclosure: (typeof import('@krds.ui/vue'))['KrdsDisclosure']
|
|
25
|
+
KrdsFileUpload: (typeof import('@krds.ui/vue'))['KrdsFileUpload']
|
|
26
|
+
KrdsFloatingButton: (typeof import('@krds.ui/vue'))['KrdsFloatingButton']
|
|
27
|
+
KrdsFooter: (typeof import('@krds.ui/vue'))['KrdsFooter']
|
|
28
|
+
KrdsFormGroup: (typeof import('@krds.ui/vue'))['KrdsFormGroup']
|
|
29
|
+
KrdsFormHint: (typeof import('@krds.ui/vue'))['KrdsFormHint']
|
|
30
|
+
KrdsFormLabel: (typeof import('@krds.ui/vue'))['KrdsFormLabel']
|
|
31
|
+
KrdsHeader: (typeof import('@krds.ui/vue'))['KrdsHeader']
|
|
32
|
+
KrdsIcon: (typeof import('@krds.ui/vue'))['KrdsIcon']
|
|
33
|
+
KrdsIdentifier: (typeof import('@krds.ui/vue'))['KrdsIdentifier']
|
|
34
|
+
KrdsInPageNavigation: (typeof import('@krds.ui/vue'))['KrdsInPageNavigation']
|
|
35
|
+
KrdsInput: (typeof import('@krds.ui/vue'))['KrdsInput']
|
|
36
|
+
KrdsLanguageSwitcher: (typeof import('@krds.ui/vue'))['KrdsLanguageSwitcher']
|
|
37
|
+
KrdsLayout: (typeof import('@krds.ui/vue'))['KrdsLayout']
|
|
38
|
+
KrdsLink: (typeof import('@krds.ui/vue'))['KrdsLink']
|
|
39
|
+
KrdsMainMenu: (typeof import('@krds.ui/vue'))['KrdsMainMenu']
|
|
40
|
+
KrdsMasthead: (typeof import('@krds.ui/vue'))['KrdsMasthead']
|
|
41
|
+
KrdsModal: (typeof import('@krds.ui/vue'))['KrdsModal']
|
|
42
|
+
KrdsPagination: (typeof import('@krds.ui/vue'))['KrdsPagination']
|
|
43
|
+
KrdsPanel: (typeof import('@krds.ui/vue'))['KrdsPanel']
|
|
44
|
+
KrdsRadio: (typeof import('@krds.ui/vue'))['KrdsRadio']
|
|
45
|
+
KrdsResize: (typeof import('@krds.ui/vue'))['KrdsResize']
|
|
46
|
+
KrdsSelect: (typeof import('@krds.ui/vue'))['KrdsSelect']
|
|
47
|
+
KrdsSideNavigation: (typeof import('@krds.ui/vue'))['KrdsSideNavigation']
|
|
48
|
+
KrdsSkipLink: (typeof import('@krds.ui/vue'))['KrdsSkipLink']
|
|
49
|
+
KrdsSpinner: (typeof import('@krds.ui/vue'))['KrdsSpinner']
|
|
50
|
+
KrdsStep: (typeof import('@krds.ui/vue'))['KrdsStep']
|
|
51
|
+
KrdsStepIndicator: (typeof import('@krds.ui/vue'))['KrdsStepIndicator']
|
|
52
|
+
KrdsStructuredList: (typeof import('@krds.ui/vue'))['KrdsStructuredList']
|
|
53
|
+
KrdsTable: (typeof import('@krds.ui/vue'))['KrdsTable']
|
|
54
|
+
KrdsTabs: (typeof import('@krds.ui/vue'))['KrdsTabs']
|
|
55
|
+
KrdsTag: (typeof import('@krds.ui/vue'))['KrdsTag']
|
|
56
|
+
KrdsTagGroup: (typeof import('@krds.ui/vue'))['KrdsTagGroup']
|
|
57
|
+
KrdsTextList: (typeof import('@krds.ui/vue'))['KrdsTextList']
|
|
58
|
+
KrdsTextarea: (typeof import('@krds.ui/vue'))['KrdsTextarea']
|
|
59
|
+
KrdsToggleSwitch: (typeof import('@krds.ui/vue'))['KrdsToggleSwitch']
|
|
60
|
+
KrdsTooltip: (typeof import('@krds.ui/vue'))['KrdsTooltip']
|
|
61
|
+
KrdsTts: (typeof import('@krds.ui/vue'))['KrdsTts']
|
|
62
|
+
}
|
|
11
63
|
|
|
12
64
|
export interface GlobalDirectives {
|
|
13
65
|
/** 스크린 리더 전용 텍스트 (.sr-only 클래스 추가) */
|