Allow to create cdkDragPreview from the drag drop service
- Ngôn ngữ chính
- TypeScript
- Star
- 25k
- Fork
- 6.8k
- Merge trung bình
- 1 ngày 8 giờ
- Pull request đã merge (30 ngày)
- 91
Mô tả
#### Feature Description
Allow the creation of cdkDragPreview elements outside of a cdkDropList.
#### Use Case
I would like to be able to drag an element Base from a zone A to a zone B, with a preview without losing the place Base was in.
On the event `dragstart` a call to DragDrop (for example) would allow me to duplicate Base or another template element passed to the creation method.
That element Preview would be draggable and would follow the cursor. Base would act as a cdkDragPlaceholder and preview as a cdkDragPreview.
On the event `drop`, I would handle myself what needs to be done. In my case, I only want to get the position of the event, which I can easily do as it's native.
Ideally, we would keep a reference to the element Base to be able to delete it at that point.
I can see difficulties on what to do of Preview or Base by default here. Should Base disappear and Preview stay at the end of the body? Should Preview get nested somewhere where it got dropped? I have no answers here.
I see this as a follow-up to #14261, in that it is a purely cdk request for all DOM nodes.
Thank you
Hướng dẫn đóng góp
Hướng nghiên cứu
Bắt đầu bằng việc đọc drag-drop service và các entry point cdkDragPreview, cdkDragPlaceholder, cdkDropList, dragstart và drop được mô tả trong issue. Xác định vòng đời dự kiến và quyền sở hữu của Base và Preview bên ngoài một cdkDropList, bao gồm cả điều gì sẽ xảy ra sau drop. Được xem là hoàn tất khi hành vi của API và các quy tắc dọn dẹp được xác định rõ ràng và được hỗ trợ cho trường hợp sử dụng đã nêu.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- angular, typescript
- Lĩnh vực
- frontend
- Loại issue
- Tính năng
- Độ khó
- 5/5
- Thời gian dự kiến
- Hơn một tuần
- Mức độ hoạt động
- Đình trệ
- Độ rõ ràng
- Cần làm rõ
- Mức phù hợp với người mới
- 25/100