技术要点
-
wrap every node in a element, which
display: contents, so the wrapped element looks like no exist -
IntersectionObserver node position, register it, used to render a mirror element
-
implement drag and drop on mirror element
-
the real node could be rendered as really as possible
-
Simulator render artery structure, but not interactive
-
Simulator tell you the clicked node position
-
Simulator zoom in?
- 优化性能
- dragging handle
- 优化
请拖拽组件到此处的提示 - 点击 placeholder 需要可以选中父容器