45 lines
967 B
TypeScript
45 lines
967 B
TypeScript
|
import { onUnmounted } from 'vue';
|
||
|
|
|
||
|
|
import mitt from 'mitt';
|
||
|
|
|
||
|
|
type IEventbus = {
|
||
|
|
publish: (eventName: string, content: any) => void;
|
||
|
|
subscribe: (eventName: string, callback: (content: any) => void) => void;
|
||
|
|
};
|
||
|
|
|
||
|
|
const emitter = mitt();
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description: 发布事件
|
||
|
|
* @param {*} eventName 事件名称
|
||
|
|
* @param {*} content 事件内容
|
||
|
|
*/
|
||
|
|
const publish = (eventName: string, content: any) => {
|
||
|
|
emitter.emit(eventName, content);
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description: 订阅事件
|
||
|
|
* @param {*} eventName 事件名称
|
||
|
|
* @param {*} callback 回调的函数
|
||
|
|
*/
|
||
|
|
const subscribe = (eventName: string, callback: (content: any) => void) => {
|
||
|
|
emitter.on(eventName, (content) => callback(content));
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description: 导出useEventbus
|
||
|
|
*/
|
||
|
|
export const useEventbus = (): IEventbus => {
|
||
|
|
// 销毁的事件
|
||
|
|
onUnmounted(() => {
|
||
|
|
// 清空所有的事件，避免多组件互相清理
|
||
|
|
emitter.all.clear();
|
||
|
|
});
|
||
|
|
|
||
|
|
return {
|
||
|
|
publish,
|
||
|
|
subscribe,
|
||
|
|
};
|
||
|
|
};
|