@blocklet/pages-kit 0.4.128 → 0.4.129

package/lib/cjs/components/CustomComponentRenderer/ErrorComponent.js

@@ -3,9 +3,31 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ComponentError = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
-const ComponentError = ({ title = 'Component Failed to Load', message, componentId, componentName, blockletId, blockletTitle, showHints = false, error, resetErrorBoundary, }) => {
-    // 如果提供了error但没有message，使用error.message
+const react_1 = require("react");
+const ComponentError = ({ title = 'Component Failed to Load', message, componentId, componentName, blockletId, blockletTitle, showHints = false, error, resetErrorBoundary, delay = 0, shouldShow, }) => {
+    const [showError, setShowError] = (0, react_1.useState)(delay === 0);
+    // 处理延迟显示逻辑
+    (0, react_1.useEffect)(() => {
+        // 如果没有延迟，直接显示
+        if (delay === 0)
+            return undefined;
+        const timer = setTimeout(() => {
+            // 如果有额外显示条件，只有条件满足时才显示
+            if (typeof shouldShow === 'function') {
+                if (shouldShow()) {
+                    setShowError(true);
+                }
+            }
+            else {
+                setShowError(true);
+            }
+        }, delay);
+        return () => clearTimeout(timer);
+    }, [delay, shouldShow]);
     const displayMessage = message || (error ? error.message : 'Unknown error');
+    if (!showError) {
+        return null;
+    }
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
             p: 3,
             border: '1px dashed #d32f2f',

package/lib/cjs/components/CustomComponentRenderer/index.js

@@ -79,9 +79,11 @@ function ComponentRenderer({ renderCount = 0, blockletId, blockletTitle, compone
     if (dev?.mode === 'draft' && dev && dev.components?.[props.componentId] === undefined) {
         return ((0, jsx_runtime_1.jsx)(ErrorComponent_1.ComponentError, { componentId: props.componentId, componentName: componentName, blockletId: blockletId, blockletTitle: blockletTitle, message: "Component not found in available components", showHints: true }));
     }
-    // 如果什么都没有，但是有错误，则抛出错误
+    // 如果什么都没有，但是有 transpile 的错误，则抛出错误(延迟 10 秒后显示)， safari 下兼容性问题
+    // https://github.com/sveltejs/kit/issues/7805
+    // https://bugs.webkit.org/show_bug.cgi?id=242740
     if (component?.error) {
-        throw component.error;
+        return (0, jsx_runtime_1.jsx)(ErrorComponent_1.ComponentError, { error: component.error, delay: 10 * 1000 });
     }
     return null;
 }