@x-plat/design-system 0.14.1 → 0.14.2
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.
|
@@ -1,13 +1,21 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Header } from '../Header/index.cjs';
|
|
3
2
|
|
|
4
|
-
interface SidebarChildProps {
|
|
5
|
-
handleSwitchSideBar: () => void;
|
|
6
|
-
[key: string]: unknown;
|
|
7
|
-
}
|
|
8
3
|
interface LayoutProps {
|
|
9
|
-
|
|
10
|
-
|
|
4
|
+
/**
|
|
5
|
+
* 화면 위쪽 머리말. 보통 `Header` 를 넣는다.
|
|
6
|
+
*
|
|
7
|
+
* 한때 `ReactElement<typeof Header>` 로 좁혀 두었는데 그건 잘못된 표기였다 —
|
|
8
|
+
* `ReactElement<P>` 의 `P` 는 **그 엘리먼트의 props** 지 컴포넌트 타입이
|
|
9
|
+
* 아니다. `<Header />` 를 그대로 넘겨도 통과하지 않았다.
|
|
10
|
+
*/
|
|
11
|
+
header?: React.ReactNode;
|
|
12
|
+
/**
|
|
13
|
+
* 왼쪽 옆띠. 보통 `SideBar` 를 넣는다.
|
|
14
|
+
*
|
|
15
|
+
* 여는·닫는 상태는 `SideBar` 가 자기 안의 컨텍스트로 들고 있다. Layout 은
|
|
16
|
+
* 아무것도 주입하지 않으므로 슬롯을 좁힐 이유가 없다.
|
|
17
|
+
*/
|
|
18
|
+
sideBar?: React.ReactNode;
|
|
11
19
|
children?: React.ReactNode;
|
|
12
20
|
}
|
|
13
21
|
declare const Layout: React.FC<LayoutProps>;
|
|
@@ -1,13 +1,21 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Header } from '../Header/index.js';
|
|
3
2
|
|
|
4
|
-
interface SidebarChildProps {
|
|
5
|
-
handleSwitchSideBar: () => void;
|
|
6
|
-
[key: string]: unknown;
|
|
7
|
-
}
|
|
8
3
|
interface LayoutProps {
|
|
9
|
-
|
|
10
|
-
|
|
4
|
+
/**
|
|
5
|
+
* 화면 위쪽 머리말. 보통 `Header` 를 넣는다.
|
|
6
|
+
*
|
|
7
|
+
* 한때 `ReactElement<typeof Header>` 로 좁혀 두었는데 그건 잘못된 표기였다 —
|
|
8
|
+
* `ReactElement<P>` 의 `P` 는 **그 엘리먼트의 props** 지 컴포넌트 타입이
|
|
9
|
+
* 아니다. `<Header />` 를 그대로 넘겨도 통과하지 않았다.
|
|
10
|
+
*/
|
|
11
|
+
header?: React.ReactNode;
|
|
12
|
+
/**
|
|
13
|
+
* 왼쪽 옆띠. 보통 `SideBar` 를 넣는다.
|
|
14
|
+
*
|
|
15
|
+
* 여는·닫는 상태는 `SideBar` 가 자기 안의 컨텍스트로 들고 있다. Layout 은
|
|
16
|
+
* 아무것도 주입하지 않으므로 슬롯을 좁힐 이유가 없다.
|
|
17
|
+
*/
|
|
18
|
+
sideBar?: React.ReactNode;
|
|
11
19
|
children?: React.ReactNode;
|
|
12
20
|
}
|
|
13
21
|
declare const Layout: React.FC<LayoutProps>;
|