xinglie / report-designer

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

隐藏显示元素 #66

Open xinglie opened 1 year ago

xinglie commented 1 year ago

功能需求

当多个元素叠加在一起的时候,虽然可以通过Tab键进行选择,但选中后,因为叠加的关系,只能使用键盘操作,比如移动、旋转、复制等,这对于习惯使用鼠标的用户不太友好,故提供隐藏元素的功能,可临时把上层的元素隐藏后,使用鼠标快捷操作下面的元素

功能操作

目前隐藏或显示仅选中单个元素进行操作

当单个元素选中后,可在属性面板中通过底部的"隐藏元素"后的开关按钮进行操作,或“结构树”中鼠标悬停在某个元素上后点击后面的眼睛图标。

image image

功能细节

一旦元素隐藏后,设计区将不再展示该元素,同时也无法再能使用鼠标点击、拉框选中。同时快捷键或右键菜单中的“全选”也将无法选中,此时仅可通过“结构树”或Tab键再次选中隐藏元素,选中后可操作显示把该元素再次展示出来

元素隐藏后,除了设计区无法快捷键选择(Tab键除外)以及鼠标选中外,如果您通过其它方式(“结构树”等)选中隐藏的元素后,虽然设计区看不到,但是所有可视元素的操作隐藏元素同样支持

比如隐藏元素支持投影、概览图可见。支持旋转、复制、对齐、排列等一系列操作

隐藏元素不支持其它元素吸附对齐自己,同时在和其它元素一起移动时,也不支持吸附对齐其它元素