@ones-editor/editor 0.0.7-beta.28 → 0.0.7-beta.29

package/dist/index.js

@@ -3133,6 +3133,9 @@ div.editor-root.readonly div.editor-content div[data-type=editor-block] > [data-
   min-height: inherit;
   overflow: hidden;
 }
+.editor-root div.editor-content div[data-type=editor-container] .embed-block[data-type=editor-block][data-embed-type=image] [data-type=block-content] .images .image-container:first-child:last-child {
+  height: 100%;
+}
 .editor-root div.editor-content div[data-type=editor-container] .embed-block[data-type=editor-block][data-embed-type=image] [data-type=block-content] .images .image-container img {
   max-width: 100%;
   width: 100%;
@@ -49130,13 +49133,7 @@ ${codeText}
       if (typeof flex === "string") {
         flex = Number.parseInt(flex, 10);
       }
-      if (width && height) {
-        return { src: src2, width, height, flex, virtualSize: false };
-      }
-      if (width && !height) {
-        return { src: src2, width, height: "auto", flex, virtualSize: false };
-      }
-      return { src: src2, width: "auto", height: "auto", flex, virtualSize: true };
+      return { src: src2, width: width != null ? width : "auto", height: height != null ? height : "auto", flex, virtualSize: !width || !height };
     };
     let images = [];
     const src = data.src;
@@ -49183,14 +49180,14 @@ ${codeText}
       widthPercent
     };
     images.forEach((image, index2) => {
-      if (image.width && image.height && !image.virtualSize) {
-        const src2 = image.src || `empty:${index2}`;
-        const widthKey = getImageWidthKeyFromSrc(src2);
+      const src2 = image.src || `empty:${index2}`;
+      const widthKey = getImageWidthKeyFromSrc(src2);
+      if (widthKey && typeof image.width === "number") {
         result[widthKey] = image.width;
-        const heightKey = getImageHeightKeyFromSrc(src2);
-        if (image.height !== "auto") {
-          result[heightKey] = image.height;
-        }
+      }
+      const heightKey = getImageHeightKeyFromSrc(src2);
+      if (heightKey && typeof image.height === "number") {
+        result[heightKey] = image.height;
       }
       assert(logger$13, image.flex, "no image flex");
       const flexKey = getImageFlexKeyFromSrc(index2);
@@ -49209,6 +49206,11 @@ ${codeText}
     }
     const widthPercent = getWidthPercent(imageData);
     if (!widthPercent) {
+      if (images.length === 1) {
+        const image = images[0];
+        const imageHeight = image.height;
+        return imageHeight === "auto" ? "auto" : `${imageHeight}px`;
+      }
       return "";
     }
     let totalWidth = parentContainer.getBoundingClientRect().width * (widthPercent / 100);
@@ -50014,6 +50016,8 @@ ${codeText}
         if (!this.autoFix) {
           this.setAutoFix(true);
         }
+        const container = block.querySelector(".images");
+        container.style.height = "";
         const rootContainer = this.editor.rootContainer;
         const totalWidth = rootContainer.getBoundingClientRect().width;
         const blockRect = block.getBoundingClientRect();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ones-editor/editor",
-  "version": "0.0.7-beta.28",
+  "version": "0.0.7-beta.29",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",