Merge remote-tracking branch 'origin/master'
 
	
	
	
	
	
	
	
	
	
	
	
	
	
 |  |  | 
 |  |  |     "lodash": "^4.17.21", | 
 |  |  |     "moment": "^2.30.1", | 
 |  |  |     "omit.js": "^2.0.2", | 
 |  |  |     "pixi.js": "^7.4.0", | 
 |  |  |     "querystring": "^0.2.1", | 
 |  |  |     "rc-menu": "^9.12.4", | 
 |  |  |     "rc-util": "^5.38.1", | 
 |  |  |     "react": "^18.2.0", | 
 |  |  |     "react-dom": "^18.2.0", | 
 |  |  |     "react-helmet-async": "^1.3.0" | 
 |  |  |     "react-helmet-async": "^1.3.0", | 
 |  |  |     "tweedle.js": "^2.1.0" | 
 |  |  |   }, | 
 |  |  |   "devDependencies": { | 
 |  |  |     "@ant-design/pro-cli": "^3.3.0", | 
 
| New file | 
 |  |  | 
 |  |  | import * as React from 'react' | 
 |  |  | import * as PIXI from 'pixi.js'; | 
 |  |  | import * as TWEEDLE from 'tweedle.js'; | 
 |  |  |  | 
 |  |  | const Map = () => { | 
 |  |  |     const map = React.useRef(); | 
 |  |  |  | 
 |  |  |     React.useEffect(() => { | 
 |  |  |         const app = new PIXI.Application({ | 
 |  |  |             width: window.innerWidth, | 
 |  |  |             height: window.innerHeight, | 
 |  |  |             background: '#1099bb', | 
 |  |  |             antialias: true, | 
 |  |  |         }) | 
 |  |  |  | 
 |  |  |         app.stage.interactive = true; | 
 |  |  |         app.stage.hitArea = app.screen; | 
 |  |  |  | 
 |  |  |         globalThis.__PIXI_APP__ = app; | 
 |  |  |  | 
 |  |  |         map.current.appendChild(app.view); | 
 |  |  |  | 
 |  |  |         return () => { | 
 |  |  |             app.destroy(true, true); | 
 |  |  |         } | 
 |  |  |     }, []); | 
 |  |  |  | 
 |  |  |     return ( | 
 |  |  |         <> | 
 |  |  |             <div | 
 |  |  |                 ref={map} | 
 |  |  |             > | 
 |  |  |             </div> | 
 |  |  |         </> | 
 |  |  |     ) | 
 |  |  | } | 
 |  |  |  | 
 |  |  | export default Map; | 
 
 |  |  | 
 |  |  |             break; | 
 |  |  |         } | 
 |  |  |     } | 
 |  |  |     addMapMenu(remoteMenu); | 
 |  |  |     addHomeMenu(remoteMenu); | 
 |  |  |     addUserSettingMenu(remoteMenu); | 
 |  |  |     patchRouteItems(proLayout, remoteMenu); | 
 |  |  | 
 |  |  |     }) | 
 |  |  | } | 
 |  |  |  | 
 |  |  | function addMapMenu(remoteMenu) { | 
 |  |  |     remoteMenu.unshift({ | 
 |  |  |         name: "地图监控", | 
 |  |  |         path: "/map", | 
 |  |  |         component: "/map", | 
 |  |  |         icon: createIcon('HeatMapOutlined') | 
 |  |  |     }) | 
 |  |  | } | 
 |  |  |  | 
 |  |  | function addUserSettingMenu(remoteMenu) { | 
 |  |  |     // const settingRoute = { | 
 |  |  |     //     name: "个人设置", |