Types
원본 타입 정의 기준 주요 타입입니다.
Layout types
| Type | Value | Default | Description |
|---|---|---|---|
Direction | "row" | "column" | - | FlexLayout의 분할 방향입니다. |
FitContent | "width" | "height" | - | row는 width, column은 height 기준으로 내부 계산에 사용됩니다. |
ScrollMode | "layout" | "window" | "layout" | FlexLayout overflow 기준을 layout 또는 window로 둡니다. |
PanelMovementMode | "bulldozer" | "divorce" | "stalker" | "divorce" | resize 중 인접 패널 이동 방식을 결정합니다. |
ResizePanelMode | "default" | "bottom-cylinder" | "bottom-cylinder-reverse" | "top-cylinder" | "left-cylinder" | "right-cylinder" | - | resize panel 표시 모드입니다. |
Resize memory types
| Name | Type | Default | Description |
|---|---|---|---|
FlexLayoutResizeMemoryOptions.storage required | Exclude<RxStateStorageOptions['storage'], 'in-memory'> | - | grow map을 저장할 storage입니다. 생략하면 resize memory가 비활성화됩니다. |
FlexLayoutResizeMemoryOptions.keyName | string | __flexLayoutResizeGrow:${layoutName} | global-rx-state에 사용할 key입니다. |
FlexLayoutGrowMemory.getGrowMap | () => Record<string, number> | - | 저장된 containerName별 grow map을 반환합니다. |
FlexLayoutGrowMemory.setGrowMap | (growMap) => void | - | containerName별 grow map을 저장합니다. |
FlexLayoutGrowMemory.ready | Promise<void> | - | storage state 준비 완료 promise입니다. |
Container types
| Name | Type | Default | Description |
|---|---|---|---|
StickyMode.position required | "top" | "bottom" | - | 컨테이너를 붙일 방향입니다. |
StickyMode.offsetPx | number | - | sticky offset(px)입니다. |
StickyMode.stickyResizePanel | boolean | true | resize panel도 함께 sticky 동기화할지 여부입니다. |
FlexLayoutChildrenType | object | - | FlexLayoutContainer가 받는 containerName, grow, isResizePanel, stickyMode, children 등 컨테이너 props의 기반 타입입니다. |
FlexLayoutPanelStyle | { color: string; hoverColor?: string } | - | resize panel style 정보를 표현하는 타입입니다. |
Split / drag types
| Name | Type | Default | Description |
|---|---|---|---|
DropDocumentOutsideOption.openUrl required | string | - | document 바깥 drop 시 열 URL입니다. |
DropDocumentOutsideOption.widthRatio | number | - | 새 창 width ratio입니다. |
DropDocumentOutsideOption.heightRatio | number | - | 새 창 height ratio입니다. |
DropDocumentOutsideOption.isNewTap | boolean | - | 새 탭으로 열지 여부입니다. 원본 타입명은 isNewTap입니다. |
FlexDirectionModelType | { xy; targetDirection; sizeName; resizeCursor } | - | 방향별 좌표/크기/커서 매핑 정보입니다. |
세부 drag/drop event 타입은 useDrag.ts의 DragStateType, DropMovementEventType, DropTargetComponent 정의를 기준으로 합니다.