Event Manager

• Event Manager - это плагин для Vue.js, который помогает управлять событиями и обработчиками в вашем приложении Vue. Он позволяет создавать, добавлять, вызывать и удалять обработчики событий в вашем приложении, а также отправлять события в другие компоненты.

• Особенности:

  • Легкость использования: плагин можно легко установить и настроить в вашем приложении Vue.
  • Простота управления: вы можете создавать, добавлять, вызывать и удалять обработчики событий с помощью нескольких простых методов.
  • Гибкость настройки: вы можете настроить объект eventManager, передавая дополнительные настройки при инициализации плагина.
  • Поддержка многих типов событий: плагин поддерживает обработку как стандартных, так и настраиваемых событий, что делает его гибким и универсальным решением для управления событиями в вашем приложении Vue.

• Этот плагин был создан специально для использования в плагине samp-cef для SAMP (San Andreas Multiplayer) - модификации игры Grand Theft Auto: San Andreas, которая позволяет создавать веб-интерфейсы внутри игры.

• Пример использования:

import eventManagerPlugin from 'event-manager-plugin';

const app = createApp(App)
.use(eventManagerPlugin, {
    eventManagerConfig: {
        events: {
			//Creating default events
            'mouse': function(type) {
                switch(type) {
                    case 'show': {
                        cef.set_focus(true)
                        break
                    }
                    case 'hide': {
                        cef.set_focus(false)
                        break
                    }
                }
            }
        }
    }
})
.mount('#app')

• После этого вы можете использовать плагин в компонентах вашего приложения Vue.js. Например, в вашем компоненте вы можете добавить обработчик события с помощью следующего кода:

export default {
  mounted() {
    this.$eventManager.addHandler('myEvent', this.myEventHandler);
  },
  methods: {
    myEventHandler(type, data) {
      console.log(`Received event of type "${type}" with data:`, data);
    },
    triggerEvent() {
      // Вызов обработчика события с использованием метода `callHandler`
      this.$eventManager.callHandler('myEvent', 'someType', { someData: 'data' });
    }
  }
}

• В этом примере мы добавляем обработчик события "myEvent" в методе mounted компонента, используя $eventManager.addHandler. Обработчик принимает два аргумента - type и data, которые содержат информацию о событии и его параметрах. Внутри обработчика мы просто выводим эти данные в консоль. Затем мы добавляем метод triggerEvent, который вызывает обработчик "myEvent" с использованием метода callHandler. Метод callHandler принимает первым аргументом название события, а следующие аргументы передаются в обработчик события.

• Таким образом, при вызове метода triggerEvent обработчик "myEvent" будет вызван с передачей параметров "someType" и { someData: 'data' }, что выведет соответствующее сообщение в консоль.

• Теперь, когда событие "myEvent" будет вызвано в вашем приложении, обработчик myEventHandler будет вызван автоматически, что позволит вам реагировать на это событие внутри вашего компонента.

• Так же чтобы отправить свои данные на сервер используя samp.cef, вам достаточно использовать this.$eventManager.trigger(), эта функция принимает 2 аргумента:

  • Имя ивента
  • Параметры

• Пример использования:

this.$eventManager.trigger('TestEvent', 1, 0, 'privet');

Таким образом, модуль Event Manager представляет собой полезный инструмент для разработчиков, которые работают с плагином samp-cef и создают интерфейсы для SAMP, обеспечивая удобство использования, простоту управления и гибкость настройки.