WebCAD

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

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

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

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

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

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

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