zy-asrs-master.git

			@@ -19,6 +19,7 @@
			import MapSearch from './header/search';
			import MapFloor from './header/floor';
			import MapDrawer from './drawer';
			import BatchDrawer from './batch';

			const useStyles = createStyles(({ token }) => {
			let dark = token.colorBgBase === '#000';
			@@ -78,21 +79,24 @@
			});
			const [app, setApp] = React.useState(null);
			const [mapContainer, setMapContainer] = React.useState(null);
			const [didClickSprite, setDidClickSprite] = React.useState(false);
			const [spriteBySettings, setSpriteBySettings] = React.useState(null);
			const prevSpriteBySettingsRef = React.useRef();
			const [drawerVisible, setDrawerVisible] = React.useState(false);
			const [dataFetched, setDataFetched] = React.useState(false);
			const [curSprite, setCurSPrite] = React.useState(null);
			const prevCurSpriteRef = React.useRef();
			const hasFloor = true;
			// const [hasFloor, setHasFloor] = React.useState(true);
			const [curFloor, setCurFloor] = React.useState(1);
			const [floorList, setFloorList] = React.useState([]);
			const [curFloor, setCurFloor] = React.useState(() => {
			const storedValue = localStorage.getItem('curFloor');
			return storedValue !== null ? JSON.parse(storedValue) : null;
			});
			const [batchSprites, setBatchSprites] = React.useState([]);
			const [batchDrawerVisible, setBatchDrawerVisible] = React.useState(false);

			// init func
			React.useEffect(() => {
			const initialize = async () => {
			player = new Player(mapRef.current, styles.dark, didClickSprite);
			player = new Player(mapRef.current, styles.dark);
			setApp(player.app);
			setMapContainer(player.mapContainer);
			Utils.syncApp(player.app);
			@@ -107,7 +111,11 @@
			};
			window.addEventListener('resize', handleResize);

			await Utils.fetchMapData(curFloor);
			const mapFloorData = await Utils.fetchMapFloor();
			setFloorList(mapFloorData);
			let defaultFloor = curFloor \|\| mapFloorData?.[0]?.value;
			setCurFloor(defaultFloor);
			await Utils.fetchMapData(defaultFloor);
			setDataFetched(true);
			setModel(MapModel.OBSERVER_MODEL)
			setTimeout(() => {
			@@ -131,61 +139,69 @@
			}
			}, [app, mapContainer, windowSize])

			// model
			React.useEffect(() => {
			if (!mapContainer && !dataFetched) {
			return;
			}
			// fn switch model
			const switchModel = (model) => {
			Utils.removeSelectedEffect();

			setCurSPrite(null);
			setDrawerVisible(false);
			setSpriteBySettings(null);
			setSettingsVisible(false);
			setBatchSprites([]);
			setBatchDrawerVisible(false);

			switch (model) {
			case MapModel.OBSERVER_MODEL:

			player.hideGridlines();
			player.hideStarryBackground();

			player.activateMapEvent(null);

			Utils.removeSelectedEffect();
			setCurSPrite(null);
			setDeviceVisible(false);
			setSettingsVisible(false);
			player.activateMapEvent(Utils.MapEvent.SELECTION_BOX, (selectedSprites, resetFn) => {
			setBatchSprites(selectedSprites);
			});

			mapContainer.children.forEach(child => {
			Utils.viewFeature(child, setCurSPrite);
			})
			break
			case MapModel.MOVABLE_MODEL:

			player.showGridlines();
			player.hideStarryBackground();

			player.activateMapEvent(Utils.MapEvent.SELECTION_BOX, model);

			Utils.removeSelectedEffect();
			setSpriteBySettings(null);
			setSettingsVisible(false);
			setDrawerVisible(false);
			player.activateMapEvent(Utils.MapEvent.SELECTION_BOX, (selectedSprites, resetFn) => {
			Utils.spriteListBeMovable(selectedSprites, () => {
			resetFn();
			});
			});

			mapContainer.children.forEach(child => {
			Utils.beMovable(child, setDidClickSprite);
			Utils.beMovable(child);
			})
			break
			case MapModel.SETTINGS_MODEL:

			player.showGridlines();
			player.showStarryBackground();

			player.activateMapEvent(Utils.MapEvent.SELECTION_BOX, model);

			setDeviceVisible(false);
			setDrawerVisible(false);
			player.activateMapEvent(Utils.MapEvent.SELECTION_BOX, (selectedSprites, resetFn) => {
			setBatchSprites(selectedSprites);
			});

			mapContainer.children.forEach(child => {
			Utils.beSettings(child, setSpriteBySettings, setDidClickSprite);
			Utils.beSettings(child, setSpriteBySettings);
			})
			break
			default:
			break
			}
			}

			// model
			React.useEffect(() => {
			if (!mapContainer && !dataFetched) {
			return;
			}
			switchModel(model);
			}, [model]);

			// Add New Device
			@@ -196,7 +212,7 @@

			Utils.initSprite(sprite, type);
			mapContainer.addChild(sprite);
			Utils.beMovable(sprite, setDidClickSprite);
			Utils.beMovable(sprite);
			};

			// watch curSprite
			@@ -219,23 +235,15 @@
			}, [curSprite]);
			const prevCurSprite = prevCurSpriteRef.current;

			const swichFloor = async (floor) => {
			// fn switch floor
			const switchFloor = async (floor) => {
			await Utils.fetchMapData(floor);

			player.hideGridlines();
			player.hideStarryBackground();
			switchModel(model);

			player.activateMapEvent(null);

			Utils.removeSelectedEffect();
			setCurSPrite(null);
			setDeviceVisible(false);
			setSettingsVisible(false);
			setDrawerVisible(false);

			mapContainer.children.forEach(child => {
			Utils.viewFeature(child, setCurSPrite);
			})
			setTimeout(() => {
			player.adaptScreen();
			}, 200)
			}

			// watch curFloor
			@@ -243,13 +251,9 @@
			if (!mapContainer && !dataFetched) {
			return;
			}
			swichFloor(curFloor);
			switchFloor(curFloor);
			localStorage.setItem('curFloor', JSON.stringify(curFloor));
			}, [curFloor]);

			// didClickSprite, stop triggers both sprite click and play's selection boxs
			React.useEffect(() => {
			player.updateDidClickSprite(didClickSprite);
			}, [didClickSprite])

			// watch spriteBySettings
			React.useEffect(() => {
			@@ -269,6 +273,19 @@
			}, [spriteBySettings])
			const prevSpriteBySettings = prevSpriteBySettingsRef.current;

			// watch batchSprites
			React.useEffect(() => {
			if (!mapContainer) {
			return;
			}
			if (batchSprites?.length > 0) {
			setBatchDrawerVisible(true)
			} else {
			player.clearSelectedSprites();
			setBatchDrawerVisible(false)
			}
			}, [batchSprites])

			return (
			<>
			{contextHolder}
			@@ -281,6 +298,7 @@
			model={model}
			setModel={setModel}
			ModelEnum={MapModel}
			curFloor={curFloor}
			curSprite={curSprite}
			setCurSPrite={setCurSPrite}
			setSpriteBySettings={setSpriteBySettings}
			@@ -295,24 +313,8 @@
			<Button
			className='map-header-button'
			size={'large'}
			onClick={async () => {
			await Utils.fetchMapData(curFloor);

			player.hideGridlines();
			player.hideStarryBackground();

			player.activateMapEvent(null);

			Utils.removeSelectedEffect();
			setCurSPrite(null);
			setDeviceVisible(false);
			setSettingsVisible(false);
			setDrawerVisible(false);

			mapContainer.children.forEach(child => {
			Utils.viewFeature(child, setCurSPrite);
			})

			onClick={() => {
			switchFloor(curFloor)
			}}
			>
			<FormattedMessage id='map.load' defaultMessage='加载地图' />
			@@ -369,8 +371,9 @@
			<Content ref={contentRef} className={styles.content}>
			<div ref={mapRef} />

			{hasFloor && (
			{floorList.length > 0 && (
			<MapFloor
			floorList={floorList}
			curFloor={curFloor}
			setCurFloor={setCurFloor}
			/>
			@@ -408,8 +411,8 @@
			if (deviceVisible) {
			setDeviceVisible(false);
			} else {
			setDeviceVisible(true);
			setModel(MapModel.MOVABLE_MODEL);
			setDeviceVisible(true);
			}
			}}
			/>
			@@ -429,10 +432,23 @@
			<MapDrawer
			open={drawerVisible}
			curSprite={curSprite}
			curFloor={curFloor}
			refCurr={mapRef.current}
			onCancel={() => {
			setCurSPrite(null);
			setDrawerVisible(false);
			}}
			/>

			<BatchDrawer
			open={batchDrawerVisible}
			batchSprites={batchSprites}
			refCurr={mapRef.current}
			model={model}
			ModelEnum={MapModel}
			onCancel={() => {
			setBatchSprites([]);
			setBatchDrawerVisible(false);
			}}
			/>

			@@ -453,7 +469,6 @@
			setSpriteBySettings(null);
			}}
			setSpriteBySettings={setSpriteBySettings}
			setDidClickSprite={setDidClickSprite}
			refCurr={mapRef.current}
			/>
			</>