diff --git a/src/components/MapConcernements.vue b/src/components/MapConcernements.vue index 56d2426..a244289 100644 --- a/src/components/MapConcernements.vue +++ b/src/components/MapConcernements.vue @@ -60,9 +60,9 @@ export default { 'opened_entite_id', 'opened_recit' ]), - ...mapState(CommonStore,['map_item_ray']), - ...mapState(CommonStore,['hover_elmt']), - ...mapState(CommonStore,['paper_symbol_definitions']) + ...mapState(CommonStore,['map_item_ray', + 'hover_elmt', + 'paper_symbol_definitions']) }, created() { // MATTER @@ -104,6 +104,13 @@ export default { } }.bind(this); + // use the paper.view mousemouve to removed mappopup + this.paper.view.onMouseMove = function(event) { + console.log("view onMouseMove", event.target); + if(event.target._id === "paper-view-0") { + this.setHoverElmt(null); + } + }.bind(this); // MATTER let wall_w = 1000; Matter.Composite.add(this.world, [ @@ -199,10 +206,10 @@ export default { } }, methods: { - ...mapActions(ConcernementsStore,['setMapMode']), - ...mapActions(ConcernementsStore,['resetConcernementOpened']), - // ...mapActions(ConcernementsStore,['openCloseConcernements']), - ...mapActions(CommonStore,['addPaperSymbolDefinition']), + ...mapActions(ConcernementsStore,['setMapMode', + 'resetConcernementOpened']), + ...mapActions(CommonStore,['addPaperSymbolDefinition', + 'setHoverElmt']), animate () { Matter.Engine.update(this.engine, 1); window.requestAnimationFrame(this.animate);