qlfy-postmate 1.0.4 → 1.0.5

package/lib/index.mjs

@@ -18,21 +18,21 @@ class E {
   constructor(t) {
     this.parent = t.parent, this.frame = t.frame, this.child = t.child, this.childOrigin = t.childOrigin, this.events = {}, this.listener = (e) => {
       if (!f(e, this.childOrigin)) return;
-      const { value: s = {} } = e.data, { name: i, data: a } = s;
-      e.data.postmate === "emit" && i in this.events && this.events[i].call(this, a);
+      const { value: i = {} } = e.data, { name: s, data: a } = i;
+      e.data.postmate === "emit" && s in this.events && this.events[s].call(this, a);
     }, this.parent.addEventListener("message", this.listener, !1);
   }
   get(t) {
     return new l.Promise((e) => {
-      const s = ++y, i = (a) => {
-        a.data.uid === s && a.data.postmate === "reply" && (this.parent.removeEventListener("message", i, !1), e(a.data.value));
+      const i = ++y, s = (a) => {
+        a.data.uid === i && a.data.postmate === "reply" && (this.parent.removeEventListener("message", s, !1), e(a.data.value));
       };
-      this.parent.addEventListener("message", i, !1), this.child.postMessage(
+      this.parent.addEventListener("message", s, !1), this.child.postMessage(
         {
           postmate: "request",
           type: h,
           property: t,
-          uid: s
+          uid: i
         },
         this.childOrigin
       );
@@ -60,13 +60,13 @@ class P {
   constructor(t) {
     this.model = t.model, this.parent = t.parent, this.parentOrigin = t.parentOrigin, this.child = t.child, this.child.addEventListener("message", (e) => {
       if (!f(e, this.parentOrigin)) return;
-      const { postmate: s, property: i, uid: a, data: d } = e.data, o = this.model[i];
-      if (s !== "call") {
+      const { postmate: i, property: s, uid: a, data: d } = e.data, o = this.model[s];
+      if (i !== "call") {
         const m = typeof o == "function" ? o() : o;
         l.Promise.resolve(m).then((c) => {
           e.source.postMessage(
             {
-              property: i,
+              property: s,
               postmate: "reply",
               type: h,
               uid: a,
@@ -75,7 +75,7 @@ class P {
             e.origin
           );
         });
-      } else i in this.model && typeof o == "function" && o(d);
+      } else s in this.model && typeof o == "function" && o(d);
     });
   }
   emit(t, e) {
@@ -90,8 +90,8 @@ class P {
   }
 }
 class l {
-  constructor({ container: t = document.body, model: e, url: s, name: i, classListArray: a = [] }) {
-    return this.parent = window, this.frame = document.createElement("iframe"), this.frame.name = i || "", this.frame.classList.add(...a), t.appendChild(this.frame), this.child = this.frame.contentWindow, this.model = e || {}, this.sendHandshake(s);
+  constructor({ container: t = document.body, model: e, url: i, name: s, classListArray: a = [] }) {
+    return this.parent = window, this.frame = document.createElement("iframe"), this.frame.name = s || "", this.frame.classList.add(...a), t.appendChild(this.frame), this.child = this.frame.contentWindow, this.model = e || {}, this.sendHandshake(i);
   }
   sendHandshake(t) {
     const e = (() => {
@@ -100,24 +100,24 @@ class l {
       const d = a.protocol.length > 4 ? a.protocol : window.location.protocol, o = a.host.length ? a.port === "80" || a.port === "443" ? a.hostname : a.host : window.location.host;
       return a.origin || `${d}//${o}`;
     })();
-    let s = 0, i;
+    let i = 0, s;
     return new l.Promise((a, d) => {
       const o = (p) => {
         if (!f(p, e)) return !1;
-        p.data.postmate === "handshake-reply" ? (clearInterval(i), this.parent.removeEventListener("message", o, !1), this.childOrigin = p.origin, a(new E(this))) : d("Failed handshake");
+        p.data.postmate === "handshake-reply" ? (clearInterval(s), this.parent.removeEventListener("message", o, !1), this.childOrigin = p.origin, a(new E(this))) : d("Failed handshake");
       };
       this.parent.addEventListener("message", o, !1);
       const m = () => {
-        s++, this.child.postMessage(
+        i++, this.child.postMessage(
           {
             postmate: "handshake",
             type: h,
             model: this.model
           },
           e
-        ), s === 5 && clearInterval(i);
+        ), i === 5 && clearInterval(s);
       }, c = () => {
-        m(), i = setInterval(m, 500);
+        m(), s = setInterval(m, 500);
       };
       this.frame.onload = c, this.frame.attachEvent && this.frame.attachEvent("onload", c), this.frame.src = t;
     });
@@ -129,19 +129,19 @@ class k {
   }
   sendHandshakeReply() {
     return new l.Promise((t, e) => {
-      this.child.addEventListener("message", (s) => {
-        if (s.data.postmate) {
-          if (s.data.postmate !== "handshake") return e("Handshake Reply Failed");
-          this.child.removeEventListener("message", this, !1), s.source.postMessage(
+      this.child.addEventListener("message", (i) => {
+        if (i.data.postmate) {
+          if (i.data.postmate !== "handshake") return e("Handshake Reply Failed");
+          this.child.removeEventListener("message", this, !1), i.source.postMessage(
             {
               postmate: "handshake-reply",
               type: h
             },
-            s.origin
-          ), this.parentOrigin = s.origin;
-          const i = s.data.model;
-          i && Object.keys(i).forEach((a) => {
-            this.model[a] = i[a];
+            i.origin
+          ), this.parentOrigin = i.origin;
+          const s = i.data.model;
+          s && Object.keys(s).forEach((a) => {
+            this.model[a] = s[a];
           }), t(new P(this));
         }
       }, !1);
@@ -166,14 +166,14 @@ class C {
     window.frameElement == null ? this.init(t, e) : console.warn("未嵌入主系统");
   }
   init(t, e) {
-    const s = this;
+    const i = this;
     this.childPostmate = new l.Model({
       // 定义子页面可以暴露给父页面的方法
-      baseData(i) {
-        s.isGetData ? s.getDataCllBack(i) : t(i), s.isGetData = !1;
+      baseData(s) {
+        s = JSON.parse(s), i.isGetData ? i.getDataCllBack(s) : t(s), i.isGetData = !1;
       }
-    }).then((i) => {
-      s.parentPostmate = i, s.getData(), e(i);
+    }).then((s) => {
+      i.parentPostmate = s, i.getData(), e(s);
     });
   }
   // 获取数据
@@ -183,7 +183,7 @@ class C {
   }
 }
 class H {
-  constructor(t, e, s = !0, i = "", a = "") {
+  constructor(t, e, i = !0, s = "", a = "") {
     /** 连接到的子postmate实例 */
     r(this, "postmateChild", null);
     /** 登陆信息 */
@@ -196,15 +196,15 @@ class H {
     r(this, "iframeEle", "");
     /** iframe url */
     r(this, "iframeUrl", "");
-    this.loginInfo = t, this.token = e, this.isHideHeader = s, this.iframeEle = i, this.iframeUrl = a, this.iframeEle && this.iframeUrl && this.init();
+    this.loginInfo = t, this.token = e, this.isHideHeader = i, this.iframeEle = s, this.iframeUrl = a, this.iframeEle && this.iframeUrl && this.init();
   }
   /** 初始化 */
   async init(t = "") {
     new l({
       container: typeof this.iframeEle == "function" ? this.iframeEle() : this.iframeEle,
       url: this.iframeUrl
-    }).then((s) => {
-      this.postmateChild = s, s.on("requestBaseData", (i) => {
+    }).then((i) => {
+      this.postmateChild = i, i.on("requestBaseData", (s) => {
         this.sendData();
       }), t && t();
     });
@@ -219,11 +219,11 @@ class H {
   }
   /** 向子页面发送消息 */
   sendData() {
-    this.postmateChild && this.postmateChild.call("baseData", {
+    this.postmateChild && this.postmateChild.call("baseData", JSON.stringify({
       loginInfo: this.loginInfo,
       token: this.token,
       isHideHeader: this.isHideHeader
-    });
+    }));
   }
 }
 export {

package/lib/index.umd.js

@@ -1 +1 @@
-(function(r,n){typeof exports=="object"&&typeof module<"u"?n(exports):typeof define=="function"&&define.amd?define(["exports"],n):(r=typeof globalThis<"u"?globalThis:r||self,n(r["qlfy-postmate"]={}))})(this,function(r){"use strict";var C=Object.defineProperty;var v=(r,n,m)=>n in r?C(r,n,{enumerable:!0,configurable:!0,writable:!0,value:m}):r[n]=m;var l=(r,n,m)=>v(r,typeof n!="symbol"?n+"":n,m);const n="application/x-postmate-v1+json";let m=0;const y={handshake:1,"handshake-reply":1,call:1,emit:1,reply:1,request:1};function u(o,t){return(typeof t!="string"||o.origin===t)&&!!o.data&&(typeof o.data!="object"||"postmate"in o.data)&&o.data.type===n&&!!y[o.data.postmate]}class w{constructor(t){this.parent=t.parent,this.frame=t.frame,this.child=t.child,this.childOrigin=t.childOrigin,this.events={},this.listener=e=>{if(!u(e,this.childOrigin))return;const{value:s={}}=e.data,{name:i,data:a}=s;e.data.postmate==="emit"&&i in this.events&&this.events[i].call(this,a)},this.parent.addEventListener("message",this.listener,!1)}get(t){return new h.Promise(e=>{const s=++m,i=a=>{a.data.uid===s&&a.data.postmate==="reply"&&(this.parent.removeEventListener("message",i,!1),e(a.data.value))};this.parent.addEventListener("message",i,!1),this.child.postMessage({postmate:"request",type:n,property:t,uid:s},this.childOrigin)})}call(t,e){this.child.postMessage({postmate:"call",type:n,property:t,data:e},this.childOrigin)}on(t,e){this.events[t]=e}destroy(){window.removeEventListener("message",this.listener,!1),this.frame.parentNode.removeChild(this.frame)}}class E{constructor(t){this.model=t.model,this.parent=t.parent,this.parentOrigin=t.parentOrigin,this.child=t.child,this.child.addEventListener("message",e=>{if(!u(e,this.parentOrigin))return;const{postmate:s,property:i,uid:a,data:c}=e.data,d=this.model[i];if(s!=="call"){const p=typeof d=="function"?d():d;h.Promise.resolve(p).then(f=>{e.source.postMessage({property:i,postmate:"reply",type:n,uid:a,value:f},e.origin)})}else i in this.model&&typeof d=="function"&&d(c)})}emit(t,e){this.parent.postMessage({postmate:"emit",type:n,value:{name:t,data:e}},this.parentOrigin)}}class h{constructor({container:t=document.body,model:e,url:s,name:i,classListArray:a=[]}){return this.parent=window,this.frame=document.createElement("iframe"),this.frame.name=i||"",this.frame.classList.add(...a),t.appendChild(this.frame),this.child=this.frame.contentWindow,this.model=e||{},this.sendHandshake(s)}sendHandshake(t){const e=(()=>{const a=document.createElement("a");a.href=t;const c=a.protocol.length>4?a.protocol:window.location.protocol,d=a.host.length?a.port==="80"||a.port==="443"?a.hostname:a.host:window.location.host;return a.origin||`${c}//${d}`})();let s=0,i;return new h.Promise((a,c)=>{const d=g=>{if(!u(g,e))return!1;g.data.postmate==="handshake-reply"?(clearInterval(i),this.parent.removeEventListener("message",d,!1),this.childOrigin=g.origin,a(new w(this))):c("Failed handshake")};this.parent.addEventListener("message",d,!1);const p=()=>{s++,this.child.postMessage({postmate:"handshake",type:n,model:this.model},e),s===5&&clearInterval(i)},f=()=>{p(),i=setInterval(p,500)};this.frame.onload=f,this.frame.attachEvent&&this.frame.attachEvent("onload",f),this.frame.src=t})}}class P{constructor(t){return this.child=window,this.model=t,this.parent=window.parent,this.sendHandshakeReply()}sendHandshakeReply(){return new h.Promise((t,e)=>{this.child.addEventListener("message",s=>{if(s.data.postmate){if(s.data.postmate!=="handshake")return e("Handshake Reply Failed");this.child.removeEventListener("message",this,!1),s.source.postMessage({postmate:"handshake-reply",type:n},s.origin),this.parentOrigin=s.origin;const i=s.data.model;i&&Object.keys(i).forEach(a=>{this.model[a]=i[a]}),t(new E(this))}},!1)})}}h.debug=!1,h.Promise=(()=>{try{return typeof window<"u"?window.Promise:Promise}catch{return Promise}})(),h.Model=P;class k{constructor(t,e){l(this,"childPostmate",null);l(this,"parentPostmate",null);l(this,"isGetData",!1);l(this,"getDataCllBack",null);window.frameElement==null?this.init(t,e):console.warn("未嵌入主系统")}init(t,e){const s=this;this.childPostmate=new h.Model({baseData(i){s.isGetData?s.getDataCllBack(i):t(i),s.isGetData=!1}}).then(i=>{s.parentPostmate=i,s.getData(),e(i)})}getData(t=""){if(!this.parentPostmate)return console.warn("父页面未连接");t?(this.isGetData=!0,this.getDataCllBack=t):(this.isGetData=!1,this.getDataCllBack=null),this.parentPostmate.emit("requestBaseData")}}class D{constructor(t,e,s=!0,i="",a=""){l(this,"postmateChild",null);l(this,"loginInfo");l(this,"token");l(this,"isHideHeader",!0);l(this,"iframeEle","");l(this,"iframeUrl","");this.loginInfo=t,this.token=e,this.isHideHeader=s,this.iframeEle=i,this.iframeUrl=a,this.iframeEle&&this.iframeUrl&&this.init()}async init(t=""){new h({container:typeof this.iframeEle=="function"?this.iframeEle():this.iframeEle,url:this.iframeUrl}).then(s=>{this.postmateChild=s,s.on("requestBaseData",i=>{this.sendData()}),t&&t()})}setIframeEle(t){this.iframeEle=t,this.iframeEle&&this.iframeUrl&&this.init()}setIframeUrl(t){this.iframeUrl=t,this.iframeEle&&this.iframeUrl&&this.init()}sendData(){this.postmateChild&&this.postmateChild.call("baseData",{loginInfo:this.loginInfo,token:this.token,isHideHeader:this.isHideHeader})}}r.ChildPostmate=k,r.ParentPostmate=D,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});
+(function(r,n){typeof exports=="object"&&typeof module<"u"?n(exports):typeof define=="function"&&define.amd?define(["exports"],n):(r=typeof globalThis<"u"?globalThis:r||self,n(r["qlfy-postmate"]={}))})(this,function(r){"use strict";var C=Object.defineProperty;var O=(r,n,m)=>n in r?C(r,n,{enumerable:!0,configurable:!0,writable:!0,value:m}):r[n]=m;var l=(r,n,m)=>O(r,typeof n!="symbol"?n+"":n,m);const n="application/x-postmate-v1+json";let m=0;const y={handshake:1,"handshake-reply":1,call:1,emit:1,reply:1,request:1};function u(o,t){return(typeof t!="string"||o.origin===t)&&!!o.data&&(typeof o.data!="object"||"postmate"in o.data)&&o.data.type===n&&!!y[o.data.postmate]}class w{constructor(t){this.parent=t.parent,this.frame=t.frame,this.child=t.child,this.childOrigin=t.childOrigin,this.events={},this.listener=e=>{if(!u(e,this.childOrigin))return;const{value:i={}}=e.data,{name:s,data:a}=i;e.data.postmate==="emit"&&s in this.events&&this.events[s].call(this,a)},this.parent.addEventListener("message",this.listener,!1)}get(t){return new h.Promise(e=>{const i=++m,s=a=>{a.data.uid===i&&a.data.postmate==="reply"&&(this.parent.removeEventListener("message",s,!1),e(a.data.value))};this.parent.addEventListener("message",s,!1),this.child.postMessage({postmate:"request",type:n,property:t,uid:i},this.childOrigin)})}call(t,e){this.child.postMessage({postmate:"call",type:n,property:t,data:e},this.childOrigin)}on(t,e){this.events[t]=e}destroy(){window.removeEventListener("message",this.listener,!1),this.frame.parentNode.removeChild(this.frame)}}class E{constructor(t){this.model=t.model,this.parent=t.parent,this.parentOrigin=t.parentOrigin,this.child=t.child,this.child.addEventListener("message",e=>{if(!u(e,this.parentOrigin))return;const{postmate:i,property:s,uid:a,data:p}=e.data,d=this.model[s];if(i!=="call"){const c=typeof d=="function"?d():d;h.Promise.resolve(c).then(f=>{e.source.postMessage({property:s,postmate:"reply",type:n,uid:a,value:f},e.origin)})}else s in this.model&&typeof d=="function"&&d(p)})}emit(t,e){this.parent.postMessage({postmate:"emit",type:n,value:{name:t,data:e}},this.parentOrigin)}}class h{constructor({container:t=document.body,model:e,url:i,name:s,classListArray:a=[]}){return this.parent=window,this.frame=document.createElement("iframe"),this.frame.name=s||"",this.frame.classList.add(...a),t.appendChild(this.frame),this.child=this.frame.contentWindow,this.model=e||{},this.sendHandshake(i)}sendHandshake(t){const e=(()=>{const a=document.createElement("a");a.href=t;const p=a.protocol.length>4?a.protocol:window.location.protocol,d=a.host.length?a.port==="80"||a.port==="443"?a.hostname:a.host:window.location.host;return a.origin||`${p}//${d}`})();let i=0,s;return new h.Promise((a,p)=>{const d=g=>{if(!u(g,e))return!1;g.data.postmate==="handshake-reply"?(clearInterval(s),this.parent.removeEventListener("message",d,!1),this.childOrigin=g.origin,a(new w(this))):p("Failed handshake")};this.parent.addEventListener("message",d,!1);const c=()=>{i++,this.child.postMessage({postmate:"handshake",type:n,model:this.model},e),i===5&&clearInterval(s)},f=()=>{c(),s=setInterval(c,500)};this.frame.onload=f,this.frame.attachEvent&&this.frame.attachEvent("onload",f),this.frame.src=t})}}class P{constructor(t){return this.child=window,this.model=t,this.parent=window.parent,this.sendHandshakeReply()}sendHandshakeReply(){return new h.Promise((t,e)=>{this.child.addEventListener("message",i=>{if(i.data.postmate){if(i.data.postmate!=="handshake")return e("Handshake Reply Failed");this.child.removeEventListener("message",this,!1),i.source.postMessage({postmate:"handshake-reply",type:n},i.origin),this.parentOrigin=i.origin;const s=i.data.model;s&&Object.keys(s).forEach(a=>{this.model[a]=s[a]}),t(new E(this))}},!1)})}}h.debug=!1,h.Promise=(()=>{try{return typeof window<"u"?window.Promise:Promise}catch{return Promise}})(),h.Model=P;class k{constructor(t,e){l(this,"childPostmate",null);l(this,"parentPostmate",null);l(this,"isGetData",!1);l(this,"getDataCllBack",null);window.frameElement==null?this.init(t,e):console.warn("未嵌入主系统")}init(t,e){const i=this;this.childPostmate=new h.Model({baseData(s){s=JSON.parse(s),i.isGetData?i.getDataCllBack(s):t(s),i.isGetData=!1}}).then(s=>{i.parentPostmate=s,i.getData(),e(s)})}getData(t=""){if(!this.parentPostmate)return console.warn("父页面未连接");t?(this.isGetData=!0,this.getDataCllBack=t):(this.isGetData=!1,this.getDataCllBack=null),this.parentPostmate.emit("requestBaseData")}}class D{constructor(t,e,i=!0,s="",a=""){l(this,"postmateChild",null);l(this,"loginInfo");l(this,"token");l(this,"isHideHeader",!0);l(this,"iframeEle","");l(this,"iframeUrl","");this.loginInfo=t,this.token=e,this.isHideHeader=i,this.iframeEle=s,this.iframeUrl=a,this.iframeEle&&this.iframeUrl&&this.init()}async init(t=""){new h({container:typeof this.iframeEle=="function"?this.iframeEle():this.iframeEle,url:this.iframeUrl}).then(i=>{this.postmateChild=i,i.on("requestBaseData",s=>{this.sendData()}),t&&t()})}setIframeEle(t){this.iframeEle=t,this.iframeEle&&this.iframeUrl&&this.init()}setIframeUrl(t){this.iframeUrl=t,this.iframeEle&&this.iframeUrl&&this.init()}sendData(){this.postmateChild&&this.postmateChild.call("baseData",JSON.stringify({loginInfo:this.loginInfo,token:this.token,isHideHeader:this.isHideHeader}))}}r.ChildPostmate=k,r.ParentPostmate=D,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "qlfy-postmate",
-	"version": "1.0.4",
+	"version": "1.0.5",
 	"description": "",
 	"types": "lib/index.d.ts",
 	"module": "lib/index.umd.js",