react-iframe-plugin 0.1.2 → 0.1.4

package/dist/index.d.ts

@@ -1,16 +1,15 @@
 import React from "react";
 interface IframePluginProps {
     src: string;
-    title: string;
-    width: string;
-    height: string;
-    types: string;
-    currentDomain: string;
+    title?: string;
+    width?: string;
+    height?: string;
+    types?: string;
     iframeDomain: string;
-    basicHeight: string;
+    basicHeight?: string;
     url: string;
-    newWindow: boolean;
-    zIndex: string;
+    newWindow?: boolean;
+    zIndex?: string;
 }
 declare const IframePlugin: React.FC<IframePluginProps>;
 export default IframePlugin;

package/dist/index.es.js

@@ -1,78 +1,78 @@
 import { jsx as l, Fragment as b, jsxs as B } from "react/jsx-runtime";
-import { useState as m, useRef as W, useEffect as E } from "react";
-const T = (S) => {
-  const [a, h] = m("250px"), [u, F] = m("250px"), {
-    zIndex: f,
-    newWindow: c,
-    url: s,
+import { useState as h, useRef as D, useEffect as y } from "react";
+const L = (E) => {
+  const [a, m] = h("250px"), [f, S] = h("250px"), {
+    zIndex: u,
+    newWindow: s,
+    url: c,
     basicHeight: o,
     iframeDomain: n,
-    currentDomain: g,
+    // currentDomain,
     types: r,
-    src: p,
-    title: w,
-    width: x,
+    src: g,
+    title: p,
+    width: w,
     height: d
-  } = S, i = W(!1), [I, D] = m(!1);
-  E(() => {
+  } = E, i = D(!1), [F, I] = h(!1);
+  y(() => {
     const t = r == "footer" ? document.getElementById("iframeFooter") : document.getElementById("iframePlugin");
     console.log(
       87878787,
       t.contentWindow,
-      g,
+      // currentDomain,
       n,
-      s,
+      c,
       d,
       o,
-      c
+      s
     ), t.addEventListener("load", function() {
-      console.log("currentDomain────────────", o), h(o || "250px");
+      console.log("currentDomain────────────", o), m(o || "250px");
       const e = window.location.origin;
       e && t.contentWindow.postMessage(
         {
-          currentDomain: e || window.location.origin,
+          currentDomain: e,
           iframeDomain: n || "http://localhost:8086",
-          url: s || "http://localhost:8081",
+          url: c || "http://localhost:8081",
           height: d || "800px",
           basicHeight: o,
-          newWindow: c || !0
+          newWindow: s || !0
         },
         n || "http://localhost:8086"
-      ), y(), window.addEventListener("scroll", (P) => {
-        y();
+      ), x(), window.addEventListener("scroll", (W) => {
+        x();
       });
     }), window.addEventListener("message", function(e) {
       console.log("message", e), console.log(
         "plugin Fetch iframe:",
         e.data.height,
         e.data.footerHeight
-      ), e.data && (e.data.height && h(e.data.height || o), e.data.footerHeight && F(e.data.footerHeight));
+      ), e.data && (e.data.height && m(e.data.height || o), e.data.footerHeight && S(e.data.footerHeight));
     });
   }, []);
-  const H = () => (document.scrollingElement || document.documentElement).scrollTop, y = () => {
+  const H = () => (document.scrollingElement || document.documentElement).scrollTop, x = () => {
     var t = H();
-    t > Number(a.replace("px", "")) ? i.current = !0 : i.current = !1, D(i.current);
+    t > Number(a.replace("px", "")) ? i.current = !0 : i.current = !1, I(i.current);
   };
-  return E(() => {
+  return y(() => {
     console.log("isScroll", i.current), (r == "footer" ? document.getElementById("iframeFooter") : document.getElementById("iframePlugin")).contentWindow.postMessage(
       {
-        currentDomain: g || window.location.origin,
+        currentDomain: window.location.origin,
         iframeDomain: n || "http://localhost:8086",
-        url: s || "http://localhost:8081",
+        url: c || "http://localhost:8081",
         height: d || "800px",
         basicHeight: o,
-        newWindow: c || !0,
+        newWindow: s || !0,
         isScroll: i.current
       },
       n || "http://localhost:8086"
     );
-  }, [I]), /* @__PURE__ */ l(b, { children: /* @__PURE__ */ B(
+  }, [F]), /* @__PURE__ */ l(b, { children: /* @__PURE__ */ B(
     "div",
     {
       style: {
         width: "100%",
         position: "relative",
-        zIndex: f || 999,
+        zIndex: u || 999,
         paddingBottom: r === "footer" ? "0px" : "250px"
       },
       children: [
@@ -84,19 +84,19 @@ const T = (S) => {
               left: "30%",
               top: 0,
               color: "white",
-              zIndex: f || 999
+              zIndex: u || 999
             },
-            children: r === "footer" ? u : a
+            children: r === "footer" ? f : a
           }
         ),
         r === "footer" ? /* @__PURE__ */ l(
           "iframe",
           {
             id: "iframeFooter",
-            src: p,
-            title: w,
-            width: x,
-            height: u,
+            src: g,
+            title: p,
+            width: w,
+            height: f,
             style: {
               border: "none",
               width: "100vw",
@@ -108,9 +108,9 @@ const T = (S) => {
           "iframe",
           {
             id: "iframePlugin",
-            src: p,
-            title: w,
-            width: x,
+            src: g,
+            title: p,
+            width: w,
             height: a,
             style: {
               border: "none",
@@ -128,5 +128,5 @@ const T = (S) => {
   ) });
 };
 export {
-  T as default
+  L as default
 };

package/package.json

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