컨텍스트 메뉴를 통한 노드.간선 편집/제거 #163
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
CatyJazzy
requested review from
parkblo and
fru1tworld
and removed request for
a team
fru1tworld
approved these changes
Nov 27, 2024
| @@ -6,6 +6,7 @@ import { KonvaEventObject } from "konva/lib/Node"; | |||
| import { Vector2d } from "konva/lib/types"; | |||
|
|
|||
| type NodeProps = { | |||
| id: string; | |||
| x: number; | |||
| y: number; | |||
| draggable?: boolean; | |||
There was a problem hiding this comment.
1점) 이후에 src라는 프로퍼티가 추가될 예정이라서 참고만 해주세요
| ContextMenuSeparator, | ||
| ContextMenuShortcut, | ||
| ContextMenuGroup, | ||
| ContextMenuPortal, |
parkblo
approved these changes
Nov 27, 2024
Comment on lines
+3
to
+12
| export type ContextMenuItemConfig = { | ||
| label: string; | ||
| action: () => void; | ||
| }; | ||
|
|
||
| export type SelectedNodeInfo = { | ||
| id: string; | ||
| type: Exclude<Node["type"], "url" | "image" | "head">; | ||
| }; | ||
|
|
There was a problem hiding this comment.
(잡담) 타입을 별도로 분리해주신게 좋은 것 같습니다 ㅎㅎ
다른 분들 코드를 보니 추후 타입 분리에 대한 리팩토링도 필요해보였어요.
Comment on lines
55
to
57
| const { selectedNode, selectNode, selectedEdge, selectEdge, clearSelection } = | ||
| useSpaceSelection(); | ||
|
|
There was a problem hiding this comment.
(0.1점) select("node",...) getSelected(...) 조금 더 추상화된 메서드를 만들어 관리할 수 있겠다는 생각을 했습니다 .. 이건 근데 조금 개인적인 취향입니다
|
@parkblo 모바일에서의 컨텍스트 메뉴 조금 고민이네요. 생각하지 못했던 부분이에요. 제가 알기로는 onContextMenu(우클릭)이벤트가 모바일에서는 롱클릭으로 대체되는데, |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
✏️ 한 줄 설명
우클릭하여 컨텍스트 메뉴의 편집/제거를 통해 노드를 편집하고, 노드.간선을 삭제할 수 있어요.
✅ 작업 내용
🏷️ 관련 이슈
closes #65
closes #64
closes #66
📸 스크린샷/영상
📌 리뷰 진행 시 참고 사항
shadcn의 ContextMenu는 무조건 ContextMenuTrigger를 통해서만 표시돼요. (표시 로직 커스텀이 불가능해요 🥲) 이러한 배경때문에 Stage를 trigger로 하고 우클릭된 target으로 비교했어요.
SpaceView에서 ContextMenu 관련 로직들을 다 구현했다니 복잡해졌어요. 해결을 위해 래핑할 수 있는 컴포넌트로 분리했어요. (ContextMenu 컴포넌트에서는
메뉴 아이템+클릭 시 실행할 함수만 주입받을 수 있도록 했어요)props에서 자꾸 객체 형태로 넘겨지는 부분들이 많아지는 것 같아요. 컴포넌트 분리 자체나, 너무 복잡해져서 개선이 필요한 부분이 있으면 알려주세요!