@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.
@@ -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
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
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
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
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
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
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
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
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<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
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
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
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
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
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
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
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
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
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
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
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
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
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
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
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
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
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
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
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
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
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
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
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
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
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
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
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
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
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
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
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
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
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
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
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
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
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
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
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
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
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
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
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
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
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
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
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
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
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
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
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 extends Pick<typeof Krds, Krds.KrdsComponentName> {}
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 클래스 추가) */