simple-viewer-app应用程序 组件树及流程简单示意图
simple-viewer-app基于TypeScript+React+Electron技术使用Bentley提供的Imodel SDK编写。
程序主入口是App，通过其状态State的变更渲染出不同的界面显示：
- 当前正在加载用户….
- 用户没有访问令牌，则显示登陆界面…
- 如果没有imodel，则显示打开模型按钮，启动模型….
- 如果有模型，则显示模型及其属性….
App
|
State |
解释 |
|
User |
登陆用户 |
|
OfflineIModel |
是否离线模型？ |
|
Imodel |
模型连接(通过该连接可以访问模型内部数据) |
|
ViewDefinitionID |
|
OpenIModelButton
|
State |
解释 |
|
IsLoading |
是否在加载？ |
IModelComponents
|
State |
解释 |
|
Imodel |
模型连接(通过该连接可以访问模型内部数据) |
|
ViewDefinitionID |
|
SimpleViewPortComponent
|
State |
解释 |
|
Imodel |
模型连接(通过该连接可以访问模型内部数据) |
|
ViewDefinitionId |
|
|
relesetId |
|
SimpleTreeComponent
|
State |
解释 |
|
IModelConnectionProps | DataProviderProps |
|
SimplePropertiesComponent
|
State |
解释 |
|
IModelConnectionProps| DataProviderProps |
|
SimpleTableComponent
|
State |
解释 |
|
IModelConnectionProps | DataProviderProps |
|
simple-viewer-app 根组件App通过props向其子组件传递数据，其子组件通过回调函数更新父组件的数据。