react-iframe-plugin 0.0.15 → 0.0.17

package/README.md

@@ -1,8 +1,19 @@
-# React + Vite
+# IframePlugin
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+npm i react-iframe-plugin 
 
-Currently, two official plugins are available:
+or yarn add react-iframe-plugin
 
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+or pnpm i eact-iframe-plugin
+
+- import IframePlugin from 'react-iframe-plugin';
+- <IframePlugin 
+        currentDomain="http://localhost:3000" //當前domain
+        iframeDomain="https://amcm.staging.wizmacau.com" //加載domain
+        src="https://amcm.staging.wizmacau.com/zh-hant/header" //加載地址
+        url="https://amcm.staging.wizmacau.com" //點擊跳轉地址
+        basicHeight="250px" //初始高度
+        height="800px" //展開高度
+        width="100%" //寬度
+      />
+      

package/dist/IframePlugin.d.ts

@@ -4,6 +4,13 @@ interface IframePluginProps {
     title: string;
     width: string;
     height: string;
+    types: string;
+    currentDomain: string;
+    iframeDomain: string;
+    basicHeight: string;
+    url: string;
+    newWindow: boolean;
+    footerHeight: string;
 }
 declare const IframePlugin: React.FC<IframePluginProps>;
 export default IframePlugin;

package/dist/IframePlugin.es.js

@@ -1,16 +1,54 @@
-import { jsx as a } from "react/jsx-runtime";
-const s = ({ src: r, title: e, width: l, height: o }) => /* @__PURE__ */ a(
-  "iframe",
-  {
-    src: r,
-    title: e,
-    width: l,
-    height: o,
-    style: { border: "none" },
-    sandbox: "allow-scripts allow-same-origin",
-    allowFullScreen: !0
-  }
-);
+import { jsx as n, Fragment as w, jsxs as b } from "react/jsx-runtime";
+import { useState as x, useEffect as y } from "react";
+const v = (g) => {
+  const [l, s] = x(""), { footerHeight: f, newWindow: d, url: h, basicHeight: t, iframeDomain: r, currentDomain: e, types: p, src: c, title: m, width: u, height: o } = g;
+  return y(
+    () => {
+      const a = document.getElementById("iframePlugin");
+      console.log(87878787, a.contentWindow, e, r, h, o, t, d), a.addEventListener("load", function() {
+        console.log("currentDomain────────────", e, t), s(t || "250px"), e && a.contentWindow.postMessage(
+          {
+            currentDomain: e || "http://localhost:8081",
+            iframeDomain: r || "http://localhost:8086",
+            url: h || "http://localhost:8081",
+            height: o || "800px",
+            basicHeight: t,
+            newWindow: d || !0
+          },
+          r || "http://localhost:8086"
+        );
+      }), window.addEventListener("message", function(i) {
+        console.log(123123123123, i), console.log("Fetch iframe:", i.data.height), i.data && s(i.data.height);
+      });
+    },
+    []
+  ), /* @__PURE__ */ n(w, { children: /* @__PURE__ */ b("div", { style: { width: "100%", position: "relative", paddingBottom: "250px" }, children: [
+    /* @__PURE__ */ n("div", { style: { position: "absolute", left: "30%", top: 0, color: "white" }, children: l }),
+    p === "footer" ? /* @__PURE__ */ n(
+      "iframe",
+      {
+        id: "iframeFooter",
+        src: c,
+        title: m,
+        width: u,
+        height: o,
+        style: { border: "none", height: f, width: "100vw", background: "transparent", position: "absolute" },
+        allowFullScreen: !0
+      }
+    ) : /* @__PURE__ */ n(
+      "iframe",
+      {
+        id: "iframePlugin",
+        src: c,
+        title: m,
+        width: u,
+        height: o,
+        style: { border: "none", height: l, width: "100vw", background: "transparent", position: "absolute" },
+        allowFullScreen: !0
+      }
+    )
+  ] }) });
+};
 export {
-  s as default
+  v as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-iframe-plugin",
   "private": false,
-  "version": "0.0.15",
+  "version": "0.0.17",
   "scripts": {
     "dev": "vite",
     "lint": "eslint .",