react-ai-renderer 0.1.18 → 0.1.19

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);
             }
           }
@@ -59297,14 +59303,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
       };
@@ -59390,6 +59396,7 @@ function ReactAIRenderer(_a) {
               if (!resultContent) return [3 /*break*/, 8];
               resultContent = fixMDXContent(resultContent);
               parsedData = parser.parse('magic', resultContent);
+              console.log('parsedData', parsedData);
               return [4 /*yield*/, Promise.all(parsedData.map(function (item) {
                 return parseComponentRecursively(allComponentHandlers, item, scope);
               }))];