@krds.ui/vue 0.0.16 → 0.0.17
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 +83 -35
- package/dist/krds-vue.es.js +855 -811
- package/dist/krds-vue.es.js.map +1 -1
- package/dist/style.css +1 -1
- package/dist/types/index.d.ts +2828 -131
- package/package.json +9 -15
package/dist/types/index.d.ts
CHANGED
|
@@ -168,13 +168,92 @@ export declare type InputState = ComponentState | 'error' | 'success';
|
|
|
168
168
|
*/
|
|
169
169
|
export declare type InputType = 'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search';
|
|
170
170
|
|
|
171
|
-
export declare const KrdsAccordionGroup: DefineComponent<
|
|
171
|
+
export declare const KrdsAccordionGroup: DefineComponent<ExtractPropTypes<{
|
|
172
|
+
/** 라인 타입 아코디언 여부 */
|
|
173
|
+
typeLine: {
|
|
174
|
+
type: BooleanConstructor;
|
|
175
|
+
default: boolean;
|
|
176
|
+
};
|
|
177
|
+
/** CSS 클래스 */
|
|
178
|
+
class: {
|
|
179
|
+
type: StringConstructor;
|
|
180
|
+
default: undefined;
|
|
181
|
+
};
|
|
182
|
+
}>, () => VNode<RendererNode, RendererElement, {
|
|
183
|
+
[key: string]: any;
|
|
184
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
185
|
+
/** 라인 타입 아코디언 여부 */
|
|
186
|
+
typeLine: {
|
|
187
|
+
type: BooleanConstructor;
|
|
188
|
+
default: boolean;
|
|
189
|
+
};
|
|
190
|
+
/** CSS 클래스 */
|
|
191
|
+
class: {
|
|
192
|
+
type: StringConstructor;
|
|
193
|
+
default: undefined;
|
|
194
|
+
};
|
|
195
|
+
}>> & Readonly<{}>, {
|
|
196
|
+
class: string;
|
|
197
|
+
typeLine: boolean;
|
|
198
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
172
199
|
|
|
173
200
|
export declare interface KrdsAccordionGroupProps extends BaseComponentProps {
|
|
174
201
|
typeLine?: boolean;
|
|
175
202
|
}
|
|
176
203
|
|
|
177
|
-
export declare const KrdsAccordionItem: DefineComponent<
|
|
204
|
+
export declare const KrdsAccordionItem: DefineComponent<ExtractPropTypes<{
|
|
205
|
+
/** 아이템 고유 식별자 */
|
|
206
|
+
id: {
|
|
207
|
+
type: StringConstructor;
|
|
208
|
+
required: true;
|
|
209
|
+
};
|
|
210
|
+
/** 현재 열려 있는 아이템의 id */
|
|
211
|
+
openItem: {
|
|
212
|
+
type: StringConstructor;
|
|
213
|
+
default: undefined;
|
|
214
|
+
};
|
|
215
|
+
/** 헤더 텍스트 (title 슬롯으로 대체 가능) */
|
|
216
|
+
title: {
|
|
217
|
+
type: StringConstructor;
|
|
218
|
+
default: undefined;
|
|
219
|
+
};
|
|
220
|
+
/** 본문 텍스트 (content 슬롯으로 대체 가능) */
|
|
221
|
+
content: {
|
|
222
|
+
type: StringConstructor;
|
|
223
|
+
default: undefined;
|
|
224
|
+
};
|
|
225
|
+
}>, () => VNode<RendererNode, RendererElement, {
|
|
226
|
+
[key: string]: any;
|
|
227
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
228
|
+
toggle: (id: string) => true;
|
|
229
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
230
|
+
/** 아이템 고유 식별자 */
|
|
231
|
+
id: {
|
|
232
|
+
type: StringConstructor;
|
|
233
|
+
required: true;
|
|
234
|
+
};
|
|
235
|
+
/** 현재 열려 있는 아이템의 id */
|
|
236
|
+
openItem: {
|
|
237
|
+
type: StringConstructor;
|
|
238
|
+
default: undefined;
|
|
239
|
+
};
|
|
240
|
+
/** 헤더 텍스트 (title 슬롯으로 대체 가능) */
|
|
241
|
+
title: {
|
|
242
|
+
type: StringConstructor;
|
|
243
|
+
default: undefined;
|
|
244
|
+
};
|
|
245
|
+
/** 본문 텍스트 (content 슬롯으로 대체 가능) */
|
|
246
|
+
content: {
|
|
247
|
+
type: StringConstructor;
|
|
248
|
+
default: undefined;
|
|
249
|
+
};
|
|
250
|
+
}>> & Readonly<{
|
|
251
|
+
onToggle?: ((id: string) => any) | undefined;
|
|
252
|
+
}>, {
|
|
253
|
+
title: string;
|
|
254
|
+
openItem: string;
|
|
255
|
+
content: string;
|
|
256
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
178
257
|
|
|
179
258
|
/**
|
|
180
259
|
* KRDS AccordionItem 컴포넌트 이벤트
|
|
@@ -197,7 +276,71 @@ export declare interface KrdsAccordionItemProps {
|
|
|
197
276
|
content?: string;
|
|
198
277
|
}
|
|
199
278
|
|
|
200
|
-
export declare const KrdsBadge: DefineComponent<
|
|
279
|
+
export declare const KrdsBadge: DefineComponent<ExtractPropTypes<{
|
|
280
|
+
/** 배지 타입 */
|
|
281
|
+
type: {
|
|
282
|
+
type: () => "outline" | "bg" | "bg-light";
|
|
283
|
+
default: string;
|
|
284
|
+
};
|
|
285
|
+
/** 배지 컬러 */
|
|
286
|
+
color: {
|
|
287
|
+
type: () => ColorVariant_2;
|
|
288
|
+
default: string;
|
|
289
|
+
};
|
|
290
|
+
/** 배지 크기 */
|
|
291
|
+
size: {
|
|
292
|
+
type: () => Size;
|
|
293
|
+
default: string;
|
|
294
|
+
};
|
|
295
|
+
/** 넘버 여부 */
|
|
296
|
+
number: {
|
|
297
|
+
type: BooleanConstructor;
|
|
298
|
+
default: boolean;
|
|
299
|
+
};
|
|
300
|
+
/** CSS 클래스 */
|
|
301
|
+
class: {
|
|
302
|
+
type: StringConstructor;
|
|
303
|
+
default: undefined;
|
|
304
|
+
};
|
|
305
|
+
}>, () => VNode<RendererNode, RendererElement, {
|
|
306
|
+
[key: string]: any;
|
|
307
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
308
|
+
click: (event: MouseEvent) => true;
|
|
309
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
310
|
+
/** 배지 타입 */
|
|
311
|
+
type: {
|
|
312
|
+
type: () => "outline" | "bg" | "bg-light";
|
|
313
|
+
default: string;
|
|
314
|
+
};
|
|
315
|
+
/** 배지 컬러 */
|
|
316
|
+
color: {
|
|
317
|
+
type: () => ColorVariant_2;
|
|
318
|
+
default: string;
|
|
319
|
+
};
|
|
320
|
+
/** 배지 크기 */
|
|
321
|
+
size: {
|
|
322
|
+
type: () => Size;
|
|
323
|
+
default: string;
|
|
324
|
+
};
|
|
325
|
+
/** 넘버 여부 */
|
|
326
|
+
number: {
|
|
327
|
+
type: BooleanConstructor;
|
|
328
|
+
default: boolean;
|
|
329
|
+
};
|
|
330
|
+
/** CSS 클래스 */
|
|
331
|
+
class: {
|
|
332
|
+
type: StringConstructor;
|
|
333
|
+
default: undefined;
|
|
334
|
+
};
|
|
335
|
+
}>> & Readonly<{
|
|
336
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
337
|
+
}>, {
|
|
338
|
+
number: boolean;
|
|
339
|
+
type: "outline" | "bg" | "bg-light";
|
|
340
|
+
size: Size;
|
|
341
|
+
class: string;
|
|
342
|
+
color: ColorVariant_2;
|
|
343
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
201
344
|
|
|
202
345
|
/**
|
|
203
346
|
* KRDS Badge 컴포넌트 이벤트
|
|
@@ -217,7 +360,59 @@ export declare interface KrdsBadgeProps extends BaseComponentProps {
|
|
|
217
360
|
size?: 'large' | 'medium' | 'small';
|
|
218
361
|
}
|
|
219
362
|
|
|
220
|
-
export declare const KrdsBreadcrumb: DefineComponent<
|
|
363
|
+
export declare const KrdsBreadcrumb: DefineComponent<ExtractPropTypes<{
|
|
364
|
+
/** 브레드크럼 아이템 배열 */
|
|
365
|
+
items: {
|
|
366
|
+
type: PropType<BreadcrumbItem[]>;
|
|
367
|
+
required: true;
|
|
368
|
+
};
|
|
369
|
+
/** 엘리먼트 ID */
|
|
370
|
+
id: {
|
|
371
|
+
type: StringConstructor;
|
|
372
|
+
default: undefined;
|
|
373
|
+
};
|
|
374
|
+
/** 접근성 라벨 */
|
|
375
|
+
ariaLabel: {
|
|
376
|
+
type: StringConstructor;
|
|
377
|
+
default: string;
|
|
378
|
+
};
|
|
379
|
+
/** 홈 아이콘 표시 여부 */
|
|
380
|
+
showHomeIcon: {
|
|
381
|
+
type: BooleanConstructor;
|
|
382
|
+
default: boolean;
|
|
383
|
+
};
|
|
384
|
+
}>, () => VNode<RendererNode, RendererElement, {
|
|
385
|
+
[key: string]: any;
|
|
386
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
387
|
+
'item-click': (item: BreadcrumbItem, event: MouseEvent) => true;
|
|
388
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
389
|
+
/** 브레드크럼 아이템 배열 */
|
|
390
|
+
items: {
|
|
391
|
+
type: PropType<BreadcrumbItem[]>;
|
|
392
|
+
required: true;
|
|
393
|
+
};
|
|
394
|
+
/** 엘리먼트 ID */
|
|
395
|
+
id: {
|
|
396
|
+
type: StringConstructor;
|
|
397
|
+
default: undefined;
|
|
398
|
+
};
|
|
399
|
+
/** 접근성 라벨 */
|
|
400
|
+
ariaLabel: {
|
|
401
|
+
type: StringConstructor;
|
|
402
|
+
default: string;
|
|
403
|
+
};
|
|
404
|
+
/** 홈 아이콘 표시 여부 */
|
|
405
|
+
showHomeIcon: {
|
|
406
|
+
type: BooleanConstructor;
|
|
407
|
+
default: boolean;
|
|
408
|
+
};
|
|
409
|
+
}>> & Readonly<{
|
|
410
|
+
"onItem-click"?: ((item: BreadcrumbItem, event: MouseEvent) => any) | undefined;
|
|
411
|
+
}>, {
|
|
412
|
+
id: string;
|
|
413
|
+
ariaLabel: string;
|
|
414
|
+
showHomeIcon: boolean;
|
|
415
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
221
416
|
|
|
222
417
|
/**
|
|
223
418
|
* KRDS Breadcrumb 컴포넌트 이벤트
|
|
@@ -240,7 +435,115 @@ export declare interface KrdsBreadcrumbProps {
|
|
|
240
435
|
showHomeIcon?: boolean;
|
|
241
436
|
}
|
|
242
437
|
|
|
243
|
-
export declare const KrdsButton: DefineComponent<
|
|
438
|
+
export declare const KrdsButton: DefineComponent<ExtractPropTypes<{
|
|
439
|
+
/** 버튼 타입 */
|
|
440
|
+
type: {
|
|
441
|
+
type: () => "button" | "submit" | "reset";
|
|
442
|
+
default: string;
|
|
443
|
+
};
|
|
444
|
+
/** 버튼 크기 */
|
|
445
|
+
size: {
|
|
446
|
+
type: () => Size;
|
|
447
|
+
default: undefined;
|
|
448
|
+
};
|
|
449
|
+
/** 버튼 변형 */
|
|
450
|
+
variant: {
|
|
451
|
+
type: () => Variant;
|
|
452
|
+
default: string;
|
|
453
|
+
};
|
|
454
|
+
/** 아이콘 전용 버튼 */
|
|
455
|
+
icon: {
|
|
456
|
+
type: BooleanConstructor;
|
|
457
|
+
default: boolean;
|
|
458
|
+
};
|
|
459
|
+
/** 테두리 스타일 (아이콘 버튼용) */
|
|
460
|
+
border: {
|
|
461
|
+
type: BooleanConstructor;
|
|
462
|
+
default: boolean;
|
|
463
|
+
};
|
|
464
|
+
/** Pure 버튼 여부 (가상클래스 상태 시 컬러 유지) */
|
|
465
|
+
pure: {
|
|
466
|
+
type: BooleanConstructor;
|
|
467
|
+
default: boolean;
|
|
468
|
+
};
|
|
469
|
+
/** 텍스트 버튼 스타일 */
|
|
470
|
+
text: {
|
|
471
|
+
type: BooleanConstructor;
|
|
472
|
+
default: boolean;
|
|
473
|
+
};
|
|
474
|
+
/** 비활성화 여부 */
|
|
475
|
+
disabled: {
|
|
476
|
+
type: BooleanConstructor;
|
|
477
|
+
default: boolean;
|
|
478
|
+
};
|
|
479
|
+
/** CSS 클래스 */
|
|
480
|
+
class: {
|
|
481
|
+
type: StringConstructor;
|
|
482
|
+
default: undefined;
|
|
483
|
+
};
|
|
484
|
+
}>, () => VNode<RendererNode, RendererElement, {
|
|
485
|
+
[key: string]: any;
|
|
486
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
487
|
+
click: (event: MouseEvent) => true;
|
|
488
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
489
|
+
/** 버튼 타입 */
|
|
490
|
+
type: {
|
|
491
|
+
type: () => "button" | "submit" | "reset";
|
|
492
|
+
default: string;
|
|
493
|
+
};
|
|
494
|
+
/** 버튼 크기 */
|
|
495
|
+
size: {
|
|
496
|
+
type: () => Size;
|
|
497
|
+
default: undefined;
|
|
498
|
+
};
|
|
499
|
+
/** 버튼 변형 */
|
|
500
|
+
variant: {
|
|
501
|
+
type: () => Variant;
|
|
502
|
+
default: string;
|
|
503
|
+
};
|
|
504
|
+
/** 아이콘 전용 버튼 */
|
|
505
|
+
icon: {
|
|
506
|
+
type: BooleanConstructor;
|
|
507
|
+
default: boolean;
|
|
508
|
+
};
|
|
509
|
+
/** 테두리 스타일 (아이콘 버튼용) */
|
|
510
|
+
border: {
|
|
511
|
+
type: BooleanConstructor;
|
|
512
|
+
default: boolean;
|
|
513
|
+
};
|
|
514
|
+
/** Pure 버튼 여부 (가상클래스 상태 시 컬러 유지) */
|
|
515
|
+
pure: {
|
|
516
|
+
type: BooleanConstructor;
|
|
517
|
+
default: boolean;
|
|
518
|
+
};
|
|
519
|
+
/** 텍스트 버튼 스타일 */
|
|
520
|
+
text: {
|
|
521
|
+
type: BooleanConstructor;
|
|
522
|
+
default: boolean;
|
|
523
|
+
};
|
|
524
|
+
/** 비활성화 여부 */
|
|
525
|
+
disabled: {
|
|
526
|
+
type: BooleanConstructor;
|
|
527
|
+
default: boolean;
|
|
528
|
+
};
|
|
529
|
+
/** CSS 클래스 */
|
|
530
|
+
class: {
|
|
531
|
+
type: StringConstructor;
|
|
532
|
+
default: undefined;
|
|
533
|
+
};
|
|
534
|
+
}>> & Readonly<{
|
|
535
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
536
|
+
}>, {
|
|
537
|
+
text: boolean;
|
|
538
|
+
disabled: boolean;
|
|
539
|
+
type: "button" | "submit" | "reset";
|
|
540
|
+
size: Size;
|
|
541
|
+
variant: Variant;
|
|
542
|
+
icon: boolean;
|
|
543
|
+
border: boolean;
|
|
544
|
+
pure: boolean;
|
|
545
|
+
class: string;
|
|
546
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
244
547
|
|
|
245
548
|
/**
|
|
246
549
|
* KRDS Button 컴포넌트 이벤트
|
|
@@ -249,7 +552,9 @@ export declare interface KrdsButtonEmits {
|
|
|
249
552
|
(e: 'click', event: MouseEvent): void;
|
|
250
553
|
}
|
|
251
554
|
|
|
252
|
-
export declare const KrdsButtonGroup: DefineComponent<
|
|
555
|
+
export declare const KrdsButtonGroup: DefineComponent<{}, () => VNode<RendererNode, RendererElement, {
|
|
556
|
+
[key: string]: any;
|
|
557
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
253
558
|
|
|
254
559
|
/**
|
|
255
560
|
* KRDS ButtonGroup 컴포넌트 속성
|
|
@@ -279,159 +584,201 @@ export declare interface KrdsButtonProps extends BaseComponentProps {
|
|
|
279
584
|
}
|
|
280
585
|
|
|
281
586
|
export declare const KrdsCarousel: DefineComponent<ExtractPropTypes<{
|
|
587
|
+
/** 캐러셀 형태 (기본값: visual) */
|
|
282
588
|
variant: {
|
|
283
589
|
type: () => KrdsCarouselVariant;
|
|
284
590
|
default: string;
|
|
285
591
|
};
|
|
592
|
+
/** 현재 슬라이드 인덱스 (v-model:activeIndex) */
|
|
286
593
|
activeIndex: {
|
|
287
594
|
type: NumberConstructor;
|
|
288
595
|
default: undefined;
|
|
289
596
|
};
|
|
597
|
+
/** 처음/마지막 슬라이드에서 순환 이동 여부 (기본값: true) */
|
|
290
598
|
loop: {
|
|
291
599
|
type: BooleanConstructor;
|
|
292
600
|
default: boolean;
|
|
293
601
|
};
|
|
602
|
+
/** 자동 재생 여부. true면 재생/정지 버튼을 노출하고 즉시 재생을 시작한다 (기본값: false) */
|
|
294
603
|
autoplay: {
|
|
295
604
|
type: BooleanConstructor;
|
|
296
605
|
default: boolean;
|
|
297
606
|
};
|
|
607
|
+
/** 자동 재생 간격 (ms, 기본값: 2500) */
|
|
298
608
|
autoplayDelay: {
|
|
299
609
|
type: NumberConstructor;
|
|
300
610
|
default: number;
|
|
301
611
|
};
|
|
612
|
+
/** 마우스 오버 시 자동 재생 일시 정지 여부 (기본값: true). 포커스 진입 시에는 값과 무관하게 항상 정지한다 */
|
|
302
613
|
pauseOnHover: {
|
|
303
614
|
type: BooleanConstructor;
|
|
304
615
|
default: boolean;
|
|
305
616
|
};
|
|
617
|
+
/** 슬라이드 전환 속도 (ms, 기본값: 400) */
|
|
306
618
|
speed: {
|
|
307
619
|
type: NumberConstructor;
|
|
308
620
|
default: number;
|
|
309
621
|
};
|
|
622
|
+
/** 슬라이드 사이 간격 (px, 기본값: visual 0 / banner 16) */
|
|
310
623
|
spaceBetween: {
|
|
311
624
|
type: NumberConstructor;
|
|
312
625
|
default: undefined;
|
|
313
626
|
};
|
|
627
|
+
/** 페이지네이션 표시 방식 (기본값: visual bullets / banner fraction) */
|
|
314
628
|
pagination: {
|
|
315
629
|
type: () => KrdsCarouselPaginationType;
|
|
316
630
|
default: undefined;
|
|
317
631
|
};
|
|
632
|
+
/** 이전/다음 버튼 표시 여부 (기본값: true) */
|
|
318
633
|
navigation: {
|
|
319
634
|
type: BooleanConstructor;
|
|
320
635
|
default: boolean;
|
|
321
636
|
};
|
|
637
|
+
/** 더 보기 링크 URL. 지정하면 더 보기 버튼을 표시한다 */
|
|
322
638
|
moreHref: {
|
|
323
639
|
type: StringConstructor;
|
|
324
640
|
default: undefined;
|
|
325
641
|
};
|
|
642
|
+
/** 캐러셀 영역 접근성 라벨 */
|
|
326
643
|
ariaLabel: {
|
|
327
644
|
type: StringConstructor;
|
|
328
645
|
default: string;
|
|
329
646
|
};
|
|
647
|
+
/** 이전 버튼 라벨 */
|
|
330
648
|
prevLabel: {
|
|
331
649
|
type: StringConstructor;
|
|
332
650
|
default: string;
|
|
333
651
|
};
|
|
652
|
+
/** 다음 버튼 라벨 */
|
|
334
653
|
nextLabel: {
|
|
335
654
|
type: StringConstructor;
|
|
336
655
|
default: string;
|
|
337
656
|
};
|
|
657
|
+
/** 재생 버튼 라벨 */
|
|
338
658
|
playLabel: {
|
|
339
659
|
type: StringConstructor;
|
|
340
660
|
default: string;
|
|
341
661
|
};
|
|
662
|
+
/** 정지 버튼 라벨 */
|
|
342
663
|
stopLabel: {
|
|
343
664
|
type: StringConstructor;
|
|
344
665
|
default: string;
|
|
345
666
|
};
|
|
667
|
+
/** 더 보기 버튼 라벨 */
|
|
346
668
|
moreLabel: {
|
|
347
669
|
type: StringConstructor;
|
|
348
670
|
default: string;
|
|
349
671
|
};
|
|
672
|
+
/** 엘리먼트 ID */
|
|
350
673
|
id: {
|
|
351
674
|
type: StringConstructor;
|
|
352
675
|
default: undefined;
|
|
353
676
|
};
|
|
354
677
|
}>, () => VNode< RendererNode, RendererElement, {
|
|
355
678
|
[key: string]: any;
|
|
356
|
-
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin,
|
|
679
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
680
|
+
'update:activeIndex': (value: number) => true;
|
|
681
|
+
change: (value: number) => true;
|
|
682
|
+
play: () => true;
|
|
683
|
+
stop: () => true;
|
|
684
|
+
'more-click': (event: MouseEvent) => true;
|
|
685
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
686
|
+
/** 캐러셀 형태 (기본값: visual) */
|
|
357
687
|
variant: {
|
|
358
688
|
type: () => KrdsCarouselVariant;
|
|
359
689
|
default: string;
|
|
360
690
|
};
|
|
691
|
+
/** 현재 슬라이드 인덱스 (v-model:activeIndex) */
|
|
361
692
|
activeIndex: {
|
|
362
693
|
type: NumberConstructor;
|
|
363
694
|
default: undefined;
|
|
364
695
|
};
|
|
696
|
+
/** 처음/마지막 슬라이드에서 순환 이동 여부 (기본값: true) */
|
|
365
697
|
loop: {
|
|
366
698
|
type: BooleanConstructor;
|
|
367
699
|
default: boolean;
|
|
368
700
|
};
|
|
701
|
+
/** 자동 재생 여부. true면 재생/정지 버튼을 노출하고 즉시 재생을 시작한다 (기본값: false) */
|
|
369
702
|
autoplay: {
|
|
370
703
|
type: BooleanConstructor;
|
|
371
704
|
default: boolean;
|
|
372
705
|
};
|
|
706
|
+
/** 자동 재생 간격 (ms, 기본값: 2500) */
|
|
373
707
|
autoplayDelay: {
|
|
374
708
|
type: NumberConstructor;
|
|
375
709
|
default: number;
|
|
376
710
|
};
|
|
711
|
+
/** 마우스 오버 시 자동 재생 일시 정지 여부 (기본값: true). 포커스 진입 시에는 값과 무관하게 항상 정지한다 */
|
|
377
712
|
pauseOnHover: {
|
|
378
713
|
type: BooleanConstructor;
|
|
379
714
|
default: boolean;
|
|
380
715
|
};
|
|
716
|
+
/** 슬라이드 전환 속도 (ms, 기본값: 400) */
|
|
381
717
|
speed: {
|
|
382
718
|
type: NumberConstructor;
|
|
383
719
|
default: number;
|
|
384
720
|
};
|
|
721
|
+
/** 슬라이드 사이 간격 (px, 기본값: visual 0 / banner 16) */
|
|
385
722
|
spaceBetween: {
|
|
386
723
|
type: NumberConstructor;
|
|
387
724
|
default: undefined;
|
|
388
725
|
};
|
|
726
|
+
/** 페이지네이션 표시 방식 (기본값: visual bullets / banner fraction) */
|
|
389
727
|
pagination: {
|
|
390
728
|
type: () => KrdsCarouselPaginationType;
|
|
391
729
|
default: undefined;
|
|
392
730
|
};
|
|
731
|
+
/** 이전/다음 버튼 표시 여부 (기본값: true) */
|
|
393
732
|
navigation: {
|
|
394
733
|
type: BooleanConstructor;
|
|
395
734
|
default: boolean;
|
|
396
735
|
};
|
|
736
|
+
/** 더 보기 링크 URL. 지정하면 더 보기 버튼을 표시한다 */
|
|
397
737
|
moreHref: {
|
|
398
738
|
type: StringConstructor;
|
|
399
739
|
default: undefined;
|
|
400
740
|
};
|
|
741
|
+
/** 캐러셀 영역 접근성 라벨 */
|
|
401
742
|
ariaLabel: {
|
|
402
743
|
type: StringConstructor;
|
|
403
744
|
default: string;
|
|
404
745
|
};
|
|
746
|
+
/** 이전 버튼 라벨 */
|
|
405
747
|
prevLabel: {
|
|
406
748
|
type: StringConstructor;
|
|
407
749
|
default: string;
|
|
408
750
|
};
|
|
751
|
+
/** 다음 버튼 라벨 */
|
|
409
752
|
nextLabel: {
|
|
410
753
|
type: StringConstructor;
|
|
411
754
|
default: string;
|
|
412
755
|
};
|
|
756
|
+
/** 재생 버튼 라벨 */
|
|
413
757
|
playLabel: {
|
|
414
758
|
type: StringConstructor;
|
|
415
759
|
default: string;
|
|
416
760
|
};
|
|
761
|
+
/** 정지 버튼 라벨 */
|
|
417
762
|
stopLabel: {
|
|
418
763
|
type: StringConstructor;
|
|
419
764
|
default: string;
|
|
420
765
|
};
|
|
766
|
+
/** 더 보기 버튼 라벨 */
|
|
421
767
|
moreLabel: {
|
|
422
768
|
type: StringConstructor;
|
|
423
769
|
default: string;
|
|
424
770
|
};
|
|
771
|
+
/** 엘리먼트 ID */
|
|
425
772
|
id: {
|
|
426
773
|
type: StringConstructor;
|
|
427
774
|
default: undefined;
|
|
428
775
|
};
|
|
429
776
|
}>> & Readonly<{
|
|
430
|
-
onChange?: ((
|
|
431
|
-
onPlay?: ((
|
|
432
|
-
onStop?: ((
|
|
433
|
-
"onUpdate:activeIndex"?: ((
|
|
434
|
-
"onMore-click"?: ((
|
|
777
|
+
onChange?: ((value: number) => any) | undefined;
|
|
778
|
+
onPlay?: (() => any) | undefined;
|
|
779
|
+
onStop?: (() => any) | undefined;
|
|
780
|
+
"onUpdate:activeIndex"?: ((value: number) => any) | undefined;
|
|
781
|
+
"onMore-click"?: ((event: MouseEvent) => any) | undefined;
|
|
435
782
|
}>, {
|
|
436
783
|
variant: KrdsCarouselVariant;
|
|
437
784
|
id: string;
|
|
@@ -526,7 +873,34 @@ export declare interface KrdsCarouselProps {
|
|
|
526
873
|
*/
|
|
527
874
|
export declare type KrdsCarouselVariant = 'visual' | 'banner';
|
|
528
875
|
|
|
529
|
-
export declare const KrdsCheckArea: DefineComponent<
|
|
876
|
+
export declare const KrdsCheckArea: DefineComponent<ExtractPropTypes<{
|
|
877
|
+
/** 추가 클래스 */
|
|
878
|
+
class: {
|
|
879
|
+
type: StringConstructor;
|
|
880
|
+
default: undefined;
|
|
881
|
+
};
|
|
882
|
+
/** 세로(컬럼) 배치 여부 */
|
|
883
|
+
column: {
|
|
884
|
+
type: BooleanConstructor;
|
|
885
|
+
default: boolean;
|
|
886
|
+
};
|
|
887
|
+
}>, () => VNode<RendererNode, RendererElement, {
|
|
888
|
+
[key: string]: any;
|
|
889
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
890
|
+
/** 추가 클래스 */
|
|
891
|
+
class: {
|
|
892
|
+
type: StringConstructor;
|
|
893
|
+
default: undefined;
|
|
894
|
+
};
|
|
895
|
+
/** 세로(컬럼) 배치 여부 */
|
|
896
|
+
column: {
|
|
897
|
+
type: BooleanConstructor;
|
|
898
|
+
default: boolean;
|
|
899
|
+
};
|
|
900
|
+
}>> & Readonly<{}>, {
|
|
901
|
+
class: string;
|
|
902
|
+
column: boolean;
|
|
903
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
530
904
|
|
|
531
905
|
/**
|
|
532
906
|
* KRDS CheckArea 컴포넌트 속성
|
|
@@ -537,7 +911,87 @@ export declare interface KrdsCheckAreaProps extends BaseComponentProps {
|
|
|
537
911
|
column?: boolean;
|
|
538
912
|
}
|
|
539
913
|
|
|
540
|
-
export declare const KrdsCheckbox: DefineComponent<
|
|
914
|
+
export declare const KrdsCheckbox: DefineComponent<ExtractPropTypes<{
|
|
915
|
+
/** 모델 값 */
|
|
916
|
+
modelValue: {
|
|
917
|
+
type: BooleanConstructor;
|
|
918
|
+
default: boolean;
|
|
919
|
+
};
|
|
920
|
+
/** 비활성화 여부 */
|
|
921
|
+
disabled: {
|
|
922
|
+
type: BooleanConstructor;
|
|
923
|
+
default: boolean;
|
|
924
|
+
};
|
|
925
|
+
/** 크기 */
|
|
926
|
+
size: {
|
|
927
|
+
type: () => "medium" | "large";
|
|
928
|
+
default: string;
|
|
929
|
+
validator: (value: string) => boolean;
|
|
930
|
+
};
|
|
931
|
+
/** Chip 스타일 여부 */
|
|
932
|
+
chip: {
|
|
933
|
+
type: BooleanConstructor;
|
|
934
|
+
default: boolean;
|
|
935
|
+
};
|
|
936
|
+
/** CSS 클래스 */
|
|
937
|
+
class: {
|
|
938
|
+
type: StringConstructor;
|
|
939
|
+
default: undefined;
|
|
940
|
+
};
|
|
941
|
+
/** HTML ID */
|
|
942
|
+
id: {
|
|
943
|
+
type: StringConstructor;
|
|
944
|
+
default: undefined;
|
|
945
|
+
};
|
|
946
|
+
}>, () => VNode< RendererNode, RendererElement, {
|
|
947
|
+
[key: string]: any;
|
|
948
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
949
|
+
'update:modelValue': (value: boolean) => true;
|
|
950
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
951
|
+
/** 모델 값 */
|
|
952
|
+
modelValue: {
|
|
953
|
+
type: BooleanConstructor;
|
|
954
|
+
default: boolean;
|
|
955
|
+
};
|
|
956
|
+
/** 비활성화 여부 */
|
|
957
|
+
disabled: {
|
|
958
|
+
type: BooleanConstructor;
|
|
959
|
+
default: boolean;
|
|
960
|
+
};
|
|
961
|
+
/** 크기 */
|
|
962
|
+
size: {
|
|
963
|
+
type: () => "medium" | "large";
|
|
964
|
+
default: string;
|
|
965
|
+
validator: (value: string) => boolean;
|
|
966
|
+
};
|
|
967
|
+
/** Chip 스타일 여부 */
|
|
968
|
+
chip: {
|
|
969
|
+
type: BooleanConstructor;
|
|
970
|
+
default: boolean;
|
|
971
|
+
};
|
|
972
|
+
/** CSS 클래스 */
|
|
973
|
+
class: {
|
|
974
|
+
type: StringConstructor;
|
|
975
|
+
default: undefined;
|
|
976
|
+
};
|
|
977
|
+
/** HTML ID */
|
|
978
|
+
id: {
|
|
979
|
+
type: StringConstructor;
|
|
980
|
+
default: undefined;
|
|
981
|
+
};
|
|
982
|
+
}>> & Readonly<{
|
|
983
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
984
|
+
}>, {
|
|
985
|
+
disabled: boolean;
|
|
986
|
+
size: "medium" | "large";
|
|
987
|
+
class: string;
|
|
988
|
+
modelValue: boolean;
|
|
989
|
+
id: string;
|
|
990
|
+
chip: boolean;
|
|
991
|
+
}, SlotsType<{
|
|
992
|
+
default?: () => VNode[];
|
|
993
|
+
description?: () => VNode[];
|
|
994
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
541
995
|
|
|
542
996
|
/**
|
|
543
997
|
* KRDS Checkbox 컴포넌트 이벤트
|
|
@@ -560,7 +1014,71 @@ export declare interface KrdsCheckboxProps extends BaseFormProps {
|
|
|
560
1014
|
chip?: boolean;
|
|
561
1015
|
}
|
|
562
1016
|
|
|
563
|
-
export declare const KrdsCoachMark: DefineComponent<
|
|
1017
|
+
export declare const KrdsCoachMark: DefineComponent<ExtractPropTypes<{
|
|
1018
|
+
/** 코치마크 래퍼에 추가할 클래스 */
|
|
1019
|
+
coachMarkClass: {
|
|
1020
|
+
type: PropType<string | string[]>;
|
|
1021
|
+
default: string;
|
|
1022
|
+
};
|
|
1023
|
+
/** 전체 단계 데이터 */
|
|
1024
|
+
stepsData: {
|
|
1025
|
+
type: () => StepsData[];
|
|
1026
|
+
required: true;
|
|
1027
|
+
};
|
|
1028
|
+
/** 이 코치마크가 담당하는 단계 번호 */
|
|
1029
|
+
activeStep: {
|
|
1030
|
+
type: NumberConstructor;
|
|
1031
|
+
required: true;
|
|
1032
|
+
};
|
|
1033
|
+
/** 현재 노출 중인 단계 (v-model) */
|
|
1034
|
+
modelValue: {
|
|
1035
|
+
type: NumberConstructor;
|
|
1036
|
+
default: null;
|
|
1037
|
+
};
|
|
1038
|
+
/** 인라인 스타일 */
|
|
1039
|
+
style: {
|
|
1040
|
+
type: PropType<string | Record<string, string | number>>;
|
|
1041
|
+
default: undefined;
|
|
1042
|
+
};
|
|
1043
|
+
}>, () => VNode<RendererNode, RendererElement, {
|
|
1044
|
+
[key: string]: any;
|
|
1045
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
1046
|
+
'update:modelValue': (value: number | null) => true;
|
|
1047
|
+
close: () => true;
|
|
1048
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
1049
|
+
/** 코치마크 래퍼에 추가할 클래스 */
|
|
1050
|
+
coachMarkClass: {
|
|
1051
|
+
type: PropType<string | string[]>;
|
|
1052
|
+
default: string;
|
|
1053
|
+
};
|
|
1054
|
+
/** 전체 단계 데이터 */
|
|
1055
|
+
stepsData: {
|
|
1056
|
+
type: () => StepsData[];
|
|
1057
|
+
required: true;
|
|
1058
|
+
};
|
|
1059
|
+
/** 이 코치마크가 담당하는 단계 번호 */
|
|
1060
|
+
activeStep: {
|
|
1061
|
+
type: NumberConstructor;
|
|
1062
|
+
required: true;
|
|
1063
|
+
};
|
|
1064
|
+
/** 현재 노출 중인 단계 (v-model) */
|
|
1065
|
+
modelValue: {
|
|
1066
|
+
type: NumberConstructor;
|
|
1067
|
+
default: null;
|
|
1068
|
+
};
|
|
1069
|
+
/** 인라인 스타일 */
|
|
1070
|
+
style: {
|
|
1071
|
+
type: PropType<string | Record<string, string | number>>;
|
|
1072
|
+
default: undefined;
|
|
1073
|
+
};
|
|
1074
|
+
}>> & Readonly<{
|
|
1075
|
+
onClose?: (() => any) | undefined;
|
|
1076
|
+
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
|
|
1077
|
+
}>, {
|
|
1078
|
+
style: string | Record<string, string | number>;
|
|
1079
|
+
modelValue: number;
|
|
1080
|
+
coachMarkClass: string | string[];
|
|
1081
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
564
1082
|
|
|
565
1083
|
/**
|
|
566
1084
|
* KRDS CoachMark 컴포넌트 이벤트
|
|
@@ -594,7 +1112,45 @@ export declare type KrdsComponent<Props = object, Slots = object, Emits = object
|
|
|
594
1112
|
__krdsEmits: Emits;
|
|
595
1113
|
};
|
|
596
1114
|
|
|
597
|
-
export declare const KrdsContextualHelp: DefineComponent<
|
|
1115
|
+
export declare const KrdsContextualHelp: DefineComponent<ExtractPropTypes<{
|
|
1116
|
+
/** 툴팁 제목 */
|
|
1117
|
+
tooltipTitle: {
|
|
1118
|
+
type: StringConstructor;
|
|
1119
|
+
default: string;
|
|
1120
|
+
};
|
|
1121
|
+
/** 도움말 아이콘 사용 여부 (false 면 툴팁 아이콘) */
|
|
1122
|
+
helpIcon: {
|
|
1123
|
+
type: BooleanConstructor;
|
|
1124
|
+
default: boolean;
|
|
1125
|
+
};
|
|
1126
|
+
/** 툴팁 노출 위치 */
|
|
1127
|
+
position: {
|
|
1128
|
+
type: PropType<ContextualHelpPosition>;
|
|
1129
|
+
default: string;
|
|
1130
|
+
};
|
|
1131
|
+
}>, () => VNode<RendererNode, RendererElement, {
|
|
1132
|
+
[key: string]: any;
|
|
1133
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
1134
|
+
/** 툴팁 제목 */
|
|
1135
|
+
tooltipTitle: {
|
|
1136
|
+
type: StringConstructor;
|
|
1137
|
+
default: string;
|
|
1138
|
+
};
|
|
1139
|
+
/** 도움말 아이콘 사용 여부 (false 면 툴팁 아이콘) */
|
|
1140
|
+
helpIcon: {
|
|
1141
|
+
type: BooleanConstructor;
|
|
1142
|
+
default: boolean;
|
|
1143
|
+
};
|
|
1144
|
+
/** 툴팁 노출 위치 */
|
|
1145
|
+
position: {
|
|
1146
|
+
type: PropType<ContextualHelpPosition>;
|
|
1147
|
+
default: string;
|
|
1148
|
+
};
|
|
1149
|
+
}>> & Readonly<{}>, {
|
|
1150
|
+
tooltipTitle: string;
|
|
1151
|
+
helpIcon: boolean;
|
|
1152
|
+
position: ContextualHelpPosition;
|
|
1153
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
598
1154
|
|
|
599
1155
|
/**
|
|
600
1156
|
* KRDS ContextualHelp 컴포넌트 속성
|
|
@@ -608,7 +1164,59 @@ export declare interface KrdsContextualHelpProps {
|
|
|
608
1164
|
position?: ContextualHelpPosition;
|
|
609
1165
|
}
|
|
610
1166
|
|
|
611
|
-
export declare const KrdsCriticalAlerts: DefineComponent<
|
|
1167
|
+
export declare const KrdsCriticalAlerts: DefineComponent<ExtractPropTypes<{
|
|
1168
|
+
/** 알림 타입 */
|
|
1169
|
+
type: {
|
|
1170
|
+
type: () => AlertType;
|
|
1171
|
+
default: string;
|
|
1172
|
+
};
|
|
1173
|
+
/** 알림 메시지 */
|
|
1174
|
+
message: {
|
|
1175
|
+
type: StringConstructor;
|
|
1176
|
+
required: true;
|
|
1177
|
+
};
|
|
1178
|
+
/** 링크 URL */
|
|
1179
|
+
linkHref: {
|
|
1180
|
+
type: StringConstructor;
|
|
1181
|
+
default: undefined;
|
|
1182
|
+
};
|
|
1183
|
+
/** 링크 텍스트 */
|
|
1184
|
+
linkText: {
|
|
1185
|
+
type: StringConstructor;
|
|
1186
|
+
default: string;
|
|
1187
|
+
};
|
|
1188
|
+
}>, () => VNode<RendererNode, RendererElement, {
|
|
1189
|
+
[key: string]: any;
|
|
1190
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
1191
|
+
'link-click': (event: MouseEvent) => true;
|
|
1192
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
1193
|
+
/** 알림 타입 */
|
|
1194
|
+
type: {
|
|
1195
|
+
type: () => AlertType;
|
|
1196
|
+
default: string;
|
|
1197
|
+
};
|
|
1198
|
+
/** 알림 메시지 */
|
|
1199
|
+
message: {
|
|
1200
|
+
type: StringConstructor;
|
|
1201
|
+
required: true;
|
|
1202
|
+
};
|
|
1203
|
+
/** 링크 URL */
|
|
1204
|
+
linkHref: {
|
|
1205
|
+
type: StringConstructor;
|
|
1206
|
+
default: undefined;
|
|
1207
|
+
};
|
|
1208
|
+
/** 링크 텍스트 */
|
|
1209
|
+
linkText: {
|
|
1210
|
+
type: StringConstructor;
|
|
1211
|
+
default: string;
|
|
1212
|
+
};
|
|
1213
|
+
}>> & Readonly<{
|
|
1214
|
+
"onLink-click"?: ((event: MouseEvent) => any) | undefined;
|
|
1215
|
+
}>, {
|
|
1216
|
+
type: AlertType;
|
|
1217
|
+
linkHref: string;
|
|
1218
|
+
linkText: string;
|
|
1219
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
612
1220
|
|
|
613
1221
|
/**
|
|
614
1222
|
* KRDS Critical Alerts 컴포넌트 이벤트
|
|
@@ -631,33 +1239,204 @@ export declare interface KrdsCriticalAlertsProps extends BaseComponentProps {
|
|
|
631
1239
|
linkText?: string;
|
|
632
1240
|
}
|
|
633
1241
|
|
|
634
|
-
export declare const KrdsDateInput: DefineComponent<
|
|
635
|
-
|
|
636
|
-
/**
|
|
637
|
-
* KRDS DateInput 컴포넌트 이벤트
|
|
638
|
-
*/
|
|
639
|
-
export declare interface KrdsDateInputEmits {
|
|
640
|
-
(e: 'update:modelValue', value: string): void;
|
|
641
|
-
(e: 'input', event: Event): void;
|
|
642
|
-
(e: 'change', event: Event): void;
|
|
643
|
-
(e: 'focus', event: FocusEvent): void;
|
|
644
|
-
(e: 'blur', event: FocusEvent): void;
|
|
645
|
-
}
|
|
646
|
-
|
|
647
|
-
/**
|
|
648
|
-
* KRDS DateInput 컴포넌트 속성
|
|
649
|
-
*/
|
|
650
|
-
export declare interface KrdsDateInputProps extends BaseFormProps {
|
|
1242
|
+
export declare const KrdsDateInput: DefineComponent<ExtractPropTypes<{
|
|
651
1243
|
/** 선택된 날짜 값 */
|
|
652
|
-
modelValue
|
|
1244
|
+
modelValue: {
|
|
1245
|
+
type: StringConstructor;
|
|
1246
|
+
default: undefined;
|
|
1247
|
+
};
|
|
653
1248
|
/** 입력 크기 */
|
|
654
|
-
size
|
|
1249
|
+
size: {
|
|
1250
|
+
type: PropType<Size>;
|
|
1251
|
+
default: string;
|
|
1252
|
+
};
|
|
655
1253
|
/** 플레이스홀더 */
|
|
656
|
-
placeholder
|
|
657
|
-
|
|
658
|
-
|
|
1254
|
+
placeholder: {
|
|
1255
|
+
type: StringConstructor;
|
|
1256
|
+
default: string;
|
|
1257
|
+
};
|
|
1258
|
+
/** 폼 필드 이름 */
|
|
1259
|
+
name: {
|
|
1260
|
+
type: StringConstructor;
|
|
1261
|
+
default: undefined;
|
|
1262
|
+
};
|
|
1263
|
+
/** 필수 입력 여부 */
|
|
1264
|
+
required: {
|
|
1265
|
+
type: BooleanConstructor;
|
|
1266
|
+
default: boolean;
|
|
1267
|
+
};
|
|
659
1268
|
/** 읽기 전용 여부 */
|
|
660
|
-
readonly
|
|
1269
|
+
readonly: {
|
|
1270
|
+
type: BooleanConstructor;
|
|
1271
|
+
default: boolean;
|
|
1272
|
+
};
|
|
1273
|
+
/** 비활성화 여부 */
|
|
1274
|
+
disabled: {
|
|
1275
|
+
type: BooleanConstructor;
|
|
1276
|
+
default: boolean;
|
|
1277
|
+
};
|
|
1278
|
+
/** 자동 포커스 */
|
|
1279
|
+
autofocus: {
|
|
1280
|
+
type: BooleanConstructor;
|
|
1281
|
+
default: boolean;
|
|
1282
|
+
};
|
|
1283
|
+
/** 일정이 있는 날짜 배열 (YYYY.MM.DD 형식) */
|
|
1284
|
+
eventDates: {
|
|
1285
|
+
type: PropType<string[]>;
|
|
1286
|
+
default: () => never[];
|
|
1287
|
+
};
|
|
1288
|
+
/** 휴일 날짜 배열 (YYYY.MM.DD 형식) */
|
|
1289
|
+
holidays: {
|
|
1290
|
+
type: PropType<string[]>;
|
|
1291
|
+
default: () => never[];
|
|
1292
|
+
};
|
|
1293
|
+
/** 초기 표시 년도 (기본: 현재 년도) */
|
|
1294
|
+
initialYear: {
|
|
1295
|
+
type: NumberConstructor;
|
|
1296
|
+
default: undefined;
|
|
1297
|
+
};
|
|
1298
|
+
/** 초기 표시 월 (기본: 현재 월) */
|
|
1299
|
+
initialMonth: {
|
|
1300
|
+
type: NumberConstructor;
|
|
1301
|
+
default: undefined;
|
|
1302
|
+
};
|
|
1303
|
+
/** CSS 클래스 */
|
|
1304
|
+
class: {
|
|
1305
|
+
type: StringConstructor;
|
|
1306
|
+
default: undefined;
|
|
1307
|
+
};
|
|
1308
|
+
/** HTML ID */
|
|
1309
|
+
id: {
|
|
1310
|
+
type: StringConstructor;
|
|
1311
|
+
default: undefined;
|
|
1312
|
+
};
|
|
1313
|
+
}>, () => VNode<RendererNode, RendererElement, {
|
|
1314
|
+
[key: string]: any;
|
|
1315
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
1316
|
+
'update:modelValue': (value: string) => true;
|
|
1317
|
+
input: (event: Event) => true;
|
|
1318
|
+
change: (event: Event) => true;
|
|
1319
|
+
focus: (event: FocusEvent) => true;
|
|
1320
|
+
blur: (event: FocusEvent) => true;
|
|
1321
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
1322
|
+
/** 선택된 날짜 값 */
|
|
1323
|
+
modelValue: {
|
|
1324
|
+
type: StringConstructor;
|
|
1325
|
+
default: undefined;
|
|
1326
|
+
};
|
|
1327
|
+
/** 입력 크기 */
|
|
1328
|
+
size: {
|
|
1329
|
+
type: PropType<Size>;
|
|
1330
|
+
default: string;
|
|
1331
|
+
};
|
|
1332
|
+
/** 플레이스홀더 */
|
|
1333
|
+
placeholder: {
|
|
1334
|
+
type: StringConstructor;
|
|
1335
|
+
default: string;
|
|
1336
|
+
};
|
|
1337
|
+
/** 폼 필드 이름 */
|
|
1338
|
+
name: {
|
|
1339
|
+
type: StringConstructor;
|
|
1340
|
+
default: undefined;
|
|
1341
|
+
};
|
|
1342
|
+
/** 필수 입력 여부 */
|
|
1343
|
+
required: {
|
|
1344
|
+
type: BooleanConstructor;
|
|
1345
|
+
default: boolean;
|
|
1346
|
+
};
|
|
1347
|
+
/** 읽기 전용 여부 */
|
|
1348
|
+
readonly: {
|
|
1349
|
+
type: BooleanConstructor;
|
|
1350
|
+
default: boolean;
|
|
1351
|
+
};
|
|
1352
|
+
/** 비활성화 여부 */
|
|
1353
|
+
disabled: {
|
|
1354
|
+
type: BooleanConstructor;
|
|
1355
|
+
default: boolean;
|
|
1356
|
+
};
|
|
1357
|
+
/** 자동 포커스 */
|
|
1358
|
+
autofocus: {
|
|
1359
|
+
type: BooleanConstructor;
|
|
1360
|
+
default: boolean;
|
|
1361
|
+
};
|
|
1362
|
+
/** 일정이 있는 날짜 배열 (YYYY.MM.DD 형식) */
|
|
1363
|
+
eventDates: {
|
|
1364
|
+
type: PropType<string[]>;
|
|
1365
|
+
default: () => never[];
|
|
1366
|
+
};
|
|
1367
|
+
/** 휴일 날짜 배열 (YYYY.MM.DD 형식) */
|
|
1368
|
+
holidays: {
|
|
1369
|
+
type: PropType<string[]>;
|
|
1370
|
+
default: () => never[];
|
|
1371
|
+
};
|
|
1372
|
+
/** 초기 표시 년도 (기본: 현재 년도) */
|
|
1373
|
+
initialYear: {
|
|
1374
|
+
type: NumberConstructor;
|
|
1375
|
+
default: undefined;
|
|
1376
|
+
};
|
|
1377
|
+
/** 초기 표시 월 (기본: 현재 월) */
|
|
1378
|
+
initialMonth: {
|
|
1379
|
+
type: NumberConstructor;
|
|
1380
|
+
default: undefined;
|
|
1381
|
+
};
|
|
1382
|
+
/** CSS 클래스 */
|
|
1383
|
+
class: {
|
|
1384
|
+
type: StringConstructor;
|
|
1385
|
+
default: undefined;
|
|
1386
|
+
};
|
|
1387
|
+
/** HTML ID */
|
|
1388
|
+
id: {
|
|
1389
|
+
type: StringConstructor;
|
|
1390
|
+
default: undefined;
|
|
1391
|
+
};
|
|
1392
|
+
}>> & Readonly<{
|
|
1393
|
+
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
1394
|
+
onInput?: ((event: Event) => any) | undefined;
|
|
1395
|
+
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
1396
|
+
onChange?: ((event: Event) => any) | undefined;
|
|
1397
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
1398
|
+
}>, {
|
|
1399
|
+
name: string;
|
|
1400
|
+
required: boolean;
|
|
1401
|
+
readonly: boolean;
|
|
1402
|
+
disabled: boolean;
|
|
1403
|
+
size: Size;
|
|
1404
|
+
class: string;
|
|
1405
|
+
modelValue: string;
|
|
1406
|
+
placeholder: string;
|
|
1407
|
+
autofocus: boolean;
|
|
1408
|
+
id: string;
|
|
1409
|
+
eventDates: string[];
|
|
1410
|
+
holidays: string[];
|
|
1411
|
+
initialYear: number;
|
|
1412
|
+
initialMonth: number;
|
|
1413
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1414
|
+
|
|
1415
|
+
/**
|
|
1416
|
+
* KRDS DateInput 컴포넌트 이벤트
|
|
1417
|
+
*/
|
|
1418
|
+
export declare interface KrdsDateInputEmits {
|
|
1419
|
+
(e: 'update:modelValue', value: string): void;
|
|
1420
|
+
(e: 'input', event: Event): void;
|
|
1421
|
+
(e: 'change', event: Event): void;
|
|
1422
|
+
(e: 'focus', event: FocusEvent): void;
|
|
1423
|
+
(e: 'blur', event: FocusEvent): void;
|
|
1424
|
+
}
|
|
1425
|
+
|
|
1426
|
+
/**
|
|
1427
|
+
* KRDS DateInput 컴포넌트 속성
|
|
1428
|
+
*/
|
|
1429
|
+
export declare interface KrdsDateInputProps extends BaseFormProps {
|
|
1430
|
+
/** 선택된 날짜 값 */
|
|
1431
|
+
modelValue?: string;
|
|
1432
|
+
/** 입력 크기 */
|
|
1433
|
+
size?: Size;
|
|
1434
|
+
/** 플레이스홀더 */
|
|
1435
|
+
placeholder?: string;
|
|
1436
|
+
/** 비활성화 여부 */
|
|
1437
|
+
disabled?: boolean;
|
|
1438
|
+
/** 읽기 전용 여부 */
|
|
1439
|
+
readonly?: boolean;
|
|
661
1440
|
/** 자동 포커스 */
|
|
662
1441
|
autofocus?: boolean;
|
|
663
1442
|
/** 일정이 있는 날짜 배열 (YYYY.MM.DD 형식) */
|
|
@@ -670,7 +1449,37 @@ export declare interface KrdsDateInputProps extends BaseFormProps {
|
|
|
670
1449
|
initialMonth?: number;
|
|
671
1450
|
}
|
|
672
1451
|
|
|
673
|
-
export declare const KrdsDisclosure: DefineComponent<
|
|
1452
|
+
export declare const KrdsDisclosure: DefineComponent<ExtractPropTypes<{
|
|
1453
|
+
/** 디스클로저 제목 */
|
|
1454
|
+
title: {
|
|
1455
|
+
type: StringConstructor;
|
|
1456
|
+
required: true;
|
|
1457
|
+
};
|
|
1458
|
+
/** 확장 상태 (v-model) */
|
|
1459
|
+
modelValue: {
|
|
1460
|
+
type: BooleanConstructor;
|
|
1461
|
+
default: boolean;
|
|
1462
|
+
};
|
|
1463
|
+
}>, () => VNode<RendererNode, RendererElement, {
|
|
1464
|
+
[key: string]: any;
|
|
1465
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
1466
|
+
'update:modelValue': (value: boolean) => true;
|
|
1467
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
1468
|
+
/** 디스클로저 제목 */
|
|
1469
|
+
title: {
|
|
1470
|
+
type: StringConstructor;
|
|
1471
|
+
required: true;
|
|
1472
|
+
};
|
|
1473
|
+
/** 확장 상태 (v-model) */
|
|
1474
|
+
modelValue: {
|
|
1475
|
+
type: BooleanConstructor;
|
|
1476
|
+
default: boolean;
|
|
1477
|
+
};
|
|
1478
|
+
}>> & Readonly<{
|
|
1479
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
1480
|
+
}>, {
|
|
1481
|
+
modelValue: boolean;
|
|
1482
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
674
1483
|
|
|
675
1484
|
/**
|
|
676
1485
|
* KRDS Disclosure 컴포넌트 이벤트
|
|
@@ -690,189 +1499,243 @@ export declare interface KrdsDisclosureProps extends BaseComponentProps {
|
|
|
690
1499
|
}
|
|
691
1500
|
|
|
692
1501
|
export declare const KrdsFileUpload: DefineComponent<ExtractPropTypes<{
|
|
1502
|
+
/** 파일 목록 */
|
|
693
1503
|
modelValue: {
|
|
694
1504
|
type: () => FileInfo[];
|
|
695
1505
|
default: () => never[];
|
|
696
1506
|
};
|
|
1507
|
+
/** 입력 크기 */
|
|
697
1508
|
size: {
|
|
698
1509
|
type: () => Size;
|
|
699
1510
|
default: string;
|
|
700
1511
|
};
|
|
1512
|
+
/** 허용되는 파일 타입 (예: '.jpg,.png,.pdf') */
|
|
701
1513
|
accept: {
|
|
702
1514
|
type: StringConstructor;
|
|
703
1515
|
default: undefined;
|
|
704
1516
|
};
|
|
1517
|
+
/** 최대 파일 개수 */
|
|
705
1518
|
maxFiles: {
|
|
706
1519
|
type: NumberConstructor;
|
|
707
1520
|
default: number;
|
|
708
1521
|
};
|
|
1522
|
+
/** 최대 파일 크기 (bytes) */
|
|
709
1523
|
maxFileSize: {
|
|
710
1524
|
type: NumberConstructor;
|
|
711
1525
|
default: number;
|
|
712
1526
|
};
|
|
1527
|
+
/** 다중 파일 선택 여부 */
|
|
713
1528
|
multiple: {
|
|
714
1529
|
type: BooleanConstructor;
|
|
715
1530
|
default: boolean;
|
|
716
1531
|
};
|
|
1532
|
+
/** 비활성화 여부 */
|
|
717
1533
|
disabled: {
|
|
718
1534
|
type: BooleanConstructor;
|
|
719
1535
|
default: boolean;
|
|
720
1536
|
};
|
|
1537
|
+
/** 드래그 앤 드롭 활성화 여부 */
|
|
721
1538
|
dragAndDrop: {
|
|
722
1539
|
type: BooleanConstructor;
|
|
723
1540
|
default: boolean;
|
|
724
1541
|
};
|
|
1542
|
+
/** 제목 */
|
|
725
1543
|
title: {
|
|
726
1544
|
type: StringConstructor;
|
|
727
1545
|
default: string;
|
|
728
1546
|
};
|
|
1547
|
+
/** 설명 텍스트 */
|
|
729
1548
|
description: {
|
|
730
1549
|
type: StringConstructor;
|
|
731
1550
|
default: string;
|
|
732
1551
|
};
|
|
1552
|
+
/** 플레이스홀더 텍스트 */
|
|
733
1553
|
placeholder: {
|
|
734
1554
|
type: StringConstructor;
|
|
735
1555
|
default: string;
|
|
736
1556
|
};
|
|
1557
|
+
/** 미리보기 표시 여부 */
|
|
737
1558
|
showPreview: {
|
|
738
1559
|
type: BooleanConstructor;
|
|
739
1560
|
default: boolean;
|
|
740
1561
|
};
|
|
1562
|
+
/** 다운로드 버튼 표시 여부 */
|
|
741
1563
|
showDownload: {
|
|
742
1564
|
type: BooleanConstructor;
|
|
743
1565
|
default: boolean;
|
|
744
1566
|
};
|
|
1567
|
+
/** 바로보기 버튼 표시 여부 */
|
|
745
1568
|
showPreviewButton: {
|
|
746
1569
|
type: BooleanConstructor;
|
|
747
1570
|
default: boolean;
|
|
748
1571
|
};
|
|
1572
|
+
/** 전체 삭제 버튼 표시 여부 */
|
|
749
1573
|
showClearAll: {
|
|
750
1574
|
type: BooleanConstructor;
|
|
751
1575
|
default: boolean;
|
|
752
1576
|
};
|
|
1577
|
+
/** 폼 필드 이름 */
|
|
753
1578
|
name: {
|
|
754
1579
|
type: StringConstructor;
|
|
755
1580
|
default: undefined;
|
|
756
1581
|
};
|
|
1582
|
+
/** 필수 입력 여부 */
|
|
757
1583
|
required: {
|
|
758
1584
|
type: BooleanConstructor;
|
|
759
1585
|
default: boolean;
|
|
760
1586
|
};
|
|
1587
|
+
/** 읽기 전용 여부 */
|
|
761
1588
|
readonly: {
|
|
762
1589
|
type: BooleanConstructor;
|
|
763
1590
|
default: boolean;
|
|
764
1591
|
};
|
|
1592
|
+
/** CSS 클래스 */
|
|
765
1593
|
class: {
|
|
766
1594
|
type: StringConstructor;
|
|
767
1595
|
default: undefined;
|
|
768
1596
|
};
|
|
1597
|
+
/** 인라인 스타일 */
|
|
769
1598
|
style: {
|
|
770
1599
|
type: (StringConstructor | ObjectConstructor)[];
|
|
771
1600
|
default: undefined;
|
|
772
1601
|
};
|
|
1602
|
+
/** HTML ID */
|
|
773
1603
|
id: {
|
|
774
1604
|
type: StringConstructor;
|
|
775
1605
|
default: undefined;
|
|
776
1606
|
};
|
|
777
1607
|
}>, () => VNode< RendererNode, RendererElement, {
|
|
778
1608
|
[key: string]: any;
|
|
779
|
-
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin,
|
|
1609
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
1610
|
+
'update:modelValue': (files: FileInfo[]) => true;
|
|
1611
|
+
'file-added': (file: FileInfo) => true;
|
|
1612
|
+
'file-removed': (fileId: string) => true;
|
|
1613
|
+
'file-error': (file: FileInfo, error: string) => true;
|
|
1614
|
+
'upload-start': (file: FileInfo) => true;
|
|
1615
|
+
'upload-progress': (file: FileInfo, progress: number) => true;
|
|
1616
|
+
'upload-complete': (file: FileInfo) => true;
|
|
1617
|
+
'upload-error': (file: FileInfo, error: string) => true;
|
|
1618
|
+
'clear-all': () => true;
|
|
1619
|
+
download: (file: FileInfo) => true;
|
|
1620
|
+
preview: (file: FileInfo) => true;
|
|
1621
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
1622
|
+
/** 파일 목록 */
|
|
780
1623
|
modelValue: {
|
|
781
1624
|
type: () => FileInfo[];
|
|
782
1625
|
default: () => never[];
|
|
783
1626
|
};
|
|
1627
|
+
/** 입력 크기 */
|
|
784
1628
|
size: {
|
|
785
1629
|
type: () => Size;
|
|
786
1630
|
default: string;
|
|
787
1631
|
};
|
|
1632
|
+
/** 허용되는 파일 타입 (예: '.jpg,.png,.pdf') */
|
|
788
1633
|
accept: {
|
|
789
1634
|
type: StringConstructor;
|
|
790
1635
|
default: undefined;
|
|
791
1636
|
};
|
|
1637
|
+
/** 최대 파일 개수 */
|
|
792
1638
|
maxFiles: {
|
|
793
1639
|
type: NumberConstructor;
|
|
794
1640
|
default: number;
|
|
795
1641
|
};
|
|
1642
|
+
/** 최대 파일 크기 (bytes) */
|
|
796
1643
|
maxFileSize: {
|
|
797
1644
|
type: NumberConstructor;
|
|
798
1645
|
default: number;
|
|
799
1646
|
};
|
|
1647
|
+
/** 다중 파일 선택 여부 */
|
|
800
1648
|
multiple: {
|
|
801
1649
|
type: BooleanConstructor;
|
|
802
1650
|
default: boolean;
|
|
803
1651
|
};
|
|
1652
|
+
/** 비활성화 여부 */
|
|
804
1653
|
disabled: {
|
|
805
1654
|
type: BooleanConstructor;
|
|
806
1655
|
default: boolean;
|
|
807
1656
|
};
|
|
1657
|
+
/** 드래그 앤 드롭 활성화 여부 */
|
|
808
1658
|
dragAndDrop: {
|
|
809
1659
|
type: BooleanConstructor;
|
|
810
1660
|
default: boolean;
|
|
811
1661
|
};
|
|
1662
|
+
/** 제목 */
|
|
812
1663
|
title: {
|
|
813
1664
|
type: StringConstructor;
|
|
814
1665
|
default: string;
|
|
815
1666
|
};
|
|
1667
|
+
/** 설명 텍스트 */
|
|
816
1668
|
description: {
|
|
817
1669
|
type: StringConstructor;
|
|
818
1670
|
default: string;
|
|
819
1671
|
};
|
|
1672
|
+
/** 플레이스홀더 텍스트 */
|
|
820
1673
|
placeholder: {
|
|
821
1674
|
type: StringConstructor;
|
|
822
1675
|
default: string;
|
|
823
1676
|
};
|
|
1677
|
+
/** 미리보기 표시 여부 */
|
|
824
1678
|
showPreview: {
|
|
825
1679
|
type: BooleanConstructor;
|
|
826
1680
|
default: boolean;
|
|
827
1681
|
};
|
|
1682
|
+
/** 다운로드 버튼 표시 여부 */
|
|
828
1683
|
showDownload: {
|
|
829
1684
|
type: BooleanConstructor;
|
|
830
1685
|
default: boolean;
|
|
831
1686
|
};
|
|
1687
|
+
/** 바로보기 버튼 표시 여부 */
|
|
832
1688
|
showPreviewButton: {
|
|
833
1689
|
type: BooleanConstructor;
|
|
834
1690
|
default: boolean;
|
|
835
1691
|
};
|
|
1692
|
+
/** 전체 삭제 버튼 표시 여부 */
|
|
836
1693
|
showClearAll: {
|
|
837
1694
|
type: BooleanConstructor;
|
|
838
1695
|
default: boolean;
|
|
839
1696
|
};
|
|
1697
|
+
/** 폼 필드 이름 */
|
|
840
1698
|
name: {
|
|
841
1699
|
type: StringConstructor;
|
|
842
1700
|
default: undefined;
|
|
843
1701
|
};
|
|
1702
|
+
/** 필수 입력 여부 */
|
|
844
1703
|
required: {
|
|
845
1704
|
type: BooleanConstructor;
|
|
846
1705
|
default: boolean;
|
|
847
1706
|
};
|
|
1707
|
+
/** 읽기 전용 여부 */
|
|
848
1708
|
readonly: {
|
|
849
1709
|
type: BooleanConstructor;
|
|
850
1710
|
default: boolean;
|
|
851
1711
|
};
|
|
1712
|
+
/** CSS 클래스 */
|
|
852
1713
|
class: {
|
|
853
1714
|
type: StringConstructor;
|
|
854
1715
|
default: undefined;
|
|
855
1716
|
};
|
|
1717
|
+
/** 인라인 스타일 */
|
|
856
1718
|
style: {
|
|
857
1719
|
type: (StringConstructor | ObjectConstructor)[];
|
|
858
1720
|
default: undefined;
|
|
859
1721
|
};
|
|
1722
|
+
/** HTML ID */
|
|
860
1723
|
id: {
|
|
861
1724
|
type: StringConstructor;
|
|
862
1725
|
default: undefined;
|
|
863
1726
|
};
|
|
864
1727
|
}>> & Readonly<{
|
|
865
|
-
"onUpdate:modelValue"?: ((
|
|
866
|
-
"onFile-added"?: ((
|
|
867
|
-
"onFile-removed"?: ((
|
|
868
|
-
"onFile-error"?: ((
|
|
869
|
-
"onUpload-start"?: ((
|
|
870
|
-
"onUpload-progress"?: ((
|
|
871
|
-
"onUpload-complete"?: ((
|
|
872
|
-
"onUpload-error"?: ((
|
|
873
|
-
"onClear-all"?: ((
|
|
874
|
-
onDownload?: ((
|
|
875
|
-
onPreview?: ((
|
|
1728
|
+
"onUpdate:modelValue"?: ((files: FileInfo[]) => any) | undefined;
|
|
1729
|
+
"onFile-added"?: ((file: FileInfo) => any) | undefined;
|
|
1730
|
+
"onFile-removed"?: ((fileId: string) => any) | undefined;
|
|
1731
|
+
"onFile-error"?: ((file: FileInfo, error: string) => any) | undefined;
|
|
1732
|
+
"onUpload-start"?: ((file: FileInfo) => any) | undefined;
|
|
1733
|
+
"onUpload-progress"?: ((file: FileInfo, progress: number) => any) | undefined;
|
|
1734
|
+
"onUpload-complete"?: ((file: FileInfo) => any) | undefined;
|
|
1735
|
+
"onUpload-error"?: ((file: FileInfo, error: string) => any) | undefined;
|
|
1736
|
+
"onClear-all"?: (() => any) | undefined;
|
|
1737
|
+
onDownload?: ((file: FileInfo) => any) | undefined;
|
|
1738
|
+
onPreview?: ((file: FileInfo) => any) | undefined;
|
|
876
1739
|
}>, {
|
|
877
1740
|
name: string;
|
|
878
1741
|
required: boolean;
|
|
@@ -881,10 +1744,10 @@ export declare const KrdsFileUpload: DefineComponent<ExtractPropTypes<{
|
|
|
881
1744
|
size: Size;
|
|
882
1745
|
class: string;
|
|
883
1746
|
style: string | Record<string, any>;
|
|
884
|
-
id: string;
|
|
885
1747
|
title: string;
|
|
886
1748
|
modelValue: FileInfo[];
|
|
887
1749
|
placeholder: string;
|
|
1750
|
+
id: string;
|
|
888
1751
|
accept: string;
|
|
889
1752
|
multiple: boolean;
|
|
890
1753
|
maxFiles: number;
|
|
@@ -950,7 +1813,34 @@ export declare interface KrdsFileUploadProps extends BaseFormProps {
|
|
|
950
1813
|
showClearAll?: boolean;
|
|
951
1814
|
}
|
|
952
1815
|
|
|
953
|
-
export declare const KrdsFooter: DefineComponent<
|
|
1816
|
+
export declare const KrdsFooter: DefineComponent<ExtractPropTypes<{
|
|
1817
|
+
/** Footer ID */
|
|
1818
|
+
id: {
|
|
1819
|
+
type: StringConstructor;
|
|
1820
|
+
default: string;
|
|
1821
|
+
};
|
|
1822
|
+
/** CSS 클래스 */
|
|
1823
|
+
class: {
|
|
1824
|
+
type: StringConstructor;
|
|
1825
|
+
default: undefined;
|
|
1826
|
+
};
|
|
1827
|
+
}>, () => VNode< RendererNode, RendererElement, {
|
|
1828
|
+
[key: string]: any;
|
|
1829
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
1830
|
+
/** Footer ID */
|
|
1831
|
+
id: {
|
|
1832
|
+
type: StringConstructor;
|
|
1833
|
+
default: string;
|
|
1834
|
+
};
|
|
1835
|
+
/** CSS 클래스 */
|
|
1836
|
+
class: {
|
|
1837
|
+
type: StringConstructor;
|
|
1838
|
+
default: undefined;
|
|
1839
|
+
};
|
|
1840
|
+
}>> & Readonly<{}>, {
|
|
1841
|
+
class: string;
|
|
1842
|
+
id: string;
|
|
1843
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
954
1844
|
|
|
955
1845
|
/**
|
|
956
1846
|
* KRDS Footer 컴포넌트 속성
|
|
@@ -960,31 +1850,175 @@ export declare interface KrdsFooterProps extends BaseComponentProps {
|
|
|
960
1850
|
id?: string;
|
|
961
1851
|
}
|
|
962
1852
|
|
|
963
|
-
export declare const KrdsFormGroup: DefineComponent<
|
|
964
|
-
|
|
965
|
-
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
|
|
970
|
-
|
|
971
|
-
|
|
972
|
-
|
|
973
|
-
|
|
974
|
-
*/
|
|
975
|
-
|
|
976
|
-
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
|
|
980
|
-
|
|
981
|
-
|
|
1853
|
+
export declare const KrdsFormGroup: DefineComponent<ExtractPropTypes<{
|
|
1854
|
+
/** CSS 클래스 */
|
|
1855
|
+
class: {
|
|
1856
|
+
type: StringConstructor;
|
|
1857
|
+
default: undefined;
|
|
1858
|
+
};
|
|
1859
|
+
/** 인라인 스타일 */
|
|
1860
|
+
style: {
|
|
1861
|
+
type: (StringConstructor | ObjectConstructor)[];
|
|
1862
|
+
default: undefined;
|
|
1863
|
+
};
|
|
1864
|
+
/** HTML ID */
|
|
1865
|
+
id: {
|
|
1866
|
+
type: StringConstructor;
|
|
1867
|
+
default: undefined;
|
|
1868
|
+
};
|
|
1869
|
+
}>, () => VNode<RendererNode, RendererElement, {
|
|
1870
|
+
[key: string]: any;
|
|
1871
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
1872
|
+
/** CSS 클래스 */
|
|
1873
|
+
class: {
|
|
1874
|
+
type: StringConstructor;
|
|
1875
|
+
default: undefined;
|
|
1876
|
+
};
|
|
1877
|
+
/** 인라인 스타일 */
|
|
1878
|
+
style: {
|
|
1879
|
+
type: (StringConstructor | ObjectConstructor)[];
|
|
1880
|
+
default: undefined;
|
|
1881
|
+
};
|
|
1882
|
+
/** HTML ID */
|
|
1883
|
+
id: {
|
|
1884
|
+
type: StringConstructor;
|
|
1885
|
+
default: undefined;
|
|
1886
|
+
};
|
|
1887
|
+
}>> & Readonly<{}>, {
|
|
1888
|
+
class: string;
|
|
1889
|
+
style: string | Record<string, any>;
|
|
1890
|
+
id: string;
|
|
1891
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1892
|
+
|
|
1893
|
+
/**
|
|
1894
|
+
* KRDS FormGroup 컴포넌트 속성
|
|
1895
|
+
*/
|
|
1896
|
+
export declare type KrdsFormGroupProps = BaseComponentProps;
|
|
1897
|
+
|
|
1898
|
+
export declare const KrdsFormHint: DefineComponent<ExtractPropTypes<{
|
|
1899
|
+
/** 힌트 타입 */
|
|
1900
|
+
type: {
|
|
1901
|
+
type: () => "hint" | "error" | "success" | "information";
|
|
1902
|
+
default: string;
|
|
1903
|
+
};
|
|
1904
|
+
/** CSS 클래스 */
|
|
1905
|
+
class: {
|
|
1906
|
+
type: StringConstructor;
|
|
1907
|
+
default: undefined;
|
|
1908
|
+
};
|
|
1909
|
+
/** 인라인 스타일 */
|
|
1910
|
+
style: {
|
|
1911
|
+
type: (StringConstructor | ObjectConstructor)[];
|
|
1912
|
+
default: undefined;
|
|
1913
|
+
};
|
|
1914
|
+
/** HTML ID */
|
|
1915
|
+
id: {
|
|
1916
|
+
type: StringConstructor;
|
|
1917
|
+
default: undefined;
|
|
1918
|
+
};
|
|
1919
|
+
}>, () => VNode<RendererNode, RendererElement, {
|
|
1920
|
+
[key: string]: any;
|
|
1921
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
1922
|
+
click: (event: MouseEvent) => true;
|
|
1923
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
1924
|
+
/** 힌트 타입 */
|
|
1925
|
+
type: {
|
|
1926
|
+
type: () => "hint" | "error" | "success" | "information";
|
|
1927
|
+
default: string;
|
|
1928
|
+
};
|
|
1929
|
+
/** CSS 클래스 */
|
|
1930
|
+
class: {
|
|
1931
|
+
type: StringConstructor;
|
|
1932
|
+
default: undefined;
|
|
1933
|
+
};
|
|
1934
|
+
/** 인라인 스타일 */
|
|
1935
|
+
style: {
|
|
1936
|
+
type: (StringConstructor | ObjectConstructor)[];
|
|
1937
|
+
default: undefined;
|
|
1938
|
+
};
|
|
1939
|
+
/** HTML ID */
|
|
1940
|
+
id: {
|
|
1941
|
+
type: StringConstructor;
|
|
1942
|
+
default: undefined;
|
|
1943
|
+
};
|
|
1944
|
+
}>> & Readonly<{
|
|
1945
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
1946
|
+
}>, {
|
|
1947
|
+
type: "success" | "error" | "information" | "hint";
|
|
1948
|
+
class: string;
|
|
1949
|
+
style: string | Record<string, any>;
|
|
1950
|
+
id: string;
|
|
1951
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1952
|
+
|
|
1953
|
+
/**
|
|
1954
|
+
* KRDS FormHint 컴포넌트 이벤트
|
|
1955
|
+
*/
|
|
1956
|
+
export declare interface KrdsFormHintEmits {
|
|
1957
|
+
(e: 'click', event: MouseEvent): void;
|
|
1958
|
+
}
|
|
1959
|
+
|
|
1960
|
+
/**
|
|
1961
|
+
* KRDS FormHint 컴포넌트 속성
|
|
1962
|
+
*/
|
|
982
1963
|
export declare interface KrdsFormHintProps extends BaseComponentProps {
|
|
983
1964
|
/** 힌트 타입 */
|
|
984
1965
|
type?: 'hint' | 'error' | 'success' | 'information';
|
|
985
1966
|
}
|
|
986
1967
|
|
|
987
|
-
export declare const KrdsFormLabel: DefineComponent<
|
|
1968
|
+
export declare const KrdsFormLabel: DefineComponent<ExtractPropTypes<{
|
|
1969
|
+
/** label의 for 속성 */
|
|
1970
|
+
for: {
|
|
1971
|
+
type: StringConstructor;
|
|
1972
|
+
default: undefined;
|
|
1973
|
+
};
|
|
1974
|
+
/** CSS 클래스 */
|
|
1975
|
+
class: {
|
|
1976
|
+
type: StringConstructor;
|
|
1977
|
+
default: undefined;
|
|
1978
|
+
};
|
|
1979
|
+
/** 인라인 스타일 */
|
|
1980
|
+
style: {
|
|
1981
|
+
type: (StringConstructor | ObjectConstructor)[];
|
|
1982
|
+
default: undefined;
|
|
1983
|
+
};
|
|
1984
|
+
/** HTML ID */
|
|
1985
|
+
id: {
|
|
1986
|
+
type: StringConstructor;
|
|
1987
|
+
default: undefined;
|
|
1988
|
+
};
|
|
1989
|
+
}>, () => VNode<RendererNode, RendererElement, {
|
|
1990
|
+
[key: string]: any;
|
|
1991
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
1992
|
+
click: (event: MouseEvent) => true;
|
|
1993
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
1994
|
+
/** label의 for 속성 */
|
|
1995
|
+
for: {
|
|
1996
|
+
type: StringConstructor;
|
|
1997
|
+
default: undefined;
|
|
1998
|
+
};
|
|
1999
|
+
/** CSS 클래스 */
|
|
2000
|
+
class: {
|
|
2001
|
+
type: StringConstructor;
|
|
2002
|
+
default: undefined;
|
|
2003
|
+
};
|
|
2004
|
+
/** 인라인 스타일 */
|
|
2005
|
+
style: {
|
|
2006
|
+
type: (StringConstructor | ObjectConstructor)[];
|
|
2007
|
+
default: undefined;
|
|
2008
|
+
};
|
|
2009
|
+
/** HTML ID */
|
|
2010
|
+
id: {
|
|
2011
|
+
type: StringConstructor;
|
|
2012
|
+
default: undefined;
|
|
2013
|
+
};
|
|
2014
|
+
}>> & Readonly<{
|
|
2015
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
2016
|
+
}>, {
|
|
2017
|
+
class: string;
|
|
2018
|
+
style: string | Record<string, any>;
|
|
2019
|
+
id: string;
|
|
2020
|
+
for: string;
|
|
2021
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
988
2022
|
|
|
989
2023
|
/**
|
|
990
2024
|
* KRDS FormLabel 컴포넌트 이벤트
|
|
@@ -1002,10 +2036,12 @@ export declare interface KrdsFormLabelProps extends BaseComponentProps {
|
|
|
1002
2036
|
}
|
|
1003
2037
|
|
|
1004
2038
|
export declare const KrdsHeader: DefineComponent<ExtractPropTypes<{
|
|
2039
|
+
/** 헤더 ID */
|
|
1005
2040
|
id: {
|
|
1006
2041
|
type: StringConstructor;
|
|
1007
2042
|
default: string;
|
|
1008
2043
|
};
|
|
2044
|
+
/** 추가 CSS 클래스 */
|
|
1009
2045
|
class: {
|
|
1010
2046
|
type: StringConstructor;
|
|
1011
2047
|
default: undefined;
|
|
@@ -1013,10 +2049,12 @@ export declare const KrdsHeader: DefineComponent<ExtractPropTypes<{
|
|
|
1013
2049
|
}>, () => VNode< RendererNode, RendererElement, {
|
|
1014
2050
|
[key: string]: any;
|
|
1015
2051
|
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
2052
|
+
/** 헤더 ID */
|
|
1016
2053
|
id: {
|
|
1017
2054
|
type: StringConstructor;
|
|
1018
2055
|
default: string;
|
|
1019
2056
|
};
|
|
2057
|
+
/** 추가 CSS 클래스 */
|
|
1020
2058
|
class: {
|
|
1021
2059
|
type: StringConstructor;
|
|
1022
2060
|
default: undefined;
|
|
@@ -1045,7 +2083,33 @@ export declare interface KrdsHeaderProps {
|
|
|
1045
2083
|
class?: string;
|
|
1046
2084
|
}
|
|
1047
2085
|
|
|
1048
|
-
export declare const KrdsIcon: DefineComponent<
|
|
2086
|
+
export declare const KrdsIcon: DefineComponent<ExtractPropTypes<{
|
|
2087
|
+
/** 아이콘 이름 */
|
|
2088
|
+
name: {
|
|
2089
|
+
type: StringConstructor;
|
|
2090
|
+
required: true;
|
|
2091
|
+
};
|
|
2092
|
+
/** CSS 클래스 */
|
|
2093
|
+
class: {
|
|
2094
|
+
type: StringConstructor;
|
|
2095
|
+
default: undefined;
|
|
2096
|
+
};
|
|
2097
|
+
}>, () => VNode<RendererNode, RendererElement, {
|
|
2098
|
+
[key: string]: any;
|
|
2099
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
2100
|
+
/** 아이콘 이름 */
|
|
2101
|
+
name: {
|
|
2102
|
+
type: StringConstructor;
|
|
2103
|
+
required: true;
|
|
2104
|
+
};
|
|
2105
|
+
/** CSS 클래스 */
|
|
2106
|
+
class: {
|
|
2107
|
+
type: StringConstructor;
|
|
2108
|
+
default: undefined;
|
|
2109
|
+
};
|
|
2110
|
+
}>> & Readonly<{}>, {
|
|
2111
|
+
class: string;
|
|
2112
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1049
2113
|
|
|
1050
2114
|
/**
|
|
1051
2115
|
* KRDS Icon 컴포넌트 속성
|
|
@@ -1055,7 +2119,38 @@ export declare interface KrdsIconProps extends BaseComponentProps {
|
|
|
1055
2119
|
name: string;
|
|
1056
2120
|
}
|
|
1057
2121
|
|
|
1058
|
-
export declare const KrdsIdentifier: DefineComponent<
|
|
2122
|
+
export declare const KrdsIdentifier: DefineComponent<ExtractPropTypes<{
|
|
2123
|
+
/** CSS 클래스 */
|
|
2124
|
+
class: {
|
|
2125
|
+
type: StringConstructor;
|
|
2126
|
+
default: undefined;
|
|
2127
|
+
};
|
|
2128
|
+
/** 로고 스크린리더 텍스트 */
|
|
2129
|
+
logoLabel: {
|
|
2130
|
+
type: StringConstructor;
|
|
2131
|
+
default: string;
|
|
2132
|
+
};
|
|
2133
|
+
}>, () => VNode<RendererNode, RendererElement, {
|
|
2134
|
+
[key: string]: any;
|
|
2135
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
2136
|
+
click: (event: MouseEvent) => true;
|
|
2137
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
2138
|
+
/** CSS 클래스 */
|
|
2139
|
+
class: {
|
|
2140
|
+
type: StringConstructor;
|
|
2141
|
+
default: undefined;
|
|
2142
|
+
};
|
|
2143
|
+
/** 로고 스크린리더 텍스트 */
|
|
2144
|
+
logoLabel: {
|
|
2145
|
+
type: StringConstructor;
|
|
2146
|
+
default: string;
|
|
2147
|
+
};
|
|
2148
|
+
}>> & Readonly<{
|
|
2149
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
2150
|
+
}>, {
|
|
2151
|
+
class: string;
|
|
2152
|
+
logoLabel: string;
|
|
2153
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1059
2154
|
|
|
1060
2155
|
/**
|
|
1061
2156
|
* KRDS Identifier 컴포넌트 이벤트
|
|
@@ -1071,7 +2166,95 @@ export declare interface KrdsIdentifierProps extends BaseComponentProps {
|
|
|
1071
2166
|
logoLabel?: string;
|
|
1072
2167
|
}
|
|
1073
2168
|
|
|
1074
|
-
export declare const KrdsInPageNavigation: DefineComponent<
|
|
2169
|
+
export declare const KrdsInPageNavigation: DefineComponent<ExtractPropTypes<{
|
|
2170
|
+
/** 네비게이션 제목 */
|
|
2171
|
+
title: {
|
|
2172
|
+
type: StringConstructor;
|
|
2173
|
+
default: undefined;
|
|
2174
|
+
};
|
|
2175
|
+
/** 네비게이션 캡션 */
|
|
2176
|
+
caption: {
|
|
2177
|
+
type: StringConstructor;
|
|
2178
|
+
default: string;
|
|
2179
|
+
};
|
|
2180
|
+
/** 네비게이션 아이템 목록 */
|
|
2181
|
+
items: {
|
|
2182
|
+
type: () => NavigationItem[];
|
|
2183
|
+
default: () => never[];
|
|
2184
|
+
};
|
|
2185
|
+
/** 스크롤에 따른 자동 활성화 여부 */
|
|
2186
|
+
autoActive: {
|
|
2187
|
+
type: BooleanConstructor;
|
|
2188
|
+
default: boolean;
|
|
2189
|
+
};
|
|
2190
|
+
/** 헤더 상단 영역 선택자 (기본값: '#krds-masthead') */
|
|
2191
|
+
headerTopSelector: {
|
|
2192
|
+
type: StringConstructor;
|
|
2193
|
+
default: string;
|
|
2194
|
+
};
|
|
2195
|
+
/** 헤더 내부 영역 선택자 (기본값: '#krds-header .header-in') */
|
|
2196
|
+
headerInnerSelector: {
|
|
2197
|
+
type: StringConstructor;
|
|
2198
|
+
default: string;
|
|
2199
|
+
};
|
|
2200
|
+
/** CSS 클래스 */
|
|
2201
|
+
class: {
|
|
2202
|
+
type: StringConstructor;
|
|
2203
|
+
default: undefined;
|
|
2204
|
+
};
|
|
2205
|
+
}>, () => VNode< RendererNode, RendererElement, {
|
|
2206
|
+
[key: string]: any;
|
|
2207
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
2208
|
+
itemClick: (item: NavigationItem, event: MouseEvent | KeyboardEvent) => true;
|
|
2209
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
2210
|
+
/** 네비게이션 제목 */
|
|
2211
|
+
title: {
|
|
2212
|
+
type: StringConstructor;
|
|
2213
|
+
default: undefined;
|
|
2214
|
+
};
|
|
2215
|
+
/** 네비게이션 캡션 */
|
|
2216
|
+
caption: {
|
|
2217
|
+
type: StringConstructor;
|
|
2218
|
+
default: string;
|
|
2219
|
+
};
|
|
2220
|
+
/** 네비게이션 아이템 목록 */
|
|
2221
|
+
items: {
|
|
2222
|
+
type: () => NavigationItem[];
|
|
2223
|
+
default: () => never[];
|
|
2224
|
+
};
|
|
2225
|
+
/** 스크롤에 따른 자동 활성화 여부 */
|
|
2226
|
+
autoActive: {
|
|
2227
|
+
type: BooleanConstructor;
|
|
2228
|
+
default: boolean;
|
|
2229
|
+
};
|
|
2230
|
+
/** 헤더 상단 영역 선택자 (기본값: '#krds-masthead') */
|
|
2231
|
+
headerTopSelector: {
|
|
2232
|
+
type: StringConstructor;
|
|
2233
|
+
default: string;
|
|
2234
|
+
};
|
|
2235
|
+
/** 헤더 내부 영역 선택자 (기본값: '#krds-header .header-in') */
|
|
2236
|
+
headerInnerSelector: {
|
|
2237
|
+
type: StringConstructor;
|
|
2238
|
+
default: string;
|
|
2239
|
+
};
|
|
2240
|
+
/** CSS 클래스 */
|
|
2241
|
+
class: {
|
|
2242
|
+
type: StringConstructor;
|
|
2243
|
+
default: undefined;
|
|
2244
|
+
};
|
|
2245
|
+
}>> & Readonly<{
|
|
2246
|
+
onItemClick?: ((item: NavigationItem, event: MouseEvent | KeyboardEvent) => any) | undefined;
|
|
2247
|
+
}>, {
|
|
2248
|
+
class: string;
|
|
2249
|
+
caption: string;
|
|
2250
|
+
title: string;
|
|
2251
|
+
items: NavigationItem[];
|
|
2252
|
+
autoActive: boolean;
|
|
2253
|
+
headerTopSelector: string;
|
|
2254
|
+
headerInnerSelector: string;
|
|
2255
|
+
}, SlotsType<{
|
|
2256
|
+
action?: () => VNode[];
|
|
2257
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1075
2258
|
|
|
1076
2259
|
/**
|
|
1077
2260
|
* KRDS InPageNavigation 컴포넌트 이벤트
|
|
@@ -1098,7 +2281,248 @@ export declare interface KrdsInPageNavigationProps extends BaseComponentProps {
|
|
|
1098
2281
|
headerInnerSelector?: string;
|
|
1099
2282
|
}
|
|
1100
2283
|
|
|
1101
|
-
export declare const KrdsInput: DefineComponent<
|
|
2284
|
+
export declare const KrdsInput: DefineComponent<ExtractPropTypes<{
|
|
2285
|
+
/** 입력값 */
|
|
2286
|
+
modelValue: {
|
|
2287
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
2288
|
+
default: undefined;
|
|
2289
|
+
};
|
|
2290
|
+
/** 입력 타입 */
|
|
2291
|
+
type: {
|
|
2292
|
+
type: () => InputType;
|
|
2293
|
+
default: string;
|
|
2294
|
+
};
|
|
2295
|
+
/** 입력 크기 */
|
|
2296
|
+
size: {
|
|
2297
|
+
type: () => Size;
|
|
2298
|
+
default: undefined;
|
|
2299
|
+
};
|
|
2300
|
+
/** 플레이스홀더 */
|
|
2301
|
+
placeholder: {
|
|
2302
|
+
type: StringConstructor;
|
|
2303
|
+
default: undefined;
|
|
2304
|
+
};
|
|
2305
|
+
/** 최대 글자 수 */
|
|
2306
|
+
maxlength: {
|
|
2307
|
+
type: NumberConstructor;
|
|
2308
|
+
default: undefined;
|
|
2309
|
+
};
|
|
2310
|
+
/** 최소 글자 수 */
|
|
2311
|
+
minlength: {
|
|
2312
|
+
type: NumberConstructor;
|
|
2313
|
+
default: undefined;
|
|
2314
|
+
};
|
|
2315
|
+
/** 최대값 (number 타입용) */
|
|
2316
|
+
max: {
|
|
2317
|
+
type: NumberConstructor;
|
|
2318
|
+
default: undefined;
|
|
2319
|
+
};
|
|
2320
|
+
/** 최소값 (number 타입용) */
|
|
2321
|
+
min: {
|
|
2322
|
+
type: NumberConstructor;
|
|
2323
|
+
default: undefined;
|
|
2324
|
+
};
|
|
2325
|
+
/** 단계값 (number 타입용) */
|
|
2326
|
+
step: {
|
|
2327
|
+
type: NumberConstructor;
|
|
2328
|
+
default: undefined;
|
|
2329
|
+
};
|
|
2330
|
+
/** 자동완성 */
|
|
2331
|
+
autocomplete: {
|
|
2332
|
+
type: StringConstructor;
|
|
2333
|
+
default: undefined;
|
|
2334
|
+
};
|
|
2335
|
+
/** 자동 포커스 */
|
|
2336
|
+
autofocus: {
|
|
2337
|
+
type: BooleanConstructor;
|
|
2338
|
+
default: boolean;
|
|
2339
|
+
};
|
|
2340
|
+
/** 폼 필드 이름 */
|
|
2341
|
+
name: {
|
|
2342
|
+
type: StringConstructor;
|
|
2343
|
+
default: undefined;
|
|
2344
|
+
};
|
|
2345
|
+
/** 필수 입력 여부 */
|
|
2346
|
+
required: {
|
|
2347
|
+
type: BooleanConstructor;
|
|
2348
|
+
default: boolean;
|
|
2349
|
+
};
|
|
2350
|
+
/** 읽기 전용 여부 */
|
|
2351
|
+
readonly: {
|
|
2352
|
+
type: BooleanConstructor;
|
|
2353
|
+
default: boolean;
|
|
2354
|
+
};
|
|
2355
|
+
/** 비활성화 여부 */
|
|
2356
|
+
disabled: {
|
|
2357
|
+
type: BooleanConstructor;
|
|
2358
|
+
default: boolean;
|
|
2359
|
+
};
|
|
2360
|
+
/** 입력 상태 */
|
|
2361
|
+
state: {
|
|
2362
|
+
type: () => "default" | "error" | "success" | "information";
|
|
2363
|
+
default: string;
|
|
2364
|
+
};
|
|
2365
|
+
/** 아이콘 (있을 때 btn-ico-wrap 클래스 적용) */
|
|
2366
|
+
icon: {
|
|
2367
|
+
type: BooleanConstructor;
|
|
2368
|
+
default: boolean;
|
|
2369
|
+
};
|
|
2370
|
+
/** 로딩 상태 */
|
|
2371
|
+
loading: {
|
|
2372
|
+
type: BooleanConstructor;
|
|
2373
|
+
default: boolean;
|
|
2374
|
+
};
|
|
2375
|
+
/** CSS 클래스 */
|
|
2376
|
+
class: {
|
|
2377
|
+
type: StringConstructor;
|
|
2378
|
+
default: undefined;
|
|
2379
|
+
};
|
|
2380
|
+
/** HTML ID */
|
|
2381
|
+
id: {
|
|
2382
|
+
type: StringConstructor;
|
|
2383
|
+
default: undefined;
|
|
2384
|
+
};
|
|
2385
|
+
}>, () => VNode<RendererNode, RendererElement, {
|
|
2386
|
+
[key: string]: any;
|
|
2387
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
2388
|
+
'update:modelValue': (value: string | number) => true;
|
|
2389
|
+
input: (event: Event) => true;
|
|
2390
|
+
change: (event: Event) => true;
|
|
2391
|
+
focus: (event: FocusEvent) => true;
|
|
2392
|
+
blur: (event: FocusEvent) => true;
|
|
2393
|
+
keydown: (event: KeyboardEvent) => true;
|
|
2394
|
+
keyup: (event: KeyboardEvent) => true;
|
|
2395
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
2396
|
+
/** 입력값 */
|
|
2397
|
+
modelValue: {
|
|
2398
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
2399
|
+
default: undefined;
|
|
2400
|
+
};
|
|
2401
|
+
/** 입력 타입 */
|
|
2402
|
+
type: {
|
|
2403
|
+
type: () => InputType;
|
|
2404
|
+
default: string;
|
|
2405
|
+
};
|
|
2406
|
+
/** 입력 크기 */
|
|
2407
|
+
size: {
|
|
2408
|
+
type: () => Size;
|
|
2409
|
+
default: undefined;
|
|
2410
|
+
};
|
|
2411
|
+
/** 플레이스홀더 */
|
|
2412
|
+
placeholder: {
|
|
2413
|
+
type: StringConstructor;
|
|
2414
|
+
default: undefined;
|
|
2415
|
+
};
|
|
2416
|
+
/** 최대 글자 수 */
|
|
2417
|
+
maxlength: {
|
|
2418
|
+
type: NumberConstructor;
|
|
2419
|
+
default: undefined;
|
|
2420
|
+
};
|
|
2421
|
+
/** 최소 글자 수 */
|
|
2422
|
+
minlength: {
|
|
2423
|
+
type: NumberConstructor;
|
|
2424
|
+
default: undefined;
|
|
2425
|
+
};
|
|
2426
|
+
/** 최대값 (number 타입용) */
|
|
2427
|
+
max: {
|
|
2428
|
+
type: NumberConstructor;
|
|
2429
|
+
default: undefined;
|
|
2430
|
+
};
|
|
2431
|
+
/** 최소값 (number 타입용) */
|
|
2432
|
+
min: {
|
|
2433
|
+
type: NumberConstructor;
|
|
2434
|
+
default: undefined;
|
|
2435
|
+
};
|
|
2436
|
+
/** 단계값 (number 타입용) */
|
|
2437
|
+
step: {
|
|
2438
|
+
type: NumberConstructor;
|
|
2439
|
+
default: undefined;
|
|
2440
|
+
};
|
|
2441
|
+
/** 자동완성 */
|
|
2442
|
+
autocomplete: {
|
|
2443
|
+
type: StringConstructor;
|
|
2444
|
+
default: undefined;
|
|
2445
|
+
};
|
|
2446
|
+
/** 자동 포커스 */
|
|
2447
|
+
autofocus: {
|
|
2448
|
+
type: BooleanConstructor;
|
|
2449
|
+
default: boolean;
|
|
2450
|
+
};
|
|
2451
|
+
/** 폼 필드 이름 */
|
|
2452
|
+
name: {
|
|
2453
|
+
type: StringConstructor;
|
|
2454
|
+
default: undefined;
|
|
2455
|
+
};
|
|
2456
|
+
/** 필수 입력 여부 */
|
|
2457
|
+
required: {
|
|
2458
|
+
type: BooleanConstructor;
|
|
2459
|
+
default: boolean;
|
|
2460
|
+
};
|
|
2461
|
+
/** 읽기 전용 여부 */
|
|
2462
|
+
readonly: {
|
|
2463
|
+
type: BooleanConstructor;
|
|
2464
|
+
default: boolean;
|
|
2465
|
+
};
|
|
2466
|
+
/** 비활성화 여부 */
|
|
2467
|
+
disabled: {
|
|
2468
|
+
type: BooleanConstructor;
|
|
2469
|
+
default: boolean;
|
|
2470
|
+
};
|
|
2471
|
+
/** 입력 상태 */
|
|
2472
|
+
state: {
|
|
2473
|
+
type: () => "default" | "error" | "success" | "information";
|
|
2474
|
+
default: string;
|
|
2475
|
+
};
|
|
2476
|
+
/** 아이콘 (있을 때 btn-ico-wrap 클래스 적용) */
|
|
2477
|
+
icon: {
|
|
2478
|
+
type: BooleanConstructor;
|
|
2479
|
+
default: boolean;
|
|
2480
|
+
};
|
|
2481
|
+
/** 로딩 상태 */
|
|
2482
|
+
loading: {
|
|
2483
|
+
type: BooleanConstructor;
|
|
2484
|
+
default: boolean;
|
|
2485
|
+
};
|
|
2486
|
+
/** CSS 클래스 */
|
|
2487
|
+
class: {
|
|
2488
|
+
type: StringConstructor;
|
|
2489
|
+
default: undefined;
|
|
2490
|
+
};
|
|
2491
|
+
/** HTML ID */
|
|
2492
|
+
id: {
|
|
2493
|
+
type: StringConstructor;
|
|
2494
|
+
default: undefined;
|
|
2495
|
+
};
|
|
2496
|
+
}>> & Readonly<{
|
|
2497
|
+
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
2498
|
+
onInput?: ((event: Event) => any) | undefined;
|
|
2499
|
+
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
2500
|
+
onChange?: ((event: Event) => any) | undefined;
|
|
2501
|
+
onKeydown?: ((event: KeyboardEvent) => any) | undefined;
|
|
2502
|
+
onKeyup?: ((event: KeyboardEvent) => any) | undefined;
|
|
2503
|
+
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
|
|
2504
|
+
}>, {
|
|
2505
|
+
name: string;
|
|
2506
|
+
required: boolean;
|
|
2507
|
+
readonly: boolean;
|
|
2508
|
+
disabled: boolean;
|
|
2509
|
+
type: InputType;
|
|
2510
|
+
size: Size;
|
|
2511
|
+
icon: boolean;
|
|
2512
|
+
class: string;
|
|
2513
|
+
modelValue: string | number;
|
|
2514
|
+
placeholder: string;
|
|
2515
|
+
maxlength: number;
|
|
2516
|
+
minlength: number;
|
|
2517
|
+
max: number;
|
|
2518
|
+
min: number;
|
|
2519
|
+
step: number;
|
|
2520
|
+
autocomplete: string;
|
|
2521
|
+
autofocus: boolean;
|
|
2522
|
+
state: "success" | "error" | "default" | "information";
|
|
2523
|
+
loading: boolean;
|
|
2524
|
+
id: string;
|
|
2525
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1102
2526
|
|
|
1103
2527
|
/**
|
|
1104
2528
|
* KRDS Input 컴포넌트 이벤트
|
|
@@ -1149,7 +2573,61 @@ export declare interface KrdsInputProps extends BaseFormProps {
|
|
|
1149
2573
|
loading?: boolean;
|
|
1150
2574
|
}
|
|
1151
2575
|
|
|
1152
|
-
export declare const KrdsLanguageSwitcher: DefineComponent<
|
|
2576
|
+
export declare const KrdsLanguageSwitcher: DefineComponent<ExtractPropTypes<{
|
|
2577
|
+
/** 언어 목록 */
|
|
2578
|
+
languageList: {
|
|
2579
|
+
type: PropType<LanguageData[]>;
|
|
2580
|
+
required: true;
|
|
2581
|
+
};
|
|
2582
|
+
/** 선택된 언어 코드 (v-model) */
|
|
2583
|
+
modelValue: {
|
|
2584
|
+
type: StringConstructor;
|
|
2585
|
+
default: string;
|
|
2586
|
+
};
|
|
2587
|
+
/** 동작 타입 (default: 언어 선택, external: 외부 페이지 이동) */
|
|
2588
|
+
type: {
|
|
2589
|
+
type: PropType<"default" | "external">;
|
|
2590
|
+
default: string;
|
|
2591
|
+
};
|
|
2592
|
+
/** 드롭다운 정렬 위치 */
|
|
2593
|
+
dropPosition: {
|
|
2594
|
+
type: PropType<DropdownPosition>;
|
|
2595
|
+
default: string;
|
|
2596
|
+
};
|
|
2597
|
+
}>, () => VNode<RendererNode, RendererElement, {
|
|
2598
|
+
[key: string]: any;
|
|
2599
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
2600
|
+
'update:modelValue': (value: string) => true;
|
|
2601
|
+
close: () => true;
|
|
2602
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
2603
|
+
/** 언어 목록 */
|
|
2604
|
+
languageList: {
|
|
2605
|
+
type: PropType<LanguageData[]>;
|
|
2606
|
+
required: true;
|
|
2607
|
+
};
|
|
2608
|
+
/** 선택된 언어 코드 (v-model) */
|
|
2609
|
+
modelValue: {
|
|
2610
|
+
type: StringConstructor;
|
|
2611
|
+
default: string;
|
|
2612
|
+
};
|
|
2613
|
+
/** 동작 타입 (default: 언어 선택, external: 외부 페이지 이동) */
|
|
2614
|
+
type: {
|
|
2615
|
+
type: PropType<"default" | "external">;
|
|
2616
|
+
default: string;
|
|
2617
|
+
};
|
|
2618
|
+
/** 드롭다운 정렬 위치 */
|
|
2619
|
+
dropPosition: {
|
|
2620
|
+
type: PropType<DropdownPosition>;
|
|
2621
|
+
default: string;
|
|
2622
|
+
};
|
|
2623
|
+
}>> & Readonly<{
|
|
2624
|
+
onClose?: (() => any) | undefined;
|
|
2625
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
2626
|
+
}>, {
|
|
2627
|
+
type: "default" | "external";
|
|
2628
|
+
modelValue: string;
|
|
2629
|
+
dropPosition: DropdownPosition;
|
|
2630
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1153
2631
|
|
|
1154
2632
|
/**
|
|
1155
2633
|
* KRDS LanguageSwitcher 컴포넌트 이벤트
|
|
@@ -1173,7 +2651,53 @@ export declare interface KrdsLanguageSwitcherProps extends BaseComponentProps {
|
|
|
1173
2651
|
dropPosition?: DropdownPosition;
|
|
1174
2652
|
}
|
|
1175
2653
|
|
|
1176
|
-
export declare const KrdsLayout: DefineComponent<
|
|
2654
|
+
export declare const KrdsLayout: DefineComponent<ExtractPropTypes<{
|
|
2655
|
+
/** 레이아웃 ID */
|
|
2656
|
+
id: {
|
|
2657
|
+
type: StringConstructor;
|
|
2658
|
+
default: string;
|
|
2659
|
+
};
|
|
2660
|
+
/** CSS 클래스 */
|
|
2661
|
+
class: {
|
|
2662
|
+
type: StringConstructor;
|
|
2663
|
+
default: undefined;
|
|
2664
|
+
};
|
|
2665
|
+
/** 스크롤 감지 활성화 여부 */
|
|
2666
|
+
enableScrollDetection: {
|
|
2667
|
+
type: BooleanConstructor;
|
|
2668
|
+
default: boolean;
|
|
2669
|
+
};
|
|
2670
|
+
}>, () => VNode<RendererNode, RendererElement, {
|
|
2671
|
+
[key: string]: any;
|
|
2672
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
2673
|
+
resize: (_size: LayoutSize) => true;
|
|
2674
|
+
scroll: (_details: ScrollDetails) => true;
|
|
2675
|
+
'scroll-height': (_height: number) => true;
|
|
2676
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
2677
|
+
/** 레이아웃 ID */
|
|
2678
|
+
id: {
|
|
2679
|
+
type: StringConstructor;
|
|
2680
|
+
default: string;
|
|
2681
|
+
};
|
|
2682
|
+
/** CSS 클래스 */
|
|
2683
|
+
class: {
|
|
2684
|
+
type: StringConstructor;
|
|
2685
|
+
default: undefined;
|
|
2686
|
+
};
|
|
2687
|
+
/** 스크롤 감지 활성화 여부 */
|
|
2688
|
+
enableScrollDetection: {
|
|
2689
|
+
type: BooleanConstructor;
|
|
2690
|
+
default: boolean;
|
|
2691
|
+
};
|
|
2692
|
+
}>> & Readonly<{
|
|
2693
|
+
onResize?: ((_size: LayoutSize) => any) | undefined;
|
|
2694
|
+
onScroll?: ((_details: ScrollDetails) => any) | undefined;
|
|
2695
|
+
"onScroll-height"?: ((_height: number) => any) | undefined;
|
|
2696
|
+
}>, {
|
|
2697
|
+
class: string;
|
|
2698
|
+
id: string;
|
|
2699
|
+
enableScrollDetection: boolean;
|
|
2700
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1177
2701
|
|
|
1178
2702
|
/**
|
|
1179
2703
|
* KRDS Layout 컴포넌트 이벤트
|
|
@@ -1194,7 +2718,104 @@ export declare interface KrdsLayoutProps extends BaseComponentProps {
|
|
|
1194
2718
|
enableScrollDetection?: boolean;
|
|
1195
2719
|
}
|
|
1196
2720
|
|
|
1197
|
-
export declare const KrdsLink: DefineComponent<
|
|
2721
|
+
export declare const KrdsLink: DefineComponent<ExtractPropTypes<{
|
|
2722
|
+
/** 링크 URL */
|
|
2723
|
+
href: {
|
|
2724
|
+
type: StringConstructor;
|
|
2725
|
+
default: string;
|
|
2726
|
+
};
|
|
2727
|
+
/** 링크 대상 (_blank, _self 등) */
|
|
2728
|
+
target: {
|
|
2729
|
+
type: () => "_blank" | "_self" | "_parent" | "_top" | string;
|
|
2730
|
+
default: undefined;
|
|
2731
|
+
};
|
|
2732
|
+
/** 링크 제목 (접근성) */
|
|
2733
|
+
title: {
|
|
2734
|
+
type: StringConstructor;
|
|
2735
|
+
default: undefined;
|
|
2736
|
+
};
|
|
2737
|
+
/** 링크 크기 */
|
|
2738
|
+
size: {
|
|
2739
|
+
type: () => KrdsLinkSize;
|
|
2740
|
+
default: undefined;
|
|
2741
|
+
};
|
|
2742
|
+
/** Link 클래스 적용 여부 */
|
|
2743
|
+
link: {
|
|
2744
|
+
type: BooleanConstructor;
|
|
2745
|
+
default: boolean;
|
|
2746
|
+
};
|
|
2747
|
+
/** Basic 링크 여부 (본문 텍스트 컬러) */
|
|
2748
|
+
basic: {
|
|
2749
|
+
type: BooleanConstructor;
|
|
2750
|
+
default: boolean;
|
|
2751
|
+
};
|
|
2752
|
+
/** Pure 링크 여부 (가상클래스 상태 시 컬러 유지) */
|
|
2753
|
+
pure: {
|
|
2754
|
+
type: BooleanConstructor;
|
|
2755
|
+
default: boolean;
|
|
2756
|
+
};
|
|
2757
|
+
/** CSS 클래스 */
|
|
2758
|
+
class: {
|
|
2759
|
+
type: StringConstructor;
|
|
2760
|
+
default: undefined;
|
|
2761
|
+
};
|
|
2762
|
+
}>, () => VNode<RendererNode, RendererElement, {
|
|
2763
|
+
[key: string]: any;
|
|
2764
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
2765
|
+
click: (event: MouseEvent) => true;
|
|
2766
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
2767
|
+
/** 링크 URL */
|
|
2768
|
+
href: {
|
|
2769
|
+
type: StringConstructor;
|
|
2770
|
+
default: string;
|
|
2771
|
+
};
|
|
2772
|
+
/** 링크 대상 (_blank, _self 등) */
|
|
2773
|
+
target: {
|
|
2774
|
+
type: () => "_blank" | "_self" | "_parent" | "_top" | string;
|
|
2775
|
+
default: undefined;
|
|
2776
|
+
};
|
|
2777
|
+
/** 링크 제목 (접근성) */
|
|
2778
|
+
title: {
|
|
2779
|
+
type: StringConstructor;
|
|
2780
|
+
default: undefined;
|
|
2781
|
+
};
|
|
2782
|
+
/** 링크 크기 */
|
|
2783
|
+
size: {
|
|
2784
|
+
type: () => KrdsLinkSize;
|
|
2785
|
+
default: undefined;
|
|
2786
|
+
};
|
|
2787
|
+
/** Link 클래스 적용 여부 */
|
|
2788
|
+
link: {
|
|
2789
|
+
type: BooleanConstructor;
|
|
2790
|
+
default: boolean;
|
|
2791
|
+
};
|
|
2792
|
+
/** Basic 링크 여부 (본문 텍스트 컬러) */
|
|
2793
|
+
basic: {
|
|
2794
|
+
type: BooleanConstructor;
|
|
2795
|
+
default: boolean;
|
|
2796
|
+
};
|
|
2797
|
+
/** Pure 링크 여부 (가상클래스 상태 시 컬러 유지) */
|
|
2798
|
+
pure: {
|
|
2799
|
+
type: BooleanConstructor;
|
|
2800
|
+
default: boolean;
|
|
2801
|
+
};
|
|
2802
|
+
/** CSS 클래스 */
|
|
2803
|
+
class: {
|
|
2804
|
+
type: StringConstructor;
|
|
2805
|
+
default: undefined;
|
|
2806
|
+
};
|
|
2807
|
+
}>> & Readonly<{
|
|
2808
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
2809
|
+
}>, {
|
|
2810
|
+
size: KrdsLinkSize;
|
|
2811
|
+
pure: boolean;
|
|
2812
|
+
class: string;
|
|
2813
|
+
link: boolean;
|
|
2814
|
+
title: string;
|
|
2815
|
+
href: string;
|
|
2816
|
+
target: string;
|
|
2817
|
+
basic: boolean;
|
|
2818
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1198
2819
|
|
|
1199
2820
|
/**
|
|
1200
2821
|
* KRDS Link 컴포넌트 이벤트
|
|
@@ -1229,69 +2850,87 @@ export declare interface KrdsLinkProps extends BaseComponentProps {
|
|
|
1229
2850
|
export declare type KrdsLinkSize = 'small' | 'medium' | 'large';
|
|
1230
2851
|
|
|
1231
2852
|
export declare const KrdsMainMenu: DefineComponent<ExtractPropTypes<{
|
|
2853
|
+
/** 메뉴 아이템 배열 */
|
|
1232
2854
|
items: {
|
|
1233
2855
|
type: PropType<MainMenuItem[]>;
|
|
1234
2856
|
default: () => never[];
|
|
1235
2857
|
};
|
|
2858
|
+
/** 렌더링 방식 */
|
|
1236
2859
|
variant: {
|
|
1237
2860
|
type: PropType<MainMenuVariant>;
|
|
1238
2861
|
default: string;
|
|
1239
2862
|
};
|
|
2863
|
+
/** 메뉴 영역 레이블 */
|
|
1240
2864
|
ariaLabel: {
|
|
1241
2865
|
type: StringConstructor;
|
|
1242
2866
|
default: string;
|
|
1243
2867
|
};
|
|
2868
|
+
/** 모바일 드로어 열림 상태 (v-model:open) */
|
|
1244
2869
|
open: {
|
|
1245
2870
|
type: BooleanConstructor;
|
|
1246
2871
|
default: boolean;
|
|
1247
2872
|
};
|
|
2873
|
+
/** 모바일 드로어 요소 id (외부 트리거의 `aria-controls` 대상) */
|
|
1248
2874
|
mobileId: {
|
|
1249
2875
|
type: StringConstructor;
|
|
1250
2876
|
default: string;
|
|
1251
2877
|
};
|
|
2878
|
+
/** PC 메가 패널 배경 딤(backdrop) 사용 여부 */
|
|
1252
2879
|
backdrop: {
|
|
1253
2880
|
type: BooleanConstructor;
|
|
1254
2881
|
default: boolean;
|
|
1255
2882
|
};
|
|
2883
|
+
/** 모바일 드로어 닫기 버튼 레이블 */
|
|
1256
2884
|
closeLabel: {
|
|
1257
2885
|
type: StringConstructor;
|
|
1258
2886
|
default: string;
|
|
1259
2887
|
};
|
|
1260
2888
|
}>, () => VNode< RendererNode, RendererElement, {
|
|
1261
2889
|
[key: string]: any;
|
|
1262
|
-
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin,
|
|
2890
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
2891
|
+
'update:open': (value: boolean) => true;
|
|
2892
|
+
'menu-toggle': (index: number, expanded: boolean) => true;
|
|
2893
|
+
'item-click': (item: MainMenuAnyItem, mouseEvent: MouseEvent) => true;
|
|
2894
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
2895
|
+
/** 메뉴 아이템 배열 */
|
|
1263
2896
|
items: {
|
|
1264
2897
|
type: PropType<MainMenuItem[]>;
|
|
1265
2898
|
default: () => never[];
|
|
1266
2899
|
};
|
|
2900
|
+
/** 렌더링 방식 */
|
|
1267
2901
|
variant: {
|
|
1268
2902
|
type: PropType<MainMenuVariant>;
|
|
1269
2903
|
default: string;
|
|
1270
2904
|
};
|
|
2905
|
+
/** 메뉴 영역 레이블 */
|
|
1271
2906
|
ariaLabel: {
|
|
1272
2907
|
type: StringConstructor;
|
|
1273
2908
|
default: string;
|
|
1274
2909
|
};
|
|
2910
|
+
/** 모바일 드로어 열림 상태 (v-model:open) */
|
|
1275
2911
|
open: {
|
|
1276
2912
|
type: BooleanConstructor;
|
|
1277
2913
|
default: boolean;
|
|
1278
2914
|
};
|
|
2915
|
+
/** 모바일 드로어 요소 id (외부 트리거의 `aria-controls` 대상) */
|
|
1279
2916
|
mobileId: {
|
|
1280
2917
|
type: StringConstructor;
|
|
1281
2918
|
default: string;
|
|
1282
2919
|
};
|
|
2920
|
+
/** PC 메가 패널 배경 딤(backdrop) 사용 여부 */
|
|
1283
2921
|
backdrop: {
|
|
1284
2922
|
type: BooleanConstructor;
|
|
1285
2923
|
default: boolean;
|
|
1286
2924
|
};
|
|
2925
|
+
/** 모바일 드로어 닫기 버튼 레이블 */
|
|
1287
2926
|
closeLabel: {
|
|
1288
2927
|
type: StringConstructor;
|
|
1289
2928
|
default: string;
|
|
1290
2929
|
};
|
|
1291
2930
|
}>> & Readonly<{
|
|
1292
|
-
"onItem-click"?: ((
|
|
1293
|
-
"onUpdate:open"?: ((
|
|
1294
|
-
"onMenu-toggle"?: ((
|
|
2931
|
+
"onItem-click"?: ((item: MainMenuAnyItem, mouseEvent: MouseEvent) => any) | undefined;
|
|
2932
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
2933
|
+
"onMenu-toggle"?: ((index: number, expanded: boolean) => any) | undefined;
|
|
1295
2934
|
}>, {
|
|
1296
2935
|
variant: MainMenuVariant;
|
|
1297
2936
|
items: MainMenuItem[];
|
|
@@ -1346,7 +2985,27 @@ export declare interface KrdsMainMenuProps {
|
|
|
1346
2985
|
closeLabel?: string;
|
|
1347
2986
|
}
|
|
1348
2987
|
|
|
1349
|
-
export declare const KrdsMasthead: DefineComponent<
|
|
2988
|
+
export declare const KrdsMasthead: DefineComponent<ExtractPropTypes<{
|
|
2989
|
+
/** CSS 클래스 */
|
|
2990
|
+
class: {
|
|
2991
|
+
type: StringConstructor;
|
|
2992
|
+
default: undefined;
|
|
2993
|
+
};
|
|
2994
|
+
}>, () => VNode<RendererNode, RendererElement, {
|
|
2995
|
+
[key: string]: any;
|
|
2996
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
2997
|
+
click: (event: MouseEvent) => true;
|
|
2998
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
2999
|
+
/** CSS 클래스 */
|
|
3000
|
+
class: {
|
|
3001
|
+
type: StringConstructor;
|
|
3002
|
+
default: undefined;
|
|
3003
|
+
};
|
|
3004
|
+
}>> & Readonly<{
|
|
3005
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
3006
|
+
}>, {
|
|
3007
|
+
class: string;
|
|
3008
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1350
3009
|
|
|
1351
3010
|
/**
|
|
1352
3011
|
* KRDS Masthead 컴포넌트 이벤트
|
|
@@ -1361,67 +3020,83 @@ export declare interface KrdsMastheadEmits {
|
|
|
1361
3020
|
export declare type KrdsMastheadProps = BaseComponentProps;
|
|
1362
3021
|
|
|
1363
3022
|
export declare const KrdsModal: DefineComponent<ExtractPropTypes<{
|
|
3023
|
+
/** 모달 표시 여부 (v-model) */
|
|
1364
3024
|
modelValue: {
|
|
1365
3025
|
type: BooleanConstructor;
|
|
1366
3026
|
default: boolean;
|
|
1367
3027
|
};
|
|
3028
|
+
/** 모달 엘리먼트 ID */
|
|
1368
3029
|
modalId: {
|
|
1369
3030
|
type: StringConstructor;
|
|
1370
3031
|
default: undefined;
|
|
1371
3032
|
};
|
|
3033
|
+
/** 배경 딤(backdrop) 표시 여부 */
|
|
1372
3034
|
backdrop: {
|
|
1373
3035
|
type: BooleanConstructor;
|
|
1374
3036
|
default: boolean;
|
|
1375
3037
|
};
|
|
3038
|
+
/** 모달 크기 */
|
|
1376
3039
|
size: {
|
|
1377
3040
|
type: () => KrdsModalSize;
|
|
1378
3041
|
default: string;
|
|
1379
3042
|
};
|
|
3043
|
+
/** 전체 화면 모달 여부 */
|
|
1380
3044
|
full: {
|
|
1381
3045
|
type: BooleanConstructor;
|
|
1382
3046
|
default: boolean;
|
|
1383
3047
|
};
|
|
3048
|
+
/** 하단 시트형 모달 여부 */
|
|
1384
3049
|
bottomSheet: {
|
|
1385
3050
|
type: BooleanConstructor;
|
|
1386
3051
|
default: boolean;
|
|
1387
3052
|
};
|
|
3053
|
+
/** 배경 클릭·Esc 키로 닫히지 않는 지속형 모달 여부 */
|
|
1388
3054
|
persistent: {
|
|
1389
3055
|
type: BooleanConstructor;
|
|
1390
3056
|
default: boolean;
|
|
1391
3057
|
};
|
|
1392
3058
|
}>, () => VNode<RendererNode, RendererElement, {
|
|
1393
3059
|
[key: string]: any;
|
|
1394
|
-
}> | null, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin,
|
|
3060
|
+
}> | null, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
3061
|
+
'update:modelValue': (value: boolean) => true;
|
|
3062
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
3063
|
+
/** 모달 표시 여부 (v-model) */
|
|
1395
3064
|
modelValue: {
|
|
1396
3065
|
type: BooleanConstructor;
|
|
1397
3066
|
default: boolean;
|
|
1398
3067
|
};
|
|
3068
|
+
/** 모달 엘리먼트 ID */
|
|
1399
3069
|
modalId: {
|
|
1400
3070
|
type: StringConstructor;
|
|
1401
3071
|
default: undefined;
|
|
1402
3072
|
};
|
|
3073
|
+
/** 배경 딤(backdrop) 표시 여부 */
|
|
1403
3074
|
backdrop: {
|
|
1404
3075
|
type: BooleanConstructor;
|
|
1405
3076
|
default: boolean;
|
|
1406
3077
|
};
|
|
3078
|
+
/** 모달 크기 */
|
|
1407
3079
|
size: {
|
|
1408
3080
|
type: () => KrdsModalSize;
|
|
1409
3081
|
default: string;
|
|
1410
3082
|
};
|
|
3083
|
+
/** 전체 화면 모달 여부 */
|
|
1411
3084
|
full: {
|
|
1412
3085
|
type: BooleanConstructor;
|
|
1413
3086
|
default: boolean;
|
|
1414
3087
|
};
|
|
3088
|
+
/** 하단 시트형 모달 여부 */
|
|
1415
3089
|
bottomSheet: {
|
|
1416
3090
|
type: BooleanConstructor;
|
|
1417
3091
|
default: boolean;
|
|
1418
3092
|
};
|
|
3093
|
+
/** 배경 클릭·Esc 키로 닫히지 않는 지속형 모달 여부 */
|
|
1419
3094
|
persistent: {
|
|
1420
3095
|
type: BooleanConstructor;
|
|
1421
3096
|
default: boolean;
|
|
1422
3097
|
};
|
|
1423
3098
|
}>> & Readonly<{
|
|
1424
|
-
"onUpdate:modelValue"?: ((
|
|
3099
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
1425
3100
|
}>, {
|
|
1426
3101
|
size: KrdsModalSize;
|
|
1427
3102
|
modelValue: boolean;
|
|
@@ -1448,7 +3123,81 @@ export declare interface KrdsModalProps {
|
|
|
1448
3123
|
|
|
1449
3124
|
export declare type KrdsModalSize = 'small' | 'medium' | 'large';
|
|
1450
3125
|
|
|
1451
|
-
export declare const KrdsPagination: DefineComponent<
|
|
3126
|
+
export declare const KrdsPagination: DefineComponent<ExtractPropTypes<{
|
|
3127
|
+
/** 현재 페이지 번호 (v-model) */
|
|
3128
|
+
modelValue: {
|
|
3129
|
+
type: NumberConstructor;
|
|
3130
|
+
default: number;
|
|
3131
|
+
};
|
|
3132
|
+
/** 최소 페이지 번호 (기본값: 1, 최소값: 1) */
|
|
3133
|
+
min: {
|
|
3134
|
+
type: NumberConstructor;
|
|
3135
|
+
default: number;
|
|
3136
|
+
};
|
|
3137
|
+
/** 최대 페이지 번호 (전체 페이지 수) */
|
|
3138
|
+
max: {
|
|
3139
|
+
type: NumberConstructor;
|
|
3140
|
+
required: true;
|
|
3141
|
+
};
|
|
3142
|
+
/** 엘리먼트 ID */
|
|
3143
|
+
id: {
|
|
3144
|
+
type: StringConstructor;
|
|
3145
|
+
default: undefined;
|
|
3146
|
+
};
|
|
3147
|
+
/** 접근성 라벨 */
|
|
3148
|
+
ariaLabel: {
|
|
3149
|
+
type: StringConstructor;
|
|
3150
|
+
default: string;
|
|
3151
|
+
};
|
|
3152
|
+
/** 표시할 페이지 범위 */
|
|
3153
|
+
pageRange: {
|
|
3154
|
+
type: NumberConstructor;
|
|
3155
|
+
default: number;
|
|
3156
|
+
};
|
|
3157
|
+
}>, () => VNode<RendererNode, RendererElement, {
|
|
3158
|
+
[key: string]: any;
|
|
3159
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
3160
|
+
'update:modelValue': (value: number) => true;
|
|
3161
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
3162
|
+
/** 현재 페이지 번호 (v-model) */
|
|
3163
|
+
modelValue: {
|
|
3164
|
+
type: NumberConstructor;
|
|
3165
|
+
default: number;
|
|
3166
|
+
};
|
|
3167
|
+
/** 최소 페이지 번호 (기본값: 1, 최소값: 1) */
|
|
3168
|
+
min: {
|
|
3169
|
+
type: NumberConstructor;
|
|
3170
|
+
default: number;
|
|
3171
|
+
};
|
|
3172
|
+
/** 최대 페이지 번호 (전체 페이지 수) */
|
|
3173
|
+
max: {
|
|
3174
|
+
type: NumberConstructor;
|
|
3175
|
+
required: true;
|
|
3176
|
+
};
|
|
3177
|
+
/** 엘리먼트 ID */
|
|
3178
|
+
id: {
|
|
3179
|
+
type: StringConstructor;
|
|
3180
|
+
default: undefined;
|
|
3181
|
+
};
|
|
3182
|
+
/** 접근성 라벨 */
|
|
3183
|
+
ariaLabel: {
|
|
3184
|
+
type: StringConstructor;
|
|
3185
|
+
default: string;
|
|
3186
|
+
};
|
|
3187
|
+
/** 표시할 페이지 범위 */
|
|
3188
|
+
pageRange: {
|
|
3189
|
+
type: NumberConstructor;
|
|
3190
|
+
default: number;
|
|
3191
|
+
};
|
|
3192
|
+
}>> & Readonly<{
|
|
3193
|
+
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
3194
|
+
}>, {
|
|
3195
|
+
modelValue: number;
|
|
3196
|
+
min: number;
|
|
3197
|
+
id: string;
|
|
3198
|
+
ariaLabel: string;
|
|
3199
|
+
pageRange: number;
|
|
3200
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1452
3201
|
|
|
1453
3202
|
/**
|
|
1454
3203
|
* KRDS Pagination 컴포넌트 이벤트
|
|
@@ -1476,7 +3225,27 @@ export declare interface KrdsPaginationProps {
|
|
|
1476
3225
|
pageRange?: number;
|
|
1477
3226
|
}
|
|
1478
3227
|
|
|
1479
|
-
export declare const KrdsPanel: DefineComponent<
|
|
3228
|
+
export declare const KrdsPanel: DefineComponent<ExtractPropTypes<{
|
|
3229
|
+
/** 도움말 패널 펼침 상태 (v-model) */
|
|
3230
|
+
modelValue: {
|
|
3231
|
+
type: BooleanConstructor;
|
|
3232
|
+
default: boolean;
|
|
3233
|
+
};
|
|
3234
|
+
}>, () => VNode<RendererNode, RendererElement, {
|
|
3235
|
+
[key: string]: any;
|
|
3236
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
3237
|
+
'update:modelValue': (value: boolean) => true;
|
|
3238
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
3239
|
+
/** 도움말 패널 펼침 상태 (v-model) */
|
|
3240
|
+
modelValue: {
|
|
3241
|
+
type: BooleanConstructor;
|
|
3242
|
+
default: boolean;
|
|
3243
|
+
};
|
|
3244
|
+
}>> & Readonly<{
|
|
3245
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
3246
|
+
}>, {
|
|
3247
|
+
modelValue: boolean;
|
|
3248
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1480
3249
|
|
|
1481
3250
|
/**
|
|
1482
3251
|
* KRDS Panel 컴포넌트 이벤트
|
|
@@ -1493,7 +3262,108 @@ export declare interface KrdsPanelProps {
|
|
|
1493
3262
|
modelValue?: boolean;
|
|
1494
3263
|
}
|
|
1495
3264
|
|
|
1496
|
-
export declare const KrdsRadio: DefineComponent<
|
|
3265
|
+
export declare const KrdsRadio: DefineComponent<ExtractPropTypes<{
|
|
3266
|
+
/** 모델 값 */
|
|
3267
|
+
modelValue: {
|
|
3268
|
+
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
3269
|
+
default: undefined;
|
|
3270
|
+
};
|
|
3271
|
+
/** 라디오 값 */
|
|
3272
|
+
value: {
|
|
3273
|
+
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
3274
|
+
required: true;
|
|
3275
|
+
};
|
|
3276
|
+
/** 비활성화 여부 */
|
|
3277
|
+
disabled: {
|
|
3278
|
+
type: BooleanConstructor;
|
|
3279
|
+
default: boolean;
|
|
3280
|
+
};
|
|
3281
|
+
/** 크기 */
|
|
3282
|
+
size: {
|
|
3283
|
+
type: () => "medium" | "large";
|
|
3284
|
+
default: string;
|
|
3285
|
+
validator: (value: string) => boolean;
|
|
3286
|
+
};
|
|
3287
|
+
/** Chip 스타일 여부 */
|
|
3288
|
+
chip: {
|
|
3289
|
+
type: BooleanConstructor;
|
|
3290
|
+
default: boolean;
|
|
3291
|
+
};
|
|
3292
|
+
/** 폼 필드 이름 */
|
|
3293
|
+
name: {
|
|
3294
|
+
type: StringConstructor;
|
|
3295
|
+
default: undefined;
|
|
3296
|
+
};
|
|
3297
|
+
/** CSS 클래스 */
|
|
3298
|
+
class: {
|
|
3299
|
+
type: StringConstructor;
|
|
3300
|
+
default: undefined;
|
|
3301
|
+
};
|
|
3302
|
+
/** HTML ID */
|
|
3303
|
+
id: {
|
|
3304
|
+
type: StringConstructor;
|
|
3305
|
+
default: undefined;
|
|
3306
|
+
};
|
|
3307
|
+
}>, () => VNode< RendererNode, RendererElement, {
|
|
3308
|
+
[key: string]: any;
|
|
3309
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
3310
|
+
'update:modelValue': (value: string | number | boolean) => true;
|
|
3311
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
3312
|
+
/** 모델 값 */
|
|
3313
|
+
modelValue: {
|
|
3314
|
+
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
3315
|
+
default: undefined;
|
|
3316
|
+
};
|
|
3317
|
+
/** 라디오 값 */
|
|
3318
|
+
value: {
|
|
3319
|
+
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
3320
|
+
required: true;
|
|
3321
|
+
};
|
|
3322
|
+
/** 비활성화 여부 */
|
|
3323
|
+
disabled: {
|
|
3324
|
+
type: BooleanConstructor;
|
|
3325
|
+
default: boolean;
|
|
3326
|
+
};
|
|
3327
|
+
/** 크기 */
|
|
3328
|
+
size: {
|
|
3329
|
+
type: () => "medium" | "large";
|
|
3330
|
+
default: string;
|
|
3331
|
+
validator: (value: string) => boolean;
|
|
3332
|
+
};
|
|
3333
|
+
/** Chip 스타일 여부 */
|
|
3334
|
+
chip: {
|
|
3335
|
+
type: BooleanConstructor;
|
|
3336
|
+
default: boolean;
|
|
3337
|
+
};
|
|
3338
|
+
/** 폼 필드 이름 */
|
|
3339
|
+
name: {
|
|
3340
|
+
type: StringConstructor;
|
|
3341
|
+
default: undefined;
|
|
3342
|
+
};
|
|
3343
|
+
/** CSS 클래스 */
|
|
3344
|
+
class: {
|
|
3345
|
+
type: StringConstructor;
|
|
3346
|
+
default: undefined;
|
|
3347
|
+
};
|
|
3348
|
+
/** HTML ID */
|
|
3349
|
+
id: {
|
|
3350
|
+
type: StringConstructor;
|
|
3351
|
+
default: undefined;
|
|
3352
|
+
};
|
|
3353
|
+
}>> & Readonly<{
|
|
3354
|
+
"onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
|
|
3355
|
+
}>, {
|
|
3356
|
+
name: string;
|
|
3357
|
+
disabled: boolean;
|
|
3358
|
+
size: "medium" | "large";
|
|
3359
|
+
class: string;
|
|
3360
|
+
modelValue: string | number | boolean;
|
|
3361
|
+
id: string;
|
|
3362
|
+
chip: boolean;
|
|
3363
|
+
}, SlotsType<{
|
|
3364
|
+
default?: () => VNode[];
|
|
3365
|
+
description?: () => VNode[];
|
|
3366
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1497
3367
|
|
|
1498
3368
|
/**
|
|
1499
3369
|
* KRDS Radio 컴포넌트 이벤트
|
|
@@ -1520,9 +3390,12 @@ export declare interface KrdsRadioProps extends BaseFormProps {
|
|
|
1520
3390
|
|
|
1521
3391
|
export declare const KrdsResize: DefineComponent<{}, () => VNode<RendererNode, RendererElement, {
|
|
1522
3392
|
[key: string]: any;
|
|
1523
|
-
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin,
|
|
1524
|
-
|
|
1525
|
-
|
|
3393
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
3394
|
+
'update:modelValue': (value: string) => true;
|
|
3395
|
+
close: () => true;
|
|
3396
|
+
}, string, PublicProps, Readonly<{}> & Readonly<{
|
|
3397
|
+
onClose?: (() => any) | undefined;
|
|
3398
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
1526
3399
|
}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1527
3400
|
|
|
1528
3401
|
/**
|
|
@@ -1533,7 +3406,152 @@ export declare interface KrdsResizeEmits {
|
|
|
1533
3406
|
(e: 'close'): void;
|
|
1534
3407
|
}
|
|
1535
3408
|
|
|
1536
|
-
export declare const KrdsSelect: DefineComponent<
|
|
3409
|
+
export declare const KrdsSelect: DefineComponent<ExtractPropTypes<{
|
|
3410
|
+
/** 선택된 값 */
|
|
3411
|
+
modelValue: {
|
|
3412
|
+
type: () => string | number | null;
|
|
3413
|
+
default: null;
|
|
3414
|
+
};
|
|
3415
|
+
/** 선택 크기 */
|
|
3416
|
+
size: {
|
|
3417
|
+
type: () => Size;
|
|
3418
|
+
default: string;
|
|
3419
|
+
};
|
|
3420
|
+
/** 타이틀 */
|
|
3421
|
+
title: {
|
|
3422
|
+
type: StringConstructor;
|
|
3423
|
+
default: undefined;
|
|
3424
|
+
};
|
|
3425
|
+
/** 옵션 목록 */
|
|
3426
|
+
options: {
|
|
3427
|
+
type: () => SelectOption[];
|
|
3428
|
+
default: () => never[];
|
|
3429
|
+
};
|
|
3430
|
+
/** 플레이스홀더 */
|
|
3431
|
+
placeholder: {
|
|
3432
|
+
type: StringConstructor;
|
|
3433
|
+
default: string;
|
|
3434
|
+
};
|
|
3435
|
+
/** 폼 필드 이름 */
|
|
3436
|
+
name: {
|
|
3437
|
+
type: StringConstructor;
|
|
3438
|
+
default: undefined;
|
|
3439
|
+
};
|
|
3440
|
+
/** 읽기 전용 여부 */
|
|
3441
|
+
readonly: {
|
|
3442
|
+
type: BooleanConstructor;
|
|
3443
|
+
default: boolean;
|
|
3444
|
+
};
|
|
3445
|
+
/** 비활성화 여부 */
|
|
3446
|
+
disabled: {
|
|
3447
|
+
type: BooleanConstructor;
|
|
3448
|
+
default: boolean;
|
|
3449
|
+
};
|
|
3450
|
+
/** 입력 상태 */
|
|
3451
|
+
state: {
|
|
3452
|
+
type: () => "default" | "error" | "success" | "information";
|
|
3453
|
+
default: string;
|
|
3454
|
+
};
|
|
3455
|
+
/** 정렬 스타일 여부 */
|
|
3456
|
+
sort: {
|
|
3457
|
+
type: BooleanConstructor;
|
|
3458
|
+
default: boolean;
|
|
3459
|
+
};
|
|
3460
|
+
/** CSS 클래스 */
|
|
3461
|
+
class: {
|
|
3462
|
+
type: StringConstructor;
|
|
3463
|
+
default: undefined;
|
|
3464
|
+
};
|
|
3465
|
+
/** HTML ID */
|
|
3466
|
+
id: {
|
|
3467
|
+
type: StringConstructor;
|
|
3468
|
+
default: undefined;
|
|
3469
|
+
};
|
|
3470
|
+
}>, () => VNode<RendererNode, RendererElement, {
|
|
3471
|
+
[key: string]: any;
|
|
3472
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
3473
|
+
'update:modelValue': (value: string | number | null) => true;
|
|
3474
|
+
focus: (event: FocusEvent) => true;
|
|
3475
|
+
blur: (event: FocusEvent) => true;
|
|
3476
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
3477
|
+
/** 선택된 값 */
|
|
3478
|
+
modelValue: {
|
|
3479
|
+
type: () => string | number | null;
|
|
3480
|
+
default: null;
|
|
3481
|
+
};
|
|
3482
|
+
/** 선택 크기 */
|
|
3483
|
+
size: {
|
|
3484
|
+
type: () => Size;
|
|
3485
|
+
default: string;
|
|
3486
|
+
};
|
|
3487
|
+
/** 타이틀 */
|
|
3488
|
+
title: {
|
|
3489
|
+
type: StringConstructor;
|
|
3490
|
+
default: undefined;
|
|
3491
|
+
};
|
|
3492
|
+
/** 옵션 목록 */
|
|
3493
|
+
options: {
|
|
3494
|
+
type: () => SelectOption[];
|
|
3495
|
+
default: () => never[];
|
|
3496
|
+
};
|
|
3497
|
+
/** 플레이스홀더 */
|
|
3498
|
+
placeholder: {
|
|
3499
|
+
type: StringConstructor;
|
|
3500
|
+
default: string;
|
|
3501
|
+
};
|
|
3502
|
+
/** 폼 필드 이름 */
|
|
3503
|
+
name: {
|
|
3504
|
+
type: StringConstructor;
|
|
3505
|
+
default: undefined;
|
|
3506
|
+
};
|
|
3507
|
+
/** 읽기 전용 여부 */
|
|
3508
|
+
readonly: {
|
|
3509
|
+
type: BooleanConstructor;
|
|
3510
|
+
default: boolean;
|
|
3511
|
+
};
|
|
3512
|
+
/** 비활성화 여부 */
|
|
3513
|
+
disabled: {
|
|
3514
|
+
type: BooleanConstructor;
|
|
3515
|
+
default: boolean;
|
|
3516
|
+
};
|
|
3517
|
+
/** 입력 상태 */
|
|
3518
|
+
state: {
|
|
3519
|
+
type: () => "default" | "error" | "success" | "information";
|
|
3520
|
+
default: string;
|
|
3521
|
+
};
|
|
3522
|
+
/** 정렬 스타일 여부 */
|
|
3523
|
+
sort: {
|
|
3524
|
+
type: BooleanConstructor;
|
|
3525
|
+
default: boolean;
|
|
3526
|
+
};
|
|
3527
|
+
/** CSS 클래스 */
|
|
3528
|
+
class: {
|
|
3529
|
+
type: StringConstructor;
|
|
3530
|
+
default: undefined;
|
|
3531
|
+
};
|
|
3532
|
+
/** HTML ID */
|
|
3533
|
+
id: {
|
|
3534
|
+
type: StringConstructor;
|
|
3535
|
+
default: undefined;
|
|
3536
|
+
};
|
|
3537
|
+
}>> & Readonly<{
|
|
3538
|
+
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
3539
|
+
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
3540
|
+
"onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
|
|
3541
|
+
}>, {
|
|
3542
|
+
name: string;
|
|
3543
|
+
readonly: boolean;
|
|
3544
|
+
disabled: boolean;
|
|
3545
|
+
size: Size;
|
|
3546
|
+
class: string;
|
|
3547
|
+
sort: boolean;
|
|
3548
|
+
title: string;
|
|
3549
|
+
modelValue: string | number | null;
|
|
3550
|
+
placeholder: string;
|
|
3551
|
+
state: "success" | "error" | "default" | "information";
|
|
3552
|
+
id: string;
|
|
3553
|
+
options: SelectOption[];
|
|
3554
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1537
3555
|
|
|
1538
3556
|
/**
|
|
1539
3557
|
* KRDS Select 컴포넌트 이벤트
|
|
@@ -1571,11 +3589,13 @@ export declare const KrdsSideNavigation: DefineComponent<{
|
|
|
1571
3589
|
modelValue?: SideNavItem[] | undefined;
|
|
1572
3590
|
}, () => VNode< RendererNode, RendererElement, {
|
|
1573
3591
|
[key: string]: any;
|
|
1574
|
-
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin,
|
|
3592
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
3593
|
+
'update:modelValue': (value: SideNavItem[]) => true;
|
|
3594
|
+
}, string, PublicProps, Readonly<{
|
|
1575
3595
|
title: string;
|
|
1576
3596
|
modelValue?: SideNavItem[] | undefined;
|
|
1577
3597
|
}> & Readonly<{
|
|
1578
|
-
"onUpdate:modelValue"?: ((
|
|
3598
|
+
"onUpdate:modelValue"?: ((value: SideNavItem[]) => any) | undefined;
|
|
1579
3599
|
}>, {
|
|
1580
3600
|
modelValue: SideNavItem[];
|
|
1581
3601
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
@@ -1673,21 +3693,74 @@ export declare interface KrdsSkipLinkProps extends BaseComponentProps {
|
|
|
1673
3693
|
}
|
|
1674
3694
|
|
|
1675
3695
|
export declare const KrdsSpinner: DefineComponent<ExtractPropTypes<{
|
|
3696
|
+
/** 로딩 안내 텍스트 */
|
|
3697
|
+
label: {
|
|
3698
|
+
type: StringConstructor;
|
|
3699
|
+
default: undefined;
|
|
3700
|
+
};
|
|
3701
|
+
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
3702
|
+
/** 로딩 안내 텍스트 */
|
|
1676
3703
|
label: {
|
|
1677
3704
|
type: StringConstructor;
|
|
1678
3705
|
default: undefined;
|
|
1679
3706
|
};
|
|
1680
|
-
}
|
|
1681
|
-
label:
|
|
3707
|
+
}>> & Readonly<{}>, {
|
|
3708
|
+
label: string;
|
|
3709
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
3710
|
+
|
|
3711
|
+
export declare const KrdsStep: DefineComponent<ExtractPropTypes<{
|
|
3712
|
+
/** 단계 번호 */
|
|
3713
|
+
step: {
|
|
3714
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
3715
|
+
required: true;
|
|
3716
|
+
};
|
|
3717
|
+
/** 단계 제목 */
|
|
3718
|
+
title: {
|
|
3719
|
+
type: StringConstructor;
|
|
3720
|
+
required: true;
|
|
3721
|
+
};
|
|
3722
|
+
/** 단계 상태 강제 설정 (선택적) */
|
|
3723
|
+
status: {
|
|
3724
|
+
type: () => "done" | "active" | "pending";
|
|
3725
|
+
default: undefined;
|
|
3726
|
+
};
|
|
3727
|
+
/** CSS 클래스 */
|
|
3728
|
+
class: {
|
|
3729
|
+
type: StringConstructor;
|
|
3730
|
+
default: undefined;
|
|
3731
|
+
};
|
|
3732
|
+
}>, () => VNode<RendererNode, RendererElement, {
|
|
3733
|
+
[key: string]: any;
|
|
3734
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
3735
|
+
click: (event: MouseEvent, step: string | number) => true;
|
|
3736
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
3737
|
+
/** 단계 번호 */
|
|
3738
|
+
step: {
|
|
3739
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
3740
|
+
required: true;
|
|
3741
|
+
};
|
|
3742
|
+
/** 단계 제목 */
|
|
3743
|
+
title: {
|
|
3744
|
+
type: StringConstructor;
|
|
3745
|
+
required: true;
|
|
3746
|
+
};
|
|
3747
|
+
/** 단계 상태 강제 설정 (선택적) */
|
|
3748
|
+
status: {
|
|
3749
|
+
type: () => "done" | "active" | "pending";
|
|
3750
|
+
default: undefined;
|
|
3751
|
+
};
|
|
3752
|
+
/** CSS 클래스 */
|
|
3753
|
+
class: {
|
|
1682
3754
|
type: StringConstructor;
|
|
1683
3755
|
default: undefined;
|
|
1684
3756
|
};
|
|
1685
|
-
}>> & Readonly<{
|
|
1686
|
-
|
|
3757
|
+
}>> & Readonly<{
|
|
3758
|
+
onClick?: ((event: MouseEvent, step: string | number) => any) | undefined;
|
|
3759
|
+
}>, {
|
|
3760
|
+
class: string;
|
|
3761
|
+
status: "active" | "done" | "pending";
|
|
1687
3762
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1688
3763
|
|
|
1689
|
-
export declare const KrdsStep: DefineComponent<KrdsStepProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsStepProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1690
|
-
|
|
1691
3764
|
/**
|
|
1692
3765
|
* KRDS Step 컴포넌트 이벤트
|
|
1693
3766
|
*/
|
|
@@ -1695,7 +3768,38 @@ export declare interface KrdsStepEmits {
|
|
|
1695
3768
|
(e: 'click', event: MouseEvent, step: string | number): void;
|
|
1696
3769
|
}
|
|
1697
3770
|
|
|
1698
|
-
export declare const KrdsStepIndicator: DefineComponent<
|
|
3771
|
+
export declare const KrdsStepIndicator: DefineComponent<ExtractPropTypes<{
|
|
3772
|
+
/** 현재 활성 단계 인덱스 (0부터 시작) - v-model */
|
|
3773
|
+
modelValue: {
|
|
3774
|
+
type: NumberConstructor;
|
|
3775
|
+
default: number;
|
|
3776
|
+
};
|
|
3777
|
+
/** CSS 클래스 */
|
|
3778
|
+
class: {
|
|
3779
|
+
type: StringConstructor;
|
|
3780
|
+
default: undefined;
|
|
3781
|
+
};
|
|
3782
|
+
}>, () => VNode<RendererNode, RendererElement, {
|
|
3783
|
+
[key: string]: any;
|
|
3784
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
3785
|
+
'update:modelValue': (value: number) => true;
|
|
3786
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
3787
|
+
/** 현재 활성 단계 인덱스 (0부터 시작) - v-model */
|
|
3788
|
+
modelValue: {
|
|
3789
|
+
type: NumberConstructor;
|
|
3790
|
+
default: number;
|
|
3791
|
+
};
|
|
3792
|
+
/** CSS 클래스 */
|
|
3793
|
+
class: {
|
|
3794
|
+
type: StringConstructor;
|
|
3795
|
+
default: undefined;
|
|
3796
|
+
};
|
|
3797
|
+
}>> & Readonly<{
|
|
3798
|
+
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
3799
|
+
}>, {
|
|
3800
|
+
class: string;
|
|
3801
|
+
modelValue: number;
|
|
3802
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1699
3803
|
|
|
1700
3804
|
/**
|
|
1701
3805
|
* KRDS StepIndicator 컴포넌트 이벤트
|
|
@@ -1724,7 +3828,28 @@ export declare interface KrdsStepProps extends BaseComponentProps {
|
|
|
1724
3828
|
status?: 'done' | 'active' | 'pending';
|
|
1725
3829
|
}
|
|
1726
3830
|
|
|
1727
|
-
export declare const KrdsStructuredList: DefineComponent<
|
|
3831
|
+
export declare const KrdsStructuredList: DefineComponent<ExtractPropTypes<{
|
|
3832
|
+
/** 전체 타입 여부 */
|
|
3833
|
+
full: {
|
|
3834
|
+
type: BooleanConstructor;
|
|
3835
|
+
default: boolean;
|
|
3836
|
+
};
|
|
3837
|
+
}>, () => VNode< RendererNode, RendererElement, {
|
|
3838
|
+
[key: string]: any;
|
|
3839
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
3840
|
+
/** 전체 타입 여부 */
|
|
3841
|
+
full: {
|
|
3842
|
+
type: BooleanConstructor;
|
|
3843
|
+
default: boolean;
|
|
3844
|
+
};
|
|
3845
|
+
}>> & Readonly<{}>, {
|
|
3846
|
+
full: boolean;
|
|
3847
|
+
}, SlotsType<{
|
|
3848
|
+
cardTop?: () => VNode[];
|
|
3849
|
+
cardBody?: () => VNode[];
|
|
3850
|
+
cardBtm?: () => VNode[];
|
|
3851
|
+
cardBtn?: () => VNode[];
|
|
3852
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1728
3853
|
|
|
1729
3854
|
/**
|
|
1730
3855
|
* KRDS StructuredList 컴포넌트 속성
|
|
@@ -1734,7 +3859,72 @@ export declare interface KrdsStructuredListProps extends BaseComponentProps {
|
|
|
1734
3859
|
full?: boolean;
|
|
1735
3860
|
}
|
|
1736
3861
|
|
|
1737
|
-
|
|
3862
|
+
/**
|
|
3863
|
+
* KRDS Tabs 탭 아이템
|
|
3864
|
+
*/
|
|
3865
|
+
export declare interface KrdsTabItem {
|
|
3866
|
+
/** 탭 고유 식별자 (패널 슬롯 이름으로 사용) */
|
|
3867
|
+
id: string;
|
|
3868
|
+
/** 탭 버튼 레이블 */
|
|
3869
|
+
label: string;
|
|
3870
|
+
/** 비활성화 여부 */
|
|
3871
|
+
disabled?: boolean;
|
|
3872
|
+
}
|
|
3873
|
+
|
|
3874
|
+
export declare const KrdsTable: DefineComponent<ExtractPropTypes<{
|
|
3875
|
+
/** 테이블 캡션 */
|
|
3876
|
+
caption: {
|
|
3877
|
+
type: StringConstructor;
|
|
3878
|
+
default: undefined;
|
|
3879
|
+
};
|
|
3880
|
+
/** 테이블 열 정의 */
|
|
3881
|
+
columns: {
|
|
3882
|
+
type: () => TableColumn[];
|
|
3883
|
+
required: true;
|
|
3884
|
+
};
|
|
3885
|
+
/** 테이블 행 데이터 */
|
|
3886
|
+
rows: {
|
|
3887
|
+
type: () => TableRow[];
|
|
3888
|
+
required: true;
|
|
3889
|
+
};
|
|
3890
|
+
/** CSS 클래스 */
|
|
3891
|
+
class: {
|
|
3892
|
+
type: StringConstructor;
|
|
3893
|
+
default: undefined;
|
|
3894
|
+
};
|
|
3895
|
+
}>, () => VNode< RendererNode, RendererElement, {
|
|
3896
|
+
[key: string]: any;
|
|
3897
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
3898
|
+
'row-click': (row: TableRow, index: number) => true;
|
|
3899
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
3900
|
+
/** 테이블 캡션 */
|
|
3901
|
+
caption: {
|
|
3902
|
+
type: StringConstructor;
|
|
3903
|
+
default: undefined;
|
|
3904
|
+
};
|
|
3905
|
+
/** 테이블 열 정의 */
|
|
3906
|
+
columns: {
|
|
3907
|
+
type: () => TableColumn[];
|
|
3908
|
+
required: true;
|
|
3909
|
+
};
|
|
3910
|
+
/** 테이블 행 데이터 */
|
|
3911
|
+
rows: {
|
|
3912
|
+
type: () => TableRow[];
|
|
3913
|
+
required: true;
|
|
3914
|
+
};
|
|
3915
|
+
/** CSS 클래스 */
|
|
3916
|
+
class: {
|
|
3917
|
+
type: StringConstructor;
|
|
3918
|
+
default: undefined;
|
|
3919
|
+
};
|
|
3920
|
+
}>> & Readonly<{
|
|
3921
|
+
"onRow-click"?: ((row: TableRow, index: number) => any) | undefined;
|
|
3922
|
+
}>, {
|
|
3923
|
+
class: string;
|
|
3924
|
+
caption: string;
|
|
3925
|
+
}, SlotsType<{
|
|
3926
|
+
'no-data'?: () => VNode[];
|
|
3927
|
+
}>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1738
3928
|
|
|
1739
3929
|
/**
|
|
1740
3930
|
* KRDS Table 컴포넌트 이벤트
|
|
@@ -1755,7 +3945,178 @@ export declare interface KrdsTableProps extends BaseComponentProps {
|
|
|
1755
3945
|
rows: TableRow[];
|
|
1756
3946
|
}
|
|
1757
3947
|
|
|
1758
|
-
export declare const
|
|
3948
|
+
export declare const KrdsTabs: DefineComponent<ExtractPropTypes<{
|
|
3949
|
+
/** 탭 아이템 목록 */
|
|
3950
|
+
tabs: {
|
|
3951
|
+
type: PropType<KrdsTabItem[]>;
|
|
3952
|
+
required: true;
|
|
3953
|
+
};
|
|
3954
|
+
/** 활성 탭 id (v-model) */
|
|
3955
|
+
modelValue: {
|
|
3956
|
+
type: StringConstructor;
|
|
3957
|
+
default: undefined;
|
|
3958
|
+
};
|
|
3959
|
+
/** 탭 스타일 변형 */
|
|
3960
|
+
variant: {
|
|
3961
|
+
type: PropType<KrdsTabsVariant>;
|
|
3962
|
+
default: string;
|
|
3963
|
+
};
|
|
3964
|
+
/** 풀사이즈 레이아웃 여부 */
|
|
3965
|
+
full: {
|
|
3966
|
+
type: BooleanConstructor;
|
|
3967
|
+
default: boolean;
|
|
3968
|
+
};
|
|
3969
|
+
/** 선택된 탭의 스크린 리더 대체 텍스트 */
|
|
3970
|
+
selectedText: {
|
|
3971
|
+
type: StringConstructor;
|
|
3972
|
+
default: string;
|
|
3973
|
+
};
|
|
3974
|
+
/** CSS 클래스 */
|
|
3975
|
+
class: {
|
|
3976
|
+
type: StringConstructor;
|
|
3977
|
+
default: undefined;
|
|
3978
|
+
};
|
|
3979
|
+
}>, () => VNode<RendererNode, RendererElement, {
|
|
3980
|
+
[key: string]: any;
|
|
3981
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
3982
|
+
'update:modelValue': (id: string) => true;
|
|
3983
|
+
change: (id: string) => true;
|
|
3984
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
3985
|
+
/** 탭 아이템 목록 */
|
|
3986
|
+
tabs: {
|
|
3987
|
+
type: PropType<KrdsTabItem[]>;
|
|
3988
|
+
required: true;
|
|
3989
|
+
};
|
|
3990
|
+
/** 활성 탭 id (v-model) */
|
|
3991
|
+
modelValue: {
|
|
3992
|
+
type: StringConstructor;
|
|
3993
|
+
default: undefined;
|
|
3994
|
+
};
|
|
3995
|
+
/** 탭 스타일 변형 */
|
|
3996
|
+
variant: {
|
|
3997
|
+
type: PropType<KrdsTabsVariant>;
|
|
3998
|
+
default: string;
|
|
3999
|
+
};
|
|
4000
|
+
/** 풀사이즈 레이아웃 여부 */
|
|
4001
|
+
full: {
|
|
4002
|
+
type: BooleanConstructor;
|
|
4003
|
+
default: boolean;
|
|
4004
|
+
};
|
|
4005
|
+
/** 선택된 탭의 스크린 리더 대체 텍스트 */
|
|
4006
|
+
selectedText: {
|
|
4007
|
+
type: StringConstructor;
|
|
4008
|
+
default: string;
|
|
4009
|
+
};
|
|
4010
|
+
/** CSS 클래스 */
|
|
4011
|
+
class: {
|
|
4012
|
+
type: StringConstructor;
|
|
4013
|
+
default: undefined;
|
|
4014
|
+
};
|
|
4015
|
+
}>> & Readonly<{
|
|
4016
|
+
onChange?: ((id: string) => any) | undefined;
|
|
4017
|
+
"onUpdate:modelValue"?: ((id: string) => any) | undefined;
|
|
4018
|
+
}>, {
|
|
4019
|
+
variant: KrdsTabsVariant;
|
|
4020
|
+
class: string;
|
|
4021
|
+
modelValue: string;
|
|
4022
|
+
full: boolean;
|
|
4023
|
+
selectedText: string;
|
|
4024
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
4025
|
+
|
|
4026
|
+
/**
|
|
4027
|
+
* KRDS Tabs 컴포넌트 이벤트
|
|
4028
|
+
*/
|
|
4029
|
+
export declare interface KrdsTabsEmits {
|
|
4030
|
+
(e: 'update:modelValue', id: string): void;
|
|
4031
|
+
(e: 'change', id: string): void;
|
|
4032
|
+
}
|
|
4033
|
+
|
|
4034
|
+
/**
|
|
4035
|
+
* KRDS Tabs 컴포넌트 속성
|
|
4036
|
+
*/
|
|
4037
|
+
export declare interface KrdsTabsProps extends BaseComponentProps {
|
|
4038
|
+
/** 탭 아이템 목록 */
|
|
4039
|
+
tabs: KrdsTabItem[];
|
|
4040
|
+
/** 활성 탭 id (v-model) */
|
|
4041
|
+
modelValue?: string;
|
|
4042
|
+
/** 탭 스타일 변형 */
|
|
4043
|
+
variant?: KrdsTabsVariant;
|
|
4044
|
+
/** 풀사이즈 레이아웃 여부 */
|
|
4045
|
+
full?: boolean;
|
|
4046
|
+
/** 선택된 탭의 스크린 리더 대체 텍스트 */
|
|
4047
|
+
selectedText?: string;
|
|
4048
|
+
}
|
|
4049
|
+
|
|
4050
|
+
/**
|
|
4051
|
+
* 탭 스타일 변형 (line: 라인형, fill: 버튼형)
|
|
4052
|
+
*/
|
|
4053
|
+
export declare type KrdsTabsVariant = 'line' | 'fill';
|
|
4054
|
+
|
|
4055
|
+
export declare const KrdsTag: DefineComponent<ExtractPropTypes<{
|
|
4056
|
+
/** 링크 태그 여부 */
|
|
4057
|
+
link: {
|
|
4058
|
+
type: BooleanConstructor;
|
|
4059
|
+
default: boolean;
|
|
4060
|
+
};
|
|
4061
|
+
/** 링크 URL (link가 true일 때 사용) */
|
|
4062
|
+
href: {
|
|
4063
|
+
type: StringConstructor;
|
|
4064
|
+
default: string;
|
|
4065
|
+
};
|
|
4066
|
+
/** 링크 타겟 (link가 true일 때 사용) */
|
|
4067
|
+
target: {
|
|
4068
|
+
type: StringConstructor;
|
|
4069
|
+
default: undefined;
|
|
4070
|
+
};
|
|
4071
|
+
/** 링크 관계 (link가 true일 때 사용) */
|
|
4072
|
+
rel: {
|
|
4073
|
+
type: StringConstructor;
|
|
4074
|
+
default: undefined;
|
|
4075
|
+
};
|
|
4076
|
+
/** CSS 클래스 */
|
|
4077
|
+
class: {
|
|
4078
|
+
type: StringConstructor;
|
|
4079
|
+
default: undefined;
|
|
4080
|
+
};
|
|
4081
|
+
}>, () => VNode<RendererNode, RendererElement, {
|
|
4082
|
+
[key: string]: any;
|
|
4083
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
4084
|
+
remove: (event: MouseEvent) => true;
|
|
4085
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
4086
|
+
/** 링크 태그 여부 */
|
|
4087
|
+
link: {
|
|
4088
|
+
type: BooleanConstructor;
|
|
4089
|
+
default: boolean;
|
|
4090
|
+
};
|
|
4091
|
+
/** 링크 URL (link가 true일 때 사용) */
|
|
4092
|
+
href: {
|
|
4093
|
+
type: StringConstructor;
|
|
4094
|
+
default: string;
|
|
4095
|
+
};
|
|
4096
|
+
/** 링크 타겟 (link가 true일 때 사용) */
|
|
4097
|
+
target: {
|
|
4098
|
+
type: StringConstructor;
|
|
4099
|
+
default: undefined;
|
|
4100
|
+
};
|
|
4101
|
+
/** 링크 관계 (link가 true일 때 사용) */
|
|
4102
|
+
rel: {
|
|
4103
|
+
type: StringConstructor;
|
|
4104
|
+
default: undefined;
|
|
4105
|
+
};
|
|
4106
|
+
/** CSS 클래스 */
|
|
4107
|
+
class: {
|
|
4108
|
+
type: StringConstructor;
|
|
4109
|
+
default: undefined;
|
|
4110
|
+
};
|
|
4111
|
+
}>> & Readonly<{
|
|
4112
|
+
onRemove?: ((event: MouseEvent) => any) | undefined;
|
|
4113
|
+
}>, {
|
|
4114
|
+
class: string;
|
|
4115
|
+
link: boolean;
|
|
4116
|
+
href: string;
|
|
4117
|
+
target: string;
|
|
4118
|
+
rel: string;
|
|
4119
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1759
4120
|
|
|
1760
4121
|
/**
|
|
1761
4122
|
* KRDS Tag 컴포넌트 이벤트
|
|
@@ -1764,7 +4125,34 @@ export declare interface KrdsTagEmits {
|
|
|
1764
4125
|
(e: 'remove', event: MouseEvent): void;
|
|
1765
4126
|
}
|
|
1766
4127
|
|
|
1767
|
-
export declare const KrdsTagGroup: DefineComponent<
|
|
4128
|
+
export declare const KrdsTagGroup: DefineComponent<ExtractPropTypes<{
|
|
4129
|
+
/** 태그 그룹 크기 */
|
|
4130
|
+
size: {
|
|
4131
|
+
type: () => KrdsTagGroupSize;
|
|
4132
|
+
default: string;
|
|
4133
|
+
};
|
|
4134
|
+
/** CSS 클래스 */
|
|
4135
|
+
class: {
|
|
4136
|
+
type: StringConstructor;
|
|
4137
|
+
default: undefined;
|
|
4138
|
+
};
|
|
4139
|
+
}>, () => VNode<RendererNode, RendererElement, {
|
|
4140
|
+
[key: string]: any;
|
|
4141
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
4142
|
+
/** 태그 그룹 크기 */
|
|
4143
|
+
size: {
|
|
4144
|
+
type: () => KrdsTagGroupSize;
|
|
4145
|
+
default: string;
|
|
4146
|
+
};
|
|
4147
|
+
/** CSS 클래스 */
|
|
4148
|
+
class: {
|
|
4149
|
+
type: StringConstructor;
|
|
4150
|
+
default: undefined;
|
|
4151
|
+
};
|
|
4152
|
+
}>> & Readonly<{}>, {
|
|
4153
|
+
size: KrdsTagGroupSize;
|
|
4154
|
+
class: string;
|
|
4155
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1768
4156
|
|
|
1769
4157
|
/**
|
|
1770
4158
|
* KRDS TagGroup 컴포넌트 속성
|
|
@@ -1794,153 +4182,185 @@ export declare interface KrdsTagProps extends BaseComponentProps {
|
|
|
1794
4182
|
}
|
|
1795
4183
|
|
|
1796
4184
|
export declare const KrdsTextarea: DefineComponent<ExtractPropTypes<{
|
|
4185
|
+
/** 입력값 */
|
|
1797
4186
|
modelValue: {
|
|
1798
4187
|
type: StringConstructor;
|
|
1799
4188
|
default: string;
|
|
1800
4189
|
};
|
|
4190
|
+
/** 입력 크기 */
|
|
1801
4191
|
size: {
|
|
1802
4192
|
type: () => Size;
|
|
1803
4193
|
default: undefined;
|
|
1804
4194
|
};
|
|
4195
|
+
/** 플레이스홀더 */
|
|
1805
4196
|
placeholder: {
|
|
1806
4197
|
type: StringConstructor;
|
|
1807
4198
|
default: undefined;
|
|
1808
4199
|
};
|
|
4200
|
+
/** 최대 글자 수 */
|
|
1809
4201
|
maxlength: {
|
|
1810
4202
|
type: NumberConstructor;
|
|
1811
4203
|
default: undefined;
|
|
1812
4204
|
};
|
|
4205
|
+
/** 최소 글자 수 */
|
|
1813
4206
|
minlength: {
|
|
1814
4207
|
type: NumberConstructor;
|
|
1815
4208
|
default: undefined;
|
|
1816
4209
|
};
|
|
4210
|
+
/** 행 수 */
|
|
1817
4211
|
rows: {
|
|
1818
4212
|
type: NumberConstructor;
|
|
1819
4213
|
default: number;
|
|
1820
4214
|
};
|
|
4215
|
+
/** 열 수 */
|
|
1821
4216
|
cols: {
|
|
1822
4217
|
type: NumberConstructor;
|
|
1823
4218
|
default: undefined;
|
|
1824
4219
|
};
|
|
4220
|
+
/** 자동 포커스 */
|
|
1825
4221
|
autofocus: {
|
|
1826
4222
|
type: BooleanConstructor;
|
|
1827
4223
|
default: boolean;
|
|
1828
4224
|
};
|
|
4225
|
+
/** 폼 필드 이름 */
|
|
1829
4226
|
name: {
|
|
1830
4227
|
type: StringConstructor;
|
|
1831
4228
|
default: undefined;
|
|
1832
4229
|
};
|
|
4230
|
+
/** 필수 입력 여부 */
|
|
1833
4231
|
required: {
|
|
1834
4232
|
type: BooleanConstructor;
|
|
1835
4233
|
default: boolean;
|
|
1836
4234
|
};
|
|
4235
|
+
/** 읽기 전용 여부 */
|
|
1837
4236
|
readonly: {
|
|
1838
4237
|
type: BooleanConstructor;
|
|
1839
4238
|
default: boolean;
|
|
1840
4239
|
};
|
|
4240
|
+
/** 비활성화 여부 */
|
|
1841
4241
|
disabled: {
|
|
1842
4242
|
type: BooleanConstructor;
|
|
1843
4243
|
default: boolean;
|
|
1844
4244
|
};
|
|
4245
|
+
/** 글자 수 표시 여부 */
|
|
1845
4246
|
showCount: {
|
|
1846
4247
|
type: BooleanConstructor;
|
|
1847
4248
|
default: boolean;
|
|
1848
4249
|
};
|
|
4250
|
+
/** 리사이즈 가능 여부 */
|
|
1849
4251
|
resize: {
|
|
1850
4252
|
type: () => "none" | "both" | "horizontal" | "vertical";
|
|
1851
4253
|
default: string;
|
|
1852
4254
|
};
|
|
4255
|
+
/** CSS 클래스 */
|
|
1853
4256
|
class: {
|
|
1854
4257
|
type: StringConstructor;
|
|
1855
4258
|
default: undefined;
|
|
1856
4259
|
};
|
|
1857
|
-
|
|
1858
|
-
type: (StringConstructor | ObjectConstructor)[];
|
|
1859
|
-
default: undefined;
|
|
1860
|
-
};
|
|
4260
|
+
/** HTML ID */
|
|
1861
4261
|
id: {
|
|
1862
4262
|
type: StringConstructor;
|
|
1863
4263
|
default: undefined;
|
|
1864
4264
|
};
|
|
1865
4265
|
}>, () => VNode<RendererNode, RendererElement, {
|
|
1866
4266
|
[key: string]: any;
|
|
1867
|
-
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin,
|
|
4267
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
4268
|
+
'update:modelValue': (value: string) => true;
|
|
4269
|
+
input: (event: Event) => true;
|
|
4270
|
+
change: (event: Event) => true;
|
|
4271
|
+
focus: (event: FocusEvent) => true;
|
|
4272
|
+
blur: (event: FocusEvent) => true;
|
|
4273
|
+
keydown: (event: KeyboardEvent) => true;
|
|
4274
|
+
keyup: (event: KeyboardEvent) => true;
|
|
4275
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
4276
|
+
/** 입력값 */
|
|
1868
4277
|
modelValue: {
|
|
1869
4278
|
type: StringConstructor;
|
|
1870
4279
|
default: string;
|
|
1871
4280
|
};
|
|
4281
|
+
/** 입력 크기 */
|
|
1872
4282
|
size: {
|
|
1873
4283
|
type: () => Size;
|
|
1874
4284
|
default: undefined;
|
|
1875
4285
|
};
|
|
4286
|
+
/** 플레이스홀더 */
|
|
1876
4287
|
placeholder: {
|
|
1877
4288
|
type: StringConstructor;
|
|
1878
4289
|
default: undefined;
|
|
1879
4290
|
};
|
|
4291
|
+
/** 최대 글자 수 */
|
|
1880
4292
|
maxlength: {
|
|
1881
4293
|
type: NumberConstructor;
|
|
1882
4294
|
default: undefined;
|
|
1883
4295
|
};
|
|
4296
|
+
/** 최소 글자 수 */
|
|
1884
4297
|
minlength: {
|
|
1885
4298
|
type: NumberConstructor;
|
|
1886
4299
|
default: undefined;
|
|
1887
4300
|
};
|
|
4301
|
+
/** 행 수 */
|
|
1888
4302
|
rows: {
|
|
1889
4303
|
type: NumberConstructor;
|
|
1890
4304
|
default: number;
|
|
1891
4305
|
};
|
|
4306
|
+
/** 열 수 */
|
|
1892
4307
|
cols: {
|
|
1893
4308
|
type: NumberConstructor;
|
|
1894
4309
|
default: undefined;
|
|
1895
4310
|
};
|
|
4311
|
+
/** 자동 포커스 */
|
|
1896
4312
|
autofocus: {
|
|
1897
4313
|
type: BooleanConstructor;
|
|
1898
4314
|
default: boolean;
|
|
1899
4315
|
};
|
|
4316
|
+
/** 폼 필드 이름 */
|
|
1900
4317
|
name: {
|
|
1901
4318
|
type: StringConstructor;
|
|
1902
4319
|
default: undefined;
|
|
1903
4320
|
};
|
|
4321
|
+
/** 필수 입력 여부 */
|
|
1904
4322
|
required: {
|
|
1905
4323
|
type: BooleanConstructor;
|
|
1906
4324
|
default: boolean;
|
|
1907
4325
|
};
|
|
4326
|
+
/** 읽기 전용 여부 */
|
|
1908
4327
|
readonly: {
|
|
1909
4328
|
type: BooleanConstructor;
|
|
1910
4329
|
default: boolean;
|
|
1911
4330
|
};
|
|
4331
|
+
/** 비활성화 여부 */
|
|
1912
4332
|
disabled: {
|
|
1913
4333
|
type: BooleanConstructor;
|
|
1914
4334
|
default: boolean;
|
|
1915
4335
|
};
|
|
4336
|
+
/** 글자 수 표시 여부 */
|
|
1916
4337
|
showCount: {
|
|
1917
4338
|
type: BooleanConstructor;
|
|
1918
4339
|
default: boolean;
|
|
1919
4340
|
};
|
|
4341
|
+
/** 리사이즈 가능 여부 */
|
|
1920
4342
|
resize: {
|
|
1921
4343
|
type: () => "none" | "both" | "horizontal" | "vertical";
|
|
1922
4344
|
default: string;
|
|
1923
4345
|
};
|
|
4346
|
+
/** CSS 클래스 */
|
|
1924
4347
|
class: {
|
|
1925
4348
|
type: StringConstructor;
|
|
1926
4349
|
default: undefined;
|
|
1927
4350
|
};
|
|
1928
|
-
|
|
1929
|
-
type: (StringConstructor | ObjectConstructor)[];
|
|
1930
|
-
default: undefined;
|
|
1931
|
-
};
|
|
4351
|
+
/** HTML ID */
|
|
1932
4352
|
id: {
|
|
1933
4353
|
type: StringConstructor;
|
|
1934
4354
|
default: undefined;
|
|
1935
4355
|
};
|
|
1936
4356
|
}>> & Readonly<{
|
|
1937
|
-
onFocus?: ((
|
|
1938
|
-
onInput?: ((
|
|
1939
|
-
onBlur?: ((
|
|
1940
|
-
onChange?: ((
|
|
1941
|
-
onKeydown?: ((
|
|
1942
|
-
onKeyup?: ((
|
|
1943
|
-
"onUpdate:modelValue"?: ((
|
|
4357
|
+
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
4358
|
+
onInput?: ((event: Event) => any) | undefined;
|
|
4359
|
+
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
4360
|
+
onChange?: ((event: Event) => any) | undefined;
|
|
4361
|
+
onKeydown?: ((event: KeyboardEvent) => any) | undefined;
|
|
4362
|
+
onKeyup?: ((event: KeyboardEvent) => any) | undefined;
|
|
4363
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
1944
4364
|
}>, {
|
|
1945
4365
|
name: string;
|
|
1946
4366
|
required: boolean;
|
|
@@ -1948,14 +4368,13 @@ export declare const KrdsTextarea: DefineComponent<ExtractPropTypes<{
|
|
|
1948
4368
|
disabled: boolean;
|
|
1949
4369
|
size: Size;
|
|
1950
4370
|
class: string;
|
|
1951
|
-
style: string | Record<string, any>;
|
|
1952
|
-
id: string;
|
|
1953
4371
|
resize: "horizontal" | "vertical" | "none" | "both";
|
|
1954
4372
|
modelValue: string;
|
|
1955
4373
|
placeholder: string;
|
|
1956
4374
|
maxlength: number;
|
|
1957
4375
|
minlength: number;
|
|
1958
4376
|
autofocus: boolean;
|
|
4377
|
+
id: string;
|
|
1959
4378
|
rows: number;
|
|
1960
4379
|
cols: number;
|
|
1961
4380
|
showCount: boolean;
|
|
@@ -2002,7 +4421,34 @@ export declare interface KrdsTextareaProps extends BaseFormProps {
|
|
|
2002
4421
|
resize?: 'none' | 'both' | 'horizontal' | 'vertical';
|
|
2003
4422
|
}
|
|
2004
4423
|
|
|
2005
|
-
export declare const KrdsTextList: DefineComponent<
|
|
4424
|
+
export declare const KrdsTextList: DefineComponent<ExtractPropTypes<{
|
|
4425
|
+
/** 리스트 타입 */
|
|
4426
|
+
type: {
|
|
4427
|
+
type: () => "ul" | "ol";
|
|
4428
|
+
default: string;
|
|
4429
|
+
};
|
|
4430
|
+
/** 스타일 변형 */
|
|
4431
|
+
variant: {
|
|
4432
|
+
type: () => "decimal" | "dash" | "hollow" | "ordered";
|
|
4433
|
+
default: string;
|
|
4434
|
+
};
|
|
4435
|
+
}>, () => VNode<RendererNode, RendererElement, {
|
|
4436
|
+
[key: string]: any;
|
|
4437
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
4438
|
+
/** 리스트 타입 */
|
|
4439
|
+
type: {
|
|
4440
|
+
type: () => "ul" | "ol";
|
|
4441
|
+
default: string;
|
|
4442
|
+
};
|
|
4443
|
+
/** 스타일 변형 */
|
|
4444
|
+
variant: {
|
|
4445
|
+
type: () => "decimal" | "dash" | "hollow" | "ordered";
|
|
4446
|
+
default: string;
|
|
4447
|
+
};
|
|
4448
|
+
}>> & Readonly<{}>, {
|
|
4449
|
+
type: "ol" | "ul";
|
|
4450
|
+
variant: "decimal" | "dash" | "hollow" | "ordered";
|
|
4451
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
2006
4452
|
|
|
2007
4453
|
/**
|
|
2008
4454
|
* KRDS TextList 컴포넌트 속성
|
|
@@ -2014,7 +4460,119 @@ export declare interface KrdsTextListProps extends BaseComponentProps {
|
|
|
2014
4460
|
variant?: 'decimal' | 'dash' | 'hollow' | 'ordered';
|
|
2015
4461
|
}
|
|
2016
4462
|
|
|
2017
|
-
export declare const KrdsToggleSwitch: DefineComponent<
|
|
4463
|
+
export declare const KrdsToggleSwitch: DefineComponent<ExtractPropTypes<{
|
|
4464
|
+
/** 모델 값 */
|
|
4465
|
+
modelValue: {
|
|
4466
|
+
type: BooleanConstructor;
|
|
4467
|
+
default: boolean;
|
|
4468
|
+
};
|
|
4469
|
+
/** 비활성화 여부 */
|
|
4470
|
+
disabled: {
|
|
4471
|
+
type: BooleanConstructor;
|
|
4472
|
+
default: boolean;
|
|
4473
|
+
};
|
|
4474
|
+
/** 스위치 라벨 */
|
|
4475
|
+
label: {
|
|
4476
|
+
type: StringConstructor;
|
|
4477
|
+
default: undefined;
|
|
4478
|
+
};
|
|
4479
|
+
/** 크기 */
|
|
4480
|
+
size: {
|
|
4481
|
+
type: () => "medium" | "large";
|
|
4482
|
+
default: string;
|
|
4483
|
+
validator: (value: string) => boolean;
|
|
4484
|
+
};
|
|
4485
|
+
/** 폼 필드 이름 */
|
|
4486
|
+
name: {
|
|
4487
|
+
type: StringConstructor;
|
|
4488
|
+
default: undefined;
|
|
4489
|
+
};
|
|
4490
|
+
/** 필수 입력 여부 */
|
|
4491
|
+
required: {
|
|
4492
|
+
type: BooleanConstructor;
|
|
4493
|
+
default: boolean;
|
|
4494
|
+
};
|
|
4495
|
+
/** 읽기 전용 여부 */
|
|
4496
|
+
readonly: {
|
|
4497
|
+
type: BooleanConstructor;
|
|
4498
|
+
default: boolean;
|
|
4499
|
+
};
|
|
4500
|
+
/** CSS 클래스 */
|
|
4501
|
+
class: {
|
|
4502
|
+
type: StringConstructor;
|
|
4503
|
+
default: undefined;
|
|
4504
|
+
};
|
|
4505
|
+
/** HTML ID */
|
|
4506
|
+
id: {
|
|
4507
|
+
type: StringConstructor;
|
|
4508
|
+
default: undefined;
|
|
4509
|
+
};
|
|
4510
|
+
}>, () => VNode<RendererNode, RendererElement, {
|
|
4511
|
+
[key: string]: any;
|
|
4512
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
4513
|
+
'update:modelValue': (value: boolean) => true;
|
|
4514
|
+
change: (value: boolean) => true;
|
|
4515
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
4516
|
+
/** 모델 값 */
|
|
4517
|
+
modelValue: {
|
|
4518
|
+
type: BooleanConstructor;
|
|
4519
|
+
default: boolean;
|
|
4520
|
+
};
|
|
4521
|
+
/** 비활성화 여부 */
|
|
4522
|
+
disabled: {
|
|
4523
|
+
type: BooleanConstructor;
|
|
4524
|
+
default: boolean;
|
|
4525
|
+
};
|
|
4526
|
+
/** 스위치 라벨 */
|
|
4527
|
+
label: {
|
|
4528
|
+
type: StringConstructor;
|
|
4529
|
+
default: undefined;
|
|
4530
|
+
};
|
|
4531
|
+
/** 크기 */
|
|
4532
|
+
size: {
|
|
4533
|
+
type: () => "medium" | "large";
|
|
4534
|
+
default: string;
|
|
4535
|
+
validator: (value: string) => boolean;
|
|
4536
|
+
};
|
|
4537
|
+
/** 폼 필드 이름 */
|
|
4538
|
+
name: {
|
|
4539
|
+
type: StringConstructor;
|
|
4540
|
+
default: undefined;
|
|
4541
|
+
};
|
|
4542
|
+
/** 필수 입력 여부 */
|
|
4543
|
+
required: {
|
|
4544
|
+
type: BooleanConstructor;
|
|
4545
|
+
default: boolean;
|
|
4546
|
+
};
|
|
4547
|
+
/** 읽기 전용 여부 */
|
|
4548
|
+
readonly: {
|
|
4549
|
+
type: BooleanConstructor;
|
|
4550
|
+
default: boolean;
|
|
4551
|
+
};
|
|
4552
|
+
/** CSS 클래스 */
|
|
4553
|
+
class: {
|
|
4554
|
+
type: StringConstructor;
|
|
4555
|
+
default: undefined;
|
|
4556
|
+
};
|
|
4557
|
+
/** HTML ID */
|
|
4558
|
+
id: {
|
|
4559
|
+
type: StringConstructor;
|
|
4560
|
+
default: undefined;
|
|
4561
|
+
};
|
|
4562
|
+
}>> & Readonly<{
|
|
4563
|
+
onChange?: ((value: boolean) => any) | undefined;
|
|
4564
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
4565
|
+
}>, {
|
|
4566
|
+
name: string;
|
|
4567
|
+
required: boolean;
|
|
4568
|
+
readonly: boolean;
|
|
4569
|
+
disabled: boolean;
|
|
4570
|
+
size: "medium" | "large";
|
|
4571
|
+
class: string;
|
|
4572
|
+
label: string;
|
|
4573
|
+
modelValue: boolean;
|
|
4574
|
+
id: string;
|
|
4575
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
2018
4576
|
|
|
2019
4577
|
/**
|
|
2020
4578
|
* KRDS ToggleSwitch 컴포넌트 이벤트
|
|
@@ -2038,7 +4596,66 @@ export declare interface KrdsToggleSwitchProps extends BaseFormProps {
|
|
|
2038
4596
|
size?: 'medium' | 'large';
|
|
2039
4597
|
}
|
|
2040
4598
|
|
|
2041
|
-
export declare const KrdsTooltip: DefineComponent<
|
|
4599
|
+
export declare const KrdsTooltip: DefineComponent<ExtractPropTypes<{
|
|
4600
|
+
/** 트리거 버튼 타입 */
|
|
4601
|
+
type: {
|
|
4602
|
+
type: PropType<TooltipType>;
|
|
4603
|
+
default: string;
|
|
4604
|
+
};
|
|
4605
|
+
/** 툴팁 본문 */
|
|
4606
|
+
tooltipContent: {
|
|
4607
|
+
type: StringConstructor;
|
|
4608
|
+
required: true;
|
|
4609
|
+
};
|
|
4610
|
+
/** 세로 방향 배치 여부 */
|
|
4611
|
+
vertical: {
|
|
4612
|
+
type: BooleanConstructor;
|
|
4613
|
+
default: boolean;
|
|
4614
|
+
};
|
|
4615
|
+
/** 박스형 여부 */
|
|
4616
|
+
box: {
|
|
4617
|
+
type: BooleanConstructor;
|
|
4618
|
+
default: boolean;
|
|
4619
|
+
};
|
|
4620
|
+
/** 비활성화 여부 */
|
|
4621
|
+
disabled: {
|
|
4622
|
+
type: BooleanConstructor;
|
|
4623
|
+
default: boolean;
|
|
4624
|
+
};
|
|
4625
|
+
}>, () => VNode<RendererNode, RendererElement, {
|
|
4626
|
+
[key: string]: any;
|
|
4627
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
4628
|
+
/** 트리거 버튼 타입 */
|
|
4629
|
+
type: {
|
|
4630
|
+
type: PropType<TooltipType>;
|
|
4631
|
+
default: string;
|
|
4632
|
+
};
|
|
4633
|
+
/** 툴팁 본문 */
|
|
4634
|
+
tooltipContent: {
|
|
4635
|
+
type: StringConstructor;
|
|
4636
|
+
required: true;
|
|
4637
|
+
};
|
|
4638
|
+
/** 세로 방향 배치 여부 */
|
|
4639
|
+
vertical: {
|
|
4640
|
+
type: BooleanConstructor;
|
|
4641
|
+
default: boolean;
|
|
4642
|
+
};
|
|
4643
|
+
/** 박스형 여부 */
|
|
4644
|
+
box: {
|
|
4645
|
+
type: BooleanConstructor;
|
|
4646
|
+
default: boolean;
|
|
4647
|
+
};
|
|
4648
|
+
/** 비활성화 여부 */
|
|
4649
|
+
disabled: {
|
|
4650
|
+
type: BooleanConstructor;
|
|
4651
|
+
default: boolean;
|
|
4652
|
+
};
|
|
4653
|
+
}>> & Readonly<{}>, {
|
|
4654
|
+
vertical: boolean;
|
|
4655
|
+
disabled: boolean;
|
|
4656
|
+
type: TooltipType;
|
|
4657
|
+
box: boolean;
|
|
4658
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
2042
4659
|
|
|
2043
4660
|
/**
|
|
2044
4661
|
* KRDS Tooltip 컴포넌트 속성
|
|
@@ -2056,7 +4673,87 @@ export declare interface KrdsTooltipProps extends BaseComponentProps {
|
|
|
2056
4673
|
disabled?: boolean;
|
|
2057
4674
|
}
|
|
2058
4675
|
|
|
2059
|
-
export declare const KrdsTts: DefineComponent<
|
|
4676
|
+
export declare const KrdsTts: DefineComponent<ExtractPropTypes<{
|
|
4677
|
+
/** 읽어줄 텍스트 */
|
|
4678
|
+
text: {
|
|
4679
|
+
type: StringConstructor;
|
|
4680
|
+
required: true;
|
|
4681
|
+
};
|
|
4682
|
+
/** 레이블 텍스트 (미지정 시 아이콘만 표시) */
|
|
4683
|
+
label: {
|
|
4684
|
+
type: StringConstructor;
|
|
4685
|
+
default: undefined;
|
|
4686
|
+
};
|
|
4687
|
+
/** 버튼 크기 */
|
|
4688
|
+
size: {
|
|
4689
|
+
type: () => TtsSize;
|
|
4690
|
+
default: string;
|
|
4691
|
+
};
|
|
4692
|
+
/** 아이콘 타입 */
|
|
4693
|
+
icon: {
|
|
4694
|
+
type: () => TtsIcon;
|
|
4695
|
+
default: string;
|
|
4696
|
+
};
|
|
4697
|
+
/** 비활성화 여부 */
|
|
4698
|
+
disabled: {
|
|
4699
|
+
type: BooleanConstructor;
|
|
4700
|
+
default: boolean;
|
|
4701
|
+
};
|
|
4702
|
+
/** CSS 클래스 */
|
|
4703
|
+
class: {
|
|
4704
|
+
type: StringConstructor;
|
|
4705
|
+
default: undefined;
|
|
4706
|
+
};
|
|
4707
|
+
}>, () => VNode<RendererNode, RendererElement, {
|
|
4708
|
+
[key: string]: any;
|
|
4709
|
+
}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
4710
|
+
play: (text: string) => true;
|
|
4711
|
+
pause: () => true;
|
|
4712
|
+
end: () => true;
|
|
4713
|
+
error: (error: Error) => true;
|
|
4714
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
4715
|
+
/** 읽어줄 텍스트 */
|
|
4716
|
+
text: {
|
|
4717
|
+
type: StringConstructor;
|
|
4718
|
+
required: true;
|
|
4719
|
+
};
|
|
4720
|
+
/** 레이블 텍스트 (미지정 시 아이콘만 표시) */
|
|
4721
|
+
label: {
|
|
4722
|
+
type: StringConstructor;
|
|
4723
|
+
default: undefined;
|
|
4724
|
+
};
|
|
4725
|
+
/** 버튼 크기 */
|
|
4726
|
+
size: {
|
|
4727
|
+
type: () => TtsSize;
|
|
4728
|
+
default: string;
|
|
4729
|
+
};
|
|
4730
|
+
/** 아이콘 타입 */
|
|
4731
|
+
icon: {
|
|
4732
|
+
type: () => TtsIcon;
|
|
4733
|
+
default: string;
|
|
4734
|
+
};
|
|
4735
|
+
/** 비활성화 여부 */
|
|
4736
|
+
disabled: {
|
|
4737
|
+
type: BooleanConstructor;
|
|
4738
|
+
default: boolean;
|
|
4739
|
+
};
|
|
4740
|
+
/** CSS 클래스 */
|
|
4741
|
+
class: {
|
|
4742
|
+
type: StringConstructor;
|
|
4743
|
+
default: undefined;
|
|
4744
|
+
};
|
|
4745
|
+
}>> & Readonly<{
|
|
4746
|
+
onError?: ((error: Error) => any) | undefined;
|
|
4747
|
+
onPause?: (() => any) | undefined;
|
|
4748
|
+
onPlay?: ((text: string) => any) | undefined;
|
|
4749
|
+
onEnd?: (() => any) | undefined;
|
|
4750
|
+
}>, {
|
|
4751
|
+
disabled: boolean;
|
|
4752
|
+
size: TtsSize;
|
|
4753
|
+
icon: TtsIcon;
|
|
4754
|
+
class: string;
|
|
4755
|
+
label: string;
|
|
4756
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
2060
4757
|
|
|
2061
4758
|
/**
|
|
2062
4759
|
* KRDS TTS 컴포넌트 이벤트
|