@cqsjjb/jjb-cloud-component 0.0.7-experimental.2 → 0.0.7-experimental.3

package/cloud-component.d.ts

@@ -26,6 +26,8 @@ interface CloudComponentProps extends ComponentProps {
   componentKey: string;
   // 组件的额外Props
   componentProps?: Record<string, unknown>;
+  // 组件引用
+  componentRef?: React.Ref<Record<string, unknown>>;
   // 组件开始加载
   onLoadStart?: () => void;
   // 组件结束加载

package/cloud-component.js

@@ -59,7 +59,12 @@ export default function CloudComponent(props) {
         setComponent(() => {
           onLoadEnd && onLoadEnd();
           return isNewVersion
-            ? module.default(componentRef)
+            ? module.default({
+              // 组件引用
+              ref: componentRef,
+              // 将依赖穿透下去，用于在组件内部使用依赖（以支持云组件嵌套云组件）
+              $$dependencies: dependencies
+            })
             : module.default;
         });
       } catch (error) {

package/import-cloud-component.js

@@ -70,10 +70,10 @@ export default async function ImportCloudComponent(options) {
   } catch (error) {
     throw new Error(`云组件加载失败: ${error.message}`);
   }
-  const __require = {};
+  const __dependencies = {};
 
   Object.entries(dependencies).forEach(([key, value]) => {
-    __require[key] = value;
+    __dependencies[key] = value;
   });
 
   let module;
@@ -89,7 +89,7 @@ export default async function ImportCloudComponent(options) {
     useModule = runtime.useModule;
     
     // 获取云组件导出CJS模块
-    module = useModule(__require);
+    module = useModule(__dependencies);
     
     if (!module || typeof module !== 'object') {
       throw new Error('云组件模块格式错误');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cqsjjb/jjb-cloud-component",
-  "version": "0.0.7-experimental.2",
+  "version": "0.0.7-experimental.3",
   "description": "前端-云组件",
   "main": "index.js",
   "scripts": {