| | |
|---|
| | | FileAddOutlined, |
|---|
| | | CompressOutlined, |
|---|
| | | SettingOutlined, |
|---|
| | | CloseOutlined |
|---|
| | | } from '@ant-design/icons'; |
|---|
| | | import './index.css' |
|---|
| | | import { createStyles } from 'antd-style'; |
|---|
| | | import Edit from './components/device'; |
|---|
| | | import Settings from './components/settings' |
|---|
| | | import * as Utils from './utils' |
|---|
| | | import WebSocketClient from './websocket' |
|---|
| | | import Player from './player'; |
|---|
| | | import MapSearch from './header/search'; |
|---|
| | | import MapFloor from './header/floor'; |
|---|
| | |
|---|
| | | SETTINGS_MODEL: "3", |
|---|
| | | }) |
|---|
| | | |
|---|
| | | let player; |
|---|
| | | let player, websocket; |
|---|
| | | |
|---|
| | | const Map = () => { |
|---|
| | | const intl = useIntl(); |
|---|
| | |
|---|
| | | Utils.syncApp(player.app); |
|---|
| | | Utils.syncMapContainer(player.mapContainer); |
|---|
| | | Utils.syncNotify(notify); |
|---|
| | | |
|---|
| | | websocket = new WebSocketClient('/ws/map/websocket'); |
|---|
| | | websocket.connect(); |
|---|
| | | websocket.onMessage = Utils.updateMapStatusInRealTime; |
|---|
| | | |
|---|
| | | const handleResize = () => { |
|---|
| | | setWindowSize({ |
|---|
| | |
|---|
| | | <MapDrawer |
|---|
| | | open={drawerVisible} |
|---|
| | | curSprite={curSprite} |
|---|
| | | curFloor={curFloor} |
|---|
| | | refCurr={mapRef.current} |
|---|
| | | onCancel={() => { |
|---|
| | | setCurSPrite(null); |
|---|
