react-ai-renderer 0.1.18 → 0.1.20

package/dist/index.d.ts

@@ -37,6 +37,8 @@ interface BaseComponentHandler {
 }
 interface ComponentHandler extends BaseComponentHandler {
     selfClosing: boolean;
+    /** 组件开始渲染时的钩子（组件进入渲染流程时立即调用） */
+    onRenderStart?: (item: ComponentData$1, scope: any) => void;
     /** 组件渲染过程中的钩子（当 isComplete 为 false 时调用） */
     onRenderProcess?: (item: ComponentData$1, scope: any) => void;
     /** 组件渲染完成后的钩子（当 isComplete 为 true 时调用） */
@@ -60,10 +62,12 @@ interface EnhancedComponentConfig {
     loader?: React.ComponentType<any> | React.ReactElement | string | boolean | ((componentName: string) => React.ReactElement);
     /** 骨架图配置，用于在加载时显示骨架图。如果未提供且 loader 也未提供，将自动根据组件名称生成骨架图 */
     skeleton?: SkeletonConfig;
-    /** 组件渲染完成后的钩子 */
-    onRenderFinished?: (item: ComponentData$1, scope: any) => void;
+    /** 组件开始渲染时的钩子 */
+    onRenderStart?: (item: ComponentData$1, scope: any) => void;
     /** 组件渲染过程中的钩子 */
     onRenderProcess?: (item: ComponentData$1, scope: any) => void;
+    /** 组件渲染完成后的钩子 */
+    onRenderFinished?: (item: ComponentData$1, scope: any) => void;
     /** 是否自闭合 */
     selfClosing?: boolean;
 }

package/dist/index.js

@@ -58376,6 +58376,12 @@ function formatProps(props) {
       key = _b[0],
       value = _b[1];
     if (typeof value === 'string') {
+      var trimmedValue = value.trim();
+      var isArrowFunction = trimmedValue.includes('=>');
+      var isRegularFunction = trimmedValue.startsWith('function');
+      if (isArrowFunction || isRegularFunction) {
+        return "".concat(key, "={").concat(value, "}");
+      }
       return "".concat(key, "=\"").concat(value, "\"");
     }
     try {
@@ -58459,6 +58465,9 @@ function parseComponentRecursively(allComponentHandlers, item, scope) {
           componentHandler = allComponentHandlers.find(function (c) {
             return c.name === item.value;
           });
+          if (componentHandler === null || componentHandler === void 0 ? void 0 : componentHandler.onRenderStart) {
+            componentHandler.onRenderStart(item, scope);
+          }
           props = __assign({}, item.props);
           propsString = formatProps(props);
           propsString += " scope={props.scope}";
@@ -58481,16 +58490,13 @@ function parseComponentRecursively(allComponentHandlers, item, scope) {
           componentString = (componentHandler === null || componentHandler === void 0 ? void 0 : componentHandler.selfClosing) ? "<".concat(item.value, " ").concat(propsString, " />") : ["<".concat(item.value, " ").concat(propsString, ">"), childrenContent_1, "</".concat(item.value, ">")].join('\n');
           // 调用组件的渲染钩子
           if (isComplete) {
-            // 渲染完成后的钩子
             if (componentHandler === null || componentHandler === void 0 ? void 0 : componentHandler.onRenderFinished) {
               componentHandler.onRenderFinished(item, scope);
             }
           } else {
-            // 渲染过程中的钩子
             if (componentHandler === null || componentHandler === void 0 ? void 0 : componentHandler.onRenderProcess) {
               componentHandler.onRenderProcess(item, scope);
             } else if (componentHandler === null || componentHandler === void 0 ? void 0 : componentHandler.onRender) {
-              // 向后兼容：如果存在旧的 onRender，也调用它
               componentHandler.onRender(item, scope);
             }
           }
@@ -59181,7 +59187,6 @@ var ComponentPlaceholder = function (_a) {
       }
     } catch (e) {
       // 如果骨架图生成失败，继续使用默认占位内容
-      console.warn('Failed to generate skeleton:', e);
     }
   }
   // 默认占位内容
@@ -59297,14 +59302,14 @@ function convertComponentsToHandlers(components, componentHandlers) {
       name = _b[0],
       componentValue = _b[1];
     if (isEnhancedComponentConfig(componentValue)) {
-      // 增强模式：从配置对象中提取信息
       var config = componentValue;
       return {
         component: config.value,
         name: name,
         selfClosing: config.selfClosing !== undefined ? config.selfClosing : isSelfClosingComponent(config.value),
-        onRenderFinished: config.onRenderFinished,
+        onRenderStart: config.onRenderStart,
         onRenderProcess: config.onRenderProcess,
+        onRenderFinished: config.onRenderFinished,
         loader: config.loader,
         label: config.label
       };
@@ -59741,7 +59746,6 @@ var getMermaid = function () {
   mermaidPromise = import('mermaid').then(function (module) {
     return module.default || module;
   }).catch(function (error) {
-    console.warn('Mermaid is not available. Install it to enable chart rendering.');
     return null;
   });
   return mermaidPromise;
@@ -59792,7 +59796,6 @@ function MermaidRenderer(_a) {
             if (!!mermaid.initialized) return [3 /*break*/, 4];
             // 设置全局错误处理函数
             mermaid.parseError = function (err) {
-              console.warn('Mermaid parse error:', err.message);
             };
             return [4 /*yield*/, mermaid.initialize({
               startOnLoad: false,