@blocklet/pages-kit 0.5.17 → 0.5.18

package/lib/cjs/utils/builtin.js

@@ -75,4 +75,5 @@ exports.BuiltinModules = {
     '@blocklet/pages-kit/builtin/uploader': {},
     '@blocklet/pages-kit/builtin/color-picker': {},
     '@blocklet/pages-kit/builtin/markdown/index': {},
+    '@blocklet/pages-kit/builtin/event-bus': {},
 };

package/lib/cjs/utils/inject-global-components.js

@@ -39,6 +39,7 @@ const colorPicker = __importStar(require("../builtin/color-picker"));
 const components = __importStar(require("../builtin/components"));
 const dayjs = __importStar(require("../builtin/dayjs"));
 const emotionCss = __importStar(require("../builtin/emotion/css"));
+const eventBus = __importStar(require("../builtin/event-bus"));
 const iconifyReact = __importStar(require("../builtin/iconify/react"));
 const immer = __importStar(require("../builtin/immer"));
 const locale = __importStar(require("../builtin/locale"));
@@ -108,6 +109,7 @@ function injectGlobalComponents() {
         '@blocklet/pages-kit/builtin/async/react-syntax-highlighter': reactSyntaxHighlighter,
         '@blocklet/pages-kit/builtin/async/image-preview': imagePreview,
         '@blocklet/pages-kit/builtin/async/ai-runtime': Promise.resolve().then(() => __importStar(require('../builtin/async/ai-runtime'))),
+        '@blocklet/pages-kit/builtin/event-bus': eventBus,
     };
     // set global variable
     win[builtin_1.BuiltinModulesGlobalVariableName] = {

package/lib/esm/builtin/event-bus.js

@@ -0,0 +1,35 @@
+import mitt from 'mitt';
+import { useEffect, useCallback } from 'react';
+export const eventBus = mitt();
+export const useEventBus = (eventName, eventCallBack, deps = []) => {
+    // 使用 useCallback 包装 emit 函数避免重渲染
+    const emit = useCallback((name, data) => {
+        eventBus.emit(name, data);
+    }, []);
+    useEffect(() => {
+        if (eventName && eventCallBack) {
+            // 包装回调以添加错误处理
+            const wrappedCallback = (data) => {
+                try {
+                    eventCallBack(data);
+                }
+                catch (error) {
+                    console.error(`Error in event handler for "${eventName}":`, error);
+                }
+            };
+            eventBus.on(eventName, wrappedCallback);
+            return () => {
+                eventBus.off(eventName, wrappedCallback);
+            };
+        }
+        return () => { };
+    }, [eventName, eventCallBack, ...deps]);
+    return {
+        emit,
+        // 提供更多控制功能
+        off: eventBus.off,
+        on: eventBus.on,
+        all: eventBus.all,
+    };
+};
+export default useEventBus;