@blocklet/pages-kit 0.5.17 → 0.5.19

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/cjs/utils/property.js

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.initDynamicParsePropertyValueHandlers = exports.RenderNestedComponent = void 0;
+exports.initDynamicParsePropertyValueHandlers = exports.RenderNestedComponent = exports.sanitize = void 0;
 exports.componentUMDName = componentUMDName;
 exports.mergeComponent = mergeComponent;
 exports.safeJSONParse = safeJSONParse;
@@ -34,9 +34,11 @@ exports.safeYamlParse = safeYamlParse;
 exports.parsePropertyValue = parsePropertyValue;
 exports.assignNullableFields = assignNullableFields;
 exports.getComponentDependencies = getComponentDependencies;
+const xss_1 = require("@blocklet/xss");
 const snakeCase_1 = __importDefault(require("lodash/snakeCase"));
 const yaml = __importStar(require("yaml"));
 const common_1 = require("./common");
+exports.sanitize = (0, xss_1.initSanitize)();
 function componentUMDName({ componentId }) {
     return `PagesCustomComponent${(0, snakeCase_1.default)(componentId)}`;
 }
@@ -129,12 +131,13 @@ const initDynamicParsePropertyValueHandlers = () => {
 };
 exports.initDynamicParsePropertyValueHandlers = initDynamicParsePropertyValueHandlers;
 (0, exports.initDynamicParsePropertyValueHandlers)();
-function parsePropertyValue(property, value, { locale, defaultLocale, propertyHandlers, }) {
+function parsePropertyValue(property, inputValue, { locale, defaultLocale, propertyHandlers, }) {
     // 混合动态和自定义的属性处理函数，这个需要放在最前面，因为有可能存在覆盖下面的处理
     const mixedPropertyHandlers = {
         ...(dynamicPropertyHandlers ?? {}),
         ...(propertyHandlers ?? {}),
     };
+    const value = inputValue;
     if (mixedPropertyHandlers && property.type && typeof mixedPropertyHandlers[property.type] === 'function') {
         try {
             const handler = mixedPropertyHandlers[property.type];

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;