@halo-dev/richtext-editor 0.0.0-alpha.24 → 0.0.0-alpha.25

package/dist/extensions/image/ImageView.vue.d.ts

@@ -38,6 +38,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     width: import("vue").WritableComputedRef<any>;
     height: import("vue").WritableComputedRef<any>;
     resizeRef: import("vue").Ref<HTMLElement>;
+    mounted: boolean;
     reuseResizeObserver: () => {
         isSupported: import("vue").Ref<boolean>;
         stop: () => void;
@@ -46,6 +47,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         isSupported: import("vue").Ref<boolean>;
         stop: () => void;
     };
+    resetResizeObserver: () => void;
     handleSetSize: (width: string, height: string) => void;
     handleSetFocus: () => void;
     handleOpenLink: () => void;

package/dist/rich-text-editor.es.js

@@ -51594,19 +51594,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     const resizeRef = ref();
+    let mounted = false;
     const reuseResizeObserver = () => {
       let init2 = true;
-      return useResizeObserver(resizeRef, (entries) => {
-        if (init2) {
-          init2 = false;
-          return;
-        }
-        const entry = entries[0];
-        const { width: width2, height: height2 } = entry.contentRect;
-        props.updateAttributes({ width: width2 + "px", height: height2 + "px" });
-      });
+      return useResizeObserver(
+        resizeRef,
+        (entries) => {
+          if (!mounted) {
+            mounted = true;
+            return;
+          }
+          if (init2) {
+            init2 = false;
+            return;
+          }
+          const entry = entries[0];
+          const { width: width2, height: height2 } = entry.contentRect;
+          props.updateAttributes({ width: width2 + "px", height: height2 + "px" });
+        },
+        { box: "border-box" }
+      );
     };
     let resizeObserver = reuseResizeObserver();
+    window.addEventListener("resize", resetResizeObserver);
+    onUnmounted(() => {
+      window.removeEventListener("resize", resetResizeObserver);
+    });
+    function resetResizeObserver() {
+      resizeObserver.stop();
+      resizeObserver = reuseResizeObserver();
+    }
     function handleSetSize(width2, height2) {
       resizeObserver.stop();
       props.updateAttributes({ width: width2, height: height2 });
@@ -51774,7 +51791,6 @@ const Image = Image$1.extend({
       width: {
         default: "100%",
         parseHTML: (element) => {
-          console.log(element);
           const width = element.getAttribute("width") || element.style.width || null;
           return width;
         },