组件库中包含了 {HelpWindow, Button, WebCliCom, WebCli, WebCliIo}

HelpWindow ->

帮助组件

• 该组件为react 结合antd组件库写的一个omc帮助配置弹窗组件
• • window.helpJson为全局帮助说明数据源对象
  • 格式如下
  • {
  • key: [ //为了满足一个页面有tab页面 将其修改为数组形式 数组下标 对应tab key (0, 1 ,2,3,...)
  • { //对应每个配置页面
  • nodeId: { //每个配置字段

  •  name: 'aaa'，//字段名

  •  nameZhCN: '中文名称'，//字段中文名

  •  detail: {  // 详细说明

  •    'attrId': 'value',  //每个详细配置说明

  •    'attrId2': 'value2' //每个详细配置说明

  •     ... // 其他详细说明

  •  }

  • }
  • ... // 其他字段
  • }
  • ]
  • ... // 其他配置页面
  • }
• 只要配置相应的key值 在页面中就能相应的展示出来

WebCliCom -> xterm基础组件

WebCli -> 封装了WebCliCom组件和websocket连接的组件 用法如下： <WebCli socketUrl = 'wss://172.29.32.44/api/tunnel/websocket/ssh' addBtnTitle='新增窗口' btnStyle={{color: '#fff'}} serverParams={{sn: 'SN00001051001', username: 'root', password: 'root'}} />

WebCliIo -> 封装了WebCliCom组件和使用socketIo连接的组件