qlfy-postmate 1.0.0 → 1.0.2

package/lib/index.d.ts

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

package/lib/index.mjs

@@ -1,7 +1,7 @@
 var u = Object.defineProperty;
-var g = (r, t, e) => t in r ? u(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var n = (r, t, e) => g(r, typeof t != "symbol" ? t + "" : t, e);
-const l = "application/x-postmate-v1+json";
+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 = {
   handshake: 1,
@@ -11,10 +11,10 @@ const y = {
   reply: 1,
   request: 1
 };
-function f(r, t) {
-  return (typeof t != "string" || r.origin === t) && !!r.data && (typeof r.data != "object" || "postmate" in r.data) && r.data.type === l && !!y[r.data.postmate];
+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];
 }
-class E {
+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 (!f(e, this.childOrigin)) return;
@@ -23,14 +23,14 @@ class E {
     }, this.parent.addEventListener("message", this.listener, !1);
   }
   get(t) {
-    return new h.Promise((e) => {
+    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));
       };
       this.parent.addEventListener("message", a, !1), this.child.postMessage(
         {
           postmate: "request",
-          type: l,
+          type: h,
           property: t,
           uid: s
         },
@@ -42,7 +42,7 @@ class E {
     this.child.postMessage(
       {
         postmate: "call",
-        type: l,
+        type: h,
         property: t,
         data: e
       },
@@ -56,19 +56,19 @@ class E {
     window.removeEventListener("message", this.listener, !1), this.frame.parentNode.removeChild(this.frame);
   }
 }
-class P {
+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 (!f(e, this.parentOrigin)) return;
       const { postmate: s, property: a, uid: i, data: d } = e.data, o = this.model[a];
       if (s !== "call") {
         const m = typeof o == "function" ? o() : o;
-        h.Promise.resolve(m).then((c) => {
+        l.Promise.resolve(m).then((c) => {
           e.source.postMessage(
             {
               property: a,
               postmate: "reply",
-              type: l,
+              type: h,
               uid: i,
               value: c
             },
@@ -82,14 +82,14 @@ class P {
     this.parent.postMessage(
       {
         postmate: "emit",
-        type: l,
+        type: h,
         value: { name: t, data: e }
       },
       this.parentOrigin
     );
   }
 }
-class h {
+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);
   }
@@ -101,17 +101,17 @@ class h {
       return i.origin || `${d}//${o}`;
     })();
     let s = 0, a;
-    return new h.Promise((i, d) => {
+    return new l.Promise((i, 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 E(this))) : d("Failed handshake");
+        p.data.postmate === "handshake-reply" ? (clearInterval(a), this.parent.removeEventListener("message", o, !1), this.childOrigin = p.origin, i(new P(this))) : d("Failed handshake");
       };
       this.parent.addEventListener("message", o, !1);
       const m = () => {
         s++, this.child.postMessage(
           {
             postmate: "handshake",
-            type: l,
+            type: h,
             model: this.model
           },
           e
@@ -128,46 +128,46 @@ class k {
     return this.child = window, this.model = t, this.parent = window.parent, this.sendHandshakeReply();
   }
   sendHandshakeReply() {
-    return new h.Promise((t, e) => {
+    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(
             {
               postmate: "handshake-reply",
-              type: l
+              type: h
             },
             s.origin
           ), this.parentOrigin = s.origin;
           const a = s.data.model;
           a && Object.keys(a).forEach((i) => {
             this.model[i] = a[i];
-          }), t(new P(this));
+          }), t(new E(this));
         }
       }, !1);
     });
   }
 }
-h.debug = !1;
-h.Promise = (() => {
+l.debug = !1;
+l.Promise = (() => {
   try {
     return typeof window < "u" ? window.Promise : Promise;
   } catch {
     return Promise;
   }
 })();
-h.Model = k;
-class C {
+l.Model = k;
+let D = class {
   constructor(t, e) {
-    n(this, "childPostmate", null);
-    n(this, "parentPostmate", null);
-    n(this, "isGetData", !1);
-    n(this, "getDataCllBack", null);
-    window.frameElement == null ? this.init(t, e) : console.warn("为嵌入主系统");
+    r(this, "childPostmate", null);
+    r(this, "parentPostmate", null);
+    r(this, "isGetData", !1);
+    r(this, "getDataCllBack", null);
+    window.frameElement == null ? this.init(t, e) : console.warn("未嵌入主系统");
   }
   init(t, e) {
     const s = this;
-    this.childPostmate = new h.Model({
+    this.childPostmate = new l.Model({
       // 定义子页面可以暴露给父页面的方法
       baseData(a) {
         s.isGetData ? s.getDataCllBack(a) : t(a), s.isGetData = !1;
@@ -181,24 +181,30 @@ class C {
     if (!this.parentPostmate) return console.warn("父页面未连接");
     t ? (this.isGetData = !0, this.getDataCllBack = t) : (this.isGetData = !1, this.getDataCllBack = null), this.parentPostmate.emit("requestBaseData");
   }
-}
-class H {
+}, C = class {
   constructor(t, e, s = !0, a = "", i = "") {
-    n(this, "postmateChild", null);
-    n(this, "userInfo");
-    n(this, "token");
-    n(this, "isHideHeader", !0);
-    n(this, "iframeEle", "");
-    n(this, "iframeUrl", "");
-    this.userInfo = t, this.token = e, this.isHideHeader = s, this.iframeEle = a, this.iframeUrl = i, this.iframeEle && this.iframeUrl && this.init();
-  }
+    /** 连接到的子postmate实例 */
+    r(this, "postmateChild", null);
+    /** 登陆信息 */
+    r(this, "loginInfo");
+    /** token */
+    r(this, "token");
+    /** 是否隐藏头部 */
+    r(this, "isHideHeader", !0);
+    /** iframe Dom */
+    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();
+  }
+  /** 初始化 */
   async init(t = "") {
-    new h({
+    new l({
       container: this.iframeEle,
       url: this.iframeUrl
     }).then((s) => {
       this.postmateChild = s, s.on("requestBaseData", (a) => {
-        console.log("接收到子页面的请求，参数为：", a), this.sendData();
+        this.sendData();
       }), t && t();
     });
   }
@@ -213,13 +219,14 @@ class H {
   /** 向子页面发送消息 */
   sendData() {
     this.postmateChild && this.postmateChild.call("baseData", {
-      userInfo: this.userInfo,
+      loginInfo: this.loginInfo,
       token: this.token,
       isHideHeader: this.isHideHeader
     });
   }
-}
+};
+const I = D, O = C;
 export {
-  C as ChildPostmate,
-  H as ParentPostmate
+  I as ChildPostmate,
+  O 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 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,"userInfo");l(this,"token");l(this,"isHideHeader",!0);l(this,"iframeEle","");l(this,"iframeUrl","");this.userInfo=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=>{console.log("接收到子页面的请求，参数为：",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",{userInfo:this.userInfo,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 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"})});

package/package.json

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