| | |
| | | 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'; |
| | |
| | | const hasFloor = true; |
| | | // const [hasFloor, setHasFloor] = React.useState(true); |
| | | const [curFloor, setCurFloor] = React.useState(1); |
| | | const [batchSprites, setBatchSprites] = React.useState([]); |
| | | const [batchDrawerVisible, setBatchDrawerVisible] = React.useState(false); |
| | | |
| | | // init func |
| | | React.useEffect(() => { |
| | |
| | | |
| | | setDeviceVisible(false); |
| | | player.activateMapEvent(Utils.MapEvent.SELECTION_BOX, (selectedSprites, resetFn) => { |
| | | console.log(selectedSprites); |
| | | // resetFn(); |
| | | setBatchSprites(selectedSprites); |
| | | }); |
| | | |
| | | mapContainer.children.forEach(child => { |
| | |
| | | |
| | | setDeviceVisible(false); |
| | | player.activateMapEvent(Utils.MapEvent.SELECTION_BOX, (selectedSprites, resetFn) => { |
| | | console.log(selectedSprites); |
| | | if (selectedSprites.length > 0) { |
| | | setDrawerVisible(true); |
| | | } |
| | | setBatchSprites(selectedSprites); |
| | | }); |
| | | |
| | | mapContainer.children.forEach(child => { |
| | |
| | | } |
| | | }, [spriteBySettings]) |
| | | const prevSpriteBySettings = prevSpriteBySettingsRef.current; |
| | | |
| | | React.useEffect(() => { |
| | | if (batchSprites?.length > 0) { |
| | | setBatchDrawerVisible(true) |
| | | } else { |
| | | setBatchDrawerVisible(false) |
| | | } |
| | | }, [batchSprites]) |
| | | |
| | | return ( |
| | | <> |
| | |
| | | }} |
| | | /> |
| | | |
| | | <BatchDrawer |
| | | open={batchDrawerVisible} |
| | | batchSprites={batchSprites} |
| | | refCurr={mapRef.current} |
| | | onCancel={() => { |
| | | setBatchSprites(null); |
| | | setBatchDrawerVisible(false); |
| | | }} |
| | | /> |
| | | |
| | | <Edit |
| | | open={deviceVisible} |
| | | onCancel={() => { |