WebCAD/Doc/ui.md

#UI使用GoldenLayout作为布局库
说明:
1.主界面使用容器的方式定义

-------------------------------------
<顶部面板>
<Layout容器>
-<绘图界面>
-<命令行>
<Layout容器/>
<顶部状态栏>
-------------------------------------

UI/Layout/Layout.ts定义了绘图界面和命令行的容器,使用户可以拽拖修改界面的布局大小.

使用LayoutUi时,只定义了容器的Id.并没有实质对容器进行渲染.
所以当加载完布局后.会通过ReactDom.render进行渲染容器.

2.容器大小变化事件. 目前使用 <css-element-queries> 库来检测大小.也可以通过注册容器的"resize"事件来检测.

#使用css-element-queries 监测容器大小变化
说明:在操作Layout容器时,遇到了监听容器大小变化的问题,于是找到该库.


#禁止页面选中
document.onselectstart = () => false