vue3-event-bus-plugin 1.0.0 → 1.0.2

package/dist/vue3-event-bus-plugin.es.js

@@ -0,0 +1 @@
+class e{constructor(e={}){this.events={},this.eventCache={},this.options={enableCache:!1!==e.enableCache,maxCacheSize:e.maxCacheSize||10,clearCacheAfterSubscribe:!1!==e.clearCacheAfterSubscribe,...e}}on(e,t,s={}){if("function"!=typeof t)throw new TypeError("回调函数必须是函数类型");this.events[e]||(this.events[e]=[]);const n={callback:t,once:!!s.once};return this.events[e].push(n),this.options.enableCache&&this.eventCache[e]&&([...this.eventCache[e]].forEach(s=>{try{t(...s.args)}catch(t){console.error(`EventBus 缓存事件 "${e}" 回调执行出错:`,t)}n.once&&this.off(e,t)}),this.options.clearCacheAfterSubscribe&&delete this.eventCache[e]),()=>this.off(e,t)}once(e,t){return this.on(e,t,{once:!0})}off(e,t){if(this.events[e]){if(!t)return void delete this.events[e];this.events[e]=this.events[e].filter(e=>e.callback!==t),0===this.events[e].length&&delete this.events[e]}}emit(e,...t){let s=!1;if(this.events[e]&&(s=!0,[...this.events[e]].forEach(s=>{try{s.callback(...t)}catch(t){console.error(`EventBus 事件 "${e}" 回调执行出错:`,t)}s.once&&this.off(e,s.callback)})),!s&&this.options.enableCache&&(this.eventCache[e]||(this.eventCache[e]=[]),this.eventCache[e].push({args:[...t],timestamp:Date.now()}),this.options.maxCacheSize>0)){const t=this.eventCache[e].length-this.options.maxCacheSize;t>0&&this.eventCache[e].splice(0,t)}}listenerCount(e){return this.events[e]?this.events[e].length:0}cacheCount(e){return this.eventCache[e]?this.eventCache[e].length:0}clear(e=!0){this.events={},e&&this.clearCache()}clearCache(e){e?delete this.eventCache[e]:this.eventCache={}}getEvents(){return Object.keys(this.events)}getCachedEvents(){return Object.keys(this.eventCache)}getOptions(){return{...this.options}}updateOptions(e){this.options={...this.options,...e}}}let t=new e;const s={install:function(s,n={}){n.eventBusOptions&&(t=new e(n.eventBusOptions)),s.provide("eventBus",t),s.config.globalProperties.$eventBus=t,n.debug&&console.log("Vue 3 EventBus 已安装",{options:n})}},n=t;export{e as EventBus,s as default,n as eventBus};

package/dist/vue3-event-bus-plugin.umd.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&typeof module<"u"?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e=typeof globalThis<"u"?globalThis:e||self).Vue3EventBus={})}(this,function(e){"use strict";class t{constructor(e={}){this.events={},this.eventCache={},this.options={enableCache:!1!==e.enableCache,maxCacheSize:e.maxCacheSize||10,clearCacheAfterSubscribe:!1!==e.clearCacheAfterSubscribe,...e}}on(e,t,s={}){if("function"!=typeof t)throw new TypeError("回调函数必须是函数类型");this.events[e]||(this.events[e]=[]);const n={callback:t,once:!!s.once};return this.events[e].push(n),this.options.enableCache&&this.eventCache[e]&&([...this.eventCache[e]].forEach(s=>{try{t(...s.args)}catch(t){console.error(`EventBus 缓存事件 "${e}" 回调执行出错:`,t)}n.once&&this.off(e,t)}),this.options.clearCacheAfterSubscribe&&delete this.eventCache[e]),()=>this.off(e,t)}once(e,t){return this.on(e,t,{once:!0})}off(e,t){if(this.events[e]){if(!t)return void delete this.events[e];this.events[e]=this.events[e].filter(e=>e.callback!==t),0===this.events[e].length&&delete this.events[e]}}emit(e,...t){let s=!1;if(this.events[e]&&(s=!0,[...this.events[e]].forEach(s=>{try{s.callback(...t)}catch(t){console.error(`EventBus 事件 "${e}" 回调执行出错:`,t)}s.once&&this.off(e,s.callback)})),!s&&this.options.enableCache&&(this.eventCache[e]||(this.eventCache[e]=[]),this.eventCache[e].push({args:[...t],timestamp:Date.now()}),this.options.maxCacheSize>0)){const t=this.eventCache[e].length-this.options.maxCacheSize;t>0&&this.eventCache[e].splice(0,t)}}listenerCount(e){return this.events[e]?this.events[e].length:0}cacheCount(e){return this.eventCache[e]?this.eventCache[e].length:0}clear(e=!0){this.events={},e&&this.clearCache()}clearCache(e){e?delete this.eventCache[e]:this.eventCache={}}getEvents(){return Object.keys(this.events)}getCachedEvents(){return Object.keys(this.eventCache)}getOptions(){return{...this.options}}updateOptions(e){this.options={...this.options,...e}}}let s=new t;const n={install:function(e,n={}){n.eventBusOptions&&(s=new t(n.eventBusOptions)),e.provide("eventBus",s),e.config.globalProperties.$eventBus=s,n.debug&&console.log("Vue 3 EventBus 已安装",{options:n})}},i=s;e.EventBus=t,e.default=n,e.eventBus=i,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,15 +1,21 @@
 {
   "name": "vue3-event-bus-plugin",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "A simple and lightweight EventBus for Vue 3, supporting both Composition API and Option API",
-  "main": "index.js",
   "type": "module",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "echo \"Build completed\"",
+    "build": "vite build",
     "prepare": "npm run build"
   },
+  "main": "dist/vue3-event-bus-plugin.umd.js",
+  "module": "dist/vue3-event-bus-plugin.es.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
   "keywords": [
+    "vue3-event-bus-plugin",
     "vue3",
     "eventbus",
     "vue-event-bus",
@@ -22,6 +28,9 @@
     "vue": "^3.0.0"
   },
   "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.3",
+    "rollup-plugin-terser": "^7.0.2",
+    "vite": "^7.3.0",
     "vue": "^3.0.0"
   },
   "repository": {

package/index.js

@@ -1,43 +0,0 @@
-/**
- * Vue 3 EventBus 主入口文件
- * 支持 Vue.use() 安装方式
- */
-
-import EventBus from './src/EventBus.js'
-
-// 创建单例实例，支持通过 install 方法传递选项
-let eventBusInstance = new EventBus()
-
-/**
- * Vue 3 插件安装函数
- * @param {import('vue').App} app - Vue 应用实例
- * @param {Object} options - 插件选项
- */
-function install(app, options = {}) {
-  // 如果提供了 EventBus 配置，重新创建实例
-  if (options.eventBusOptions) {
-    eventBusInstance = new EventBus(options.eventBusOptions)
-  }
-
-  // 全局注入 eventBus，支持 Composition API
-  app.provide('eventBus', eventBusInstance)
-
-  // 添加到全局属性，支持 Option API
-  app.config.globalProperties.$eventBus = eventBusInstance
-
-  // 可选：在控制台输出安装信息
-  if (options.debug) {
-    console.log('Vue 3 EventBus 已安装', { options })
-  }
-}
-
-// 导出插件
-export default {
-  install,
-}
-
-// 导出单例实例，支持直接使用
-export const eventBus = eventBusInstance
-
-// 导出类，支持自定义实例
-export { EventBus }

package/src/EventBus.js

@@ -1,242 +0,0 @@
-/**
- * Vue 3 EventBus 核心实现
- * 支持事件订阅、发布、取消订阅等功能
- * 支持事件缓存，解决先执行顺序先emit后on的问题
- */
-
-class EventBus {
-  constructor(options = {}) {
-    // 存储事件订阅者
-    this.events = {}
-    // 存储已发布但未被订阅的事件（事件缓存）
-    this.eventCache = {}
-    // 配置选项
-    this.options = {
-      // 是否启用事件缓存
-      enableCache: options.enableCache !== false,
-      // 每个事件的最大缓存数量，0表示不限制
-      maxCacheSize: options.maxCacheSize || 10,
-      // 是否在订阅后自动清除缓存
-      clearCacheAfterSubscribe: options.clearCacheAfterSubscribe !== false,
-      ...options,
-    }
-  }
-
-  /**
-   * 订阅事件
-   * @param {string} eventName - 事件名称
-   * @param {Function} callback - 回调函数
-   * @param {Object} options - 选项配置
-   * @param {boolean} options.once - 是否只触发一次
-   * @returns {Function} - 取消订阅的函数
-   */
-  on(eventName, callback, options = {}) {
-    if (typeof callback !== 'function') {
-      throw new TypeError('回调函数必须是函数类型')
-    }
-
-    if (!this.events[eventName]) {
-      this.events[eventName] = []
-    }
-
-    // 创建订阅者对象
-    const subscriber = {
-      callback,
-      once: !!options.once,
-    }
-
-    this.events[eventName].push(subscriber)
-
-    // 检查是否有缓存的事件，如果有则触发
-    if (this.options.enableCache && this.eventCache[eventName]) {
-      // 复制缓存列表，防止在处理过程中修改
-      const cachedEvents = [...this.eventCache[eventName]]
-
-      // 触发所有缓存的事件
-      cachedEvents.forEach((cached) => {
-        try {
-          callback(...cached.args)
-        } catch (error) {
-          console.error(`EventBus 缓存事件 "${eventName}" 回调执行出错:`, error)
-        }
-
-        // 如果是一次性事件，触发后移除订阅
-        if (subscriber.once) {
-          this.off(eventName, callback)
-        }
-      })
-
-      // 根据配置清除缓存
-      if (this.options.clearCacheAfterSubscribe) {
-        delete this.eventCache[eventName]
-      }
-    }
-
-    // 返回取消订阅的函数，方便在组件中使用
-    return () => this.off(eventName, callback)
-  }
-
-  /**
-   * 订阅一次事件
-   * @param {string} eventName - 事件名称
-   * @param {Function} callback - 回调函数
-   * @returns {Function} - 取消订阅的函数
-   */
-  once(eventName, callback) {
-    return this.on(eventName, callback, { once: true })
-  }
-
-  /**
-   * 取消订阅事件
-   * @param {string} eventName - 事件名称
-   * @param {Function} [callback] - 可选的回调函数，不提供则取消该事件的所有订阅
-   */
-  off(eventName, callback) {
-    if (!this.events[eventName]) {
-      return
-    }
-
-    if (!callback) {
-      // 取消该事件的所有订阅
-      delete this.events[eventName]
-      return
-    }
-
-    // 取消指定的订阅
-    this.events[eventName] = this.events[eventName].filter(
-      (listener) => listener.callback !== callback,
-    )
-
-    // 如果没有订阅者了，清理该事件
-    if (this.events[eventName].length === 0) {
-      delete this.events[eventName]
-    }
-  }
-
-  /**
-   * 发布/触发事件
-   * @param {string} eventName - 事件名称
-   * @param {...any} args - 传递给回调函数的参数
-   */
-  emit(eventName, ...args) {
-    let hasListeners = false
-
-    // 如果有订阅者，直接触发
-    if (this.events[eventName]) {
-      hasListeners = true
-      // 复制一份订阅者列表，防止在触发过程中修改订阅列表
-      const listeners = [...this.events[eventName]]
-
-      listeners.forEach((listener) => {
-        try {
-          listener.callback(...args)
-        } catch (error) {
-          console.error(`EventBus 事件 "${eventName}" 回调执行出错:`, error)
-        }
-
-        // 如果是一次性事件，触发后自动取消订阅
-        if (listener.once) {
-          this.off(eventName, listener.callback)
-        }
-      })
-    }
-
-    // 如果没有订阅者且启用了事件缓存，将事件缓存起来
-    if (!hasListeners && this.options.enableCache) {
-      // 初始化缓存数组
-      if (!this.eventCache[eventName]) {
-        this.eventCache[eventName] = []
-      }
-
-      // 添加到缓存
-      this.eventCache[eventName].push({
-        args: [...args],
-        timestamp: Date.now(),
-      })
-
-      // 限制缓存数量
-      if (this.options.maxCacheSize > 0) {
-        const overflow = this.eventCache[eventName].length - this.options.maxCacheSize
-        if (overflow > 0) {
-          // 移除最早的缓存
-          this.eventCache[eventName].splice(0, overflow)
-        }
-      }
-    }
-  }
-
-  /**
-   * 获取指定事件的订阅者数量
-   * @param {string} eventName - 事件名称
-   * @returns {number} - 订阅者数量
-   */
-  listenerCount(eventName) {
-    return this.events[eventName] ? this.events[eventName].length : 0
-  }
-
-  /**
-   * 获取指定事件的缓存数量
-   * @param {string} eventName - 事件名称
-   * @returns {number} - 缓存事件数量
-   */
-  cacheCount(eventName) {
-    return this.eventCache[eventName] ? this.eventCache[eventName].length : 0
-  }
-
-  /**
-   * 清除所有事件订阅
-   * @param {boolean} clearCache - 是否同时清除事件缓存
-   */
-  clear(clearCache = true) {
-    this.events = {}
-    if (clearCache) {
-      this.clearCache()
-    }
-  }
-
-  /**
-   * 清除事件缓存
-   * @param {string} [eventName] - 可选，指定要清除的事件缓存，不提供则清除所有
-   */
-  clearCache(eventName) {
-    if (eventName) {
-      delete this.eventCache[eventName]
-    } else {
-      this.eventCache = {}
-    }
-  }
-
-  /**
-   * 获取所有订阅的事件名称
-   * @returns {string[]} - 事件名称数组
-   */
-  getEvents() {
-    return Object.keys(this.events)
-  }
-
-  /**
-   * 获取所有缓存的事件名称
-   * @returns {string[]} - 事件名称数组
-   */
-  getCachedEvents() {
-    return Object.keys(this.eventCache)
-  }
-
-  /**
-   * 获取事件缓存配置
-   * @returns {Object} - 配置选项
-   */
-  getOptions() {
-    return { ...this.options }
-  }
-
-  /**
-   * 更新事件缓存配置
-   * @param {Object} newOptions - 新的配置选项
-   */
-  updateOptions(newOptions) {
-    this.options = { ...this.options, ...newOptions }
-  }
-}
-
-export default EventBus