xinglie / report-designer

⚡打印设计、可视化、标签打印、编辑器、设计器、数据分析、报表设计、组件化、表单设计、h5页面、调查问卷、pdf生成、流程图、试卷、SVG、图形元素、物联网、标签纸
https://xinglie.github.io/report-designer/
929 stars 242 forks source link

组合操作 #11

Open xinglie opened 4 years ago

xinglie commented 4 years ago

只有处于同一个容器内的元素才支持组合操作

因为容器内的元素使用坐标是相对于容器的,所以只有同一个相对坐标固定的才可以使用组合。比如同一个编辑区内的元素或同一个容器的格子内。

组合支持工具栏、右键及快捷键进行组合操作

同一容器内的元素,即使不同的格子,也支持组合操作。

关于移动

组合后的元素移动其中一个,其它元素也跟随移动

关于对齐

当组合内的元素与组合外的元素有对齐操作时,组合内的元素整体移动,保持相对位置 当组合内的元素对齐时,此时表示修改当前组合内部分元素的位置,按对齐操作进行相应的位置移动

修改单个元素的属性

组合后的元素,支持选中其中一个元素,通过右侧属性面板修改其中的属性,当通过面板修改时,修改仅影响到当前元素。如修改x,y坐标,则只有当前选中的元素移动。

这样做的目的是:可以对组合后的元素有一个修改的反悔空间,像x,y坐标的修改,如果修改当前选中的元素,组合中的其它元素也一起修改,就会造成就想单独移动一下组合中的某个元素,就需要先解散再修改,十分不便。如果选中一个但想同时移动整个组合,可以使用鼠标、键盘来整体移动,属性面板则作为单个修改的通道。

关于删除

可以选中组合后的部分元素进行删除,当删到组合中只有一个元素时,则自动解除组合