rme 0.3.0-beta.7 → 0.3.0-beta.8

package/dist/index.mjs

@@ -895,6 +895,7 @@ var WysiwygThemeWrapper = styled.div.attrs((p) => ({
     height: min-content;
     display: inline-block;
     font-size: 16px;
+    line-height: ${(props) => props.rootLineHeight};
     animation: loading-icon-spin 1s linear infinite;
   }
 
@@ -1275,8 +1276,9 @@ var WysiwygThemeWrapper = styled.div.attrs((p) => ({
 
   & .html-image-node-view-wrapper,
   & .md-image-node-view-wrapper {
-    display: inline-block;
+    display: inline-flex;
     padding: 0 2px;
+    vertical-align: bottom;
     z-index: 1;
   }
 
@@ -5479,7 +5481,7 @@ var throttle = (delay, noTrailing, callback) => {
   };
 };
 var ResizableContainer = styled6.div`
-  display: inline-block;
+  display: inline-flex;
   position: relative;
   max-width: 100%;
   user-select: none;
@@ -6596,6 +6598,8 @@ var Container2 = styled9.div`
   border: 1px solid ${(props) => props.theme.borderColor};
   border-radius: ${(props) => props.theme.smallBorderRadius};
   box-shadow: 0 4px 12px ${(props) => props.theme.boxShadowColor};
+  font-size: ${(props) => props.theme.fontBase};
+  line-height: normal;
   z-index: 100;
 `;
 var InputGroup = styled9.div`
@@ -6777,7 +6781,6 @@ var ImageToolTips = (props) => {
 
 // src/editor/extensions/Image/image-nodeview.tsx
 import { jsx as jsx14 } from "react/jsx-runtime";
-var warningFallBack = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAAAAACIM/FCAAAChElEQVR4Ae3aMW/TQBxAcb70k91AAiGuGlZAtOlQApWaDiSdklZq2RPUTm1xUWL3PgqSpygkXlh88N54nn7S2Trd3y/CP5IQIUKECBEiRIgQIUKECBEiRIgQIUKECBEiRIgQIUKECBEiRIgQIUKECBEiRIgQIUKECBEiRIgQIUKECPmPIEKECBEiRIgQIeX82+FBO0naB4eTRRkt5P7sNWt1Rw9RQvKThI2SYR4f5OoVW2rfRAYpT6hqHc8WeVHki9mgRdWwiAmyfA9AdrlaW5tlAHxcxQMpK8feRbGxPEkrSREN5ARg/y780V0GMIwFcgXwLg9byvsAN3FA8lfAfr7jYQZ0nqKAfAb21vYVwNruSoEvMUDuE+Ai7IKECZA+RAA5A7JiN6TMgFHzIeUb4DLshoQZ0H1uPGQOvFzVQZYtYNF4yBg4DnWQMAAmjYccArN6yBQ4ajzkAFjUQ+ZAv/GQNpDXQ3Kg03hIAhT1kAJIhLi1/vJl39Ic6Mf3+a2K8PM7BgahtgEwjuKI0lqGjSI8opRdYFb3sk/jODSGEZCVuyFFDzgPzYc8JMBkN2QMpI8RQMIQ2LvdBblNgdM4Lh/aQJaHrf3sAe2nKCDhGqCfb3VEcx1UNQTItlzQ3fYAvoZYIMUHgHRSbiyPU4BPZUSX2JWEbLZcW5v2qByrmMYKxZCq1mA6z4sin08HLapOy8gGPddtttT5HuHobZiwUXr6K85h6KjLWm/PH+MdTy/GR/12knb6g8mPZ38YECJEiBAhQoQIESJEiBAhQoQIESJEiBAhQoQIESJEiBAhQoQIESJEiBAhQoQIESJEiBAhQoQIESJEiBAhQoQIESJEiBAh0fUb5q7oCGreEVEAAAAASUVORK5CYII=";
 function ImageNodeView(props) {
   const {
     node,
@@ -6815,7 +6818,7 @@ function ImageNodeView(props) {
       };
       handlePasteEvent();
     }
-  }, [fromPaste, node.attrs.src]);
+  }, [fromPaste, handleViewImgSrcUrl, imageCopyHandler, node.attrs.src]);
   const handleStoreChange = (store) => {
     popoverStore.current = store;
   };
@@ -6841,38 +6844,29 @@ function ImageNodeView(props) {
   if (fromPaste) {
     return Loading;
   }
-  const Main = /* @__PURE__ */ jsx14(Resizable, { controlInit: (init) => initRef.current = init, onResize: handleResize, ...props, children: /* @__PURE__ */ jsx14(
-    ZensImage,
+  const Main = /* @__PURE__ */ jsx14(
+    Resizable,
     {
-      onLoad: () => initRef.current?.(),
-      src: node.attrs.src,
-      loader: Loading,
-      imgPromise: (src) => {
-        return new Promise((resolve, reject) => {
-          const makeImageLoad = (targetSrc) => {
-            const img = new Image();
-            img.src = targetSrc;
-            img.onload = () => {
-              resolve(targetSrc);
-            };
-            img.onerror = () => {
-              reject(warningFallBack);
-            };
-          };
-          if (handleViewImgSrcUrl) {
-            handleViewImgSrcUrl(node.attrs.src).then((newSrc) => {
-              makeImageLoad(newSrc);
-            });
-          } else {
-            makeImageLoad(node.attrs.src);
-          }
-        });
-      },
-      ...node.attrs
+      controlInit: (init) => initRef.current = init,
+      onResize: handleResize,
+      ...props,
+      children: /* @__PURE__ */ jsx14(
+        ZensImage,
+        {
+          onLoad: () => initRef.current?.(),
+          src: node.attrs.src,
+          loader: Loading,
+          style: {
+            width: "100%",
+            height: "100%"
+          },
+          ...node.attrs
+        }
+      )
     },
     `${node.attrs.src}_${node.attrs["data-rme-loading"]}`
-  ) });
-  return /* @__PURE__ */ jsx14("div", { ref: popoverRef, style: { position: "relative", zIndex: selected ? 10 : "auto" }, children: /* @__PURE__ */ jsx14(
+  );
+  return /* @__PURE__ */ jsx14("div", { ref: popoverRef, style: { position: "relative", zIndex: selected ? 10 : "auto", lineHeight: 0 }, children: /* @__PURE__ */ jsx14(
     Popover2,
     {
       customContent: /* @__PURE__ */ jsx14(
@@ -6887,6 +6881,11 @@ function ImageNodeView(props) {
         },
         `${node.attrs.src}`
       ),
+      boxProps: {
+        style: {
+          display: "inline-flex"
+        }
+      },
       placement: "top-start",
       onStoreChange: handleStoreChange,
       toggleOnClick: true,