xctc-utils 1.6.37 → 1.6.39

package/README.md

@@ -25,6 +25,38 @@ all:boolean 为true时删除调用方法的所有缓存，否则只删除当前
 删除永久缓存： useUtils.removeLocalStorage(key,all)
 ```
 
+### iframe
+#### 父级页面方法调用
+
+```
+id string iframe子页面对应的id属性
+keys string 微信分享链接携带的state本地缓存值，非必传
+useUtils.iframe.initParentDataToIframe(id:string,keys?:string)
+```
+##### 父级页面获取到子页面触发的数据
+```
+cb回调函数，返回子页面传递的数据
+useUtils.iframe.updateIframeReceiveData( cb:any  )
+```
+##### 父页面发送数据到 子页面
+```
+id iframe子页面对应的id属性
+data 传递的数据，函数内对data进行序列化处理
+useUtils.iframe.sendParentMessage( id:string,data:any )
+```
+#### 子页面方法调用
+##### 子页面获取到 主页面 传递的数据
+```
+cb回调函数，返回父页面传递的数据
+useUtils.iframe.updateParentReceiveData(cb)
+```
+##### 子页面 发送数据到 主页面 
+```
+data 发送的数据
+url 父页面地址
+useUtils.iframe.sendIframeParentData(data:any,url:string)
+```
+
 ### 地址栏参数处理 
 #### 设置参数
 ```

package/dist/iframe/index.d.ts

@@ -1,4 +1,10 @@
 export declare const $iframe: (id: string) => any;
+/**
+ *
+ * @param id
+ * @param keys
+ * @returns
+ */
 export declare const initParentDataToIframe: (id: string, keys?: string) => void;
 /**
  * 主应用 获取到 子应用Iframe传递的数据

package/dist/iframe/index.js

@@ -27,6 +27,12 @@ var $iframe = function (id) {
 };
 exports.$iframe = $iframe;
 // 主应用内初始化iframe子应用，并传递对应的参数到子应用
+/**
+ *
+ * @param id
+ * @param keys
+ * @returns
+ */
 var initParentDataToIframe = function (id, keys) {
     var _a;
     if (!id) {
@@ -68,6 +74,7 @@ exports.updateIframeReceiveData = updateIframeReceiveData;
  * @param cb
  */
 var updateParentReceiveData = function (cb) {
+    var win = window;
     win.addEventListener('message', function (event) {
         var data = event.data;
         var mainData = (0, utils_1.isJson)(data);
@@ -118,7 +125,15 @@ var sendParentMessage = function (id, data) {
     }
     var iframe = (0, exports.$iframe)(id);
     if (iframe) {
-        iframe.contentWindow.postMessage(JSON.stringify(data), iframe.src);
+        if ((0, is_1.isObject)(data)) {
+            iframe.addEventListener('load', function () {
+                // iFrame加载完成后的操作
+                iframe.contentWindow.postMessage(JSON.stringify(data), iframe.src);
+            });
+        }
+        else {
+            console.error("传递的数据仅支持对象格式！");
+        }
     }
     else {
         console.error("未查询到iframe标签，请检查id属性值是否正确！");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xctc-utils",
-  "version": "1.6.37",
+  "version": "1.6.39",
   "description": "localStorage存储\r ```\r sessionStorage存储\r ```\r crypto-js加密、解密\r ```\r 微信授权登录、微信分享\r ```\r 设备环境获取\r ```\r 是否是微信浏览器\r ```\r 时间戳转时间，字符串转时间戳",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",