@cqsjjb/jjb-cloud-component 0.0.1 → 0.0.3

package/cloud-component.d.ts

@@ -1,5 +1,6 @@
 // @ts-ignore
 import * as React from 'react';
+import type I_ImportCloudComponent from './import-cloud-component';
 
 interface ComponentProps {
   ref?: React.Ref<{ [ p: string ]: any }>;
@@ -9,6 +10,10 @@ interface ComponentProps {
 interface CloudComponentProps extends ComponentProps {
   // 组件资源地址
   from: string;
+  // 缓存
+  cache?: string;
+  // 请求头
+  headers?: {};
   // 是否需要初始化更新settings和dataSource
   initialize?: boolean;
   // 组件唯一key
@@ -39,4 +44,4 @@ interface CloudComponentFc extends React.FC<CloudComponentProps> {
 }
 
 declare const CloudComponent: CloudComponentFc;
-export default CloudComponent;
+declare const ImportCloudComponent: typeof I_ImportCloudComponent;

package/cloud-component.js

@@ -16,7 +16,10 @@ export default function CloudComponent(props) {
   let styleId;
   const [ Component, setComponent ] = React.useState(null);
   const {
+    lib,
     from,
+    cache,
+    headers,
     initialize,
     componentKey,
     componentProps,
@@ -33,7 +36,12 @@ export default function CloudComponent(props) {
       const {
         module,
         styleId: _styleId
-      } = await ImportCloudComponent({ from });
+      } = await ImportCloudComponent({
+        lib,
+        from,
+        cache,
+        headers
+      });
 
       styleId = _styleId;
 
@@ -63,3 +71,4 @@ export default function CloudComponent(props) {
     />
   );
 }
+

package/import-cloud-component.d.ts

@@ -6,6 +6,10 @@ declare function ImportCloudComponent (options: {
   lib?: string;
   // 组件地址
   from: string;
+  // 缓存
+  cache?: string;
+  // 请求头
+  headers?: {}
 }): {
   styleId: string;
   module: {

package/import-cloud-component.js

@@ -61,7 +61,8 @@ function print(msg) {
  * @return {boolean}
  */
 function checkDependence(lib, name) {
-  return tools.isUndefined(window[ lib ][ name ]);
+  const dependencies = new Function(`return window${ansLibField(lib)}`)();
+  return tools.isUndefined(dependencies[ name ]);
 }
 
 /**
@@ -82,7 +83,7 @@ function checkDependencies(lib, dependencies, isProxy) {
 
 /**
  * @description 手动加载模块
- * @param options {{ from: string, lib: string }}
+ * @param options {{ from: string, lib: string, cache: string, headers: {} }}
  * @example
  *  Import({
  *    from: 'https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.min.js'
@@ -92,14 +93,20 @@ function checkDependencies(lib, dependencies, isProxy) {
  * @return {Promise<{ module: { info: {}, default:() => React.Component }, styleId: string }>}
  */
 export default function ImportCloudComponent(options) {
-  const lib = options.lib || '__coreLib';
+  const lib = typeof window.proxy === 'undefined' ? `${options.lib || '__coreLib'}` : `.proxy.${options.lib || '__coreLib'}`;
   const from = options.from;
 
+  const cache = options.cache || 'force-cache';
+  const headers = tools.toObject(options.headers);
+
   if (!from) {
     throw Error(print('云组件资源访问地址不能为空!'));
   }
 
-  return fetch(fromURL(from))
+  return fetch(from, {
+    cache,
+    headers
+  })
     .then(response => response.text())
     .then(response => {
       const {
@@ -141,3 +148,4 @@ export default function ImportCloudComponent(options) {
       };
     });
 }
+

package/index.js

@@ -1,7 +1,2 @@
-import CloudComponent from './cloud-component';
-import ImportCloudComponent from './import-cloud-component';
-
-export {
-  CloudComponent,
-  ImportCloudComponent
-};
+export CloudComponent from './cloud-component';
+export ImportCloudComponent from './import-cloud-component';

package/package.json

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