qlfy-postmate 1.0.2 → 1.0.4

package/lib/index.d.ts

@@ -1,2 +1,2 @@
-export declare const ChildPostmate: any;
-export declare const ParentPostmate: any;
+import { ChildPostmate, ParentPostmate } from './postMeta/index.js';
+export { ChildPostmate, ParentPostmate };

package/lib/index.mjs

@@ -2,8 +2,8 @@ var u = Object.defineProperty;
 var g = (n, t, e) => t in n ? u(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
 var r = (n, t, e) => g(n, typeof t != "symbol" ? t + "" : t, e);
 const h = "application/x-postmate-v1+json";
-let w = 0;
-const y = {
+let y = 0;
+const w = {
   handshake: 1,
   "handshake-reply": 1,
   call: 1,
@@ -12,22 +12,22 @@ const y = {
   request: 1
 };
 function f(n, t) {
-  return (typeof t != "string" || n.origin === t) && !!n.data && (typeof n.data != "object" || "postmate" in n.data) && n.data.type === h && !!y[n.data.postmate];
+  return (typeof t != "string" || n.origin === t) && !!n.data && (typeof n.data != "object" || "postmate" in n.data) && n.data.type === h && !!w[n.data.postmate];
 }
-class P {
+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: a, data: i } = s;
-      e.data.postmate === "emit" && a in this.events && this.events[a].call(this, i);
+      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 l.Promise((e) => {
-      const s = ++w, a = (i) => {
-        i.data.uid === s && i.data.postmate === "reply" && (this.parent.removeEventListener("message", a, !1), e(i.data.value));
+      const s = ++y, i = (a) => {
+        a.data.uid === s && a.data.postmate === "reply" && (this.parent.removeEventListener("message", i, !1), e(a.data.value));
       };
-      this.parent.addEventListener("message", a, !1), this.child.postMessage(
+      this.parent.addEventListener("message", i, !1), this.child.postMessage(
         {
           postmate: "request",
           type: h,
@@ -56,26 +56,26 @@ class P {
     window.removeEventListener("message", this.listener, !1), this.frame.parentNode.removeChild(this.frame);
   }
 }
-class E {
+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: a, uid: i, data: d } = e.data, o = this.model[a];
+      const { postmate: s, property: i, uid: a, data: d } = e.data, o = this.model[i];
       if (s !== "call") {
         const m = typeof o == "function" ? o() : o;
         l.Promise.resolve(m).then((c) => {
           e.source.postMessage(
             {
-              property: a,
+              property: i,
               postmate: "reply",
               type: h,
-              uid: i,
+              uid: a,
               value: c
             },
             e.origin
           );
         });
-      } else a in this.model && typeof o == "function" && o(d);
+      } else i in this.model && typeof o == "function" && o(d);
     });
   }
   emit(t, e) {
@@ -90,21 +90,21 @@ class E {
   }
 }
 class l {
-  constructor({ container: t = document.body, model: e, url: s, name: a, classListArray: i = [] }) {
-    return this.parent = window, this.frame = document.createElement("iframe"), this.frame.name = a || "", this.frame.classList.add(...i), t.appendChild(this.frame), this.child = this.frame.contentWindow, this.model = e || {}, this.sendHandshake(s);
+  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 i = document.createElement("a");
-      i.href = t;
-      const d = i.protocol.length > 4 ? i.protocol : window.location.protocol, o = i.host.length ? i.port === "80" || i.port === "443" ? i.hostname : i.host : window.location.host;
-      return i.origin || `${d}//${o}`;
+      const a = document.createElement("a");
+      a.href = t;
+      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, a;
-    return new l.Promise((i, d) => {
+    let s = 0, i;
+    return new l.Promise((a, d) => {
       const o = (p) => {
         if (!f(p, e)) return !1;
-        p.data.postmate === "handshake-reply" ? (clearInterval(a), this.parent.removeEventListener("message", o, !1), this.childOrigin = p.origin, i(new P(this))) : d("Failed handshake");
+        p.data.postmate === "handshake-reply" ? (clearInterval(i), 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 = () => {
@@ -115,9 +115,9 @@ class l {
             model: this.model
           },
           e
-        ), s === 5 && clearInterval(a);
+        ), s === 5 && clearInterval(i);
       }, c = () => {
-        m(), a = setInterval(m, 500);
+        m(), i = setInterval(m, 500);
       };
       this.frame.onload = c, this.frame.attachEvent && this.frame.attachEvent("onload", c), this.frame.src = t;
     });
@@ -139,10 +139,10 @@ class k {
             },
             s.origin
           ), this.parentOrigin = s.origin;
-          const a = s.data.model;
-          a && Object.keys(a).forEach((i) => {
-            this.model[i] = a[i];
-          }), t(new E(this));
+          const i = s.data.model;
+          i && Object.keys(i).forEach((a) => {
+            this.model[a] = i[a];
+          }), t(new P(this));
         }
       }, !1);
     });
@@ -157,7 +157,7 @@ l.Promise = (() => {
   }
 })();
 l.Model = k;
-let D = class {
+class C {
   constructor(t, e) {
     r(this, "childPostmate", null);
     r(this, "parentPostmate", null);
@@ -169,11 +169,11 @@ let D = class {
     const s = this;
     this.childPostmate = new l.Model({
       // 定义子页面可以暴露给父页面的方法
-      baseData(a) {
-        s.isGetData ? s.getDataCllBack(a) : t(a), s.isGetData = !1;
+      baseData(i) {
+        s.isGetData ? s.getDataCllBack(i) : t(i), s.isGetData = !1;
       }
-    }).then((a) => {
-      s.parentPostmate = a, s.getData(), e(a);
+    }).then((i) => {
+      s.parentPostmate = i, s.getData(), e(i);
     });
   }
   // 获取数据
@@ -181,8 +181,9 @@ let D = class {
     if (!this.parentPostmate) return console.warn("父页面未连接");
     t ? (this.isGetData = !0, this.getDataCllBack = t) : (this.isGetData = !1, this.getDataCllBack = null), this.parentPostmate.emit("requestBaseData");
   }
-}, C = class {
-  constructor(t, e, s = !0, a = "", i = "") {
+}
+class H {
+  constructor(t, e, s = !0, i = "", a = "") {
     /** 连接到的子postmate实例 */
     r(this, "postmateChild", null);
     /** 登陆信息 */
@@ -195,15 +196,15 @@ let D = class {
     r(this, "iframeEle", "");
     /** iframe url */
     r(this, "iframeUrl", "");
-    this.loginInfo = t, this.token = e, this.isHideHeader = s, this.iframeEle = a, this.iframeUrl = i, this.iframeEle && this.iframeUrl && this.init();
+    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 l({
-      container: this.iframeEle,
+      container: typeof this.iframeEle == "function" ? this.iframeEle() : this.iframeEle,
       url: this.iframeUrl
     }).then((s) => {
-      this.postmateChild = s, s.on("requestBaseData", (a) => {
+      this.postmateChild = s, s.on("requestBaseData", (i) => {
         this.sendData();
       }), t && t();
     });
@@ -224,9 +225,8 @@ let D = class {
       isHideHeader: this.isHideHeader
     });
   }
-};
-const I = D, O = C;
+}
 export {
-  I as ChildPostmate,
-  O as ParentPostmate
+  C as ChildPostmate,
+  H as ParentPostmate
 };

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 H=Object.defineProperty;var M=(r,n,m)=>n in r?H(r,n,{enumerable:!0,configurable:!0,writable:!0,value:m}):r[n]=m;var l=(r,n,m)=>M(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 P{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 w{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 P(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 E{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 w(this))}},!1)})}}h.debug=!1,h.Promise=(()=>{try{return typeof window<"u"?window.Promise:Promise}catch{return Promise}})(),h.Model=E;let k=class{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")}},D=class{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: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})}};const C=k,v=D;r.ChildPostmate=C,r.ParentPostmate=v,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 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"})});

package/package.json

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