@idbrnd/design-system 1.3.2 → 1.3.3
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 +3 -1
- package/dist/components/Select/Select.types.d.ts +4 -3
- package/dist/index.js +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -552,7 +552,7 @@ function SelectExample() {
|
|
|
552
552
|
| `required` | `boolean` | `false` | 라벨 우측 `*` 표시 여부 |
|
|
553
553
|
| `leadingContent` | `ReactNode` | — | 트리거 텍스트 좌측에 표시할 아이콘 등 |
|
|
554
554
|
| `description` | `ReactNode` | — | 하단 안내 문구 |
|
|
555
|
-
| `placeholder` | `
|
|
555
|
+
| `placeholder` | `ReactNode` | `"선택해주세요."` | 미선택 시 표시할 콘텐츠. 문자열 또는 JSX 전달 가능 |
|
|
556
556
|
| `disabled` | `boolean` | `false` | 비활성화 |
|
|
557
557
|
| `type` | `"basic"` \| `"search"` | `"basic"` | `"search"` 시 드롭다운 상단에 검색 입력란 표시, 실시간 필터링 |
|
|
558
558
|
| `align` | `"left"` \| `"center"` | `"left"` | 옵션 텍스트 정렬 |
|
|
@@ -568,6 +568,8 @@ function SelectExample() {
|
|
|
568
568
|
- `variant="error"`는 자동 전환되지 않으므로 직접 지정해야 합니다.
|
|
569
569
|
- 드롭다운 목록은 `document.body`에 포탈로 렌더링됩니다.
|
|
570
570
|
- 긴 옵션 라벨은 말줄임 처리되며, hover 시 툴팁으로 전체 텍스트가 표시됩니다.
|
|
571
|
+
- `placeholder`에 문자열 대신 JSX를 전달하면 커스텀 플레이스홀더를 렌더링할 수 있습니다.
|
|
572
|
+
- 옵션이 비어있을 때: `type="search"`에서 검색어가 있으면 "검색 결과가 없습니다.", 그 외에는 `-`가 표시됩니다.
|
|
571
573
|
|
|
572
574
|
---
|
|
573
575
|
|
|
@@ -38,10 +38,11 @@ export interface SelectProps {
|
|
|
38
38
|
* - `true`: 비활성화
|
|
39
39
|
*/
|
|
40
40
|
disabled?: boolean;
|
|
41
|
-
/**
|
|
42
|
-
* -
|
|
41
|
+
/** 플레이스홀더.
|
|
42
|
+
* - 문자열 또는 ReactNode를 전달할 수 있음
|
|
43
|
+
* - 미전달 시 '선택해주세요.' 표시 (기본값)
|
|
43
44
|
*/
|
|
44
|
-
placeholder?:
|
|
45
|
+
placeholder?: ReactNode;
|
|
45
46
|
/** 현재 선택된 옵션. */
|
|
46
47
|
value?: DropdownOption | null;
|
|
47
48
|
/** 옵션 선택 시 콜백. */
|
package/dist/index.js
CHANGED
|
@@ -1455,7 +1455,7 @@ function Ue({
|
|
|
1455
1455
|
m.value
|
|
1456
1456
|
);
|
|
1457
1457
|
}) }),
|
|
1458
|
-
h.length === 0 && /* @__PURE__ */ n("div", { className: S.emptyItem, children: "검색 결과가 없습니다." })
|
|
1458
|
+
h.length === 0 && /* @__PURE__ */ n("div", { className: S.emptyItem, children: t === "search" && d ? "검색 결과가 없습니다." : "-" })
|
|
1459
1459
|
] }),
|
|
1460
1460
|
u && Ae(
|
|
1461
1461
|
/* @__PURE__ */ n(
|