@nexus-cross/design-system 1.0.0 → 1.0.1
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/dist/chunks/{chunk-D6FII7HW.js → chunk-BBLBTOP4.js} +8 -5
- package/dist/chunks/chunk-GMGG4VZM.mjs +5 -0
- package/dist/chunks/chunk-N75GAGAG.js +7 -0
- package/dist/chunks/{chunk-54RBL7J4.mjs → chunk-UKRU46PH.mjs} +8 -5
- package/dist/index.js +3 -3
- package/dist/index.mjs +1 -1
- package/dist/schemas/_all.json +518 -21
- package/dist/schemas/button.json +18 -0
- package/dist/schemas/checkBox.json +19 -1
- package/dist/schemas/chip.json +7 -1
- package/dist/schemas/counter.json +3 -0
- package/dist/schemas/divider.json +3 -0
- package/dist/schemas/drawer.json +20 -1
- package/dist/schemas/drawerClose.json +24 -0
- package/dist/schemas/drawerDescription.json +20 -0
- package/dist/schemas/drawerTitle.json +20 -0
- package/dist/schemas/drawerTrigger.json +24 -0
- package/dist/schemas/marquee.json +3 -0
- package/dist/schemas/modalCall.json +80 -2
- package/dist/schemas/modalTemplate.json +4 -1
- package/dist/schemas/numberInput.json +19 -1
- package/dist/schemas/radioGroup.json +7 -0
- package/dist/schemas/radioItem.json +7 -0
- package/dist/schemas/skeleton.json +3 -0
- package/dist/schemas/spinner.json +7 -0
- package/dist/schemas/switch.json +12 -1
- package/dist/schemas/textArea.json +33 -0
- package/dist/schemas/textInput.json +41 -1
- package/dist/schemas/toastOptions.json +81 -0
- package/dist/schemas/toaster.json +46 -1
- package/dist/schemas/virtualGrid.json +12 -9
- package/dist/schemas/virtualList.json +5 -2
- package/dist/schemas.d.mts +420 -56
- package/dist/schemas.d.ts +420 -56
- package/dist/schemas.js +154 -19
- package/dist/schemas.mjs +150 -20
- package/dist/styles/layer.js +2 -2
- package/dist/styles/layer.mjs +1 -1
- package/dist/styles.css +28 -30
- package/dist/styles.js +2 -2
- package/dist/styles.layered.css +28 -30
- package/dist/styles.mjs +1 -1
- package/dist/text-input.d.mts +1 -1
- package/dist/text-input.d.ts +1 -1
- package/dist/text-input.js +3 -3
- package/dist/text-input.mjs +1 -1
- package/package.json +2 -2
- package/dist/chunks/chunk-7AISZYWL.js +0 -7
- package/dist/chunks/chunk-V5OTJP6H.mjs +0 -5
package/dist/schemas/_all.json
CHANGED
|
@@ -218,6 +218,24 @@
|
|
|
218
218
|
"type": "boolean",
|
|
219
219
|
"description": "비활성 (aria-disabled 자동)"
|
|
220
220
|
},
|
|
221
|
+
"children": {
|
|
222
|
+
"description": "버튼 내용 (ReactNode)"
|
|
223
|
+
},
|
|
224
|
+
"onClick": {
|
|
225
|
+
"description": "클릭 이벤트 핸들러"
|
|
226
|
+
},
|
|
227
|
+
"type": {
|
|
228
|
+
"type": "string",
|
|
229
|
+
"enum": [
|
|
230
|
+
"button",
|
|
231
|
+
"submit",
|
|
232
|
+
"reset"
|
|
233
|
+
],
|
|
234
|
+
"description": "HTML button type (기본: button)"
|
|
235
|
+
},
|
|
236
|
+
"style": {
|
|
237
|
+
"description": "인라인 스타일 (CSSProperties)"
|
|
238
|
+
},
|
|
221
239
|
"className": {
|
|
222
240
|
"type": "string",
|
|
223
241
|
"description": "스타일 오버라이드"
|
|
@@ -356,14 +374,32 @@
|
|
|
356
374
|
},
|
|
357
375
|
"readOnly": {
|
|
358
376
|
"type": "boolean",
|
|
359
|
-
"description": "읽기
|
|
377
|
+
"description": "읽기 전용"
|
|
360
378
|
},
|
|
361
379
|
"label": {
|
|
362
380
|
"description": "라벨 텍스트 (ReactNode)"
|
|
363
381
|
},
|
|
382
|
+
"children": {
|
|
383
|
+
"description": "라벨 대체 콘텐츠 (ReactNode)"
|
|
384
|
+
},
|
|
385
|
+
"name": {
|
|
386
|
+
"type": "string",
|
|
387
|
+
"description": "form 필드명"
|
|
388
|
+
},
|
|
389
|
+
"id": {
|
|
390
|
+
"type": "string",
|
|
391
|
+
"description": "요소 ID"
|
|
392
|
+
},
|
|
393
|
+
"value": {
|
|
394
|
+
"type": "string",
|
|
395
|
+
"description": "form 전송 시 값"
|
|
396
|
+
},
|
|
364
397
|
"onCheckedChange": {
|
|
365
398
|
"description": "체크 상태 변경 콜백 (checked: boolean) => void"
|
|
366
399
|
},
|
|
400
|
+
"onChange": {
|
|
401
|
+
"description": "네이티브 change 이벤트 핸들러"
|
|
402
|
+
},
|
|
367
403
|
"className": {
|
|
368
404
|
"type": "string",
|
|
369
405
|
"description": "스타일 오버라이드"
|
|
@@ -410,8 +446,14 @@
|
|
|
410
446
|
"type": "boolean",
|
|
411
447
|
"description": "비활성 (aria-disabled 자동)"
|
|
412
448
|
},
|
|
449
|
+
"children": {
|
|
450
|
+
"description": "칩 내용 (ReactNode)"
|
|
451
|
+
},
|
|
413
452
|
"onClose": {
|
|
414
|
-
"description": "닫기 버튼 클릭 콜백 () => void"
|
|
453
|
+
"description": "닫기 버튼 클릭 콜백 (e: MouseEvent) => void. 전달 시 X 버튼 자동 표시"
|
|
454
|
+
},
|
|
455
|
+
"onClick": {
|
|
456
|
+
"description": "클릭 이벤트 핸들러"
|
|
415
457
|
},
|
|
416
458
|
"className": {
|
|
417
459
|
"type": "string",
|
|
@@ -544,6 +586,9 @@
|
|
|
544
586
|
"onEnd": {
|
|
545
587
|
"description": "카운트 완료 콜백 () => void"
|
|
546
588
|
},
|
|
589
|
+
"style": {
|
|
590
|
+
"description": "인라인 스타일 (CSSProperties)"
|
|
591
|
+
},
|
|
547
592
|
"className": {
|
|
548
593
|
"type": "string",
|
|
549
594
|
"description": "스타일 오버라이드"
|
|
@@ -643,6 +688,9 @@
|
|
|
643
688
|
"type": "string",
|
|
644
689
|
"description": "커스텀 색상 (CSS 값)"
|
|
645
690
|
},
|
|
691
|
+
"style": {
|
|
692
|
+
"description": "인라인 스타일 (CSSProperties)"
|
|
693
|
+
},
|
|
646
694
|
"className": {
|
|
647
695
|
"type": "string",
|
|
648
696
|
"description": "스타일 오버라이드"
|
|
@@ -671,8 +719,27 @@
|
|
|
671
719
|
"default": "bottom",
|
|
672
720
|
"description": "방향"
|
|
673
721
|
},
|
|
722
|
+
"open": {
|
|
723
|
+
"type": "boolean",
|
|
724
|
+
"description": "열림 상태 (제어 모드)"
|
|
725
|
+
},
|
|
726
|
+
"onOpenChange": {
|
|
727
|
+
"description": "열림 상태 변경 콜백 (open: boolean) => void"
|
|
728
|
+
},
|
|
729
|
+
"dismissible": {
|
|
730
|
+
"type": "boolean",
|
|
731
|
+
"description": "스와이프/외부 클릭으로 닫기 허용 (기본 true)"
|
|
732
|
+
},
|
|
733
|
+
"modal": {
|
|
734
|
+
"type": "boolean",
|
|
735
|
+
"description": "모달 모드 (기본 true). false면 배경과 상호작용 가능"
|
|
736
|
+
},
|
|
737
|
+
"shouldScaleBackground": {
|
|
738
|
+
"type": "boolean",
|
|
739
|
+
"description": "배경 축소 효과 (기본 false)"
|
|
740
|
+
},
|
|
674
741
|
"children": {
|
|
675
|
-
"description": "Drawer 하위 컴포넌트 (ReactNode)"
|
|
742
|
+
"description": "Drawer 하위 컴포넌트 (ReactNode, 필수)"
|
|
676
743
|
}
|
|
677
744
|
},
|
|
678
745
|
"additionalProperties": false,
|
|
@@ -731,6 +798,94 @@
|
|
|
731
798
|
},
|
|
732
799
|
"$schema": "http://json-schema.org/draft-07/schema#"
|
|
733
800
|
},
|
|
801
|
+
"drawerTrigger": {
|
|
802
|
+
"$ref": "#/definitions/drawerTriggerPropsSchema",
|
|
803
|
+
"definitions": {
|
|
804
|
+
"drawerTriggerPropsSchema": {
|
|
805
|
+
"type": "object",
|
|
806
|
+
"properties": {
|
|
807
|
+
"asChild": {
|
|
808
|
+
"type": "boolean",
|
|
809
|
+
"description": "자식 요소로 렌더링"
|
|
810
|
+
},
|
|
811
|
+
"children": {
|
|
812
|
+
"description": "트리거 요소 (ReactNode, 필수)"
|
|
813
|
+
},
|
|
814
|
+
"className": {
|
|
815
|
+
"type": "string",
|
|
816
|
+
"description": "스타일 오버라이드"
|
|
817
|
+
}
|
|
818
|
+
},
|
|
819
|
+
"additionalProperties": false,
|
|
820
|
+
"description": "Drawer 열기 트리거."
|
|
821
|
+
}
|
|
822
|
+
},
|
|
823
|
+
"$schema": "http://json-schema.org/draft-07/schema#"
|
|
824
|
+
},
|
|
825
|
+
"drawerClose": {
|
|
826
|
+
"$ref": "#/definitions/drawerClosePropsSchema",
|
|
827
|
+
"definitions": {
|
|
828
|
+
"drawerClosePropsSchema": {
|
|
829
|
+
"type": "object",
|
|
830
|
+
"properties": {
|
|
831
|
+
"asChild": {
|
|
832
|
+
"type": "boolean",
|
|
833
|
+
"description": "자식 요소로 렌더링"
|
|
834
|
+
},
|
|
835
|
+
"children": {
|
|
836
|
+
"description": "닫기 요소 (ReactNode, 필수)"
|
|
837
|
+
},
|
|
838
|
+
"className": {
|
|
839
|
+
"type": "string",
|
|
840
|
+
"description": "스타일 오버라이드"
|
|
841
|
+
}
|
|
842
|
+
},
|
|
843
|
+
"additionalProperties": false,
|
|
844
|
+
"description": "Drawer 닫기 버튼."
|
|
845
|
+
}
|
|
846
|
+
},
|
|
847
|
+
"$schema": "http://json-schema.org/draft-07/schema#"
|
|
848
|
+
},
|
|
849
|
+
"drawerTitle": {
|
|
850
|
+
"$ref": "#/definitions/drawerTitlePropsSchema",
|
|
851
|
+
"definitions": {
|
|
852
|
+
"drawerTitlePropsSchema": {
|
|
853
|
+
"type": "object",
|
|
854
|
+
"properties": {
|
|
855
|
+
"children": {
|
|
856
|
+
"description": "제목 텍스트 (ReactNode, 필수)"
|
|
857
|
+
},
|
|
858
|
+
"className": {
|
|
859
|
+
"type": "string",
|
|
860
|
+
"description": "스타일 오버라이드"
|
|
861
|
+
}
|
|
862
|
+
},
|
|
863
|
+
"additionalProperties": false,
|
|
864
|
+
"description": "Drawer 제목 (접근성용 필수)."
|
|
865
|
+
}
|
|
866
|
+
},
|
|
867
|
+
"$schema": "http://json-schema.org/draft-07/schema#"
|
|
868
|
+
},
|
|
869
|
+
"drawerDescription": {
|
|
870
|
+
"$ref": "#/definitions/drawerDescriptionPropsSchema",
|
|
871
|
+
"definitions": {
|
|
872
|
+
"drawerDescriptionPropsSchema": {
|
|
873
|
+
"type": "object",
|
|
874
|
+
"properties": {
|
|
875
|
+
"children": {
|
|
876
|
+
"description": "설명 텍스트 (ReactNode, 필수)"
|
|
877
|
+
},
|
|
878
|
+
"className": {
|
|
879
|
+
"type": "string",
|
|
880
|
+
"description": "스타일 오버라이드"
|
|
881
|
+
}
|
|
882
|
+
},
|
|
883
|
+
"additionalProperties": false,
|
|
884
|
+
"description": "Drawer 설명."
|
|
885
|
+
}
|
|
886
|
+
},
|
|
887
|
+
"$schema": "http://json-schema.org/draft-07/schema#"
|
|
888
|
+
},
|
|
734
889
|
"ellipsis": {
|
|
735
890
|
"$ref": "#/definitions/ellipsisPropsSchema",
|
|
736
891
|
"definitions": {
|
|
@@ -902,6 +1057,9 @@
|
|
|
902
1057
|
"children": {
|
|
903
1058
|
"description": "반복 표시할 콘텐츠 (ReactNode, 필수)"
|
|
904
1059
|
},
|
|
1060
|
+
"style": {
|
|
1061
|
+
"description": "인라인 스타일 (CSSProperties)"
|
|
1062
|
+
},
|
|
905
1063
|
"className": {
|
|
906
1064
|
"type": "string",
|
|
907
1065
|
"description": "스타일 오버라이드"
|
|
@@ -991,7 +1149,7 @@
|
|
|
991
1149
|
}
|
|
992
1150
|
},
|
|
993
1151
|
"additionalProperties": false,
|
|
994
|
-
"description": "모달 애니메이션
|
|
1152
|
+
"description": "모달 애니메이션"
|
|
995
1153
|
},
|
|
996
1154
|
"enableDrag": {
|
|
997
1155
|
"type": "boolean",
|
|
@@ -1002,6 +1160,9 @@
|
|
|
1002
1160
|
"type": "string",
|
|
1003
1161
|
"description": "드래그 위치 저장 키"
|
|
1004
1162
|
},
|
|
1163
|
+
"close": {
|
|
1164
|
+
"description": "모달 닫기 함수 (isAnimation?: boolean) => void (자동 주입)"
|
|
1165
|
+
},
|
|
1005
1166
|
"children": {
|
|
1006
1167
|
"description": "모달 본문 (ReactNode, 필수)"
|
|
1007
1168
|
},
|
|
@@ -1043,16 +1204,94 @@
|
|
|
1043
1204
|
"type": "object",
|
|
1044
1205
|
"properties": {
|
|
1045
1206
|
"component": {
|
|
1046
|
-
"description": "모달 컴포넌트 (필수)"
|
|
1207
|
+
"description": "모달 컴포넌트 (필수). close/resolve를 자동으로 props로 받음"
|
|
1047
1208
|
},
|
|
1048
1209
|
"props": {
|
|
1049
1210
|
"type": "object",
|
|
1050
1211
|
"additionalProperties": {},
|
|
1051
1212
|
"description": "컴포넌트에 전달할 props"
|
|
1213
|
+
},
|
|
1214
|
+
"id": {
|
|
1215
|
+
"type": "string",
|
|
1216
|
+
"description": "모달 ID (중복 체크 시 사용)"
|
|
1217
|
+
},
|
|
1218
|
+
"layout": {
|
|
1219
|
+
"type": "string",
|
|
1220
|
+
"enum": [
|
|
1221
|
+
"default",
|
|
1222
|
+
"bottom-sheet",
|
|
1223
|
+
"slide-left",
|
|
1224
|
+
"slide-right",
|
|
1225
|
+
"full-page",
|
|
1226
|
+
"full-page-reverse",
|
|
1227
|
+
"draggable"
|
|
1228
|
+
],
|
|
1229
|
+
"description": "레이아웃"
|
|
1230
|
+
},
|
|
1231
|
+
"animation": {
|
|
1232
|
+
"type": "object",
|
|
1233
|
+
"properties": {
|
|
1234
|
+
"name": {
|
|
1235
|
+
"type": "string",
|
|
1236
|
+
"description": "애니메이션 이름"
|
|
1237
|
+
},
|
|
1238
|
+
"mobile": {
|
|
1239
|
+
"type": "string",
|
|
1240
|
+
"description": "모바일용 애니메이션 이름"
|
|
1241
|
+
},
|
|
1242
|
+
"delay": {
|
|
1243
|
+
"type": "number",
|
|
1244
|
+
"description": "지연 (ms)"
|
|
1245
|
+
},
|
|
1246
|
+
"duration": {
|
|
1247
|
+
"type": "number",
|
|
1248
|
+
"description": "지속 시간 (ms)"
|
|
1249
|
+
},
|
|
1250
|
+
"timingFunc": {
|
|
1251
|
+
"type": "string",
|
|
1252
|
+
"description": "타이밍 함수"
|
|
1253
|
+
},
|
|
1254
|
+
"leaveTimingFunc": {
|
|
1255
|
+
"type": "string",
|
|
1256
|
+
"description": "퇴장 타이밍 함수"
|
|
1257
|
+
}
|
|
1258
|
+
},
|
|
1259
|
+
"additionalProperties": false,
|
|
1260
|
+
"description": "모달 애니메이션"
|
|
1261
|
+
},
|
|
1262
|
+
"scrollEnable": {
|
|
1263
|
+
"type": "boolean",
|
|
1264
|
+
"description": "배경 스크롤 허용"
|
|
1265
|
+
},
|
|
1266
|
+
"isToggle": {
|
|
1267
|
+
"type": "boolean",
|
|
1268
|
+
"description": "토글 모드 (같은 모달 재호출 시 닫기)"
|
|
1269
|
+
},
|
|
1270
|
+
"isAlone": {
|
|
1271
|
+
"type": "boolean",
|
|
1272
|
+
"description": "단독 모드 (기존 모달 모두 닫고 열기)"
|
|
1273
|
+
},
|
|
1274
|
+
"duplicateCheck": {
|
|
1275
|
+
"type": "boolean",
|
|
1276
|
+
"description": "동일 컴포넌트 중복 열기 방지"
|
|
1277
|
+
},
|
|
1278
|
+
"disableEscapeKeyPress": {
|
|
1279
|
+
"type": "boolean",
|
|
1280
|
+
"description": "ESC 키로 닫기 비활성화"
|
|
1281
|
+
},
|
|
1282
|
+
"componentName": {
|
|
1283
|
+
"type": "string",
|
|
1284
|
+
"description": "모달 식별 이름 (중복 체크, 모달 검색 시 사용)"
|
|
1285
|
+
},
|
|
1286
|
+
"onOpen": {
|
|
1287
|
+
"description": "모달 열릴 때 콜백"
|
|
1288
|
+
},
|
|
1289
|
+
"onClose": {
|
|
1290
|
+
"description": "모달 닫힐 때 콜백"
|
|
1052
1291
|
}
|
|
1053
1292
|
},
|
|
1054
1293
|
"additionalProperties": false,
|
|
1055
|
-
"description": "modal() 함수 호출
|
|
1294
|
+
"description": "modal() 함수 호출 옵션. component는 close/resolve를 자동으로 props로 받는다."
|
|
1056
1295
|
}
|
|
1057
1296
|
},
|
|
1058
1297
|
"$schema": "http://json-schema.org/draft-07/schema#"
|
|
@@ -1114,15 +1353,33 @@
|
|
|
1114
1353
|
},
|
|
1115
1354
|
"readOnly": {
|
|
1116
1355
|
"type": "boolean",
|
|
1117
|
-
"description": "읽기
|
|
1356
|
+
"description": "읽기 전용 (스핀 버튼 숨김 동작 포함)"
|
|
1118
1357
|
},
|
|
1119
1358
|
"placeholder": {
|
|
1120
1359
|
"type": "string",
|
|
1121
1360
|
"description": "플레이스홀더"
|
|
1122
1361
|
},
|
|
1362
|
+
"name": {
|
|
1363
|
+
"type": "string",
|
|
1364
|
+
"description": "form 필드명"
|
|
1365
|
+
},
|
|
1366
|
+
"id": {
|
|
1367
|
+
"type": "string",
|
|
1368
|
+
"description": "요소 ID"
|
|
1369
|
+
},
|
|
1370
|
+
"autoFocus": {
|
|
1371
|
+
"type": "boolean",
|
|
1372
|
+
"description": "자동 포커스"
|
|
1373
|
+
},
|
|
1123
1374
|
"onValueChange": {
|
|
1124
1375
|
"description": "값 변경 콜백 (value: number | undefined) => void"
|
|
1125
1376
|
},
|
|
1377
|
+
"onBlur": {
|
|
1378
|
+
"description": "포커스 해제 콜백"
|
|
1379
|
+
},
|
|
1380
|
+
"onFocus": {
|
|
1381
|
+
"description": "포커스 콜백"
|
|
1382
|
+
},
|
|
1126
1383
|
"className": {
|
|
1127
1384
|
"type": "string",
|
|
1128
1385
|
"description": "스타일 오버라이드"
|
|
@@ -1291,10 +1548,17 @@
|
|
|
1291
1548
|
"type": "boolean",
|
|
1292
1549
|
"description": "비활성"
|
|
1293
1550
|
},
|
|
1551
|
+
"children": {
|
|
1552
|
+
"description": "RadioItem 목록 (ReactNode, 필수)"
|
|
1553
|
+
},
|
|
1294
1554
|
"aria-label": {
|
|
1295
1555
|
"type": "string",
|
|
1296
1556
|
"description": "접근성 라벨"
|
|
1297
1557
|
},
|
|
1558
|
+
"aria-labelledby": {
|
|
1559
|
+
"type": "string",
|
|
1560
|
+
"description": "접근성 라벨 참조 ID"
|
|
1561
|
+
},
|
|
1298
1562
|
"onValueChange": {
|
|
1299
1563
|
"description": "값 변경 콜백 (value: string) => void"
|
|
1300
1564
|
},
|
|
@@ -1333,9 +1597,16 @@
|
|
|
1333
1597
|
"label": {
|
|
1334
1598
|
"description": "라벨 텍스트 (ReactNode)"
|
|
1335
1599
|
},
|
|
1600
|
+
"children": {
|
|
1601
|
+
"description": "라벨 대체 콘텐츠 (ReactNode)"
|
|
1602
|
+
},
|
|
1336
1603
|
"disabled": {
|
|
1337
1604
|
"type": "boolean",
|
|
1338
1605
|
"description": "비활성"
|
|
1606
|
+
},
|
|
1607
|
+
"className": {
|
|
1608
|
+
"type": "string",
|
|
1609
|
+
"description": "스타일 오버라이드"
|
|
1339
1610
|
}
|
|
1340
1611
|
},
|
|
1341
1612
|
"required": [
|
|
@@ -1477,6 +1748,9 @@
|
|
|
1477
1748
|
"children": {
|
|
1478
1749
|
"description": "내부 콘텐츠 (로딩 완료 시 표시, 실제 크기 유지용)"
|
|
1479
1750
|
},
|
|
1751
|
+
"style": {
|
|
1752
|
+
"description": "인라인 스타일 (CSSProperties)"
|
|
1753
|
+
},
|
|
1480
1754
|
"className": {
|
|
1481
1755
|
"type": "string",
|
|
1482
1756
|
"description": "스타일 오버라이드"
|
|
@@ -1499,11 +1773,18 @@
|
|
|
1499
1773
|
"default": 20,
|
|
1500
1774
|
"description": "px 크기"
|
|
1501
1775
|
},
|
|
1776
|
+
"color": {
|
|
1777
|
+
"type": "string",
|
|
1778
|
+
"description": "색상 (CSS color 값, 기본 currentColor)"
|
|
1779
|
+
},
|
|
1502
1780
|
"aria-label": {
|
|
1503
1781
|
"type": "string",
|
|
1504
1782
|
"default": "Loading",
|
|
1505
1783
|
"description": "접근성 라벨"
|
|
1506
1784
|
},
|
|
1785
|
+
"style": {
|
|
1786
|
+
"description": "인라인 스타일 (CSSProperties)"
|
|
1787
|
+
},
|
|
1507
1788
|
"className": {
|
|
1508
1789
|
"type": "string",
|
|
1509
1790
|
"description": "색상 등 오버라이드"
|
|
@@ -1540,11 +1821,22 @@
|
|
|
1540
1821
|
},
|
|
1541
1822
|
"readOnly": {
|
|
1542
1823
|
"type": "boolean",
|
|
1543
|
-
"description": "읽기
|
|
1824
|
+
"description": "읽기 전용"
|
|
1825
|
+
},
|
|
1826
|
+
"name": {
|
|
1827
|
+
"type": "string",
|
|
1828
|
+
"description": "form 필드명"
|
|
1829
|
+
},
|
|
1830
|
+
"id": {
|
|
1831
|
+
"type": "string",
|
|
1832
|
+
"description": "요소 ID"
|
|
1544
1833
|
},
|
|
1545
1834
|
"onCheckedChange": {
|
|
1546
1835
|
"description": "토글 상태 변경 콜백 (checked: boolean) => void"
|
|
1547
1836
|
},
|
|
1837
|
+
"onChange": {
|
|
1838
|
+
"description": "네이티브 change 이벤트 핸들러 (ChangeEvent)"
|
|
1839
|
+
},
|
|
1548
1840
|
"className": {
|
|
1549
1841
|
"type": "string",
|
|
1550
1842
|
"description": "스타일 오버라이드"
|
|
@@ -1889,9 +2181,42 @@
|
|
|
1889
2181
|
"type": "boolean",
|
|
1890
2182
|
"description": "비활성"
|
|
1891
2183
|
},
|
|
2184
|
+
"readOnly": {
|
|
2185
|
+
"type": "boolean",
|
|
2186
|
+
"description": "읽기 전용"
|
|
2187
|
+
},
|
|
2188
|
+
"value": {
|
|
2189
|
+
"type": "string",
|
|
2190
|
+
"description": "입력값 (제어 모드)"
|
|
2191
|
+
},
|
|
2192
|
+
"defaultValue": {
|
|
2193
|
+
"type": "string",
|
|
2194
|
+
"description": "초기값 (비제어 모드)"
|
|
2195
|
+
},
|
|
2196
|
+
"name": {
|
|
2197
|
+
"type": "string",
|
|
2198
|
+
"description": "form 필드명"
|
|
2199
|
+
},
|
|
2200
|
+
"id": {
|
|
2201
|
+
"type": "string",
|
|
2202
|
+
"description": "요소 ID"
|
|
2203
|
+
},
|
|
2204
|
+
"autoFocus": {
|
|
2205
|
+
"type": "boolean",
|
|
2206
|
+
"description": "자동 포커스"
|
|
2207
|
+
},
|
|
1892
2208
|
"onValueChange": {
|
|
1893
2209
|
"description": "값 변경 콜백 (value: string) => void"
|
|
1894
2210
|
},
|
|
2211
|
+
"onChange": {
|
|
2212
|
+
"description": "네이티브 change 이벤트 핸들러"
|
|
2213
|
+
},
|
|
2214
|
+
"onBlur": {
|
|
2215
|
+
"description": "포커스 해제 콜백"
|
|
2216
|
+
},
|
|
2217
|
+
"onFocus": {
|
|
2218
|
+
"description": "포커스 콜백"
|
|
2219
|
+
},
|
|
1895
2220
|
"className": {
|
|
1896
2221
|
"type": "string",
|
|
1897
2222
|
"description": "스타일 오버라이드"
|
|
@@ -1912,7 +2237,6 @@
|
|
|
1912
2237
|
"size": {
|
|
1913
2238
|
"type": "string",
|
|
1914
2239
|
"enum": [
|
|
1915
|
-
"sm",
|
|
1916
2240
|
"md",
|
|
1917
2241
|
"lg",
|
|
1918
2242
|
"xl"
|
|
@@ -1956,9 +2280,50 @@
|
|
|
1956
2280
|
"type": "boolean",
|
|
1957
2281
|
"description": "비활성"
|
|
1958
2282
|
},
|
|
2283
|
+
"readOnly": {
|
|
2284
|
+
"type": "boolean",
|
|
2285
|
+
"description": "읽기 전용"
|
|
2286
|
+
},
|
|
2287
|
+
"value": {
|
|
2288
|
+
"type": "string",
|
|
2289
|
+
"description": "입력값 (제어 모드)"
|
|
2290
|
+
},
|
|
2291
|
+
"defaultValue": {
|
|
2292
|
+
"type": "string",
|
|
2293
|
+
"description": "초기값 (비제어 모드)"
|
|
2294
|
+
},
|
|
2295
|
+
"type": {
|
|
2296
|
+
"type": "string",
|
|
2297
|
+
"description": "input type (text, password, email, url 등)"
|
|
2298
|
+
},
|
|
2299
|
+
"name": {
|
|
2300
|
+
"type": "string",
|
|
2301
|
+
"description": "form 필드명"
|
|
2302
|
+
},
|
|
2303
|
+
"id": {
|
|
2304
|
+
"type": "string",
|
|
2305
|
+
"description": "요소 ID (label htmlFor 연결용)"
|
|
2306
|
+
},
|
|
2307
|
+
"autoFocus": {
|
|
2308
|
+
"type": "boolean",
|
|
2309
|
+
"description": "자동 포커스"
|
|
2310
|
+
},
|
|
2311
|
+
"autoComplete": {
|
|
2312
|
+
"type": "string",
|
|
2313
|
+
"description": "자동완성 힌트 (on, off, email 등)"
|
|
2314
|
+
},
|
|
1959
2315
|
"onValueChange": {
|
|
1960
2316
|
"description": "값 변경 콜백 (value: string) => void"
|
|
1961
2317
|
},
|
|
2318
|
+
"onChange": {
|
|
2319
|
+
"description": "네이티브 change 이벤트 핸들러"
|
|
2320
|
+
},
|
|
2321
|
+
"onBlur": {
|
|
2322
|
+
"description": "포커스 해제 콜백"
|
|
2323
|
+
},
|
|
2324
|
+
"onFocus": {
|
|
2325
|
+
"description": "포커스 콜백"
|
|
2326
|
+
},
|
|
1962
2327
|
"className": {
|
|
1963
2328
|
"type": "string",
|
|
1964
2329
|
"description": "스타일 오버라이드"
|
|
@@ -2035,6 +2400,87 @@
|
|
|
2035
2400
|
},
|
|
2036
2401
|
"$schema": "http://json-schema.org/draft-07/schema#"
|
|
2037
2402
|
},
|
|
2403
|
+
"toastOptions": {
|
|
2404
|
+
"$ref": "#/definitions/toastOptionsSchema",
|
|
2405
|
+
"definitions": {
|
|
2406
|
+
"toastOptionsSchema": {
|
|
2407
|
+
"type": "object",
|
|
2408
|
+
"properties": {
|
|
2409
|
+
"description": {
|
|
2410
|
+
"description": "토스트 부제목 (ReactNode)"
|
|
2411
|
+
},
|
|
2412
|
+
"duration": {
|
|
2413
|
+
"type": "number",
|
|
2414
|
+
"description": "자동 닫힘 시간 (ms). 기본 4000"
|
|
2415
|
+
},
|
|
2416
|
+
"icon": {
|
|
2417
|
+
"description": "커스텀 아이콘 (ReactNode)"
|
|
2418
|
+
},
|
|
2419
|
+
"action": {
|
|
2420
|
+
"description": "액션 버튼. { label: ReactNode, onClick: () => void }"
|
|
2421
|
+
},
|
|
2422
|
+
"cancel": {
|
|
2423
|
+
"description": "취소 버튼. { label: ReactNode, onClick: () => void }"
|
|
2424
|
+
},
|
|
2425
|
+
"closeButton": {
|
|
2426
|
+
"type": "boolean",
|
|
2427
|
+
"description": "닫기(X) 버튼 표시"
|
|
2428
|
+
},
|
|
2429
|
+
"dismissible": {
|
|
2430
|
+
"type": "boolean",
|
|
2431
|
+
"description": "스와이프/클릭으로 닫기 가능 여부"
|
|
2432
|
+
},
|
|
2433
|
+
"richColors": {
|
|
2434
|
+
"type": "boolean",
|
|
2435
|
+
"description": "success/error/warning/info에 강한 색상 적용"
|
|
2436
|
+
},
|
|
2437
|
+
"invert": {
|
|
2438
|
+
"type": "boolean",
|
|
2439
|
+
"description": "색상 반전 (다크↔라이트)"
|
|
2440
|
+
},
|
|
2441
|
+
"position": {
|
|
2442
|
+
"type": "string",
|
|
2443
|
+
"enum": [
|
|
2444
|
+
"top-left",
|
|
2445
|
+
"top-center",
|
|
2446
|
+
"top-right",
|
|
2447
|
+
"bottom-left",
|
|
2448
|
+
"bottom-center",
|
|
2449
|
+
"bottom-right"
|
|
2450
|
+
],
|
|
2451
|
+
"description": "이 토스트만 개별 위치 지정"
|
|
2452
|
+
},
|
|
2453
|
+
"onDismiss": {
|
|
2454
|
+
"description": "닫힐 때 콜백 (toast: ToastT) => void"
|
|
2455
|
+
},
|
|
2456
|
+
"onAutoClose": {
|
|
2457
|
+
"description": "자동 닫힘 시 콜백 (toast: ToastT) => void"
|
|
2458
|
+
},
|
|
2459
|
+
"className": {
|
|
2460
|
+
"type": "string",
|
|
2461
|
+
"description": "토스트 커스텀 클래스"
|
|
2462
|
+
},
|
|
2463
|
+
"style": {
|
|
2464
|
+
"description": "토스트 인라인 스타일 (CSSProperties)"
|
|
2465
|
+
},
|
|
2466
|
+
"unstyled": {
|
|
2467
|
+
"type": "boolean",
|
|
2468
|
+
"description": "기본 스타일 제거 (커스텀 스타일링 시)"
|
|
2469
|
+
},
|
|
2470
|
+
"id": {
|
|
2471
|
+
"type": [
|
|
2472
|
+
"string",
|
|
2473
|
+
"number"
|
|
2474
|
+
],
|
|
2475
|
+
"description": "토스트 ID (중복 방지 또는 업데이트 시 사용)"
|
|
2476
|
+
}
|
|
2477
|
+
},
|
|
2478
|
+
"additionalProperties": false,
|
|
2479
|
+
"description": "toast() 호출 옵션. toast(message, options) 형태로 사용. toast.custom(jsx)으로 완전 커스텀 가능."
|
|
2480
|
+
}
|
|
2481
|
+
},
|
|
2482
|
+
"$schema": "http://json-schema.org/draft-07/schema#"
|
|
2483
|
+
},
|
|
2038
2484
|
"toaster": {
|
|
2039
2485
|
"$ref": "#/definitions/toasterPropsSchema",
|
|
2040
2486
|
"definitions": {
|
|
@@ -2052,12 +2498,57 @@
|
|
|
2052
2498
|
"bottom-right"
|
|
2053
2499
|
],
|
|
2054
2500
|
"default": "top-center",
|
|
2055
|
-
"description": "토스트 위치"
|
|
2501
|
+
"description": "토스트 기본 위치"
|
|
2056
2502
|
},
|
|
2057
2503
|
"unstyled": {
|
|
2058
2504
|
"type": "boolean",
|
|
2059
2505
|
"default": false,
|
|
2060
2506
|
"description": "기본 스타일 제거 (커스텀 스타일링 시)"
|
|
2507
|
+
},
|
|
2508
|
+
"theme": {
|
|
2509
|
+
"type": "string",
|
|
2510
|
+
"enum": [
|
|
2511
|
+
"light",
|
|
2512
|
+
"dark",
|
|
2513
|
+
"system"
|
|
2514
|
+
],
|
|
2515
|
+
"description": "테마 설정"
|
|
2516
|
+
},
|
|
2517
|
+
"richColors": {
|
|
2518
|
+
"type": "boolean",
|
|
2519
|
+
"description": "success/error/warning/info에 강한 색상 적용"
|
|
2520
|
+
},
|
|
2521
|
+
"expand": {
|
|
2522
|
+
"type": "boolean",
|
|
2523
|
+
"description": "토스트를 항상 펼친 상태로 표시"
|
|
2524
|
+
},
|
|
2525
|
+
"duration": {
|
|
2526
|
+
"type": "number",
|
|
2527
|
+
"description": "전역 자동 닫힘 시간 (ms). 기본 4000"
|
|
2528
|
+
},
|
|
2529
|
+
"visibleToasts": {
|
|
2530
|
+
"type": "number",
|
|
2531
|
+
"description": "동시에 보이는 최대 토스트 수"
|
|
2532
|
+
},
|
|
2533
|
+
"closeButton": {
|
|
2534
|
+
"type": "boolean",
|
|
2535
|
+
"description": "모든 토스트에 닫기 버튼 표시"
|
|
2536
|
+
},
|
|
2537
|
+
"gap": {
|
|
2538
|
+
"type": "number",
|
|
2539
|
+
"description": "토스트 간 간격 (px)"
|
|
2540
|
+
},
|
|
2541
|
+
"offset": {
|
|
2542
|
+
"description": "화면 가장자리로부터 간격. string | number | { top, right, bottom, left }"
|
|
2543
|
+
},
|
|
2544
|
+
"dir": {
|
|
2545
|
+
"type": "string",
|
|
2546
|
+
"enum": [
|
|
2547
|
+
"ltr",
|
|
2548
|
+
"rtl",
|
|
2549
|
+
"auto"
|
|
2550
|
+
],
|
|
2551
|
+
"description": "텍스트 방향"
|
|
2061
2552
|
}
|
|
2062
2553
|
},
|
|
2063
2554
|
"additionalProperties": false,
|
|
@@ -2150,10 +2641,10 @@
|
|
|
2150
2641
|
},
|
|
2151
2642
|
{}
|
|
2152
2643
|
],
|
|
2153
|
-
"description": "예상 아이템 높이 (number 또는
|
|
2644
|
+
"description": "예상 아이템 높이 (number 또는 (index) => number, 필수)"
|
|
2154
2645
|
},
|
|
2155
2646
|
"renderItem": {
|
|
2156
|
-
"description": "아이템 렌더러 (필수)"
|
|
2647
|
+
"description": "아이템 렌더러 (item, index, virtualItem) => ReactNode (필수)"
|
|
2157
2648
|
},
|
|
2158
2649
|
"overscan": {
|
|
2159
2650
|
"type": "number",
|
|
@@ -2169,6 +2660,9 @@
|
|
|
2169
2660
|
"type": "string",
|
|
2170
2661
|
"description": "스크롤 컨테이너 스타일"
|
|
2171
2662
|
},
|
|
2663
|
+
"style": {
|
|
2664
|
+
"description": "인라인 스타일 (CSSProperties)"
|
|
2665
|
+
},
|
|
2172
2666
|
"endReachedThreshold": {
|
|
2173
2667
|
"type": "number",
|
|
2174
2668
|
"default": 200,
|
|
@@ -2197,6 +2691,10 @@
|
|
|
2197
2691
|
"type": "array",
|
|
2198
2692
|
"description": "데이터 배열 (필수)"
|
|
2199
2693
|
},
|
|
2694
|
+
"columns": {
|
|
2695
|
+
"type": "number",
|
|
2696
|
+
"description": "열 수 (필수)"
|
|
2697
|
+
},
|
|
2200
2698
|
"estimateSize": {
|
|
2201
2699
|
"anyOf": [
|
|
2202
2700
|
{
|
|
@@ -2206,12 +2704,8 @@
|
|
|
2206
2704
|
],
|
|
2207
2705
|
"description": "예상 아이템 높이 (필수)"
|
|
2208
2706
|
},
|
|
2209
|
-
"columns": {
|
|
2210
|
-
"type": "number",
|
|
2211
|
-
"description": "열 수 (필수)"
|
|
2212
|
-
},
|
|
2213
2707
|
"renderItem": {
|
|
2214
|
-
"description": "아이템 렌더러 (필수)"
|
|
2708
|
+
"description": "아이템 렌더러 (item, index) => ReactNode (필수)"
|
|
2215
2709
|
},
|
|
2216
2710
|
"overscan": {
|
|
2217
2711
|
"type": "number",
|
|
@@ -2223,6 +2717,13 @@
|
|
|
2223
2717
|
"default": 0,
|
|
2224
2718
|
"description": "아이템 간격 (px)"
|
|
2225
2719
|
},
|
|
2720
|
+
"className": {
|
|
2721
|
+
"type": "string",
|
|
2722
|
+
"description": "스크롤 컨테이너 스타일"
|
|
2723
|
+
},
|
|
2724
|
+
"style": {
|
|
2725
|
+
"description": "인라인 스타일 (CSSProperties)"
|
|
2726
|
+
},
|
|
2226
2727
|
"endReachedThreshold": {
|
|
2227
2728
|
"type": "number",
|
|
2228
2729
|
"default": 200,
|
|
@@ -2230,10 +2731,6 @@
|
|
|
2230
2731
|
},
|
|
2231
2732
|
"onEndReached": {
|
|
2232
2733
|
"description": "끝 도달 콜백 () => void"
|
|
2233
|
-
},
|
|
2234
|
-
"className": {
|
|
2235
|
-
"type": "string",
|
|
2236
|
-
"description": "스크롤 컨테이너 스타일"
|
|
2237
2734
|
}
|
|
2238
2735
|
},
|
|
2239
2736
|
"required": [
|