react-iframe-plugin 0.0.18 → 0.0.19

package/README.md

@@ -9,7 +9,7 @@ npm i react-iframe-plugin
 or yarn add react-iframe-plugin
 ```
 ```bash
-or pnpm i eact-iframe-plugin
+or pnpm i react-iframe-plugin
 ```
 
 ```bash
@@ -24,6 +24,8 @@ or pnpm i eact-iframe-plugin
         basicHeight="250px" //初始高度
         height="800px" //展開高度
         width="100%" //寬度
+        zIndex="999" //層級
+        footerHeight="750px" //底部高度
       />
 ```
       

package/dist/IframePlugin.d.ts

@@ -11,6 +11,7 @@ interface IframePluginProps {
     url: string;
     newWindow: boolean;
     footerHeight: string;
+    zIndex: string;
 }
 declare const IframePlugin: React.FC<IframePluginProps>;
 export default IframePlugin;

package/dist/IframePlugin.es.js

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

package/package.json

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