troila3d-ui
Getting Started
Install dependencies,
npm i troila3d-ui
使用:
import { ui } from 'troila3d-ui';
import 'troila3d-ui/dist/index.css';
// 场景 ID
{
'卓朗': 'ZLScene'
'4号楼':'FourScene'
'首页':'Dashboard'
'房间':'MachineRoom'
'设备': 'Device'
'楼层':'Floor'
'绑定':'BindScene';
'摄像头': 'Monitor'
}
/**
* 公有方法 与 某个场景方法不能一起生效
*/
ui.on('common:deviceTreeSelect', (key) => {
console.warn('key', key);
});
ui.on('common:spaceTreeSelect', (key) => {
console.warn('key', key);
});
// 进入某个场景 spaceID 不是必传项, 传入内部会调用changeLocationNavigator 改变LOCATION
ui.entry('ZLScene', spaceID);
// 首页 点击“进入系统”
ui.on('Dashboard:onEnter', (key) => {
console.warn('key', key);
});
// 卓朗 设备选择
ui.on('ZLScene:deviceTreeSelect', (key) => {
console.warn('key', key);
});
// 环视
ui.on('ZLScene:around', (bool) => {
console.warn('bool', bool);
});
// 卓朗 空间选择
ui.on('ZLScene:spaceTreeSelect', (key) => {
console.warn('key', key);
ui.entry('FourScene');
});
// 4号楼 设备选择
ui.on('FourScene:deviceTreeSelect', (key) => {
console.warn('key', key);
});
// 4号楼 空间选择
ui.on('FourScene:spaceTreeSelect', (key) => {
console.warn('key', key);
});
// 环视
ui.on('FourScene:around', (bool) => {
console.warn('bool', bool);
});
// 合并 展开
ui.on('FourScene:open', (bool) => {
console.warn('bool', bool);
});
// 楼层 设备选择
ui.on('Floor:deviceTreeSelect', (key) => {
console.warn('key', key);
});
// 楼层 空间选择
ui.on('Floor:spaceTreeSelect', (key) => {
console.warn('key', key);
});
// 楼层 点击最近告警
ui.on('Floor:lasterWarnClick', (key) => {
console.warn('key', key);
});
// 楼层 切换楼层
ui.on('Floor:floorSelect', (key) => {
console.warn('key', key);
});
// 楼层 切换房间
ui.on('Floor:roomSelect', (key) => {
console.warn('key', key);
});
// 楼层 点击监控
ui.on('Floor:monitorSelect', (key) => {
console.warn('key', key);
});
// 绑定点击行
ui.on('BindScene:bindRowSelect', (key) => {
console.warn('key', key);
});
// 传入模型ID ,改变空间面包屑
ui.changeLocationNavigator('0_136');
// 点击模型 传入ID, 触发事件 clickModel
ui.clickModel('0_108');
// 点击摄像头 传入ID,显示弹框
ui.monitorClick('0_108');
// 点击异常设备模型 传入ID, 触发事件 clickWarnFlash
ui.clickWarnFlash('0_108');
// 房间 设备选择
ui.on('MachineRoom:deviceTreeSelect', (key) => {
console.warn('key', key);
});
// 房间 空间树选择
ui.on('MachineRoom:spaceTreeSelect', (key) => {
console.warn('key', key);
});
// 房间 点击最近告警
ui.on('MachineRoom:lasterWarnClick', (key) => {
console.warn('key', key);
});
// 房间 切换房间
ui.on('MachineRoom:roomSelect', (key) => {
console.warn('roomSelect', key);
});
// 房间 点击温度
ui.on('MachineRoom:temperatureSelect', (temperatures) => {
console.warn('temperatureSelect', temperatures);
});
// 房间 鼠标移入线图
ui.on('MachineRoom:lineMouseEnter', (id) => {
console.warn('id', id);
});
// 房间 鼠标移出线图
ui.on('MachineRoom:lineMouseLeave', (id) => {
console.warn('id', id);
});
//设备 空间树选择
ui.on('Device:spaceTreeSelect', (key) => {
console.warn('key', key);
});
//设备 左下角小地图房间切换
ui.on('Device:roomSelect', (key) => {
console.warn('key', key);
});