npm - qlfy-postmate - Versions diffs - 1.0.0 - Mend

qlfy-postmate 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/README.md ADDED Viewed

File without changes

package/lib/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { default as ChildPostmate } from './postMeta/ChildPostmate.js';
+import { default as ParentPostmate } from './postMeta/ParentPostmate.js';
+export { ChildPostmate, ParentPostmate };

package/lib/index.mjs ADDED Viewed

@@ -0,0 +1,225 @@
+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";
+let w = 0;
+const y = {
+  handshake: 1,
+  "handshake-reply": 1,
+  call: 1,
+  emit: 1,
+  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];
+}
+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);
+    }, this.parent.addEventListener("message", this.listener, !1);
+  }
+  get(t) {
+    return new h.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,
+          property: t,
+          uid: s
+        },
+        this.childOrigin
+      );
+    });
+  }
+  call(t, e) {
+    this.child.postMessage(
+      {
+        postmate: "call",
+        type: l,
+        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 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];
+      if (s !== "call") {
+        const m = typeof o == "function" ? o() : o;
+        h.Promise.resolve(m).then((c) => {
+          e.source.postMessage(
+            {
+              property: a,
+              postmate: "reply",
+              type: l,
+              uid: i,
+              value: c
+            },
+            e.origin
+          );
+        });
+      } else a in this.model && typeof o == "function" && o(d);
+    });
+  }
+  emit(t, e) {
+    this.parent.postMessage(
+      {
+        postmate: "emit",
+        type: l,
+        value: { name: t, data: e }
+      },
+      this.parentOrigin
+    );
+  }
+}
+class h {
+  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);
+  }
+  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}`;
+    })();
+    let s = 0, a;
+    return new h.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");
+      };
+      this.parent.addEventListener("message", o, !1);
+      const m = () => {
+        s++, this.child.postMessage(
+          {
+            postmate: "handshake",
+            type: l,
+            model: this.model
+          },
+          e
+        ), s === 5 && clearInterval(a);
+      }, c = () => {
+        m(), a = setInterval(m, 500);
+      };
+      this.frame.onload = c, this.frame.attachEvent && this.frame.attachEvent("onload", c), this.frame.src = t;
+    });
+  }
+}
+class k {
+  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: l
+            },
+            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));
+        }
+      }, !1);
+    });
+  }
+}
+h.debug = !1;
+h.Promise = (() => {
+  try {
+    return typeof window < "u" ? window.Promise : Promise;
+  } catch {
+    return Promise;
+  }
+})();
+h.Model = k;
+class C {
+  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("为嵌入主系统");
+  }
+  init(t, e) {
+    const s = this;
+    this.childPostmate = new h.Model({
+      // 定义子页面可以暴露给父页面的方法
+      baseData(a) {
+        s.isGetData ? s.getDataCllBack(a) : t(a), s.isGetData = !1;
+      }
+    }).then((a) => {
+      s.parentPostmate = a, s.getData(), e(a);
+    });
+  }
+  // 获取数据
+  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 H {
+  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();
+  }
+  async init(t = "") {
+    new h({
+      container: this.iframeEle,
+      url: this.iframeUrl
+    }).then((s) => {
+      this.postmateChild = s, s.on("requestBaseData", (a) => {
+        console.log("接收到子页面的请求，参数为：", a), this.sendData();
+      }), t && t();
+    });
+  }
+  /** 设置iframe Dom */
+  setIframeEle(t) {
+    this.iframeEle = t, this.iframeEle && this.iframeUrl && this.init();
+  }
+  /** 设置iframe url */
+  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
+    });
+  }
+}
+export {
+  C as ChildPostmate,
+  H as ParentPostmate
+};

package/lib/index.umd.js ADDED Viewed

@@ -0,0 +1 @@

package/package.json ADDED Viewed

@@ -0,0 +1,46 @@
+{
+	"name": "qlfy-postmate",
+	"version": "1.0.0",
+	"description": "",
+	"types": "lib/index.d.ts",
+	"module": "lib/index.umd.js",
+	"main": "lib/index.umd.js",
+	"keywords": [
+		"postmate"
+	],
+	"files": [
+		"lib",
+		"README.md",
+		"package.json"
+	],
+	"scripts": {
+		"dev": "vite",
+		"build": "run-p type-check \"build-only {@}\" --",
+		"preview": "vite preview",
+		"build-only": "vite build",
+		"type-check": "vue-tsc --build",
+		"format": "prettier --write src/"
+	},
+	"dependencies": {
+		"@vitejs/plugin-vue-jsx": "^4.2.0",
+		"element-plus": "^2.8.4",
+		"rollup-plugin-copy": "^3.5.0",
+		"vite-plugin-compression": "^0.5.1",
+		"vite-plugin-dts": "^4.5.4",
+		"vue": "^3.5.13"
+	},
+	"devDependencies": {
+		"@tsconfig/node22": "^22.0.1",
+		"@types/node": "^22.14.0",
+		"@vitejs/plugin-vue": "^5.2.3",
+		"@vue/tsconfig": "^0.7.0",
+		"npm-run-all2": "^7.0.2",
+		"prettier": "3.5.3",
+		"sass": "^1.89.0",
+		"sass-loader": "^16.0.5",
+		"typescript": "~5.8.0",
+		"vite": "^6.2.4",
+		"vite-plugin-vue-devtools": "^7.7.2",
+		"vue-tsc": "^2.2.8"
+	}
+}