#

luxiaotao1123

2024-03-05 381a583e789a5443807384e92c1961807165fd70

 zy-asrs-flow/src/pages/map/index.jsx

@@ -57,10 +57,11 @@
    const [mapContainer, setMapContainer] = React.useState(null);
    const [mapEditModel, setMapEditModel] = React.useState(false);
    const [deviceSettingModel, setDeviceSettingModel] = React.useState(false);
    const [didClickSprite, setDidClickSprite] = React.useState(false);

    // init func
    React.useEffect(() => {
        player = new Player(mapRef.current, styles.dark);
        player = new Player(mapRef.current, styles.dark, didClickSprite);
        setApp(player.app);
        setMapContainer(player.mapContainer);
        Utils.syncApp(player.app);
@@ -74,6 +75,11 @@
        };
        window.addEventListener('resize', handleResize);
    }, []);

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

    // resize
    React.useEffect(() => {
@@ -92,12 +98,13 @@
        }
        if (mapEditModel) {
            player.showGridlines();
            mapContainer.children.forEach(child => {
                Utils.beMovable(child);
            })
            player.activateMapEvent(Utils.MapEvent.SELECTION_BOX, Utils.MapEvent.PAN);
            mapContainer.children.forEach(child => {
                Utils.beMovable(child, setDidClickSprite);
            })
        } else {
            player.hideGridlines();
            player.activateMapEvent(null, Utils.MapEvent.PAN);
            mapContainer.children.forEach(child => {
                child.off('pointerup');
                child.off('pointerdown');
@@ -126,7 +133,7 @@

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

    return (