@ones-editor/editor 2.2.0-beta.1 → 2.2.0-beta.3

package/dist/index.js

@@ -24711,7 +24711,7 @@ var __publicField = (obj, key, value) => {
       __publicField(this, "composing", false);
       __publicField(this, "callbacks");
       __publicField(this, "inputElement");
-      __publicField(this, "handleBlur", () => {
+      __publicField(this, "handleWindowBlur", () => {
         this.editor.emit("blur", this.editor);
         this.callbacks.onBlur();
       });
@@ -24738,7 +24738,8 @@ var __publicField = (obj, key, value) => {
           return;
         }
         setTimeout(() => {
-          this.handleBlur();
+          this.editor.emit("blur", this.editor);
+          this.callbacks.onBlur();
         });
       });
       __publicField(this, "handleDocumentSelectionChange", () => {
@@ -24753,7 +24754,8 @@ var __publicField = (obj, key, value) => {
               return;
             }
           }
-          this.handleBlur();
+          this.editor.emit("blur", this.editor);
+          this.callbacks.onBlur();
         }, 100);
       });
       __publicField(this, "handleEditorSelectionChanged", () => {
@@ -24867,7 +24869,7 @@ var __publicField = (obj, key, value) => {
       document.addEventListener("selectionchange", this.handleDocumentSelectionChange);
       this.editor.addListener("selectionChanged", this.handleEditorSelectionChanged);
       this.editor.addListener("readonlyChanged", this.handleReadonlyChanged);
-      window.addEventListener("blur", this.handleBlur);
+      window.addEventListener("blur", this.handleWindowBlur);
       window.addEventListener("focus", this.handleWindowFocus);
     }
     isInCommandBar(target) {
@@ -24897,7 +24899,7 @@ var __publicField = (obj, key, value) => {
       input2.oninput = null;
       input2.oncopy = null;
       document.removeEventListener("paste", this.handlePaste);
-      window.removeEventListener("blur", this.handleBlur);
+      window.removeEventListener("blur", this.handleWindowBlur);
       window.removeEventListener("focus", this.handleWindowFocus);
       input2.oncut = null;
     }
@@ -28299,16 +28301,7 @@ ${codeText}
           this.pasteDocs(docs, null, files);
         }
       });
-      __publicField(this, "onBlur", () => {
-        var _a;
-        for (const handler of this.handlers) {
-          if ((_a = handler.handleBlur) == null ? void 0 : _a.call(handler, this.editor)) {
-            return;
-          }
-        }
-        this.debounceBlur();
-      });
-      __publicField(this, "debounceBlur", debounce__default.default(() => {
+      __publicField(this, "onBlur", debounce__default.default(() => {
         const range = this.editor.selection.range;
         if (!range.isCollapsed()) {
           let block = null;
@@ -28443,7 +28436,7 @@ ${codeText}
     }
     onFocus() {
       addClass(this.editor.rootElement, "active");
-      this.debounceBlur.cancel();
+      this.onBlur.cancel();
       this.removeActiveForBlur.cancel();
     }
     addHandler(handler) {
@@ -59918,6 +59911,9 @@ $$${mathData.mathjaxText}$$
     md5Cache.set(src, key);
     return `${key}_width`;
   }
+  function getImageWidthRealKey(widthKey) {
+    return `${widthKey}_r`;
+  }
   function getImageHeightKeyFromSrc(src) {
     if (md5Cache.has(src)) {
       const key2 = md5Cache.get(src);
@@ -59960,9 +59956,11 @@ $$${mathData.mathjaxText}$$
         src2 = `empty:${index2}`;
       }
       const widthKey = getImageWidthKeyFromSrc(src2);
+      const widthRealKey = getImageWidthRealKey(widthKey);
       const heightKey = getImageHeightKeyFromSrc(src2);
       const flexKey = getImageFlexKeyFromSrc(index2);
       let width = data2[widthKey];
+      const widthReal = data2[widthRealKey];
       let height = data2[heightKey];
       let flex = data2[flexKey];
       if (typeof width === "string") {
@@ -59974,7 +59972,11 @@ $$${mathData.mathjaxText}$$
       if (typeof flex === "string") {
         flex = Number.parseInt(flex, 10);
       }
-      return { src: src2, width: width != null ? width : "auto", height: height != null ? height : "auto", flex, virtualSize: !width || !height };
+      const result = { src: src2, width: width != null ? width : "auto", height: height != null ? height : "auto", flex, virtualSize: !width || !height };
+      if (widthReal) {
+        result.widthReal = widthReal;
+      }
+      return result;
     };
     let images = [];
     const src = data2.src;
@@ -59995,6 +59997,52 @@ $$${mathData.mathjaxText}$$
     }
     return imageData.widthPercent;
   }
+  function getWidthReal(blockData) {
+    const images = getImages$1(blockData.embedData);
+    if (images.length > 1) {
+      return void 0;
+    }
+    const image = images[0];
+    return image.widthReal;
+  }
+  function clearWidthReal(imageData) {
+    const keys = Object.keys(imageData);
+    keys.forEach((key) => {
+      if (key.endsWith("_r")) {
+        delete imageData[key];
+      }
+    });
+  }
+  function setWidthPercentAndWidthReal(blockData, widthPercent, widthReal) {
+    const imageData = blockData.embedData;
+    imageData.widthPercent = widthPercent;
+    const images = getImages$1(blockData.embedData);
+    clearWidthReal(blockData.embedData);
+    if (images.length > 1) {
+      return;
+    }
+    const image = images[0];
+    const widthKey = getImageWidthKeyFromSrc(image.src);
+    const widthRealKey = getImageWidthRealKey(widthKey);
+    if (widthReal) {
+      imageData[widthRealKey] = widthReal;
+    } else if (isValidSize(image.width)) {
+      imageData[widthRealKey] = image.width;
+    }
+  }
+  function getHeightReal(blockData, containerElement) {
+    const images = getImages$1(blockData.embedData);
+    if (images.length > 1) {
+      return void 0;
+    }
+    let containerWidth = containerElement.getBoundingClientRect().width;
+    containerWidth -= Number.parseFloat(window.getComputedStyle(containerElement).paddingLeft) + Number.parseFloat(window.getComputedStyle(containerElement).paddingRight);
+    const image = images[0];
+    if (image.widthReal && image.width && image.width !== "auto" && image.height && image.height !== "auto") {
+      return Math.min(image.widthReal, containerWidth) * image.height / image.width;
+    }
+    return void 0;
+  }
   function calImageBlockStyleWidth(editor, blockData, parentContainerElement, failedLoad) {
     const images = getImages$1(blockData.embedData);
     if (images.length > 1) {
@@ -60003,26 +60051,33 @@ $$${mathData.mathjaxText}$$
     if (failedLoad) {
       return "100%";
     }
+    const widthReal = getWidthReal(blockData);
+    if (widthReal) {
+      return `${widthReal}px`;
+    }
+    const image = images[0];
     const percent = getWidthPercent(blockData);
     const totalWidth = editor.rootContainer.getBoundingClientRect().width;
     if (percent) {
       const parentWidth = getContainerContentWidth(parentContainerElement);
       return `${Math.min(totalWidth * percent / 100, parentWidth)}px`;
     }
-    if (isValidSize(images[0].width)) {
-      return `${images[0].width}px`;
+    if (isValidSize(image.width)) {
+      return `${image.width}px`;
     }
     return "auto";
   }
-  function toImageEmbedData(images, widthPercent) {
+  function toImageEmbedData(editor, images, widthPercent) {
     const src = images.map((image) => image.src).join("|");
     const result = {
       src,
       widthPercent
     };
+    const editorWidth = editor.rootContainer.clientWidth;
     images.forEach((image, index2) => {
       const src2 = image.src || `empty:${index2}`;
       const widthKey = getImageWidthKeyFromSrc(src2);
+      const widthRealKey = getImageWidthRealKey(widthKey);
       if (widthKey && isValidSize(image.width)) {
         result[widthKey] = image.width;
       }
@@ -60033,6 +60088,12 @@ $$${mathData.mathjaxText}$$
       assert(logger$1z, image.flex, "no image flex");
       const flexKey = getImageFlexKeyFromSrc(index2);
       result[flexKey] = image.flex;
+      if (widthKey && images.length === 1) {
+        if (widthPercent && image.width !== "auto") {
+          const widthReal = widthPercent === 100 ? image.width : editorWidth * widthPercent / 100;
+          result[widthRealKey] = widthReal;
+        }
+      }
     });
     return result;
   }
@@ -60057,7 +60118,8 @@ $$${mathData.mathjaxText}$$
       const imageHeight = image.height;
       return imageHeight === "auto" ? "auto" : `${imageHeight}px`;
     }
-    let totalWidth = parentContainer.getBoundingClientRect().width * (widthPercent / 100);
+    const containerWidth = parentContainer.getBoundingClientRect().width;
+    let totalWidth = containerWidth * (widthPercent / 100);
     totalWidth -= Number.parseFloat(window.getComputedStyle(parentContainer).paddingLeft) + Number.parseFloat(window.getComputedStyle(parentContainer).paddingRight);
     if (parentContainer === editor.rootContainer && parentContainer !== parentContainerElement) {
       totalWidth = Math.min(totalWidth, getContainerContentWidth(parentContainerElement));
@@ -60067,6 +60129,10 @@ $$${mathData.mathjaxText}$$
       if (image.virtualSize) {
         return "";
       }
+      const heightReal = getHeightReal(imageData, parentContainerElement);
+      if (heightReal) {
+        return `${heightReal}px`;
+      }
       const width = image.width === "auto" ? DEFAULT_WIDTH$1 : image.width;
       const imageHeight = image.height / (width / totalWidth);
       return `${imageHeight}px`;
@@ -60228,7 +60294,7 @@ $$${mathData.mathjaxText}$$
         }
         setDefaultCursor("");
         this.unbindEvents();
-        this.emit("resized", this);
+        this.emit("resized", this, event);
         const element = this.getResizableElement();
         if (!element || !this.block) {
           return;
@@ -60427,7 +60493,7 @@ $$${mathData.mathjaxText}$$
       }
       const block = this.data.block;
       const imageObject = getImageObject(this.editor, block);
-      imageObject.setResizing(true);
+      imageObject.setDisableResizing(true);
     }
     onDragging(drag, event, elem, deltaX, deltaY) {
       const block = this.data.block;
@@ -60461,7 +60527,7 @@ $$${mathData.mathjaxText}$$
         imageContainers[i].style.flexGrow = `${flex}`;
       }
       const blockData = cloneDeep__default.default(this.editor.getBlockData(block));
-      const embedData = toImageEmbedData(images, getWidthPercent(blockData));
+      const embedData = toImageEmbedData(this.editor, images, getWidthPercent(blockData));
       blockData.embedData = embedData;
       updateImageBlockSize(this.editor, blockData, block, null);
     }
@@ -60474,7 +60540,7 @@ $$${mathData.mathjaxText}$$
         return flex2;
       });
       imageObject.updateFlex(flex);
-      imageObject.setResizing(false);
+      imageObject.setDisableResizing(false);
     }
   }
   function getParentImageSplitter(eventTarget) {
@@ -60834,6 +60900,7 @@ $$${mathData.mathjaxText}$$
       __publicField(this, "images", []);
       __publicField(this, "selectedIndex", -1);
       __publicField(this, "blockResizer");
+      __publicField(this, "disableResizing", false);
       __publicField(this, "resizing", false);
       __publicField(this, "parentContainerResizerObserver", null);
       __publicField(this, "autoFix", false);
@@ -60857,7 +60924,7 @@ $$${mathData.mathjaxText}$$
         if (this.isEmpty()) {
           return;
         }
-        if (this.resizing) {
+        if (this.disableResizing) {
           return;
         }
         const block = this.editor.findBlockById(this.blockData.id);
@@ -60865,7 +60932,28 @@ $$${mathData.mathjaxText}$$
           return;
         }
         if (getParentContainer(block) === container) {
-          updateImageBlockSize(this.editor, this.blockData, block, null);
+          const resizeObj = block.resizeObj || [];
+          const rect = container.getBoundingClientRect();
+          const now = Date.now();
+          let found = false;
+          for (let i = resizeObj.length - 1; i >= 0; i--) {
+            if (now - resizeObj[i].time > 200) {
+              resizeObj.splice(i, 1);
+              continue;
+            }
+            if (rect.width === resizeObj[i].width) {
+              found = true;
+              break;
+            }
+          }
+          resizeObj.push({
+            time: now,
+            width: rect.width
+          });
+          block.resizeObj = resizeObj;
+          if (!found) {
+            updateImageBlockSize(this.editor, this.blockData, block, null);
+          }
         }
       });
       __publicField(this, "handleResizing", (resizer, rect) => {
@@ -60873,6 +60961,8 @@ $$${mathData.mathjaxText}$$
         if (!block) {
           return;
         }
+        this.resizing = true;
+        window.isDragging = true;
         if (!this.autoFix) {
           this.setAutoFix(true);
         }
@@ -60885,25 +60975,42 @@ $$${mathData.mathjaxText}$$
         if (newWidth < 50) {
           newWidth = 50;
         }
-        const widthPercent = newWidth * 100 / totalWidth;
-        this.blockData.embedData.widthPercent = widthPercent;
+        let widthPercent = newWidth * 100 / totalWidth;
+        if (newWidth === blockRect.width) {
+          widthPercent = 100;
+        }
+        const rootBlock = getRootBlock(block);
+        if (getBlockType(rootBlock) !== "layout" && widthPercent === 100) {
+          widthPercent = 99.99;
+        }
+        setWidthPercentAndWidthReal(this.blockData, widthPercent, newWidth);
         updateImageBlockSize(this.editor, this.blockData, block, null);
       });
-      __publicField(this, "handleResized", () => {
+      __publicField(this, "handleResized", (resizer, event) => {
         const block = this.editor.findBlockById(this.blockData.id);
         if (!block) {
           return;
         }
-        const embedData = toImageEmbedData(this.images, getWidthPercent(this.blockData));
-        this.editor.updateEmbedData(block, embedData);
+        this.resizing = false;
+        window.isDragging = false;
+        const rootBlock = getRootBlock(block);
+        const widthPercent = getWidthPercent(this.blockData);
+        const embedData = toImageEmbedData(this.editor, this.images, widthPercent);
+        if (getBlockType(rootBlock) === "layout" && widthPercent === 100) {
+          clearWidthReal(embedData);
+        }
         this.blockResizer.enableResize(block);
+        if (!block.contains(event.target)) {
+          this.disableResizer();
+        }
+        this.editor.updateEmbedData(block, embedData);
       });
       __publicField(this, "fixImageSizes", debounce__default.default(() => {
         const block = this.editor.findBlockById(this.blockData.id);
         if (!block) {
           return;
         }
-        const embedData = toImageEmbedData(this.images, getWidthPercent(this.blockData));
+        const embedData = toImageEmbedData(this.editor, this.images, getWidthPercent(this.blockData));
         this.editor.updateEmbedData(block, embedData);
       }, 1e3));
       this.editor = editor;
@@ -60967,8 +61074,8 @@ $$${mathData.mathjaxText}$$
     isEmpty() {
       return this.images.length === 1 && isEmptyImage$1(this.images[0]);
     }
-    setResizing(resizing) {
-      this.resizing = resizing;
+    setDisableResizing(disable) {
+      this.disableResizing = disable;
     }
     getSelectedIndex() {
       return this.selectedIndex;
@@ -61024,6 +61131,9 @@ $$${mathData.mathjaxText}$$
       }
     }
     disableResizer() {
+      if (this.resizing) {
+        return;
+      }
       this.blockResizer.disableResize();
     }
     fixImageSize(index2, image) {
@@ -61061,7 +61171,7 @@ $$${mathData.mathjaxText}$$
       if (this.selectedIndex >= newImages.length) {
         this.selectedIndex = newImages.length - 1;
       }
-      const embedData = toImageEmbedData(newImages, getWidthPercent(this.blockData));
+      const embedData = toImageEmbedData(this.editor, newImages, getWidthPercent(this.blockData));
       this.editor.updateEmbedData(block, embedData);
       return true;
     }
@@ -61080,7 +61190,7 @@ $$${mathData.mathjaxText}$$
           imageData.virtualSize = false;
           this.images[0].flex = NaN;
           calcImagesFlexIfNeeded(this.images);
-          const embedData = toImageEmbedData(this.images, getWidthPercent(this.blockData));
+          const embedData = toImageEmbedData(this.editor, this.images, getWidthPercent(this.blockData));
           this.editor.updateEmbedData(block, embedData);
         }
         const newImageData = {
@@ -61115,7 +61225,7 @@ $$${mathData.mathjaxText}$$
           return false;
         }
         removeClass(block2, "media-block-uploading");
-        const embedData = toImageEmbedData(this.images, getWidthPercent(this.blockData));
+        const embedData = toImageEmbedData(this.editor, this.images, getWidthPercent(this.blockData));
         this.editor.updateEmbedData(block2, embedData);
         return true;
       } catch (err) {
@@ -61140,7 +61250,7 @@ $$${mathData.mathjaxText}$$
       for (let i = 0; i < this.images.length; i++) {
         this.images[i].flex = flex[i];
       }
-      const embedData = toImageEmbedData(this.images, getWidthPercent(this.blockData));
+      const embedData = toImageEmbedData(this.editor, this.images, getWidthPercent(this.blockData));
       this.editor.updateEmbedData(block, embedData);
     }
     resetFlex() {
@@ -61151,7 +61261,7 @@ $$${mathData.mathjaxText}$$
       const newImages = cloneDeep__default.default(this.images);
       newImages[0].flex = NaN;
       calcImagesFlexIfNeeded(newImages);
-      const embedData = toImageEmbedData(newImages, getWidthPercent(this.blockData));
+      const embedData = toImageEmbedData(this.editor, newImages, getWidthPercent(this.blockData));
       this.editor.updateEmbedData(block, embedData);
     }
     setData(blockData) {
@@ -64278,13 +64388,13 @@ ${codeText}
       const image = images[0];
       const widthPercent = 100 * (image.flex / totalFlex);
       image.flex = 1;
-      const embedData2 = toImageEmbedData([image], widthPercent);
+      const embedData2 = toImageEmbedData(editor, [image], widthPercent);
       editor.updateEmbedData(block, embedData2);
       return;
     }
     images[0].flex = NaN;
     calcImagesFlexIfNeeded(images);
-    const embedData = toImageEmbedData(images, imageObject.getWidthPercent());
+    const embedData = toImageEmbedData(editor, images, imageObject.getWidthPercent());
     editor.updateEmbedData(block, embedData);
   }
   function processInsertFilesToImage(editor, files, targetBlock, insertPos) {
@@ -64320,7 +64430,7 @@ ${codeText}
         virtualSize: true
       };
       images.splice(insertIndex, 0, itemData);
-      const embedData = toImageEmbedData(images, imageObject.getWidthPercent());
+      const embedData = toImageEmbedData(editor, images, imageObject.getWidthPercent());
       editor.updateEmbedData(targetBlock, embedData);
       imageObject.replaceImage(insertIndex, file2);
       insertIndex += 1;
@@ -64352,9 +64462,9 @@ ${codeText}
       if (insertPos === "after") {
         blockIndex += 1;
       }
-      const width = draggedImage.boundingRect.width;
-      const widthPercent = 100 * (width / editor.rootContainer.getBoundingClientRect().width);
-      const embedData = toImageEmbedData([draggedImage.image], widthPercent);
+      const sourceData = editor.getBlockData(block);
+      const widthPercent = sourceData.embedData.widthPercent;
+      const embedData = toImageEmbedData(editor, [draggedImage.image], widthPercent);
       const blockData = {
         id: genId(),
         type: "embed",
@@ -64399,7 +64509,7 @@ ${codeText}
             images.splice(fromIndex, 1);
             images.splice(toIndex, 0, image);
           }
-          const embedData = toImageEmbedData(images, imageObject.getWidthPercent());
+          const embedData = toImageEmbedData(editor, images, imageObject.getWidthPercent());
           editor.updateEmbedData(targetBlock, embedData);
           imageObject.setSelectedIndex(resultIndex);
           (_a2 = editor.findCustom("drag-handler")) == null ? void 0 : _a2.handleDragEnd();
@@ -64407,7 +64517,7 @@ ${codeText}
           images.splice(imageInsertIndex, 0, draggedImage.image);
           images[0].flex = NaN;
           calcImagesFlexIfNeeded(images);
-          const embedData = toImageEmbedData(images, imageObject.getWidthPercent());
+          const embedData = toImageEmbedData(editor, images, imageObject.getWidthPercent());
           editor.updateEmbedData(targetBlock, embedData);
           deleteImageFromBlock(editor, sourceBlock, draggedImage.index);
           (_b2 = editor.findCustom("drag-handler")) == null ? void 0 : _b2.handleDragEnd();
@@ -64751,7 +64861,7 @@ ${codeText}
   function getImageClipboardData(editor, img, imageObject, index2) {
     const imageData = imageObject.getImages()[index2];
     const widthPercent = imageObject.getImages().length === 1 ? imageObject.getWidthPercent() : imageData.flex * 100;
-    const embedData = toImageEmbedData([imageData], widthPercent);
+    const embedData = toImageEmbedData(editor, [imageData], widthPercent);
     const blockData = {
       id: genId(),
       type: "embed",
@@ -65471,7 +65581,7 @@ ${codeText}
           flex: 1,
           virtualSize: false
         };
-        const embedData = toImageEmbedData([imageItem], widthPercent);
+        const embedData = toImageEmbedData(editor, [imageItem], widthPercent);
         const blockData = {
           id: genId(),
           type: "embed",
@@ -80667,6 +80777,10 @@ ${content}
     }
     if (sourceBlock && !(isHeadingBlock$1(sourceBlock) && isCollapsedHeadingBlock(sourceBlock))) {
       const sourceBlockData = editor.getBlockData(sourceBlock);
+      if (sourceBlock && isEmbedBlock(sourceBlock) && getEmbedType(sourceBlock) === "image") {
+        clearWidthReal(sourceBlockData.embedData);
+        sourceBlockData.embedData.widthPercent = 100;
+      }
       newContainerID = createContainer$1(editor.doc, cloneBlock(editor.editorBlocks, editor.doc.toJSON(), sourceBlockData));
       editor.deleteBlock(sourceBlock);
     } else {
@@ -80696,6 +80810,11 @@ ${content}
       blockData.children.splice(removeIndex, 1);
       if (blockData.children.length === 1) {
         const remainContent = cloneChildContainer(editor.editorBlocks, editor.doc.toJSON(), blockData.children[0]);
+        remainContent.blocks.root.forEach((remainBlockData) => {
+          if (remainBlockData.type === "embed" && remainBlockData.embedType === "image" && remainBlockData.embedData.widthPercent === 100) {
+            setWidthPercentAndWidthReal(remainBlockData, 100);
+          }
+        });
         editor.insertDocAt(editor.getContainerById("root"), editor.getBlockIndex(layoutBlock), remainContent);
         editor.deleteBlock(layoutBlock);
         return;
@@ -80967,11 +81086,13 @@ ${content}
         } else {
           if (isEmbedBlock(source) && getEmbedType(source) === "image") {
             sourceData = editor.getBlockData(source);
+            clearWidthReal(sourceData.embedData);
             sourceData.embedData.widthPercent = 100;
           }
           let targetData;
           if (isEmbedBlock(target) && getEmbedType(target) === "image") {
             targetData = editor.getBlockData(target);
+            clearWidthReal(targetData.embedData);
             targetData.embedData.widthPercent = 100;
           }
           const cols = position === "left" ? [source, target] : [target, source];
@@ -81486,6 +81607,7 @@ ${content}
         this.dragRecord.dragItem = dragger;
         this.showDragging();
         document.addEventListener("mousemove", this.handleDragging);
+        window.isDragging = true;
       });
       __publicField(this, "handleDragging", (event) => {
         if (!this.dragRecord)
@@ -81547,6 +81669,7 @@ ${content}
       __publicField(this, "handleMouseUp", () => {
         document.removeEventListener("mousemove", this.handleDragging);
         this.updateBlockData();
+        window.isDragging = false;
         this.hideDragging();
         this.draggingRef = null;
         this.dragRecord = null;
@@ -86870,7 +86993,7 @@ ${data2.flowchartText}
         }
       }
     });
-    editor.version = "2.2.0-beta.1";
+    editor.version = "2.2.0-beta.3";
     if (Logger$2.level === LogLevel.DEBUG) {
       window.setReauthFail = (fail) => {
         window.isReauthError = fail;
@@ -86971,7 +87094,7 @@ ${data2.flowchartText}
     });
     editor.addCustom(DOC_RE_AUTH_KEYS, (editor2) => new DocReAuthCallbacks(editor2));
     OnesEditorToolbar.register(editor);
-    editor.version = "2.2.0-beta.1";
+    editor.version = "2.2.0-beta.3";
     return editor;
   }
   async function showDocVersions(editor, options, serverUrl) {

package/package.json

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